diff --git a/packages/bedrock-components/package-lock.json b/packages/bedrock-components/package-lock.json index da523f13ee..23ce1b9a52 100644 --- a/packages/bedrock-components/package-lock.json +++ b/packages/bedrock-components/package-lock.json @@ -1,12 +1,12 @@ { "name": "@saasquatch/bedrock-components", - "version": "1.4.10", + "version": "1.4.11-0", "lockfileVersion": 2, "requires": true, "packages": { "": { "name": "@saasquatch/bedrock-components", - "version": "1.4.10", + "version": "1.4.11-0", "hasInstallScript": true, "license": "MIT", "dependencies": { diff --git a/packages/bedrock-components/package.json b/packages/bedrock-components/package.json index e002a2c43a..0a29fd1023 100644 --- a/packages/bedrock-components/package.json +++ b/packages/bedrock-components/package.json @@ -1,7 +1,7 @@ { "name": "@saasquatch/bedrock-components", "title": "Bedrock Components", - "version": "1.4.10", + "version": "1.4.11-1", "description": "Component library that adds advanced logic to your widgets and pages. Built and maintained by Saasquatch.", "icon": "https://res.cloudinary.com/saasquatch/image/upload/v1652219900/squatch-assets/For_Bedrock.svg", "main": "dist/index.cjs.js", diff --git a/packages/bedrock-components/src/components/sqb-conditional-section/sqb-conditional-section.tsx b/packages/bedrock-components/src/components/sqb-conditional-section/sqb-conditional-section.tsx index 33248dad5d..0a99a8a402 100644 --- a/packages/bedrock-components/src/components/sqb-conditional-section/sqb-conditional-section.tsx +++ b/packages/bedrock-components/src/components/sqb-conditional-section/sqb-conditional-section.tsx @@ -9,8 +9,8 @@ import { useConditionalSection, UseConditionalSection } from './useConditonalSec * @uiName Conditional Section * @exampleGroup Advanced * @slots [{"name":"","title":"Section Content"}] - * @example Conditional Section On Segment -

Add your conditional content here!

- * @example Conditional Section On Custom Field -

Add your conditional content here!

+ * @example Conditional Area / Segment -

Add your conditional content here!

+ * @example Conditional Area / Field -

Add your conditional content here!

*/ @Component({ tag: 'sqb-conditional-section', diff --git a/packages/mint-components/package.json b/packages/mint-components/package.json index 71cffc3a45..dad5e2782c 100644 --- a/packages/mint-components/package.json +++ b/packages/mint-components/package.json @@ -1,7 +1,7 @@ { "name": "@saasquatch/mint-components", "title": "Mint Components", - "version": "1.15.0-42", + "version": "1.15.0-46", "description": "A minimal design library with components for referral and loyalty experiences. Built with Shoelace components by Saasquatch.", "icon": "https://res.cloudinary.com/saasquatch/image/upload/v1652219900/squatch-assets/For_Mint.svg", "raisins": "docs/raisins.json", diff --git a/packages/mint-components/src/components/sqm-instant-access-registration/sqm-instant-access-registration.tsx b/packages/mint-components/src/components/sqm-instant-access-registration/sqm-instant-access-registration.tsx index 67e706926c..060a9f2a64 100644 --- a/packages/mint-components/src/components/sqm-instant-access-registration/sqm-instant-access-registration.tsx +++ b/packages/mint-components/src/components/sqm-instant-access-registration/sqm-instant-access-registration.tsx @@ -14,7 +14,7 @@ import { useInstantAccessRegistration } from "./useInstantAccessRegistration"; * @validParents ["sqm-portal-container","div","sqm-hero","template", "sqb-program-section", "sqb-conditional-section"] * @compatibility Built for instant access * @exampleGroup Instant Access - * @example Instant Access Registration - + * @example Advocate Registration - * @slots [{"name":"top","title":"Top Content"},{"name":"bottom","title":"Bottom Content"}] */ @Component({ diff --git a/packages/mint-components/src/components/sqm-invoice-table/columns/sqm-invoice-table-date-column.tsx b/packages/mint-components/src/components/sqm-invoice-table/columns/sqm-invoice-table-date-column.tsx index 69ca660681..7a25ff4063 100644 --- a/packages/mint-components/src/components/sqm-invoice-table/columns/sqm-invoice-table-date-column.tsx +++ b/packages/mint-components/src/components/sqm-invoice-table/columns/sqm-invoice-table-date-column.tsx @@ -7,7 +7,7 @@ import { InvoiceTableColumn } from "./InvoiceTableColumn"; * @uiName Invoice Table Date Column * @validParents ["sqm-invoice-table"] * @exampleGroup Invoices - * @example Invoice Table Date Column - + * @example Date Column - */ @Component({ tag: "sqm-invoice-table-date-column", diff --git a/packages/mint-components/src/components/sqm-leaderboard/sqm-leaderboard.tsx b/packages/mint-components/src/components/sqm-leaderboard/sqm-leaderboard.tsx index cbfc80b1b4..dc5de480b1 100644 --- a/packages/mint-components/src/components/sqm-leaderboard/sqm-leaderboard.tsx +++ b/packages/mint-components/src/components/sqm-leaderboard/sqm-leaderboard.tsx @@ -13,9 +13,9 @@ import { LeaderboardProps, useLeaderboard } from "./useLeaderboard"; * @slots [{"name":"empty", "title":"Empty State"}] * @requiredFeatures ["LEADERBOARDS"] * @exampleGroup Leaderboard - * @example Referral Started Leaderboard - - * @example Referral Converted Leaderboard - - * @example Points Earned Leaderboard - + * @example Referral Started - + * @example Referral Converted - + * @example Points Earned - * @example Anonymous Leaderboard -

Top Performers

The leaderboard highlights the top performers in real-time. Stay motivated, stay competitive!

* @featureTooltip
Motivate your participants by gamifying your program. Contact Support to upgrade your plan and add a leaderboard.
*/ diff --git a/packages/mint-components/src/components/sqm-portal-forgot-password/readme.md b/packages/mint-components/src/components/sqm-portal-forgot-password/readme.md index be9095d369..e25458e82a 100644 --- a/packages/mint-components/src/components/sqm-portal-forgot-password/readme.md +++ b/packages/mint-components/src/components/sqm-portal-forgot-password/readme.md @@ -7,20 +7,20 @@ ## Properties -| Property | Attribute | Description | Type | Default | -| --------------------- | ----------------------- | -------------------------------------------------------------------------------------------------------------------- | ---------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- | ------------------------------------------------------------------------------ | -| `backgroundColor` | `background-color` | | `string` | `"var(--sqm-portal-background, #ffffff)"` | -| `border` | `border` | | `string` | `"1px solid var(--sqm-border-color, var(--sqm-text), #eaeaea)"` | -| `borderRadius` | `border-radius` | | `string` | `"var(--sqm-border-radius-normal)"` | -| `demoData` | -- | | `{ states?: { error: string; loading: boolean; success: boolean; loginPath: string; }; content?: { secondaryButton: any; messageSlot: any; emailLabel?: string; submitLabel?: string; successAlertText?: string; loginText?: string; }; styles?: { backgroundColor?: string; borderRadius?: string; border?: string; textColor?: string; }; }` | `undefined` | -| `emailLabel` | `email-label` | | `string` | `"Email"` | -| `headerText` | `header-text` | | `string` | `"Enter your email below to receive a password reset link."` | -| `loginPath` | `login-path` | | `string` | `"/login"` | -| `loginText` | `login-text` | | `string` | `"Sign In"` | -| `networkErrorMessage` | `network-error-message` | Displayed when the forgot password action fails due to a network error. The participant can try refreshing the page. | `string` | `"An error occurred while loading this page. Please refresh the page."` | -| `redirectPath` | `redirect-path` | Redirect participants to this page after they verify their email. | `string` | `"/resetPassword"` | -| `submitLabel` | `submit-label` | | `string` | `"Request Password Reset"` | -| `successAlertText` | `success-alert-text` | | `string` | `"If an account with that email exists, a password reset email will be sent."` | +| Property | Attribute | Description | Type | Default | +| --------------------- | ----------------------- | -------------------------------------------------------------------------------------------------------------------- | ---------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- | ------------------------------------------------------------------------------ | +| `backgroundColor` | `background-color` | | `string` | `"var(--sqm-portal-background, #ffffff)"` | +| `border` | `border` | | `string` | `"1px solid var(--sqm-border-color, #eaeaea)"` | +| `borderRadius` | `border-radius` | | `string` | `"var(--sqm-border-radius-normal, 8px)"` | +| `demoData` | -- | | `{ states?: { error: string; loading: boolean; success: boolean; loginPath: string; }; content?: { messageSlot: any; emailLabel?: string; submitLabel?: string; successAlertText?: string; loginText?: string; backgroundColor?: string; borderRadius?: string; border?: string; textColor?: string; }; }` | `undefined` | +| `emailLabel` | `email-label` | | `string` | `"Email"` | +| `headerText` | `header-text` | | `string` | `"Enter your email below to receive a password reset link."` | +| `loginPath` | `login-path` | | `string` | `"/login"` | +| `loginText` | `login-text` | | `string` | `"Sign In"` | +| `networkErrorMessage` | `network-error-message` | Displayed when the forgot password action fails due to a network error. The participant can try refreshing the page. | `string` | `"An error occurred while loading this page. Please refresh the page."` | +| `redirectPath` | `redirect-path` | Redirect participants to this page after they verify their email. | `string` | `"/resetPassword"` | +| `submitLabel` | `submit-label` | | `string` | `"Request Password Reset"` | +| `successAlertText` | `success-alert-text` | | `string` | `"If an account with that email exists, a password reset email will be sent."` | ## Dependencies diff --git a/packages/mint-components/src/components/sqm-referred-registration/sqm-referred-registration.tsx b/packages/mint-components/src/components/sqm-referred-registration/sqm-referred-registration.tsx index b71beaa2a1..4c478ad91c 100644 --- a/packages/mint-components/src/components/sqm-referred-registration/sqm-referred-registration.tsx +++ b/packages/mint-components/src/components/sqm-referred-registration/sqm-referred-registration.tsx @@ -14,7 +14,7 @@ import { * @validParents ["sqm-portal-container","div","sqm-divided-layout","sqm-brand","template","sqm-hero","sqb-program-section","sqb-conditional-section"] * @compatibility Built for instant access * @exampleGroup Instant Access - * @example Instant Access Friend Registration - + * @example Friend Registration - * @slots [{"name":"top","title":"Top Content"},{"name":"bottom","title":"Bottom Content"}] */ @Component({ diff --git a/packages/mint-components/src/components/sqm-rewards-table/cells/sqm-rewards-table-status-cell.tsx b/packages/mint-components/src/components/sqm-rewards-table/cells/sqm-rewards-table-status-cell.tsx index 26c376adc9..984d4206f6 100644 --- a/packages/mint-components/src/components/sqm-rewards-table/cells/sqm-rewards-table-status-cell.tsx +++ b/packages/mint-components/src/components/sqm-rewards-table/cells/sqm-rewards-table-status-cell.tsx @@ -248,7 +248,9 @@ export class RewardTableStatusCell { | "success" | "info"; - const getBadgeCSSClass = (badgeType: ShoeLaceBadgeType): string => { + // AL: badgeType arg? TODO + const getBadgeCSSClass = (rewardStatus: string): string => { + // const getBadgeCSSClass = (badgeType: ShoeLaceBadgeType): string => { switch (rewardStatus) { case "AVAILABLE": return sheet.classes.SuccessBadge; diff --git a/packages/mint-components/src/components/sqm-rewards-table/columns/sqm-rewards-table-date-column.tsx b/packages/mint-components/src/components/sqm-rewards-table/columns/sqm-rewards-table-date-column.tsx index 32863f2751..ce447c1150 100644 --- a/packages/mint-components/src/components/sqm-rewards-table/columns/sqm-rewards-table-date-column.tsx +++ b/packages/mint-components/src/components/sqm-rewards-table/columns/sqm-rewards-table-date-column.tsx @@ -7,7 +7,7 @@ import { RewardTableColumn } from "./RewardTableColumn"; * @uiName Reward Table Date Column * @validParents ["sqm-rewards-table"] * @exampleGroup Rewards - * @example Reward Table Date Column - + * @example Date Column - */ @Component({ tag: "sqm-rewards-table-date-column", diff --git a/packages/mint-components/src/components/sqm-rewards-table/columns/sqm-rewards-table-note-column.tsx b/packages/mint-components/src/components/sqm-rewards-table/columns/sqm-rewards-table-note-column.tsx index 9194c7e005..86bcb78226 100644 --- a/packages/mint-components/src/components/sqm-rewards-table/columns/sqm-rewards-table-note-column.tsx +++ b/packages/mint-components/src/components/sqm-rewards-table/columns/sqm-rewards-table-note-column.tsx @@ -4,10 +4,10 @@ import { useRequestRerender } from "../../../tables/re-render"; import { RewardTableColumn } from "./RewardTableColumn"; /** - * @uiName Reward Table Customer Note Column + * @uiName Rewards Table Customer Note Column * @validParents ["sqm-rewards-table"] * @exampleGroup Rewards - * @example Reward Table Customer Note Column - + * @example Customer Note Column - */ @Component({ tag: "sqm-rewards-table-customer-note-column", diff --git a/packages/mint-components/src/components/sqm-rewards-table/columns/sqm-rewards-table-reward-column.tsx b/packages/mint-components/src/components/sqm-rewards-table/columns/sqm-rewards-table-reward-column.tsx index f61378edff..6be53440c7 100644 --- a/packages/mint-components/src/components/sqm-rewards-table/columns/sqm-rewards-table-reward-column.tsx +++ b/packages/mint-components/src/components/sqm-rewards-table/columns/sqm-rewards-table-reward-column.tsx @@ -6,7 +6,7 @@ import { RewardTableColumn } from "./RewardTableColumn"; * @uiName Rewards Table Reward Column * @validParents ["sqm-rewards-table"] * @exampleGroup Rewards - * @example Rewards Table Reward Column - + * @example Reward Column - */ @Component({ tag: "sqm-rewards-table-reward-column", diff --git a/packages/mint-components/src/components/sqm-rewards-table/columns/sqm-rewards-table-source-column.tsx b/packages/mint-components/src/components/sqm-rewards-table/columns/sqm-rewards-table-source-column.tsx index d1e01c11ac..ffce816572 100644 --- a/packages/mint-components/src/components/sqm-rewards-table/columns/sqm-rewards-table-source-column.tsx +++ b/packages/mint-components/src/components/sqm-rewards-table/columns/sqm-rewards-table-source-column.tsx @@ -4,10 +4,10 @@ import { useRequestRerender } from "../../../tables/re-render"; import { RewardTableColumn } from "./RewardTableColumn"; /** - * @uiName Reward Table Source Column + * @uiName Rewards Table Source Column * @validParents ["sqm-rewards-table"] * @exampleGroup Rewards - * @example Reward Table Source Column - + * @example Source Column - */ @Component({ tag: "sqm-rewards-table-source-column", diff --git a/packages/mint-components/src/components/sqm-rewards-table/columns/sqm-rewards-table-status-column.tsx b/packages/mint-components/src/components/sqm-rewards-table/columns/sqm-rewards-table-status-column.tsx index 69938c06f8..9f6636ee70 100644 --- a/packages/mint-components/src/components/sqm-rewards-table/columns/sqm-rewards-table-status-column.tsx +++ b/packages/mint-components/src/components/sqm-rewards-table/columns/sqm-rewards-table-status-column.tsx @@ -7,7 +7,7 @@ import { RewardTableColumn } from "./RewardTableColumn"; * @uiName Reward Table Status Column * @validParents ["sqm-rewards-table"] * @exampleGroup Rewards - * @example Reward Table Status Column - + * @example Status Column - */ @Component({ tag: "sqm-rewards-table-status-column", diff --git a/packages/mint-components/src/components/sqm-share-button/sqm-share-button.tsx b/packages/mint-components/src/components/sqm-share-button/sqm-share-button.tsx index a36fe9cad8..da427207f5 100644 --- a/packages/mint-components/src/components/sqm-share-button/sqm-share-button.tsx +++ b/packages/mint-components/src/components/sqm-share-button/sqm-share-button.tsx @@ -17,12 +17,12 @@ import deepmerge from "deepmerge"; * @example Facebook Share Button - Share on Facebook * @example X Share Button - Share via X * @example Email Share Button - Share via Email - * @example Web Share Sheet Share Button - Share + * @example Mobile Share Sheet Button - Share * @example LinkedIn Share Button - Share on LinkedIn * @example SMS Share Button - Text a friend - * @example Facebook Messenger Share Button - Share via Messenger + * @example Messenger Share Button - Share via Messenger * @example WhatsApp Share Button - Share via WhatsApp - * @example Line Messenger Share Button - Share via Line Messenger + * @example LINE Share Button - Share via Line Messenger * @example Pinterest Share Button - Share on Pinterest */ @Component({ diff --git a/packages/mint-components/src/components/sqm-widget-verification/sqm-widget-verification.tsx b/packages/mint-components/src/components/sqm-widget-verification/sqm-widget-verification.tsx index 2b2d294b04..31127f0b1b 100644 --- a/packages/mint-components/src/components/sqm-widget-verification/sqm-widget-verification.tsx +++ b/packages/mint-components/src/components/sqm-widget-verification/sqm-widget-verification.tsx @@ -17,7 +17,7 @@ import { useWidgetVerification } from "./useWidgetVerification"; /** * @uiName Widget Verification Flow * @exampleGroup Widget Verification - * @example Widget Verification Flow - + * @example Widget Verification - */ @Component({ tag: "sqm-widget-verification",