@saasquatch/mint-components 1.5.0-8 → 1.5.0-83

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

@@ -4,7 +4,10 @@ interface PortalContainerViewProps {
   direction: "row" | "column";
   padding: Spacing;
   gap: string;
+  center?: boolean;
+  display?: 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,20 @@ export declare class PortalContainer {
   gap: Spacing;
   /** @uiName Minimum width */
   minWidth?: string;
+  /**
+   * @uiName Display
+   * @uiType string
+   * @uiEnum ["grid", "flex"]
+   */
+  display: "grid" | "flex";
+  /**
+   * @uiName Maximum width
+   */
+  maxWidth?: string;
+  /**
+   * @uiName Center content
+   */
+  center: boolean;
   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/PortalRegister.stories.d.ts

@@ -7,3 +7,4 @@ export declare const RegisterWithError: () => any;
 export declare const RegisterLoading: () => any;
 export declare const FieldsHidden: () => any;
 export declare const SlottedInputs: () => any;
+export declare const TermsAndConditions: () => any;

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

@@ -1,3 +1,4 @@
+import { VNode } from "../../stencil-public-runtime";
 import { FormState } from "./useValidationState";
 export interface PortalRegisterViewProps {
   states: {
@@ -7,15 +8,17 @@ export interface PortalRegisterViewProps {
     hideInputs: boolean;
     validationState?: FormState;
     enablePasswordValidation?: boolean;
+    loginPath: string;
   };
   callbacks: {
     submit: Function;
     inputFunction: Function;
   };
   content: {
-    formData?: any;
-    passwordField?: any;
-    secondaryButton?: any;
+    formData?: VNode;
+    terms?: VNode;
+    passwordField?: VNode;
+    secondaryButton?: VNode;
     emailLabel?: string;
     passwordLabel?: string;
     submitLabel?: string;

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-program-explainer/ProgramExplainer.stories.d.ts

@@ -1,7 +1,9 @@
 declare const _default: {
   title: string;
+  parameters: {
+    scenario: string;
+  };
 };
 export default _default;
 export declare const OneStep: () => any;
-export declare const TwoSteps: () => any;
-export declare const ThreeSteps: () => any;
+export declare const Custom: () => any;

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

@@ -1,9 +1,7 @@
 import { VNode } from "../../stencil-public-runtime";
 export interface ProgramExplainerViewProps {
   header: string;
-  cardTitle: string;
-  description: string;
-  color: string;
-  background: string;
+  textColor: string;
+  backgroundColor: string;
 }
 export declare function ProgramExplainerView(props: ProgramExplainerViewProps, children: VNode): any;

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

@@ -4,27 +4,19 @@
 export declare class ProgramExplainer {
   ignored: boolean;
   /**
-   * @uiName Header
+   * @uiName Header Text
    */
   header: string;
   /**
-   * @uiName Title
-   */
-  cardTitle: string;
-  /**
-   * @uiName Description
-   */
-  description: string;
-  /**
-   * @uiName Color
+   * @uiName Header Text Color
    * @uiWidget color
    */
-  color: string;
+  textColor: string;
   /**
-   * @uiName Background
+   * @uiName Header Background Color
    * @uiWidget color
    */
-  background: string;
+  backgroundColor: string;
   constructor();
   disconnectedCallback(): void;
   render(): any;

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

@@ -1,5 +1,9 @@
 declare const _default: {
   title: string;
+  parameters: {
+    scenario: string;
+  };
 };
 export default _default;
-export declare const Example1: () => any;
+export declare const ProgramExplainerStep: () => any;
+export declare const ProgramExplainerStepCustom: () => any;

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

@@ -1,8 +1,9 @@
 export interface ProgramExplainerStepViewProps {
-  cardTitle: string;
+  header: string;
   description: string;
-  color: string;
-  background: string;
-  icon: string;
+  textColor?: string;
+  backgroundColor?: string;
+  imageUrl?: string;
+  icon?: string;
 }
 export declare function ProgramExplainerStepView(props: ProgramExplainerStepViewProps): any;

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

@@ -5,24 +5,33 @@ export declare class ProgramExplainerStep {
   /**
    * @uiName Title
    */
-  cardTitle: string;
+  header: string;
   /**
    * @uiName Description
    */
   description: string;
   /**
-   * @uiName Color
+   * @uiName Text Color
    * @uiWidget color
    */
-  color: string;
+  textColor: string;
   /**
-   * @uiName Background
+   * @uiName Background Color
+   * @uiWidget color
+   */
+  backgroundColor: string;
+  /**
+   * Displayed in place of an icon
+   *
+   * @uiName Image Url
    */
-  background: string;
+  imageUrl?: string;
   /**
+   * Options available at https://shoelace.style/components/icon
+   *
    * @uiName Icon
    */
-  icon: string;
+  icon?: string;
   constructor();
   disconnectedCallback(): void;
   render(): any;

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

@@ -0,0 +1,15 @@
+declare const _default: {
+  title: string;
+  parameters: {
+    scenario: string;
+  };
+};
+export default _default;
+export declare const media: (slot: any) => any;
+export declare const sharebutton: (slot: any) => any;
+export declare const ImageAndShareButtons: () => any;
+export declare const TimelineAndShareButtons: () => any;
+export declare const StartAlignment: () => any;
+export declare const CenterAlignment: () => any;
+export declare const EndAlignment: () => any;
+export declare const FlippedSlots: () => any;

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

@@ -0,0 +1,9 @@
+import { VNode } from "../../stencil-public-runtime";
+export interface ReferralCardViewProps {
+  verticalAlignment: "start" | "center" | "end";
+  slots: {
+    left: VNode;
+    right: VNode;
+  };
+}
+export declare function ReferralCardView(props: ReferralCardViewProps): any;

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

@@ -0,0 +1,15 @@
+/**
+ * @uiName Referral Card
+ */
+export declare class ReferralCard {
+  ignored: boolean;
+  /**
+   * @uiName Vertical Aligment
+   * @uiType string
+   * @uiEnum ["start", "center", "end"]
+   */
+  verticalAlignment: "start" | "center" | "end";
+  constructor();
+  disconnectedCallback(): void;
+  render(): any;
+}

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

@@ -1,7 +1,36 @@
 declare const _default: {
   title: string;
+  parameters: {
+    scenario: string;
+  };
 };
 export default _default;
+export declare const simpleUserTableProps: {
+  states: {
+    hasPrev: boolean;
+    hasNext: boolean;
+    show: "rows";
+    namespace: string;
+  };
+  data: {
+    textOverrides: {
+      showLabels: boolean;
+      prevLabel: string;
+      moreLabel: string;
+    };
+    hiddenColumns: string;
+    mdBreakpoint: number;
+    smBreakpoint: number;
+  };
+  callbacks: {
+    prevPage: () => void;
+    nextPage: () => void;
+  };
+  elements: {
+    columns: string[];
+    rows: any[][];
+  };
+};
 export declare const SimpleUserTable: () => any;
 export declare const HiddenLabelsTable: () => any;
 export declare const CustomButtonTextTable: () => any;
@@ -11,3 +40,4 @@ export declare const LongColumnTextTable: () => any;
 export declare const EmptyTable: () => any;
 export declare const LoadingTable: () => any;
 export declare const FullRewardsTable: () => any;
+export declare const ColumnsMobileHidden: () => any;

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

@@ -1,5 +1,8 @@
 declare const _default: {
   title: string;
+  parameters: {
+    scenario: string;
+  };
 };
 export default _default;
 export declare const TableCell: () => any;

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

@@ -1,5 +1,8 @@
 declare const _default: {
   title: string;
+  parameters: {
+    scenario: string;
+  };
 };
 export default _default;
 export declare const PendingNoUnpend: () => any;

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

@@ -0,0 +1,28 @@
+declare const _default: {
+  title: string;
+};
+export default _default;
+export declare const ReferralTable: {
+  (): any;
+  parameters: {
+    hookStory: Function;
+  };
+};
+export declare const ReferralTableEn: {
+  (): any;
+  parameters: {
+    hookStory: Function;
+  };
+};
+export declare const ReferralTableTr: {
+  (): any;
+  parameters: {
+    hookStory: Function;
+  };
+};
+export declare const ReferralTableFr: {
+  (): any;
+  parameters: {
+    hookStory: Function;
+  };
+};

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

@@ -1,7 +1,8 @@
 export declare class ReferralTableDateCell {
   ignored: boolean;
   date: number;
+  locale: string;
   constructor();
   disconnectedCallback(): void;
-  render(): any;
+  render(): string;
 }

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

@@ -1,5 +1,12 @@
 export declare class ReferralTableRewardsCell {
   rewards: Reward[];
   hideDetails: boolean;
+  statusText: string;
+  statusLongText: string;
+  fuelTankText: string;
+  rewardReceivedText: string;
+  expiringText: string;
+  pendingForText: string;
+  locale: string;
   render(): any[];
 }

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

@@ -1,4 +1,4 @@
 export declare class ReferralTableUserCell {
   name: string;
-  render(): any;
+  render(): string;
 }

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

@@ -1,6 +1,6 @@
 import { VNode } from "../../../stencil-public-runtime";
 export interface ReferralTableColumn {
   renderLabel(): Promise<string>;
-  renderCell(data: Referral): Promise<VNode>;
+  renderCell(data: Referral, locale: string): Promise<VNode>;
   renderReferrerCell?(data: Referrer): Promise<VNode>;
 }

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

@@ -23,7 +23,7 @@ export declare class ReferralTableDateColumn implements ReferralTableColumn {
   dateShown: ReferralDates;
   constructor();
   disconnectedCallback(): void;
-  renderCell(data: Referral): Promise<any>;
+  renderCell(data: Referral, locale: string): Promise<any>;
   renderLabel(): Promise<string>;
   render(): any;
 }

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

@@ -7,13 +7,37 @@ export declare class ReferralTableRewardsColumn implements ReferralTableColumn {
    * @uiName Reward column title
    */
   columnTitle: string;
+  /**
+   * @uiName Reward Status Text
+   */
+  statusText: string;
+  /**
+   * @uiName Reward Status Long Text
+   */
+  statusLongText: string;
+  /**
+   * @uiName Fuel Tank Code Text
+   */
+  fuelTankText: string;
+  /**
+   * @uiName Reward Received Text
+   */
+  rewardReceivedText: string;
+  /**
+   * @uiName Reward Expiring Text
+   */
+  expiringText: string;
+  /**
+   * @uiName Reward Pending Text
+   */
+  pendingForText: string;
   /**
    * @uiName Hide dropdown details of reward
    */
   hideDetails: boolean;
   constructor();
   disconnectedCallback(): void;
-  renderCell(data: Referral): Promise<any>;
+  renderCell(data: Referral, locale: string): Promise<any>;
   renderLabel(): Promise<string>;
   render(): any;
 }

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

@@ -18,7 +18,7 @@ export interface ReferralTableViewProps {
     nextPage: () => void;
   };
   elements: {
-    columns: VNode[];
+    columns: string[];
     rows: VNode[][];
     loading?: boolean;
     emptyElement?: VNode;

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

@@ -1,5 +1,5 @@
 import { DemoData } from "../../global/demo";
-import { ReferralTableViewProps } from "./sqm-referral-table-view";
+import { GenericTableViewProps } from "../../tables/GenericTableView";
 /**
  * @uiName Referral Table
  */
@@ -22,11 +22,17 @@ export declare class ReferralTable {
   moreLabel?: string;
   /** @uiName Show Referred by user in table  */
   showReferrer?: boolean;
+  /** @uiName Hide Column Labels (Mobile View)  */
+  hiddenColumns?: string;
+  /** @uiName Hide Columns (Mobile View)  */
+  smBreakpoint?: number;
+  /** @uiName Hide Columns (Mobile View)  */
+  mdBreakpoint?: number;
   /**
    * @undocumented
    * @uiType object
    */
-  demoData?: DemoData<ReferralTableViewProps>;
+  demoData?: DemoData<GenericTableViewProps>;
   constructor();
   disconnectedCallback(): void;
   render(): any;

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

@@ -1,5 +1,7 @@
 import { VNode } from "../../stencil-public-runtime";
 import { ReferralTable } from "./sqm-referral-table";
-import { ReferralTableViewProps } from "./sqm-referral-table-view";
+import { GenericTableViewProps } from "../../tables/GenericTableView";
+export declare const CSS_NAMESPACE = "sqm-referral-table";
 export declare type ReferralDates = "dateConverted" | "dateReferralStarted" | "dateFraudChecksCompleted" | "dateModerated" | "dateModified" | "dateReferralEnded" | "dateReferralPaid" | "dateUserModified";
-export declare function useReferralTable(props: ReferralTable, emptyElement: VNode, loadingElement: VNode): ReferralTableViewProps;
+export declare function useReferralTable(props: ReferralTable, emptyElement: VNode, loadingElement: VNode): GenericTableViewProps;
+export declare function generateUserError(e: any): string;

package/dist/types/components/sqm-refresh-button/RefreshButtonView.d.ts

@@ -0,0 +1,15 @@
+import { VNode } from "../../stencil-public-runtime";
+export interface RefreshButtonViewProps {
+  loading?: boolean;
+  disabled?: boolean;
+  pill?: boolean;
+  type?: "primary" | "success" | "info" | "warning" | "danger" | "default" | "text";
+  size?: "small" | "medium" | "large";
+  icon?: string;
+  hideicon?: boolean;
+  hidetext?: boolean;
+  iconslot?: "prefix" | "suffix";
+  onClick?: () => void;
+  hide?: boolean;
+}
+export declare function RefreshButtonView(props: RefreshButtonViewProps, children: VNode): any;