@saasquatch/mint-components 1.5.0-13 → 1.5.0-17

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

@@ -24,6 +24,12 @@ export declare class BigStat {
    * @uiEnum ["left", "right", "center"]
    */
   alignment?: "left" | "right" | "center";
+  /**
+   * The ID of the program that is used to scope stats. Defaults to the program context when no ID is specified.
+   *
+   * @uiName Program ID
+   */
+  programId?: string;
   /**
    * @undocumented
    * @uiType object

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

@@ -1,6 +1,7 @@
 import { VNode } from "../../stencil-public-runtime";
+import "@appnest/masonry-layout";
 export interface CardFeedViewProps {
   width: number;
-  gap: string;
+  gap: number;
 }
 export declare function CardFeedView(props: CardFeedViewProps, children: VNode): any;

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

@@ -8,11 +8,10 @@ export declare class CardFeed {
    */
   width: number;
   /**
-   * @uiName Horizontal Gap
-   * @uiType string
-   * @uiEnum ["none", "xxx-small", "xx-small", "x-small", "small", "medium", "large", "x-large", "xx-large", "xxx-large", "xxxx-large"]
+   * @uiName Column Gap
+   * @uiType number
    */
-  gap: string;
+  gap: number;
   constructor();
   disconnectedCallback(): void;
   render(): any;

package/dist/types/components/sqm-portal-container/PortalContainer.stories.d.ts

@@ -7,3 +7,5 @@ declare const _default: {
 export default _default;
 export declare const TooWideColumn: () => any;
 export declare const TooWideRow: () => any;
+export declare const HalfWidth: () => any;
+export declare const FullWidth: () => any;

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

@@ -5,6 +5,7 @@ interface PortalContainerViewProps {
   padding: Spacing;
   gap: string;
   minWidth?: string;
+  maxWidth?: string;
 }
 export declare function PortalContainerView(props: PortalContainerViewProps, children: VNode): any;
 export {};

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

@@ -24,6 +24,10 @@ export declare class PortalContainer {
   gap: Spacing;
   /** @uiName Minimum width */
   minWidth?: string;
+  /**
+   * @uiName Maximum width
+   */
+  maxWidth?: string;
   constructor();
   disconnectedCallback(): void;
   render(): any;

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

@@ -5,6 +5,12 @@ import { PortalEmailVerificationViewProps } from "./sqm-portal-email-verificatio
  */
 export declare class PortalEmailVerification {
   ignored: boolean;
+  /**
+   * The page that users are redirected to from the verification email.
+   *
+   * @uiName Email redirection base path
+   */
+  redirectPath: string;
   /**
    * @uiName Email verification header text
    */

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

@@ -3,6 +3,7 @@ export interface PortalForgotPasswordViewProps {
     error: string;
     loading: boolean;
     success: boolean;
+    loginPath: string;
   };
   callbacks: {
     submit: (event: any) => Promise<void>;

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

@@ -5,6 +5,12 @@ import { PortalForgotPasswordViewProps } from "./sqm-portal-forgot-password-view
  */
 export declare class PortalForgotPassword {
   ignored: boolean;
+  /**
+   * The page that users are redirected to from the password reset email.
+   *
+   * @uiName Email redirection base path
+   */
+  redirectPath: string;
   /**
    * @uiName Email label
    */
@@ -13,6 +19,10 @@ export declare class PortalForgotPassword {
    * @uiName Password reset button text
    */
   submitLabel: string;
+  /**
+   * @uiName Routing path to login page
+   */
+  loginPath: string;
   /**
    * @undocumented
    * @uiType object

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

@@ -1,8 +1,10 @@
-export declare function usePortalForgotPassword(): {
+import { PortalForgotPassword } from "./sqm-portal-forgot-password";
+export declare function usePortalForgotPassword(props: PortalForgotPassword): {
   states: {
     loading: boolean;
     error: string;
     success: boolean;
+    loginPath: string;
   };
   callbacks: {
     submit: (event: any) => Promise<void>;

package/dist/types/components/sqm-portal-login/sqm-portal-login-view.d.ts

@@ -2,6 +2,8 @@ export interface PortalLoginViewProps {
   states: {
     error: string;
     loading: boolean;
+    forgotPasswordPath: string;
+    registerPath: string;
   };
   callbacks: {
     submit: (event: any) => Promise<void>;

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

@@ -33,6 +33,14 @@ export declare class PortalLogin {
    * @uiName Heading label
    */
   pageLabel: string;
+  /**
+   * @uiName Register button redirection path
+   */
+  registerPath: string;
+  /**
+   * @uiName Forgot password button redirect path
+   */
+  forgotPasswordPath: string;
   /**
    * @undocumented
    * @uiType object

package/dist/types/components/sqm-portal-login/usePortalLogin.d.ts

@@ -1,9 +1,9 @@
-export declare function usePortalLogin({ nextPage }: {
-  nextPage: any;
-}): {
+export declare function usePortalLogin(props: any): {
   states: {
     loading: boolean;
     error: string;
+    registerPath: any;
+    forgotPasswordPath: any;
   };
   callbacks: {
     submit: (event: any) => Promise<void>;

package/dist/types/components/sqm-portal-register/sqm-portal-register-view.d.ts

@@ -7,6 +7,7 @@ export interface PortalRegisterViewProps {
     hideInputs: boolean;
     validationState?: FormState;
     enablePasswordValidation?: boolean;
+    loginPath: string;
   };
   callbacks: {
     submit: Function;

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

@@ -9,6 +9,12 @@ export declare class PortalRegister {
    * @uiName Page navigated to after registration
    */
   nextPage: string;
+  /**
+   * The page that users are redirected to from the verification email.
+   *
+   * @uiName Email redirection base path
+   */
+  redirectPath: string;
   /**
    * @uiName Label for email field
    */
@@ -45,6 +51,10 @@ export declare class PortalRegister {
    * @uiName Heading label
    */
   pageLabel: string;
+  /**
+   * @uiName Sign in button redirection path
+   */
+  loginPath: string;
   /**
    * @undocumented
    * @uiType object

package/dist/types/components/sqm-portal-register/usePortalRegister.d.ts

@@ -11,6 +11,7 @@ export declare function usePortalRegister(props: PortalRegister): {
     validationState: import("./useValidationState").FormState;
     confirmPassword: boolean;
     hideInputs: boolean;
+    loginPath: string;
   };
   callbacks: {
     submit: (event: any) => Promise<void>;

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

@@ -6,9 +6,17 @@ import { PortalResetPasswordViewProps } from "./sqm-portal-reset-password-view";
 export declare class PortalResetPassword {
   ignored: boolean;
   /**
+   * The page that users are redirected to when the password reset succeeds.
+   *
    * @uiName Next page path
    */
   nextPage: string;
+  /**
+   * The page that users are redirected to if the reset fails due to outdated password reset attempt.
+   *
+   * @uiName Failed page redirection path
+   */
+  failedPage: string;
   /**
    * @uiName Show confirm password
    */

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

@@ -6,9 +6,17 @@ import { PortalVerifyEmailViewProps } from "./sqm-portal-verify-email-view";
 export declare class PortalVerifyEmail {
   ignored: boolean;
   /**
+   * The page that users are redirected to when the verification succeeds.
+   *
    * @uiName Next page path
    */
   nextPage: string;
+  /**
+   * The page that users are redirected to if verification fails due to outdated verification attempt.
+   *
+   * @uiName Failed page redirection path
+   */
+  failedPage: string;
   /**
    * @undocumented
    * @uiType object

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

@@ -1,5 +1,6 @@
-export declare function usePortalVerifyEmail({ nextPage }: {
+export declare function usePortalVerifyEmail({ nextPage, failedPage }: {
   nextPage: any;
+  failedPage: any;
 }): {
   states: {
     loading: boolean;

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

@@ -2,19 +2,24 @@ export declare const rewardExchange: {
   states: {
     content: {
       text: {
-        continueText: string;
-        cancelText: string;
-        continueToConfirmationText: string;
-        backText: string;
-        redeemText: string;
-        doneText: string;
+        buttonText: string;
+        notAvailableError: string;
         chooseRewardTitle: string;
         chooseAmountTitle: string;
         confirmationTitle: string;
+        cancelText: string;
+        backText: string;
+        continueText: string;
+        continueToConfirmationText: string;
+        redeemText: string;
         redeemTitle: string;
+        redemptionSuccessText: string;
+        doneText: string;
+        toolTipText: string;
+        selectText: string;
+        sourceAmountMessage: string;
         rewardRedeemedText: string;
-        queryError: string;
-        notAvailableError: string;
+        redemptionError: string;
       };
     };
     redeemStage: string;
@@ -43,19 +48,24 @@ export declare const rewardExchangeSelected: {
   states: {
     content: {
       text: {
-        continueText: string;
-        cancelText: string;
-        continueToConfirmationText: string;
-        backText: string;
-        redeemText: string;
-        doneText: string;
+        buttonText: string;
+        notAvailableError: string;
         chooseRewardTitle: string;
         chooseAmountTitle: string;
         confirmationTitle: string;
+        cancelText: string;
+        backText: string;
+        continueText: string;
+        continueToConfirmationText: string;
+        redeemText: string;
         redeemTitle: string;
+        redemptionSuccessText: string;
+        doneText: string;
+        toolTipText: string;
+        selectText: string;
+        sourceAmountMessage: string;
         rewardRedeemedText: string;
-        queryError: string;
-        notAvailableError: string;
+        redemptionError: string;
       };
     };
     redeemStage: string;
@@ -84,19 +94,24 @@ export declare const chooseAmountVariable: {
   states: {
     content: {
       text: {
-        continueText: string;
-        cancelText: string;
-        continueToConfirmationText: string;
-        backText: string;
-        redeemText: string;
-        doneText: string;
+        buttonText: string;
+        notAvailableError: string;
         chooseRewardTitle: string;
         chooseAmountTitle: string;
         confirmationTitle: string;
+        cancelText: string;
+        backText: string;
+        continueText: string;
+        continueToConfirmationText: string;
+        redeemText: string;
         redeemTitle: string;
+        redemptionSuccessText: string;
+        doneText: string;
+        toolTipText: string;
+        selectText: string;
+        sourceAmountMessage: string;
         rewardRedeemedText: string;
-        queryError: string;
-        notAvailableError: string;
+        redemptionError: string;
       };
     };
     redeemStage: string;
@@ -125,19 +140,24 @@ export declare const chooseAmountFixed: {
   states: {
     content: {
       text: {
-        continueText: string;
-        cancelText: string;
-        continueToConfirmationText: string;
-        backText: string;
-        redeemText: string;
-        doneText: string;
+        buttonText: string;
+        notAvailableError: string;
         chooseRewardTitle: string;
         chooseAmountTitle: string;
         confirmationTitle: string;
+        cancelText: string;
+        backText: string;
+        continueText: string;
+        continueToConfirmationText: string;
+        redeemText: string;
         redeemTitle: string;
+        redemptionSuccessText: string;
+        doneText: string;
+        toolTipText: string;
+        selectText: string;
+        sourceAmountMessage: string;
         rewardRedeemedText: string;
-        queryError: string;
-        notAvailableError: string;
+        redemptionError: string;
       };
     };
     redeemStage: string;
@@ -166,19 +186,24 @@ export declare const confirmFixed: {
   states: {
     content: {
       text: {
-        continueText: string;
-        cancelText: string;
-        continueToConfirmationText: string;
-        backText: string;
-        redeemText: string;
-        doneText: string;
+        buttonText: string;
+        notAvailableError: string;
         chooseRewardTitle: string;
         chooseAmountTitle: string;
         confirmationTitle: string;
+        cancelText: string;
+        backText: string;
+        continueText: string;
+        continueToConfirmationText: string;
+        redeemText: string;
         redeemTitle: string;
+        redemptionSuccessText: string;
+        doneText: string;
+        toolTipText: string;
+        selectText: string;
+        sourceAmountMessage: string;
         rewardRedeemedText: string;
-        queryError: string;
-        notAvailableError: string;
+        redemptionError: string;
       };
     };
     redeemStage: string;
@@ -207,19 +232,24 @@ export declare const confirmVariable: {
   states: {
     content: {
       text: {
-        continueText: string;
-        cancelText: string;
-        continueToConfirmationText: string;
-        backText: string;
-        redeemText: string;
-        doneText: string;
+        buttonText: string;
+        notAvailableError: string;
         chooseRewardTitle: string;
         chooseAmountTitle: string;
         confirmationTitle: string;
+        cancelText: string;
+        backText: string;
+        continueText: string;
+        continueToConfirmationText: string;
+        redeemText: string;
         redeemTitle: string;
+        redemptionSuccessText: string;
+        doneText: string;
+        toolTipText: string;
+        selectText: string;
+        sourceAmountMessage: string;
         rewardRedeemedText: string;
-        queryError: string;
-        notAvailableError: string;
+        redemptionError: string;
       };
     };
     redeemStage: string;
@@ -248,19 +278,24 @@ export declare const error: {
   states: {
     content: {
       text: {
-        continueText: string;
-        cancelText: string;
-        continueToConfirmationText: string;
-        backText: string;
-        redeemText: string;
-        doneText: string;
+        buttonText: string;
+        notAvailableError: string;
         chooseRewardTitle: string;
         chooseAmountTitle: string;
         confirmationTitle: string;
+        cancelText: string;
+        backText: string;
+        continueText: string;
+        continueToConfirmationText: string;
+        redeemText: string;
         redeemTitle: string;
+        redemptionSuccessText: string;
+        doneText: string;
+        toolTipText: string;
+        selectText: string;
+        sourceAmountMessage: string;
         rewardRedeemedText: string;
-        queryError: string;
-        notAvailableError: string;
+        redemptionError: string;
       };
     };
     redeemStage: string;
@@ -289,19 +324,24 @@ export declare const success: {
   states: {
     content: {
       text: {
-        continueText: string;
-        cancelText: string;
-        continueToConfirmationText: string;
-        backText: string;
-        redeemText: string;
-        doneText: string;
+        buttonText: string;
+        notAvailableError: string;
         chooseRewardTitle: string;
         chooseAmountTitle: string;
         confirmationTitle: string;
+        cancelText: string;
+        backText: string;
+        continueText: string;
+        continueToConfirmationText: string;
+        redeemText: string;
         redeemTitle: string;
+        redemptionSuccessText: string;
+        doneText: string;
+        toolTipText: string;
+        selectText: string;
+        sourceAmountMessage: string;
         rewardRedeemedText: string;
-        queryError: string;
-        notAvailableError: string;
+        redemptionError: string;
       };
     };
     redeemStage: string;
@@ -330,19 +370,24 @@ export declare const success2: {
   states: {
     content: {
       text: {
-        continueText: string;
-        cancelText: string;
-        continueToConfirmationText: string;
-        backText: string;
-        redeemText: string;
-        doneText: string;
+        buttonText: string;
+        notAvailableError: string;
         chooseRewardTitle: string;
         chooseAmountTitle: string;
         confirmationTitle: string;
+        cancelText: string;
+        backText: string;
+        continueText: string;
+        continueToConfirmationText: string;
+        redeemText: string;
         redeemTitle: string;
+        redemptionSuccessText: string;
+        doneText: string;
+        toolTipText: string;
+        selectText: string;
+        sourceAmountMessage: string;
         rewardRedeemedText: string;
-        queryError: string;
-        notAvailableError: string;
+        redemptionError: string;
       };
     };
     redeemStage: string;
@@ -371,19 +416,24 @@ export declare const success3: {
   states: {
     content: {
       text: {
-        continueText: string;
-        cancelText: string;
-        continueToConfirmationText: string;
-        backText: string;
-        redeemText: string;
-        doneText: string;
+        buttonText: string;
+        notAvailableError: string;
         chooseRewardTitle: string;
         chooseAmountTitle: string;
         confirmationTitle: string;
+        cancelText: string;
+        backText: string;
+        continueText: string;
+        continueToConfirmationText: string;
+        redeemText: string;
         redeemTitle: string;
+        redemptionSuccessText: string;
+        doneText: string;
+        toolTipText: string;
+        selectText: string;
+        sourceAmountMessage: string;
         rewardRedeemedText: string;
-        queryError: string;
-        notAvailableError: string;
+        redemptionError: string;
       };
     };
     redeemStage: string;
@@ -412,19 +462,24 @@ export declare const loading: {
   states: {
     content: {
       text: {
-        continueText: string;
-        cancelText: string;
-        continueToConfirmationText: string;
-        backText: string;
-        redeemText: string;
-        doneText: string;
+        buttonText: string;
+        notAvailableError: string;
         chooseRewardTitle: string;
         chooseAmountTitle: string;
         confirmationTitle: string;
+        cancelText: string;
+        backText: string;
+        continueText: string;
+        continueToConfirmationText: string;
+        redeemText: string;
         redeemTitle: string;
+        redemptionSuccessText: string;
+        doneText: string;
+        toolTipText: string;
+        selectText: string;
+        sourceAmountMessage: string;
         rewardRedeemedText: string;
-        queryError: string;
-        notAvailableError: string;
+        redemptionError: string;
       };
     };
     redeemStage: string;

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

@@ -49,11 +49,28 @@ export declare class SqmRewardExchangeList {
    * @uiName Confirmation Title Text
    */
   redeemTitle: string;
+  /**
+   * @uiName Redemption Success Message
+   */
   redemptionSuccessText: string;
+  /**
+   * @uiName Reward Exchange Amount Text
+   */
+  sourceAmountMessage: string;
+  /**
+   * Shown when a user copies a fuel tank code
+   *
+   * @uiName Tool Tip Text
+   */
+  tooltiptext: string;
   /**
    * @uiName Done Text
    */
   doneText: string;
+  /**
+   * @uiName Select Amount Text
+   */
+  selectText: string;
   /**
    * @uiName Reward List Error Message
    */
@@ -66,6 +83,10 @@ export declare class SqmRewardExchangeList {
    * @uiName Not Enough Available Error Message
    */
   notEnoughError: string;
+  /**
+   * @uiName Number of Skeleton Cards
+   */
+  skeletonCardNum: number;
   /**
    * @undocumented
    * @uiType object

package/dist/types/components/sqm-share-button/ShareButton.stories.d.ts

@@ -8,4 +8,6 @@ export declare const TextStyle: () => any;
 export declare const WithoutIcon: () => any;
 export declare const WithoutText: () => any;
 export declare const TextStyleWithoutIcon: () => any;
+export declare const WithCustomColors: () => any;
+export declare const WithCustomBorderRadius: () => any;
 export declare const FullStackIcon: () => any;

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

@@ -12,5 +12,8 @@ export interface ShareButtonViewProps {
   iconslot?: "prefix" | "suffix";
   onClick?: () => void;
   hide?: boolean;
+  borderradius?: number;
+  backgroundcolor?: string;
+  textcolor?: string;
 }
 export declare function ShareButtonView(props: ShareButtonViewProps, children: VNode): any;