@saasquatch/mint-components 1.11.1-63 → 1.11.1-65

package/dist/types/components.d.ts

@@ -37,6 +37,7 @@ import { PortalRegisterViewProps } from "./components/sqm-portal-register/sqm-po
 import { PortalRegistrationFormViewProps } from "./components/sqm-portal-registration-form/sqm-portal-registration-form-view";
 import { PortalResetPasswordViewProps } from "./components/sqm-portal-reset-password/sqm-portal-reset-password-view";
 import { PortalVerifyEmailViewProps } from "./components/sqm-portal-verify-email/sqm-portal-verify-email-view";
+import { ReferralCodesViewProps } from "./components/sqm-referral-codes/sqm-referral-codes-view";
 import { ReferralIframeViewProps } from "./components/sqm-referral-iframe/sqm-referral-iframe-view";
 import { ReferralDates } from "./components/sqm-referral-table/useReferralTable";
 import { RewardExchangeViewProps } from "./components/sqm-reward-exchange-list/sqm-reward-exchange-list-view";
@@ -730,7 +731,7 @@ export namespace Components {
           * @format url
           * @uiName Image
          */
-        "emptyStateImage": string;
+        "emptyStateImage"?: string;
         /**
           * @uiName Description
           * @uiWidget textArea
@@ -1542,6 +1543,17 @@ export namespace Components {
          */
         "path": string;
     }
