@saasquatch/mint-components 1.5.0-2 → 1.5.0-6

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

@@ -1,7 +1,8 @@
 export interface ProgramExplainerStepViewProps {
-  title: string;
+  cardTitle: string;
   description: string;
   color: string;
   background: string;
+  icon: string;
 }
 export declare function ProgramExplainerStepView(props: ProgramExplainerStepViewProps): any;

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

@@ -1,26 +1,28 @@
-import { DemoData } from "../../global/demo";
-import { ProgramExplainerStepViewProps } from "./sqm-program-explainer-step-view";
 /**
- * @uiName Navigation Link
+ * @uiName Program Explainer Step
  */
 export declare class ProgramExplainerStep {
   /**
-   * @uiName Navigation path
+   * @uiName Title
    */
-  path: string;
+  cardTitle: string;
   /**
-   * @uiName Icon
+   * @uiName Description
    */
-  icon: string;
+  description: string;
+  /**
+   * @uiName Color
+   * @uiWidget color
+   */
+  color: string;
   /**
-   * @uiName Label
+   * @uiName Background
    */
-  label: string;
+  background: string;
   /**
-   * @undocumented
-   * @uiType object
+   * @uiName Icon
    */
-  demoData?: DemoData<ProgramExplainerStepViewProps>;
+  icon: string;
   constructor();
   disconnectedCallback(): void;
   render(): any;

package/dist/types/components/sqm-reward-exchange-list/RewardExchangeList.stories.d.ts

@@ -10,4 +10,6 @@ export declare const Confirm: () => any;
 export declare const ConfirmVariable: () => any;
 export declare const Error: () => any;
 export declare const Success: () => any;
+export declare const SuccessVariable: () => any;
+export declare const SuccessPromo: () => any;
 export declare const Loading: () => any;

package/dist/types/components/sqm-reward-exchange-list/RewardExchangeListData.d.ts

@@ -11,15 +11,18 @@ export declare const rewardExchange: {
     loading: boolean;
     selectedItem: any;
     selectedStep: any;
+    open: boolean;
   };
   data: {
     exchangeList: any;
+    fuelTankCode: any;
   };
   callbacks: {
     exchangeReward: any;
     resetState: any;
     setStage: any;
     setExchangeState: any;
+    copyFuelTankCode: any;
     refs: any;
   };
   refs: any;
@@ -37,15 +40,18 @@ export declare const rewardExchangeSelected: {
     loading: boolean;
     selectedItem: any;
     selectedStep: any;
+    open: boolean;
   };
   data: {
     exchangeList: any;
+    fuelTankCode: any;
   };
   callbacks: {
     exchangeReward: any;
     resetState: any;
     setStage: any;
     setExchangeState: any;
+    copyFuelTankCode: any;
     refs: any;
   };
   refs: any;
@@ -63,15 +69,18 @@ export declare const chooseAmountVariable: {
     loading: boolean;
     selectedItem: any;
     selectedStep: any;
+    open: boolean;
   };
   data: {
     exchangeList: any;
+    fuelTankCode: any;
   };
   callbacks: {
     exchangeReward: any;
     resetState: any;
     setStage: any;
     setExchangeState: any;
+    copyFuelTankCode: any;
     refs: any;
   };
   refs: any;
@@ -89,15 +98,18 @@ export declare const chooseAmountFixed: {
     loading: boolean;
     selectedItem: any;
     selectedStep: any;
+    open: boolean;
   };
   data: {
     exchangeList: any;
+    fuelTankCode: any;
   };
   callbacks: {
     exchangeReward: any;
     resetState: any;
     setStage: any;
     setExchangeState: any;
+    copyFuelTankCode: any;
     refs: any;
   };
   refs: any;
@@ -115,15 +127,18 @@ export declare const confirmFixed: {
     loading: boolean;
     selectedItem: any;
     selectedStep: any;
+    open: boolean;
   };
   data: {
     exchangeList: any;
+    fuelTankCode: any;
   };
   callbacks: {
     exchangeReward: any;
     resetState: any;
     setStage: any;
     setExchangeState: any;
+    copyFuelTankCode: any;
     refs: any;
   };
   refs: any;
@@ -141,15 +156,18 @@ export declare const confirmVariable: {
     loading: boolean;
     selectedItem: any;
     selectedStep: any;
+    open: boolean;
   };
   data: {
     exchangeList: any;
+    fuelTankCode: any;
   };
   callbacks: {
     exchangeReward: any;
     resetState: any;
     setStage: any;
     setExchangeState: any;
+    copyFuelTankCode: any;
     refs: any;
   };
   refs: any;
@@ -167,15 +185,18 @@ export declare const error: {
     loading: boolean;
     selectedItem: any;
     selectedStep: any;
+    open: boolean;
   };
   data: {
     exchangeList: any;
+    fuelTankCode: any;
   };
   callbacks: {
     exchangeReward: any;
     resetState: any;
     setStage: any;
     setExchangeState: any;
+    copyFuelTankCode: any;
     refs: any;
   };
   refs: any;
@@ -193,15 +214,76 @@ export declare const success: {
     loading: boolean;
     selectedItem: any;
     selectedStep: any;
+    open: boolean;
   };
   data: {
     exchangeList: any;
+    fuelTankCode: any;
   };
   callbacks: {
     exchangeReward: any;
     resetState: any;
     setStage: any;
     setExchangeState: any;
+    copyFuelTankCode: any;
+    refs: any;
+  };
+  refs: any;
+};
+export declare const success2: {
+  states: {
+    content: {
+      text: {
+        notAvailableError: string;
+      };
+    };
+    redeemStage: string;
+    amount: number;
+    exchangeError: boolean;
+    loading: boolean;
+    selectedItem: any;
+    selectedStep: any;
+    open: boolean;
+  };
+  data: {
+    exchangeList: any;
+    fuelTankCode: any;
+  };
+  callbacks: {
+    exchangeReward: any;
+    resetState: any;
+    setStage: any;
+    setExchangeState: any;
+    copyFuelTankCode: any;
+    refs: any;
+  };
+  refs: any;
+};
+export declare const success3: {
+  states: {
+    content: {
+      text: {
+        notAvailableError: string;
+      };
+    };
+    redeemStage: string;
+    amount: number;
+    exchangeError: boolean;
+    loading: boolean;
+    selectedItem: any;
+    selectedStep: any;
+    open: boolean;
+  };
+  data: {
+    exchangeList: any;
+    fuelTankCode: any;
+  };
+  callbacks: {
+    exchangeReward: any;
+    resetState: any;
+    setStage: any;
+    setExchangeState: any;
+    copyFuelTankCode: any;
     refs: any;
   };
   refs: any;
@@ -219,15 +301,18 @@ export declare const loading: {
     loading: boolean;
     selectedItem: any;
     selectedStep: any;
+    open: boolean;
   };
   data: {
     exchangeList: any;
+    fuelTankCode: any;
   };
   callbacks: {
     exchangeReward: any;
     resetState: any;
     setStage: any;
     setExchangeState: any;
+    copyFuelTankCode: any;
     refs: any;
   };
   refs: any;

package/dist/types/components/sqm-reward-exchange-list/SVGs.d.ts

@@ -1,4 +1,5 @@
 export declare const LeftArrow: () => any;
 export declare const ExchangeArrows: () => any;
 export declare const CheckMark: () => any;
+export declare const CheckmarkFilled: () => any;
 export declare const Gift: () => any;

package/dist/types/components/sqm-reward-exchange-list/sqm-reward-exchange-list-view.d.ts

@@ -6,7 +6,9 @@ export declare type RewardExchangeViewProps = {
     redeemStage: string;
     amount: number;
     exchangeError?: boolean;
+    queryError?: boolean;
     loading: boolean;
+    open: boolean;
     content: {
       text: any;
     };
@@ -20,6 +22,7 @@ export declare type RewardExchangeViewProps = {
     setStage: (stage?: Stages) => void;
     resetState: (refresh?: boolean) => void;
     setExchangeState: Function;
+    copyFuelTankCode: () => void;
   };
 };
 export declare function RewardExchangeView(props: RewardExchangeViewProps): any;

package/dist/types/components/sqm-reward-exchange-list/sqm-reward-exchange-list.d.ts

@@ -13,6 +13,59 @@ export declare class SqmRewardExchangeList {
    * @uiName Exchange button text
    */
   notAvailableError: string;
+  /**
+   * @uiName Choose Reward Progress Title
+   */
+  chooseRewardTitle: string;
+  /**
+   * @uiName Choose Amount Progress Title
+   */
+  chooseAmountTitle: string;
+  /**
+   * @uiName Confirmation Progress Title
+   */
+  confirmationTitle: string;
+  /**
+   * @uiName Cancel Button Text
+   */
+  cancelText: string;
+  /**
+   * @uiName Back Button Text
+   */
+  backText: string;
+  /**
+   * @uiName Continue Button Text
+   */
+  continueText: string;
+  /**
+   * @uiName Continue to Confirmation Button Text
+   */
+  continueToConfirmationText: string;
+  /**
+   * @uiName Redeem Button Text
+   */
+  redeemText: string;
+  /**
+   * @uiName Confirmation Title Text
+   */
+  redeemTitle: string;
+  redemptionSuccessText: string;
+  /**
+   * @uiName Done Text
+   */
+  doneText: string;
+  /**
+   * @uiName Reward List Error Message
+   */
+  queryError: string;
+  /**
+   * @uiName Redemption Error Message
+   */
+  redemptionError: string;
+  /**
+   * @uiName Not Enough Available Error Message
+   */
+  notEnoughError: string;
   /**
    * @undocumented
    * @uiType object

package/dist/types/components/sqm-reward-exchange-list/useRewardExchangeList.d.ts

@@ -32,6 +32,22 @@ export declare type ExchangeStep = {
   available: boolean;
   unavailableReasonCode: string;
   globalRewardKey: string;
+  rewardInput: ExchangeInput;
+};
+export declare type ExchangeInput = {
+  accountId: string;
+  userId: string;
+  redeemCreditInput?: {
+    amount: number;
+    unit: string;
+  };
+  rewardInput?: {
+    type: string;
+    unit: string;
+    assignedCredit?: number;
+    valueInCents?: number;
+  };
+  globalRewardKey?: string;
 };
 export declare type Stages = "" | "chooseReward" | "chooseAmount" | "confirmation";
 export declare type ExchangeState = {

package/dist/types/components.d.ts

@@ -26,7 +26,6 @@ import { PortalProfileViewProps } from "./components/sqm-portal-profile/sqm-port
 import { PortalRegisterViewProps } from "./components/sqm-portal-register/sqm-portal-register-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 { ProgramExplainerStepViewProps } from "./components/sqm-program-explainer-step/sqm-program-explainer-step-view";
 import { ReferralIframeViewProps } from "./components/sqm-referral-iframe/sqm-referral-iframe-view";
 import { ReferralTableViewProps } from "./components/sqm-referral-table/sqm-referral-table-view";
 import { ReferralDates } from "./components/sqm-referral-table/useReferralTable";
@@ -82,6 +81,11 @@ export namespace Components {
           * @uiName Brand Color
          */
         "brandColor": string;
+        /**
+          * The brand font that you want to use
+          * @uiName Brand Font
+         */
+        "brandFont": string;
     }
     interface SqmDividedLayout {
         /**
@@ -689,25 +693,51 @@ export namespace Components {
         "nextPage": string;
     }
     interface SqmProgramExplainer {
+        /**
+          * @uiName Background
+          * @uiWidget color
+         */
+        "background": string;
+        /**
+          * @uiName Title
+         */
+        "cardTitle": string;
+        /**
+          * @uiName Color
+          * @uiWidget color
+         */
+        "color": string;
+        /**
+          * @uiName Description
+         */
+        "description": string;
+        /**
+          * @uiName Header
+         */
+        "header": string;
     }
     interface SqmProgramExplainerStep {
         /**
-          * @undocumented 
-          * @uiType object
+          * @uiName Background
          */
-        "demoData"?: DemoData<ProgramExplainerStepViewProps>;
+        "background": string;
         /**
-          * @uiName Icon
+          * @uiName Title
          */
-        "icon": string;
+        "cardTitle": string;
         /**
-          * @uiName Label
+          * @uiName Color
+          * @uiWidget color
          */
-        "label": string;
+        "color": string;
         /**
-          * @uiName Navigation path
+          * @uiName Description
          */
-        "path": string;
+        "description": string;
+        /**
+          * @uiName Icon
+         */
+        "icon": string;
     }
     interface SqmProgramMenu {
     }
@@ -847,19 +877,72 @@ export namespace Components {
         "renderLabel": () => Promise<string>;
     }
     interface SqmRewardExchangeList {
+        /**
+          * @uiName Back Button Text
+         */
+        "backText": string;
         /**
           * @uiName Exchange button text
          */
         "buttonText": string;
+        /**
+          * @uiName Cancel Button Text
+         */
+        "cancelText": string;
+        /**
+          * @uiName Choose Amount Progress Title
+         */
+        "chooseAmountTitle": string;
+        /**
+          * @uiName Choose Reward Progress Title
+         */
+        "chooseRewardTitle": string;
+        /**
+          * @uiName Confirmation Progress Title
+         */
+        "confirmationTitle": string;
+        /**
+          * @uiName Continue Button Text
+         */
+        "continueText": string;
+        /**
+          * @uiName Continue to Confirmation Button Text
+         */
+        "continueToConfirmationText": string;
         /**
           * @undocumented 
           * @uiType object
          */
         "demoData"?: DemoData<RewardExchangeViewProps>;
+        /**
+          * @uiName Done Text
+         */
+        "doneText": string;
         /**
           * @uiName Exchange button text
          */
         "notAvailableError": string;
+        /**
+          * @uiName Not Enough Available Error Message
+         */
+        "notEnoughError": string;
+        /**
+          * @uiName Reward List Error Message
+         */
+        "queryError": string;
+        /**
+          * @uiName Redeem Button Text
+         */
+        "redeemText": string;
+        /**
+          * @uiName Confirmation Title Text
+         */
+        "redeemTitle": string;
+        /**
+          * @uiName Redemption Error Message
+         */
+        "redemptionError": string;
+        "redemptionSuccessText": string;
     }
     interface SqmRewardsTable {
         /**
@@ -1659,6 +1742,11 @@ declare namespace LocalJSX {
           * @uiName Brand Color
          */
         "brandColor"?: string;
+        /**
+          * The brand font that you want to use
+          * @uiName Brand Font
+         */
+        "brandFont"?: string;
     }
     interface SqmDividedLayout {
         /**
@@ -2266,25 +2354,51 @@ declare namespace LocalJSX {
         "nextPage"?: string;
     }
     interface SqmProgramExplainer {
+        /**
+          * @uiName Background
+          * @uiWidget color
+         */
+        "background"?: string;
+        /**
+          * @uiName Title
+         */
+        "cardTitle"?: string;
+        /**
+          * @uiName Color
+          * @uiWidget color
+         */
+        "color"?: string;
+        /**
+          * @uiName Description
+         */
+        "description"?: string;
+        /**
+          * @uiName Header
+         */
+        "header"?: string;
     }
     interface SqmProgramExplainerStep {
         /**
-          * @undocumented 
-          * @uiType object
+          * @uiName Background
          */
-        "demoData"?: DemoData<ProgramExplainerStepViewProps>;
+        "background"?: string;
         /**
-          * @uiName Icon
+          * @uiName Title
          */
-        "icon"?: string;
+        "cardTitle"?: string;
         /**
-          * @uiName Label
+          * @uiName Color
+          * @uiWidget color
          */
-        "label"?: string;
+        "color"?: string;
         /**
-          * @uiName Navigation path
+          * @uiName Description
          */
-        "path"?: string;
+        "description"?: string;
+        /**
+          * @uiName Icon
+         */
+        "icon"?: string;
     }
     interface SqmProgramMenu {
     }
@@ -2414,19 +2528,72 @@ declare namespace LocalJSX {
         "deletedUser"?: string;
     }
     interface SqmRewardExchangeList {
+        /**
+          * @uiName Back Button Text
+         */
+        "backText"?: string;
         /**
           * @uiName Exchange button text
          */
         "buttonText"?: string;
+        /**
+          * @uiName Cancel Button Text
+         */
+        "cancelText"?: string;
+        /**
+          * @uiName Choose Amount Progress Title
+         */
+        "chooseAmountTitle"?: string;
+        /**
+          * @uiName Choose Reward Progress Title
+         */
+        "chooseRewardTitle"?: string;
+        /**
+          * @uiName Confirmation Progress Title
+         */
+        "confirmationTitle"?: string;
+        /**
+          * @uiName Continue Button Text
+         */
+        "continueText"?: string;
+        /**
+          * @uiName Continue to Confirmation Button Text
+         */
+        "continueToConfirmationText"?: string;
         /**
           * @undocumented 
           * @uiType object
          */
         "demoData"?: DemoData<RewardExchangeViewProps>;
+        /**
+          * @uiName Done Text
+         */
+        "doneText"?: string;
         /**
           * @uiName Exchange button text
          */
         "notAvailableError"?: string;
+        /**
+          * @uiName Not Enough Available Error Message
+         */
+        "notEnoughError"?: string;
+        /**
+          * @uiName Reward List Error Message
+         */
+        "queryError"?: string;
+        /**
+          * @uiName Redeem Button Text
+         */
+        "redeemText"?: string;
+        /**
+          * @uiName Confirmation Title Text
+         */
+        "redeemTitle"?: string;
+        /**
+          * @uiName Redemption Error Message
+         */
+        "redemptionError"?: string;
+        "redemptionSuccessText"?: string;
     }
     interface SqmRewardsTable {
         /**

package/dist/types/fonts/GoogleFonts.d.ts

@@ -0,0 +1,9 @@
+/**
+ * Build a font CSS URL using the Google Fonts CSS API
+ *
+ * Docs: https://developers.google.com/fonts/docs/css2
+ *
+ * @param fonts - the font family or families to load
+ * @returns url to a .css file
+ */
+export declare function buildFontsCssUrl(...fonts: string[]): string;