@saasquatch/mint-components 1.7.0-7 → 1.7.0-9

package/dist/types/components/sqm-portal-registration-form/usePortalRegistrationForm.d.ts

@@ -0,0 +1,27 @@
+import { PortalRegistrationForm } from "./sqm-portal-registration-form";
+import { RegistrationFormState } from "./useRegistrationFormState";
+export declare type ValidationErrorFunction = (input: {
+  control: any;
+  key: string;
+  value: any;
+}) => string | undefined;
+export declare function usePortalRegistrationForm(props: PortalRegistrationForm): {
+  states: {
+    loading: boolean;
+    error: string;
+    registrationFormState: RegistrationFormState;
+    confirmPassword: boolean;
+    hideInputs: boolean;
+    loginPath: string;
+    enablePasswordValidation: boolean;
+  };
+  callbacks: {
+    submit: (event: any) => Promise<void>;
+    inputFunction: (e: any) => void;
+  };
+  refs: {
+    formRef: {
+      current: HTMLFormElement;
+    };
+  };
+};

package/dist/types/components/sqm-portal-registration-form/useRegistrationFormState.d.ts

@@ -0,0 +1,19 @@
+export declare const REGISTRATION_FORM_STATE_CONTEXT = "sq:registration-form-state";
+export declare type RegistrationFormState = {
+  error?: string;
+  validationErrors?: ValidationErrors;
+  loading?: boolean;
+  disabled?: boolean;
+  disabledMessage?: string;
+  initialData?: InitialData;
+};
+export declare type ValidationErrors = {
+  [key: string]: string;
+};
+export declare type InitialData = {
+  [key: string]: string;
+};
+export declare function useRegistrationFormState(formState?: RegistrationFormState): {
+  registrationFormState: RegistrationFormState;
+  setRegistrationFormState: (value: RegistrationFormState | ((previousState?: RegistrationFormState) => RegistrationFormState)) => void;
+};

package/dist/types/components/sqm-portal-reset-password/sqm-portal-reset-password.d.ts