+    interface SqmPagination {
+        /**
+          * @undocumented 
+          * @uiType object
+         */
+        "demoData"?: DemoData<typeof usePagination>;
+        /**
+          * @uiName Pagination text
+         */
+        "paginationText": string;
+    }
     interface SqmPasswordField {
         /**
           * @undocumented 
@@ -1741,7 +1753,6 @@ export namespace Components {
         /**
           * @uiName Background color
           * @uiWidget color
-          * @uiGroup Card style
           * @uiType string
          */
         "backgroundColor"?: string;
@@ -2579,6 +2590,87 @@ export namespace Components {
          */
         "verticalAlignment": "start" | "center" | "end";
     }
+    interface SqmReferralCode {
+        /**
+          * Set the copy button style and placement
+          * @uiName Style
+          * @uiType string
+          * @uiEnum ["icon", "button-outside", "button-below"]
+          * @uiEnumNames ["Icon", "Button outside", "Button below"]
+         */
+        "buttonStyle"?: "icon" | "button-outside" | "button-below";
+        /**
+          * @uiName Copy button label
+         */
+        "copyButtonLabel"?: string;
+        /**
+          * @undocumented 
+          * @uiType object
+         */
+        "demoData"?: DemoData<CopyTextViewProps>;
+        /**
+          * Shown underneath the referral code when the user has already copied the code
+          * @uiName Notification text
+         */
+        "notificationText": string;
+        /**
+          * The ID of the program that should generate the code. Defaults to the program ID in context where this widget is loaded.
+          * @uiName Program ID
+          * @uiWidget programSelector
+         */
+        "programId"?: string;
+        /**
+          * Boolean used to show notification text below input
+          * @uiName Show notification text
+         */
+        "showNotificationText": boolean;
+        /**
+          * Change the text alignment
+          * @uiName Referral code alignment
+          * @uiType string
+          * @uiEnum ["left", "center", "right"]
+          * @uiEnumNames ["Left", "Center", "Right"]
+         */
+        "textAlign": "left" | "center" | "right";
+        /**
+          * The number of milliseconds that the tooltip appears for
+          * @uiName Tooltip lifespan
+         */
+        "tooltiplifespan": number;
+        /**
+          * Shown inside a tooltip after someone has successfully copied the link to their clipboard
+          * @uiName Tooltip text
+         */
+        "tooltiptext": string;
+    }
+    interface SqmReferralCodes {
+        /**
+          * @undocumented 
+          * @uiType object
+         */
+        "demoData"?: DemoData<ReferralCodesViewProps>;
+        /**
+          * @uiName Empty State Description Text
+         */
+        "emptyStateDescriptionText"?: string;
+        /**
+          * @uiName Empty State Header Text
+         */
+        "emptyStateHeaderText"?: string;
+        /**
+          * @uiName Empty State Image URL
+         */
+        "emptyStateImageUrl"?: string;
+        /**
+          * @uiName Program ID
+          * @uiWidget programSelector
+         */
+        "programId"?: string;
+        /**
+          * @uiName Title Text
+         */
+        "titleText"?: string;
+    }
     interface SqmReferralIframe {
         /**
           * @undocumented 
@@ -5375,6 +5467,12 @@ declare global {
         prototype: HTMLSqmNavigationSidebarItemElement;
         new (): HTMLSqmNavigationSidebarItemElement;
     };
+    interface HTMLSqmPaginationElement extends Components.SqmPagination, HTMLStencilElement {
+    }
+    var HTMLSqmPaginationElement: {
+        prototype: HTMLSqmPaginationElement;
+        new (): HTMLSqmPaginationElement;
+    };
     interface HTMLSqmPasswordFieldElement extends Components.SqmPasswordField, HTMLStencilElement {
     }
     var HTMLSqmPasswordFieldElement: {
@@ -5501,6 +5599,18 @@ declare global {
         prototype: HTMLSqmReferralCardElement;
         new (): HTMLSqmReferralCardElement;
     };
+    interface HTMLSqmReferralCodeElement extends Components.SqmReferralCode, HTMLStencilElement {
+    }
+    var HTMLSqmReferralCodeElement: {
+        prototype: HTMLSqmReferralCodeElement;
+        new (): HTMLSqmReferralCodeElement;
+    };
+    interface HTMLSqmReferralCodesElement extends Components.SqmReferralCodes, HTMLStencilElement {
+    }
+    var HTMLSqmReferralCodesElement: {
+        prototype: HTMLSqmReferralCodesElement;
+        new (): HTMLSqmReferralCodesElement;
+    };
     interface HTMLSqmReferralIframeElement extends Components.SqmReferralIframe, HTMLStencilElement {
     }
     var HTMLSqmReferralIframeElement: {
@@ -5824,6 +5934,7 @@ declare global {
         "sqm-navigation-menu": HTMLSqmNavigationMenuElement;
         "sqm-navigation-sidebar": HTMLSqmNavigationSidebarElement;
         "sqm-navigation-sidebar-item": HTMLSqmNavigationSidebarItemElement;
+        "sqm-pagination": HTMLSqmPaginationElement;
         "sqm-password-field": HTMLSqmPasswordFieldElement;
         "sqm-payout-details-card": HTMLSqmPayoutDetailsCardElement;
         "sqm-popup-container": HTMLSqmPopupContainerElement;
@@ -5845,6 +5956,8 @@ declare global {
         "sqm-program-explainer-step": HTMLSqmProgramExplainerStepElement;
         "sqm-program-menu": HTMLSqmProgramMenuElement;
         "sqm-referral-card": HTMLSqmReferralCardElement;
+        "sqm-referral-code": HTMLSqmReferralCodeElement;
+        "sqm-referral-codes": HTMLSqmReferralCodesElement;
         "sqm-referral-iframe": HTMLSqmReferralIframeElement;
         "sqm-referral-table": HTMLSqmReferralTableElement;
         "sqm-referral-table-cell": HTMLSqmReferralTableCellElement;
@@ -7382,6 +7495,17 @@ declare namespace LocalJSX {
          */
         "path"?: string;
     }
+    interface SqmPagination {
+        /**
+          * @undocumented 
+          * @uiType object
+         */
+        "demoData"?: DemoData<typeof usePagination>;
+        /**
+          * @uiName Pagination text
+         */
+        "paginationText"?: string;
+    }
     interface SqmPasswordField {
         /**
           * @undocumented 
@@ -7581,7 +7705,6 @@ declare namespace LocalJSX {
         /**
           * @uiName Background color
           * @uiWidget color
-          * @uiGroup Card style
           * @uiType string
          */
         "backgroundColor"?: string;
@@ -8419,6 +8542,87 @@ declare namespace LocalJSX {
          */
         "verticalAlignment"?: "start" | "center" | "end";
     }
+    interface SqmReferralCode {
+        /**
+          * Set the copy button style and placement
+          * @uiName Style
+          * @uiType string
+          * @uiEnum ["icon", "button-outside", "button-below"]
+          * @uiEnumNames ["Icon", "Button outside", "Button below"]
+         */
+        "buttonStyle"?: "icon" | "button-outside" | "button-below";
+        /**
+          * @uiName Copy button label
+         */
+        "copyButtonLabel"?: string;
+        /**
+          * @undocumented 
+          * @uiType object
+         */
+        "demoData"?: DemoData<CopyTextViewProps>;
+        /**
+          * Shown underneath the referral code when the user has already copied the code
+          * @uiName Notification text
+         */
+        "notificationText"?: string;
+        /**
+          * The ID of the program that should generate the code. Defaults to the program ID in context where this widget is loaded.
+          * @uiName Program ID
+          * @uiWidget programSelector
+         */
+        "programId"?: string;
+        /**
+          * Boolean used to show notification text below input
+          * @uiName Show notification text
+         */
+        "showNotificationText"?: boolean;
+        /**
+          * Change the text alignment
+          * @uiName Referral code alignment
+          * @uiType string
+          * @uiEnum ["left", "center", "right"]
+          * @uiEnumNames ["Left", "Center", "Right"]
+         */
+        "textAlign"?: "left" | "center" | "right";
+        /**
+          * The number of milliseconds that the tooltip appears for
+          * @uiName Tooltip lifespan
+         */
+        "tooltiplifespan"?: number;
+        /**
+          * Shown inside a tooltip after someone has successfully copied the link to their clipboard
+          * @uiName Tooltip text
+         */
+        "tooltiptext"?: string;
+    }
+    interface SqmReferralCodes {
+        /**
+          * @undocumented 
+          * @uiType object
+         */
+        "demoData"?: DemoData<ReferralCodesViewProps>;
+        /**
+          * @uiName Empty State Description Text
+         */
+        "emptyStateDescriptionText"?: string;
+        /**
+          * @uiName Empty State Header Text
+         */
+        "emptyStateHeaderText"?: string;
+        /**
+          * @uiName Empty State Image URL
+         */
+        "emptyStateImageUrl"?: string;
+        /**
+          * @uiName Program ID
+          * @uiWidget programSelector
+         */
+        "programId"?: string;
+        /**
+          * @uiName Title Text
+         */
+        "titleText"?: string;
+    }
     interface SqmReferralIframe {
         /**
           * @undocumented 
@@ -10989,6 +11193,7 @@ declare namespace LocalJSX {
         "sqm-navigation-menu": SqmNavigationMenu;
         "sqm-navigation-sidebar": SqmNavigationSidebar;
         "sqm-navigation-sidebar-item": SqmNavigationSidebarItem;
+        "sqm-pagination": SqmPagination;
         "sqm-password-field": SqmPasswordField;
         "sqm-payout-details-card": SqmPayoutDetailsCard;
         "sqm-popup-container": SqmPopupContainer;
@@ -11010,6 +11215,8 @@ declare namespace LocalJSX {
         "sqm-program-explainer-step": SqmProgramExplainerStep;
         "sqm-program-menu": SqmProgramMenu;
         "sqm-referral-card": SqmReferralCard;
+        "sqm-referral-code": SqmReferralCode;
+        "sqm-referral-codes": SqmReferralCodes;
         "sqm-referral-iframe": SqmReferralIframe;
         "sqm-referral-table": SqmReferralTable;
         "sqm-referral-table-cell": SqmReferralTableCell;
@@ -11103,6 +11310,7 @@ declare module "@stencil/core" {
             "sqm-navigation-menu": LocalJSX.SqmNavigationMenu & JSXBase.HTMLAttributes<HTMLSqmNavigationMenuElement>;
             "sqm-navigation-sidebar": LocalJSX.SqmNavigationSidebar & JSXBase.HTMLAttributes<HTMLSqmNavigationSidebarElement>;
             "sqm-navigation-sidebar-item": LocalJSX.SqmNavigationSidebarItem & JSXBase.HTMLAttributes<HTMLSqmNavigationSidebarItemElement>;
+            "sqm-pagination": LocalJSX.SqmPagination & JSXBase.HTMLAttributes<HTMLSqmPaginationElement>;
             "sqm-password-field": LocalJSX.SqmPasswordField & JSXBase.HTMLAttributes<HTMLSqmPasswordFieldElement>;
             "sqm-payout-details-card": LocalJSX.SqmPayoutDetailsCard & JSXBase.HTMLAttributes<HTMLSqmPayoutDetailsCardElement>;
             "sqm-popup-container": LocalJSX.SqmPopupContainer & JSXBase.HTMLAttributes<HTMLSqmPopupContainerElement>;
@@ -11124,6 +11332,8 @@ declare module "@stencil/core" {
             "sqm-program-explainer-step": LocalJSX.SqmProgramExplainerStep & JSXBase.HTMLAttributes<HTMLSqmProgramExplainerStepElement>;
             "sqm-program-menu": LocalJSX.SqmProgramMenu & JSXBase.HTMLAttributes<HTMLSqmProgramMenuElement>;
             "sqm-referral-card": LocalJSX.SqmReferralCard & JSXBase.HTMLAttributes<HTMLSqmReferralCardElement>;
+            "sqm-referral-code": LocalJSX.SqmReferralCode & JSXBase.HTMLAttributes<HTMLSqmReferralCodeElement>;
+            "sqm-referral-codes": LocalJSX.SqmReferralCodes & JSXBase.HTMLAttributes<HTMLSqmReferralCodesElement>;
             "sqm-referral-iframe": LocalJSX.SqmReferralIframe & JSXBase.HTMLAttributes<HTMLSqmReferralIframeElement>;
             "sqm-referral-table": LocalJSX.SqmReferralTable & JSXBase.HTMLAttributes<HTMLSqmReferralTableElement>;
             "sqm-referral-table-cell": LocalJSX.SqmReferralTableCell & JSXBase.HTMLAttributes<HTMLSqmReferralTableCellElement>;

package/dist/types/stories/Widget.stories.d.ts

@@ -20,6 +20,12 @@ export declare const Loyalty: {
     hookStory: Function;
   };
 };
+export declare const PromoCodeReferralWidget: {
+  (): any;
+  parameters: {
+    hookStory: Function;
+  };
+};
 export declare const InstantAccessReferrerShareWidget: {
   (): any;
   parameters: {