@saasquatch/mint-components 1.9.2 → 1.9.3

package/dist/types/components/sqm-empty/sqm-empty-view.d.ts

@@ -2,5 +2,7 @@ export interface EmptyStateViewProps {
   emptyStateImage: string;
   emptyStateHeader: string;
   emptyStateText: string;
+  supportText?: string;
+  missingFeature?: string;
 }
 export declare function EmptyStateView(props: EmptyStateViewProps): any;

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

@@ -15,5 +15,10 @@ export declare class Empty {
    * @uiWidget textArea
    */
   emptyStateText: string;
+  /**
+   * @uiName Description
+   * @uiWidget textArea
+   */
+  supportText?: string;
   render(): any;
 }

package/dist/types/components/sqm-leaderboard/Leaderboard.stories.d.ts

@@ -6,6 +6,7 @@ declare const _default: {
 };
 export default _default;
 export declare const Empty: () => any;
+export declare const Essentials: () => any;
 export declare const Loading: () => any;
 export declare const One: () => any;
 export declare const Five: () => any;

package/dist/types/components/sqm-leaderboard/sqm-leaderboard-view.d.ts

@@ -3,6 +3,7 @@ export interface LeaderboardViewProps {
   states: {
     loading: boolean;
     hasLeaders: boolean;
+    isEssentials?: boolean;
     styles: {
       usersheading: string;
       statsheading: string;
@@ -31,6 +32,7 @@ export interface LeaderboardViewProps {
   };
   elements: {
     empty: VNode;
+    essentials: VNode;
     loadingstate: VNode;
   };
 }

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

@@ -3,6 +3,12 @@ import { LeaderboardViewProps } from "./sqm-leaderboard-view";
 /**
  * @uiName Leaderboard
  * @slots [{"name":"empty", "title":"Empty State"}]
+ * @requiredFeatures ["LEADERBOARDS"]
+ * @exampleGroup Leaderboard
+ * @example Referral Started Leaderboard - <sqm-leaderboard usersheading="Referrer" statsheading="Referrals" rank-type="rank" leaderboard-type="topStartedReferrers" rankheading="Rank" show-rank="true"><sqm-empty empty-state-image="https://res.cloudinary.com/saasquatch/image/upload/v1644360953/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>
+ * @example Referral Converted Leaderboard - <sqm-leaderboard usersheading="Referrer" statsheading="Referrals" rank-type="rank" leaderboard-type="topConvertedReferrers" rankheading="Rank" show-rank="true"><sqm-empty empty-state-image="https://res.cloudinary.com/saasquatch/image/upload/v1644360953/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>
+ * @example Points Earned Leaderboard - <sqm-leaderboard usersheading="Name" statsheading="Points" rank-type="rank" leaderboard-type="topPointEarners" rankheading="Rank" show-rank="true"><sqm-empty empty-state-image="https://res.cloudinary.com/saasquatch/image/upload/v1644360953/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>
+ * @featureTooltip <div>Motivate your participants by gamifying your program. Contact <a href="mailto:saasquatch-support%40impact.com?subject=Next steps for Leaderboards feature&body=Hi Support Team, %0D%0A%0D%0A I am interested in learning more about how Leaderboards can support the growth of our referral program. Please connect me with a program strategy manager to discuss this feature further, and determine the next steps.%0D%0A%0D%0A%0D%0AThank you,%0D%0A[Add your name here]">Support</a> to upgrade your plan and add a leaderboard.</div>
  */
 export declare class Leaderboard {
   /**
@@ -36,6 +42,13 @@ export declare class Leaderboard {
    * @default
    */
   hideViewer: boolean;
+  /**
+   * Hides the leaderboard if user is on Essentials plan
+   *
+   * @uiName Hide viewing user
+   * @default
+   */
+  isEssentials?: boolean;
   /**
    * @uiName Rank type
    * @uiType string

package/dist/types/components/sqm-leaderboard/useLeaderboard.d.ts

@@ -13,6 +13,7 @@ export interface LeaderboardProps {
   programId?: string;
   interval: string;
   empty: VNode;
+  essentials: VNode;
   loadingstate: VNode;
   demoProps?: LeaderboardViewProps;
 }

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

@@ -8,6 +8,8 @@ export declare class PopupContainer {
    * Show Powered by Impact.com link
    *
    * @uiName Show powered by
+   * @requiredFeatures ["CUSTOM_BRANDING"]
+   * @featureTooltip <div>Integrate your brand identity further by removing impact.com’s branding from your widget. Contact <a href="mailto:saasquatch-support%40impact.com?subject=Next steps for Custom Branding feature&body=Hi Support Team, %0D%0A%0D%0A I am interested in learning more about how Custom Branding can support the growth of our referral program. Please connect me with a program strategy manager to discuss this feature further, and determine the next steps.%0D%0A%0D%0A%0D%0AThank you,%0D%0A[Add your name here]">Support</a> to upgrade your plan</div>
    */
   poweredBy: boolean;
   /**

package/dist/types/components/sqm-portal-footer/sqm-portal-footer.d.ts

@@ -34,6 +34,8 @@ export declare class PortalFooter {
   faqText?: string;
   /**
    * @uiName Hide powered by Impact.com
+   * @requiredFeatures ["CUSTOM_BRANDING"]
+   * @featureTooltip <div>Integrate your brand identity further by removing impact.com’s branding from your widget. Contact <a href="mailto:saasquatch-support%40impact.com?subject=Next steps for Custom Branding feature&body=Hi Support Team, %0D%0A%0D%0A I am interested in learning more about how Custom Branding can support the growth of our referral program. Please connect me with a program strategy manager to discuss this feature further, and determine the next steps.%0D%0A%0D%0A%0D%0AThank you,%0D%0A[Add your name here]">Support</a> to upgrade your plan</div>
    */
   hidePoweredBy: boolean;
   /**

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

@@ -24,6 +24,7 @@ export declare const SourceCellWithLongText: () => any;
 export declare const SourceCellReferred: () => any;
 export declare const SourceCellAnonymousUser: () => any;
 export declare const SourceCellDeletedUser: () => any;
+export declare const SourceCellDeletedReferral: () => any;
 export declare const StatusCellAvailable: () => any;
 export declare const StatusCellAvailableExpiry: () => any;
 export declare const StatusCellRedeemed: () => any;

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

@@ -1,6 +1,7 @@
 export declare class RewardTableSourceCell {
   reward: Reward;
   deletedUserText: string;
+  deletedReferralText: string;
   anonymousUserText: string;
   rewardExchangeText: string;
   referralText: string;

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

@@ -1,3 +1,4 @@
+import { VNode } from "../../stencil-public-runtime";
 import { Spacing } from "../../global/mixins";
 /**
  * @uiName Titled Section
@@ -11,7 +12,7 @@ export declare class TitledSection {
    *
    * @uiName Label
    */
-  label: string;
+  label: string | VNode;
   /**
    * @uiName Text alignment
    * @uiType string

package/dist/types/components.d.ts

@@ -15,7 +15,7 @@ import { UseDocusignFormResult } from "./components/tax-and-cash/sqm-docusign-fo
 import { DropdownFieldViewProps } from "./components/sqm-dropdown-field/sqm-dropdown-field-view";
 import { EditProfileViewProps } from "./components/sqm-edit-profile/sqm-edit-profile-view";
 import { Spacing } from "./global/mixins";
-import { FunctionalComponent } from "./stencil-public-runtime";
+import { FunctionalComponent, VNode } from "./stencil-public-runtime";
 import { UseIndirectTaxFormResult } from "./components/tax-and-cash/sqm-indirect-tax-form/useIndirectTaxForm";
 import { InputFieldViewProps } from "./components/sqm-input-field/sqm-input-field-view";
 import { EmailRegistrationViewProps } from "./components/views/email-registration-view";
@@ -731,6 +731,11 @@ export namespace Components {
           * @uiWidget textArea
          */
         "emptyStateText": string;
+        /**
+          * @uiName Description
+          * @uiWidget textArea
+         */
+        "supportText"?: string;
     }
     interface SqmFormMessage {
         /**
@@ -1324,6 +1329,12 @@ export namespace Components {
           * @uiWidgetOptions {"allowPastDates":true, "months": 1}
          */
         "interval": string;
+        /**
+          * Hides the leaderboard if user is on Essentials plan
+          * @uiName Hide viewing user
+          * @default
+         */
+        "isEssentials"?: boolean;
         /**
           * @uiName Leaderboard type
           * @uiType string
@@ -1614,6 +1625,8 @@ export namespace Components {
         /**
           * Show Powered by Impact.com link
           * @uiName Show powered by
+          * @requiredFeatures ["CUSTOM_BRANDING"]
+          * @featureTooltip <div>Integrate your brand identity further by removing impact.com’s branding from your widget. Contact <a href="mailto:saasquatch-support%40impact.com?subject=Next steps for Custom Branding feature&body=Hi Support Team, %0D%0A%0D%0A I am interested in learning more about how Custom Branding can support the growth of our referral program. Please connect me with a program strategy manager to discuss this feature further, and determine the next steps.%0D%0A%0D%0A%0D%0AThank you,%0D%0A[Add your name here]">Support</a> to upgrade your plan</div>
          */
         "poweredBy": boolean;
         /**
@@ -1818,6 +1831,8 @@ export namespace Components {
         "faqText"?: string;
         /**
           * @uiName Hide powered by Impact.com
+          * @requiredFeatures ["CUSTOM_BRANDING"]
+          * @featureTooltip <div>Integrate your brand identity further by removing impact.com’s branding from your widget. Contact <a href="mailto:saasquatch-support%40impact.com?subject=Next steps for Custom Branding feature&body=Hi Support Team, %0D%0A%0D%0A I am interested in learning more about how Custom Branding can support the growth of our referral program. Please connect me with a program strategy manager to discuss this feature further, and determine the next steps.%0D%0A%0D%0A%0D%0AThank you,%0D%0A[Add your name here]">Support</a> to upgrade your plan</div>
          */
         "hidePoweredBy": boolean;
         /**
@@ -3101,6 +3116,7 @@ export namespace Components {
     }
     interface SqmRewardsTableSourceCell {
         "anonymousUserText": string;
+        "deletedReferralText": string;
         "deletedUserText": string;
         "locale": string;
         "referralText": string;
@@ -4887,7 +4903,7 @@ export namespace Components {
           * Text value shown when there is no label slot declared.
           * @uiName Label
          */
-        "label": string;
+        "label": string | VNode;
         /**
           * Margin applied to the bottom of the label slot
           * @uiName Label bottom margin
@@ -6525,6 +6541,11 @@ declare namespace LocalJSX {
           * @uiWidget textArea
          */
         "emptyStateText"?: string;
+        /**
+          * @uiName Description
+          * @uiWidget textArea
+         */
+        "supportText"?: string;
     }
     interface SqmFormMessage {
         /**
@@ -7112,6 +7133,12 @@ declare namespace LocalJSX {
           * @uiWidgetOptions {"allowPastDates":true, "months": 1}
          */
         "interval"?: string;
+        /**
+          * Hides the leaderboard if user is on Essentials plan
+          * @uiName Hide viewing user
+          * @default
+         */
+        "isEssentials"?: boolean;
         /**
           * @uiName Leaderboard type
           * @uiType string
@@ -7402,6 +7429,8 @@ declare namespace LocalJSX {
         /**
           * Show Powered by Impact.com link
           * @uiName Show powered by
+          * @requiredFeatures ["CUSTOM_BRANDING"]
+          * @featureTooltip <div>Integrate your brand identity further by removing impact.com’s branding from your widget. Contact <a href="mailto:saasquatch-support%40impact.com?subject=Next steps for Custom Branding feature&body=Hi Support Team, %0D%0A%0D%0A I am interested in learning more about how Custom Branding can support the growth of our referral program. Please connect me with a program strategy manager to discuss this feature further, and determine the next steps.%0D%0A%0D%0A%0D%0AThank you,%0D%0A[Add your name here]">Support</a> to upgrade your plan</div>
          */
         "poweredBy"?: boolean;
         /**
@@ -7606,6 +7635,8 @@ declare namespace LocalJSX {
         "faqText"?: string;
         /**
           * @uiName Hide powered by Impact.com
+          * @requiredFeatures ["CUSTOM_BRANDING"]
+          * @featureTooltip <div>Integrate your brand identity further by removing impact.com’s branding from your widget. Contact <a href="mailto:saasquatch-support%40impact.com?subject=Next steps for Custom Branding feature&body=Hi Support Team, %0D%0A%0D%0A I am interested in learning more about how Custom Branding can support the growth of our referral program. Please connect me with a program strategy manager to discuss this feature further, and determine the next steps.%0D%0A%0D%0A%0D%0AThank you,%0D%0A[Add your name here]">Support</a> to upgrade your plan</div>
          */
         "hidePoweredBy"?: boolean;
         /**
@@ -8869,6 +8900,7 @@ declare namespace LocalJSX {
     }
     interface SqmRewardsTableSourceCell {
         "anonymousUserText"?: string;
+        "deletedReferralText"?: string;
         "deletedUserText"?: string;
         "locale"?: string;
         "referralText"?: string;
@@ -10650,7 +10682,7 @@ declare namespace LocalJSX {
           * Text value shown when there is no label slot declared.
           * @uiName Label
          */
-        "label"?: string;
+        "label"?: string | VNode;
         /**
           * Margin applied to the bottom of the label slot
           * @uiName Label bottom margin