@@ -1,27 +1,26 @@
 import { DemoData } from "../../global/demo";
 import { PortalResetPasswordViewProps } from "./sqm-portal-reset-password-view";
 /**
- * @uiName Portal Reset Password
+ * @uiName Microsite Reset Password
  */
 export declare class PortalResetPassword {
   ignored: boolean;
   /**
-   * The page that users are redirected to when the password reset succeeds.
+   * Redirect participants to this page when they successfully reset their password.
    *
-   * @uiName Next Page Path
+   * @uiName Successful Reset Redirect
+   * @uiWidget pageSelect
    */
   nextPage: string;
   /**
-   * The page that users are redirected to if the reset fails due to outdated password reset attempt.
+   * Redirect participants to this page if password reset fails due to an outdated reset attempt.
    *
-   * @uiName Failed Page Path
+   * @uiName Failed Reset Redirect
+   * @uiWidget pageSelect
    */
   failedPage: string;
   /**
-   * Show or hide confirm password field
-   *
-   * @uiName Show Confirm Password
-   * @default
+   * @uiName Show Confirm Password Field
    */
   confirmPassword: boolean;
   /**
@@ -29,9 +28,10 @@ export declare class PortalResetPassword {
    */
   resetPasswordHeader: string;
   /**
-   * Displayed after a successful password reset
+   * Displayed after a successful password reset.
    *
    * @uiName Successful Password Reset Text
+   * @uiWidget textArea
    */
   passwordResetHeader: string;
   /**
@@ -39,17 +39,17 @@ export declare class PortalResetPassword {
    */
   resetPasswordButtonText: string;
   /**
-   * Button text displayed after a successful password reset
+   * Button text displayed after a successful password reset.
    *
    * @uiName Continue Button Text
    */
   continueButtonText: string;
   /**
-   * @uiName Confirm Password Label
+   * @uiName Password Confirmation Field Label
    */
   confirmPasswordFieldLabel: string;
   /**
-   * @uiName Password Label
+   * @uiName Password Field Label
    */
   passwordFieldLabel: string;
   /**

package/dist/types/components/sqm-portal-verify-email/sqm-portal-verify-email.d.ts

@@ -1,20 +1,22 @@
 import { DemoData } from "../../global/demo";
 import { PortalVerifyEmailViewProps } from "./sqm-portal-verify-email-view";
 /**
- * @uiName Portal Verify Email
+ * @uiName Microsite Verify Email
  */
 export declare class PortalVerifyEmail {
   ignored: boolean;
   /**
-   * The page that users are redirected to when the verification succeeds.
+   * Redirect participants to this page when they successfully verify their email.
    *
-   * @uiName Next Page Path
+   * @uiName Successful Verification Redirect
+   * @uiWidget pageSelect
    */
   nextPage: string;
   /**
-   * The page that users are redirected to if verification fails due to outdated verification attempt.
+   * Redirect participants to this page if verification fails due to an outdated verification attempt.
    *
-   * @uiName Failed Page Path
+   * @uiName Failed Verification Redirect
+   * @uiWidget pageSelect
    */
   failedPage: string;
   /**

package/dist/types/components/sqm-program-explainer/sqm-program-explainer.d.ts

@@ -2,7 +2,7 @@
  * @uiName Program Explainer
  * @exampleGroup Common Components
  * @slots [{"name":"", "title":"Explainer", "validChildren":["sqm-program-explainer-step"]}]
- * @example Program Explainer - <sqm-program-explainer header="How it works"><sqm-program-explainer-step description="Complete tasks like uploading your first video or sharing videos with friends" header="Earn points" icon="cash-stack" text-color="#000000"></sqm-program-explainer-step><sqm-program-explainer-step description="Use your points and redeem rewards like one free month of Enterprise or a visa giftcard" header="Redeem rewards" icon="people" text-color="#000000"></sqm-program-explainer-step></sqm-program-explainer>
+ * @example Program Explainer - <sqm-program-explainer header="How it works"><sqm-program-explainer-step description="Explore and use our product while earning points in the process!" header="Earn points" icon="cash-stack" text-color="#000000"></sqm-program-explainer-step><sqm-program-explainer-step description="Use your points and redeem rewards like one free month of Enterprise or a visa giftcard" header="Redeem rewards" icon="people" text-color="#000000"></sqm-program-explainer-step></sqm-program-explainer>
  */
 export declare class ProgramExplainer {
   ignored: boolean;

package/dist/types/components/sqm-program-explainer-step/sqm-program-explainer-step.d.ts

@@ -1,7 +1,7 @@
 /**
  * @uiName Program Explainer Step
  * @exampleGroup Common Components
- * @example Program Explainer Step - <sqm-program-explainer-step description="Complete tasks like uploading your first video or sharing videos with friends" header="Earn points" icon="cash-stack" text-color="#000000"></sqm-program-explainer-step>
+ * @example Program Explainer Step - <sqm-program-explainer-step description="Explore and use our product while earning points in the process!" header="Earn points" icon="cash-stack" text-color="#000000"></sqm-program-explainer-step>
  * @validParents ["sqm-program-explainer"]
  */
 export declare class ProgramExplainerStep {

package/dist/types/components/sqm-program-menu/sqm-program-menu.d.ts

@@ -1,5 +1,6 @@
 /**
- * @uiName Portal Menu
+ * @uiName Microsite Program Menu
+ * @slots [{"name":"","title":"Menu Content"}]
  * @canvasRenderer always-replace
  */
 export declare class ProgramMenu {

package/dist/types/components/sqm-referral-card/sqm-referral-card-view.d.ts

@@ -1,12 +1,6 @@
 import { VNode } from "../../stencil-public-runtime";
-import { Spacing } from "../../global/mixins";
 export interface ReferralCardViewProps {
   verticalAlignment: "start" | "center" | "end";
-  padding?: Spacing;
-  backgroundColor?: string;
-  borderColor?: string;
-  textColor?: string;
-  borderRadius?: number;
   slots: {
     left: VNode;
     right: VNode;

package/dist/types/components/sqm-referral-card/sqm-referral-card.d.ts

@@ -1,4 +1,3 @@
-import { Spacing } from "../../global/mixins";
 /**
  * @uiName Referral Card
  * @exampleGroup Referrals
@@ -14,33 +13,6 @@ export declare class ReferralCard {
    * @uiEnumNames ["Top", "Center", "Bottom"]
    */
   verticalAlignment: "start" | "center" | "end";
-  /**
-   * @uiName Background Color
-   * @uiWidget color
-   */
-  backgroundColor?: string;
-  /**
-   * @uiName Text Color
-   * @uiWidget color
-   */
-  textColor?: string;
-  /**
-   * Configure border radius with pixel amount.
-   * @uiName Border Radius
-   */
-  borderRadius?: number;
-  /**
-   * @uiName Padding
-   * @uiType string
-   * @uiEnum ["none", "xxx-small", "xx-small", "x-small", "small", "medium", "large", "x-large", "xx-large", "xxx-large", "xxxx-large"]
-   * @uiEnumNames ["None", "XXX-Small", "XX-Small", "X-Small", "Small", "Medium", "Large", "X-Large", "XX-Large", "XXX-Large", "XXXX-Large"]
-   */
-  padding?: Spacing;
-  /**
-   * @uiName Border Color
-   * @uiWidget color
-   */
-  borderColor?: string;
   constructor();
   disconnectedCallback(): void;
   render(): any;

package/dist/types/components/sqm-referral-iframe/sqm-referral-iframe.d.ts

@@ -12,12 +12,12 @@ export declare class SqmReferralIframe {
    */
   iframeSrc: string;
   /**
-   * Height of the iframe container
+   * Define the height of the iframe with any valid CSS height value. Example: 100px, 5rem, or auto.
    * @uiName Iframe Height
    */
   iframeHeight: string;
   /**
-   * Width of the iframe container
+   * Define the width of the iframe with any valid CSS width value. Example: 100px, 5rem, or auto.
    * @uiName Iframe Width
    */
   iframeWidth: string;

package/dist/types/components/sqm-referral-table/sqm-referral-table.d.ts

@@ -4,7 +4,7 @@ import { GenericTableViewProps } from "../../tables/GenericTableView";
  * @uiName Referral Table
  * @exampleGroup Referrals
  * @slots [{"name":"", "title":"Table Row"},{"name":"empty", "title":"Empty"},{"name":"loading","title":"Loading"}]
- * @example Referral Table - <sqm-referral-table per-page="4" hidden-columns="2" more-label="Next" prev-label="Prev" show-labels sm-breakpoint="599" md-breakpoint="799"><sqm-referral-table-user-column column-title="Customer" anonymous-user="Anonymous User" deleted-user="Deleted User"></sqm-referral-table-user-column><sqm-referral-table-rewards-column column-title="Rewards" status-text="{status, select, AVAILABLE {Available} CANCELLED {Cancelled} PENDING {Pending} EXPIRED {Expired} REDEEMED {Redeemed} other {Not available} }" status-long-text="{status, select, AVAILABLE {Reward expiring on} CANCELLED {Reward cancelled on} PENDING {Available on} EXPIRED {Reward expired on} other {Not available} }" fuel-tank-text="Your code is" reward-received-text="Reward received on" expiring-text="Expiring in" pending-for-text="{status} for {date}"></sqm-referral-table-rewards-column><sqm-referral-table-date-column column-title="Date converted" date-shown="dateConverted"></sqm-referral-table-date-column><sqm-referral-table-status-column column-title="Status" converted-status-text="Converted" in-progress-status-text="In Progress"></sqm-referral-table-status-column><sqm-empty empty-state-image="https://res.cloudinary.com/saasquatch/image/upload/v1644000223/squatch-assets/empty_referral2.png" empty-state-header="View your referral details" empty-state-text="Refer a friend to view the status of your referrals and rewards earned" slot="empty"></sqm-empty></sqm-referral-table>
+ * @example Referral Table - <sqm-referral-table per-page="4" hidden-columns="2" more-label="Next" prev-label="Prev" sm-breakpoint="599" md-breakpoint="799"><sqm-referral-table-user-column column-title="Customer" anonymous-user="Anonymous User" deleted-user="Deleted User"></sqm-referral-table-user-column><sqm-referral-table-rewards-column column-title="Rewards" status-text="{status, select, AVAILABLE {Available} CANCELLED {Cancelled} PENDING {Pending} EXPIRED {Expired} REDEEMED {Redeemed} other {Not available} }" status-long-text="{status, select, AVAILABLE {Reward expiring on} CANCELLED {Reward cancelled on} PENDING {Available on} EXPIRED {Reward expired on} other {Not available} }" fuel-tank-text="Your code is" reward-received-text="Reward received on" expiring-text="Expiring in" pending-for-text="{status} for {date}"></sqm-referral-table-rewards-column><sqm-referral-table-date-column column-title="Date converted" date-shown="dateConverted"></sqm-referral-table-date-column><sqm-referral-table-status-column column-title="Status" converted-status-text="Converted" in-progress-status-text="In Progress"></sqm-referral-table-status-column><sqm-empty empty-state-image="https://res.cloudinary.com/saasquatch/image/upload/v1644000223/squatch-assets/empty_referral2.png" empty-state-header="View your referral details" empty-state-text="Refer a friend to view the status of your referrals and rewards earned" slot="empty"></sqm-empty></sqm-referral-table>
  */
 export declare class ReferralTable {
   /**

package/dist/types/components/sqm-rewards-table/sqm-rewards-table.d.ts

@@ -4,7 +4,7 @@ import { GenericTableViewProps } from "../../tables/GenericTableView";
  * @uiName Reward Table
  * @exampleGroup Rewards
  * @slots [{"name":"", "title":"Table Row"},{"name":"empty", "title":"Empty"},{"name":"loading","title":"Loading"}]
- * @example Reward Table - <sqm-rewards-table per-page="4" show-labels= prev-label="Prev" more-label="Next" hidden-columns="0" sm-breakpoint="599" md-breakpoint="799"><sqm-rewards-table-status-column column-title="Status" status-text="{status, select, AVAILABLE {Available} CANCELLED {Cancelled} PENDING {Pending} EXPIRED {Expired} REDEEMED {Redeemed} other {Not available} }" expiry-text="Expires on " pending-us-tax="W-9 required" pending-scheduled="Until" pending-unhandled="Fulfillment error"></sqm-rewards-table-status-column><sqm-rewards-table-source-column column-title="Source" anonymous-user="Anonymous User" deleted-user="Deleted User" reward-exchange-text="Reward Exchange" referral-rext="{rewardSource, select, FRIEND_SIGNUP {Referral to} REFERRED {Referred by} other {}}" reward-source-text="{rewardSource, select, MANUAL {Manual} AUTOMATED {{programName}} other {}}"></sqm-rewards-table-source-column><sqm-rewards-table-reward-column column-title="Reward" redeemed-text="{redeemedAmount} redeemed" available-text="{availableAmount} remaining" copy-text="Copied!"></sqm-rewards-table-reward-column><sqm-rewards-table-date-column column-title="Date received" date-shown="dateGiven"></sqm-rewards-table-date-column><sqm-rewards-table-customer-note-column column-title="Note"></sqm-rewards-table-customer-note-column><sqm-empty slot="empty" empty-state-image="https://res.cloudinary.com/saasquatch/image/upload/v1644360953/squatch-assets/empty_reward2.png" empty-state-header="View your rewards" empty-state-text="Complete program tasks to view the details of your rewards"></sqm-empty></sqm-rewards-table>
+ * @example Reward Table - <sqm-rewards-table per-page="4" prev-label="Prev" more-label="Next" hidden-columns="0" sm-breakpoint="599" md-breakpoint="799"><sqm-rewards-table-status-column column-title="Status" status-text="{status, select, AVAILABLE {Available} CANCELLED {Cancelled} PENDING {Pending} EXPIRED {Expired} REDEEMED {Redeemed} other {Not available} }" expiry-text="Expires on " pending-us-tax="W-9 required" pending-scheduled="Until" pending-unhandled="Fulfillment error"></sqm-rewards-table-status-column><sqm-rewards-table-source-column column-title="Source" anonymous-user="Anonymous User" deleted-user="Deleted User" reward-exchange-text="Reward Exchange" referral-rext="{rewardSource, select, FRIEND_SIGNUP {Referral to} REFERRED {Referred by} other {}}" reward-source-text="{rewardSource, select, MANUAL {Manual} AUTOMATED {{programName}} other {}}"></sqm-rewards-table-source-column><sqm-rewards-table-reward-column column-title="Reward" redeemed-text="{redeemedAmount} redeemed" available-text="{availableAmount} remaining" copy-text="Copied!"></sqm-rewards-table-reward-column><sqm-rewards-table-date-column column-title="Date received" date-shown="dateGiven"></sqm-rewards-table-date-column><sqm-rewards-table-customer-note-column column-title="Note"></sqm-rewards-table-customer-note-column><sqm-empty slot="empty" empty-state-image="https://res.cloudinary.com/saasquatch/image/upload/v1644360953/squatch-assets/empty_reward2.png" empty-state-header="View your rewards" empty-state-text="Complete program tasks to view the details of your rewards"></sqm-empty></sqm-rewards-table>
  */
 export declare class RewardsTable {
   /**

package/dist/types/components/sqm-route/sqm-route.d.ts

@@ -8,6 +8,7 @@ export interface RouteProps {
 export declare class SqmRoute {
   ignored: boolean;
   /**
+   * Page Path URL for this route.
    * @uiName Navigation Path Name
    */
   path: string;

package/dist/types/components/sqm-share-code/sqm-share-code.d.ts

@@ -2,7 +2,7 @@ import { ShareLinkViewProps } from "../sqm-share-link/sqm-share-link-view";
 import { DemoData } from "../../global/demo";
 /**
  * @uiName Share Code
- * @exampleGroup Referrals
+ * @exampleGroup Sharing
  * @example Share Code - <sqm-share-code tooltip-text="Copied to Clipboard" tooltip-lifespan="1000"></sqm-share-code>
  */
 export declare class ShareCode {

package/dist/types/components/sqm-share-link/sqm-share-link-view.d.ts

@@ -2,11 +2,6 @@ export interface ShareLinkViewProps {
   shareString: string;
   open: boolean;
   disabled?: boolean;
-  backgroundColor?: string;
-  textColor?: string;
-  borderColor?: string;
-  size?: "small" | "medium" | "large";
-  borderRadius?: number;
   tooltiptext: string;
   onClick?: () => void;
 }

package/dist/types/components/sqm-share-link/sqm-share-link.d.ts

@@ -2,7 +2,7 @@ import { ShareLinkViewProps } from "./sqm-share-link-view";
 import { DemoData } from "../../global/demo";
 /**
  * @uiName Share Link
- * @exampleGroup Referrals
+ * @exampleGroup Sharing
  * @example Share Link - <sqm-share-link tooltip-text="Copied to Clipboard" tooltip-lifespan="1000"></sqm-share-link>
  */
 export declare class ShareLink {
@@ -25,33 +25,6 @@ export declare class ShareLink {
    * @uiName Tooltip Lifespan
    */
   tooltiplifespan: number;
-  /**
-   * @uiName Background Color
-   * @uiWidget color
-   */
-  backgroundColor?: string;
-  /**
-   * @uiName Text Color
-   * @uiWidget color
-   */
-  textColor?: string;
-  /**
-   * @uiName Border Color
-   * @uiWidget color
-   */
-  borderColor?: string;
-  /**
-   * @uiName Input Size
-   * @uiType string
-   * @uiEnum ["small", "medium", "large" ]
-   * @uiEnumNames ["Small", "Medium", "Large"]
-   */
-  size?: "small" | "medium" | "large";
-  /**
-   * Configure border radius with pixel amount.
-   * @uiName Border Radius
-   */
-  borderRadius?: number;
   /**
    * @undocumented
    * @uiType object

package/dist/types/components/sqm-stat-container/sqm-stat-container-view.d.ts

@@ -2,7 +2,5 @@ import { VNode } from "../../stencil-public-runtime";
 export interface StatContainerProps {
   space: string;
   display?: "grid" | "flex";
-  showBorder?: boolean;
-  borderColor?: string;
 }
 export declare function StatContainerView(props: StatContainerProps, children: VNode): any;

package/dist/types/components/sqm-stat-container/sqm-stat-container.d.ts

@@ -3,7 +3,7 @@ import { Spacing } from "../../global/mixins";
  * @uiName Stat Container
  * @slots [{"name":"", "title":"Stats"}]
  * @exampleGroup Statistics
- * @example Container with Three Stats - <sqm-stat-container space="xxx-large" display="flex"><sqm-big-stat flex-reverse="true" alignment="left" stat-type="/rewardBalance/CREDIT/POINT/value/global">Points Balance</sqm-big-stat><sqm-big-stat flex-reverse="true" alignment="left" stat-type="/integrationRewardsCountFiltered/AVAILABLE/global">Giftcards Earned</sqm-big-stat><sqm-big-stat flex-reverse="true" alignment="left" stat-type="/referralsCount">Referrals</sqm-big-stat></sqm-stat-container>
+ * @example Container with Three Stats - <sqm-stat-container space="xxx-large" display="flex"><sqm-big-stat flex-reverse="true" alignment="left" stat-type="/rewardBalance/CREDIT/POINT/value/global"><p>Points Balance</p></sqm-big-stat><sqm-big-stat flex-reverse="true" alignment="left" stat-type="/integrationRewardsCountFiltered/AVAILABLE/global"><p>Giftcards Earned</p></sqm-big-stat><sqm-big-stat flex-reverse="true" alignment="left" stat-type="/referralsCount"><p>Referrals</p></sqm-big-stat></sqm-stat-container>
  */
 export declare class StatContainer {
   ignored: boolean;
@@ -21,15 +21,6 @@ export declare class StatContainer {
    * @uiEnumNames ["Grid", "Flex"]
    */
   display: "grid" | "flex";
-  /**
-   * @uiName Hide Border
-   */
-  hideBorder?: boolean;
-  /**
-   * @uiName Border Color
-   * @uiWidget color
-   */
-  borderColor?: string;
   constructor();
   disconnectedCallback(): void;
   render(): any;

package/dist/types/components/sqm-tab/sqm-tab.d.ts

@@ -8,5 +8,7 @@
 export declare class Tab {
   /** @uiName Tab Title  */
   header: string;
+  constructor();
+  disconnectedCallback(): void;
   render(): any;
 }

package/dist/types/components/sqm-table-cell/sqm-table-cell.d.ts

@@ -5,7 +5,7 @@
 export declare class TableCell {
   /** @uiName Column Span  */
   colspan: number;
-  /** @uiName Padding} */
+  /** @uiName Padding */
   padding: string;
   render(): any;
 }

package/dist/types/components/sqm-tabs/sqm-tabs.d.ts

@@ -3,9 +3,7 @@
  * @slots [{"name":"", "title":"Tabs","validChildren":["sqm-tab"]}]
  * @exampleGroup Layout
  * @canvasRenderer always-replace
- * @example Generic Tab Group - <sqm-tabs><sqm-tab header="Tab 1">This is the first tab</sqm-tab><sqm-tab header="Tab 2">This is the second tab</sqm-tab><sqm-tab header="Tab 3">This is the third tab</sqm-tab></sqm-tabs>
- * @example Referral Tab Group - <sqm-tabs><sqm-tab header="Leaderboard"><sqm-leaderboard usersheading="Referrer" statsheading="Referrals" rankheading="Rank" rank-type="rowNumber" leaderboard-type="topStartedReferrers" show-rank anonymous-user="Anonymous User"><sqm-empty empty-state-image="https://res.cloudinary.com/saasquatch/image/upload/v1644000223/squatch-assets/empty_leaderboard2.png" empty-state-header="View your rank in the leaderboard" empty-state-text="Be the first to refer a friend and reach the top of the leaderboard"></sqm-empty></sqm-leaderboard></sqm-tab><sqm-tab header="Referral history"><sqm-referral-table><sqm-referral-table-user-column column-title="User" anonymous-user="Anonymous User" deleted-user="Deleted User"></sqm-referral-table-user-column><sqm-referral-table-status-column column-title="Referral status" converted-status-text="Converted" in-progress-status-text="In Progress"></sqm-referral-table-status-column><sqm-referral-table-rewards-column column-title="Rewards" expiring-text="Expiring in" fuel-tank-text="Your code is" pending-for-text="{status} for {date}" reward-received-text="Reward received on" status-long-text="{status, select, AVAILABLE {Reward expiring on} CANCELLED {Reward cancelled on} PENDING {Available on} EXPIRED {Reward expired on} other {Not available} }" status-text="{status, select, AVAILABLE {Available} CANCELLED {Cancelled} PENDING {Pending} EXPIRED {Expired} REDEEMED {Redeemed} other {Not available} }"></sqm-referral-table-rewards-column><sqm-referral-table-date-column column-title="Date referred" date-shown="dateReferralStarted"></sqm-referral-table-date-column><sqm-empty empty-state-image="https://res.cloudinary.com/saasquatch/image/upload/v1644000223/squatch-assets/empty_referral2.png" empty-state-header="View your referral details" empty-state-text="Refer a friend to view the status of your referrals and rewards earned"></sqm-empty></sqm-referral-table></sqm-tab></sqm-tabs>
- * @example Loyalty Tab Group - <sqm-tabs placement="top"> <sqm-tab header="Leaderboard"> <sqm-leaderboard usersheading="Users" statsheading="Points Earned" rankheading="Rank" rank-type="rowNumber" leaderboard-type="topPointEarners" show-rank anonymous-user="Anonymous User" > <sqm-empty empty-state-image="https://res.cloudinary.com/saasquatch/image/upload/v1644000223/squatch-assets/empty_leaderboard2.png" empty-state-header="View your rank in the leaderboard" empty-state-text="Be the first to earn points and reach the top of the leaderboard" ></sqm-empty ></sqm-leaderboard> </sqm-tab> <sqm-tab header="Reward history"> <sqm-rewards-table ><sqm-rewards-table-reward-column available-text="{availableAmount} remaining" column-title="Reward" copy-text="Copied!" redeemed-text="{redeemedAmount} redeemed" > </sqm-rewards-table-reward-column> <sqm-rewards-table-source-column anonymous-user="Anonymous User" column-title="Source" deleted-user="Deleted User" referral-text="{rewardSource, select, FRIEND_SIGNUP {Referral to} REFERRED {Referred by} other {}}" reward-exchange-text="Reward Exchange" reward-source-text="{rewardSource, select, MANUAL {Manual} AUTOMATED {{programName}} other {}}" > </sqm-rewards-table-source-column><sqm-rewards-table-status-column column-title="Status" expiry-text="Expires on " status-text="{status, select, AVAILABLE {Available} CANCELLED {Cancelled} PENDING {Pending} EXPIRED {Expired} REDEEMED {Redeemed} other {Not available} }"></sqm-rewards-table-status-column><sqm-rewards-table-date-column column-title="Date received" date-shown="dateGiven"></sqm-rewards-table-date-column><sqm-empty empty-state-image="https://res.cloudinary.com/saasquatch/image/upload/v1644360953/squatch-assets/empty_reward2.png" empty-state-header="View your rewards" empty-state-text="Refer friends and complete tasks to view the details of your rewards"></sqm-empty></sqm-rewards-table></sqm-tab><sqm-tab header="Redeem"><sqm-reward-exchange-list back-text="Back" button-text="Exchange Rewards" cancel-text="Cancel" choose-amount-title="Select" choose-reward-title="Rewards" confirmation-title="Confirm" continue-text="Continue" continue-to-confirmation-text="Continue to confirmation" done-text="Done" reward-title="Choose a reward" not-available-error="{unavailableReasonCode, select, US_TAX {US Tax limit} INSUFFICIENT_REDEEMABLE_CREDIT {{sourceValue} required} AVAILABILITY_PREDICATE {Not available} other {{unavailableReasonCode}} }" not-enough-error="Not enough {sourceUnit} to redeem for this reward" query-error="Unable to load reward exchange list. Please try again" redeem-text="Redeem" redeem-title="Confirm and redeem" redemption-error="An error occured trying to redeem this reward. Please try again" redemption-success-text="Redeemed {sourceValue} for {destinationValue}" select-text="Select amount to receive" source-amount-message="{ruleType, select, FIXED_GLOBAL_REWARD {{sourceValue}} other {{sourceMinValue} to {sourceMaxValue}}}" tooltiptext="Copied" reward-name-title="Reward" reward-amount-title="Reward Amount" cost-title="Cost to Redeem" reward-redeemed-text="Reward redeemed" skeleton-card-num="8" promo-code="Promo Code" tooltip-text="Copied!"><sqm-empty empty-state-image="https://res.cloudinary.com/saasquatch/image/upload/v1644360953/squatch-assets/empty_exchange2.png" empty-state-header="Redeem rewards" empty-state-text="Use your points to redeem rewards once they become available"></sqm-empty></sqm-reward-exchange-list></sqm-tab></sqm-tabs>
+ * @example Generic Tab Group - <sqm-tabs><sqm-tab header="Tab 1"><p>This is the first tab</p></sqm-tab><sqm-tab header="Tab 2"><p>This is the second tab</p></sqm-tab><sqm-tab header="Tab 3"><p>This is the third tab</p></sqm-tab></sqm-tabs>
  */
 export declare class Tabs {
   /**

package/dist/types/components/sqm-task-card/sqm-task-card.d.ts

@@ -6,7 +6,7 @@ import { TaskCardViewProps } from "./sqm-task-card-view";
  * @uiOrder ["reward-amount", "reward-unit", "card-title", "description", "repeatable", "finite", "show-progress-bar", "stat-type", "progress-source", "goal", "steps", "progress-bar-unit", "show-expiry", "reward-duration", "button-text", "button-link", "open-new-tab", "ended-message", "expiry-message", "starts-on-message", "event-key", "*"]
  * @exampleGroup Rewards
  * @example One Time Task Card - <sqm-task-card reward-amount="1" reward-unit="Free Month" goal="1" card-title="Upgrade Your Plan" description="Receive one free month for being a committed customer when you upgrade your plan." button-text="Upgrade" completed-text="Completed {finite, select, 0 {{count, plural, =1 {{count} time} other {{count} times}}} other {{count}/{finite} times}}" ended-message="Ended {endDate}" expiry-message="Ends {endDate}" open-new-tab="false" finite="0" starts-on-message="Starts {startDate}"></sqm-task-card>
- * @example Repeatable Task Card - <sqm-task-card reward-amount="250" goal="500" show-progress-bar card-title="Spend $500" description="Earn 150 points when you spend $500 or more." button-text="See plans" completed-text="Completed {finite, select, 0 {{count, plural, =1 {{count} time} other {{count} times}}} other {{count}/{finite} times}}" ended-message="Ended {endDate}" expiry-message="Ends {endDate}" progress-bar-unit="$" finite="0" repeatable="" reward-unit="Points" starts-on-message="Starts {startDate}"></sqm-task-card>
+ * @example Repeatable Task Card - <sqm-task-card reward-amount="250" goal="500" show-progress-bar card-title="Spend $500" description="Earn 250 points when you spend $500 or more." button-text="See plans" completed-text="Completed {finite, select, 0 {{count, plural, =1 {{count} time} other {{count} times}}} other {{count}/{finite} times}}" ended-message="Ended {endDate}" expiry-message="Ends {endDate}" progress-bar-unit="$" finite="0" repeatable="" reward-unit="Points" starts-on-message="Starts {startDate}"></sqm-task-card>
  * @example Event Sending Task Card - <sqm-task-card goal="1" reward-amount="50" card-title="Follow Us on Twitter" description="Earn 50 points when you follow us on Twitter!" button-text="Follow" button-link="https://twitter.com/" open-new-tab="true" event-key="socialFollow" completed-text="Completed {finite, select, 0 {{count, plural, =1 {{count} time} other {{count} times}}} other {{count}/{finite} times}}" ended-message="Ended {endDate}" expiry-message="Ends {endDate}" finite="0" reward-unit="Points" starts-on-message="Starts {startDate}"></sqm-task-card>
  */
 export declare class TaskCard {
@@ -38,7 +38,7 @@ export declare class TaskCard {
    */
   repeatable: boolean;
   /**
-   * The number of times a reward can be earned.  Use zero for no limit (the default).
+   * The number of times a task can be completed when repeatable.  Use zero for no limit (the default).
    *
    * @uiName Repeat Amount
    * @uiGroup Reward

package/dist/types/components/sqm-text/sqm-text.d.ts

@@ -3,13 +3,6 @@
  * @slots [{"name":"", "title":"Text"}]
  * @slotEditor richText
  * @canvasRenderer always-replace
- * @exampleGroup Typography
- * @example H1 - <sqm-text><h1>H1 Header Text</h1></sqm-text>
- * @example H2 - <sqm-text><h2>H2 Header Text</h2></sqm-text>
- * @example H3 - <sqm-text><h3>H3 Header Text</h3></sqm-text>
- * @example H4 - <sqm-text><h4>H4 Header Text</h4></sqm-text>
- * @example Paragraph - <sqm-text><p>Paragraph Text</p></sqm-text>
- * @canvasRenderer always-replace
  */
 export declare class Text {
   ignored: boolean;

package/dist/types/components/sqm-timeline/sqm-timeline-entry-view.d.ts

@@ -5,6 +5,5 @@ export interface TimelineEntryProps {
   desc: string;
   icon: string;
   iconState: string;
-  textColor?: string;
 }
 export declare function TimelineEntryView(props: TimelineEntryProps): VNode;

package/dist/types/components/sqm-timeline/sqm-timeline-entry.d.ts

@@ -18,11 +18,6 @@ export declare class TimelineReward {
    * @uiName Description
    */
   desc: string;
-  /**
-   * @uiName Text Color
-   * @uiWidget color
-   */
-  textColor?: string;
   /**
    * @uiName Icon
    * @uiType string

package/dist/types/components/sqm-titled-section/sqm-titled-section.d.ts

@@ -3,7 +3,7 @@ import { Spacing } from "../../global/mixins";
  * @uiName Titled Section
  * @slots [{"name":"label", "title":"Label"},{"name":"content", "title":"Content"}]
  * @exampleGroup Layout
- * @example Titled Section - <sqm-titled-section text-align="center" label-margin="small" padding="none"><div slot="label">Section Label</div><div slot="content">Add your section content here!</div></sqm-titled-section>
+ * @example Titled Section - <sqm-titled-section text-align="center" label-margin="small" padding="none"><div slot="label"><h2>Section Label</h2></div><div slot="content"><p>Add your section content here!</p></div></sqm-titled-section>
  */
 export declare class TitledSection {
   /**

package/dist/types/components/sqm-user-name/sqm-user-name.d.ts

@@ -3,16 +3,16 @@ import { UserNameViewProps } from "./sqm-user-name-view";
 /**
  * @uiName User Name
  * @exampleGroup Common Components
- * @example User Name Display - <sqm-user-name fallback="Anonymous User"></sqm-user-name>
+ * @example User Name Display - <sqm-user-name fallback="Anonymous User" loading-text="..."></sqm-user-name>
  */
 export declare class UserName {
-  _ignored: boolean;
+  ignored: boolean;
   /**
-   * Fallback name for unknown users
-   * @uiName Fallback Name
+   * @uiName Unknown User Name
    */
   fallback: string;
   /**
+   * Text displayed while the participant’s name is loading.
    * @uiName Loading Text
    */
   loadingText: string;