@saasquatch/mint-components 1.5.0-0 → 1.5.0-101

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

@@ -0,0 +1,10 @@
+declare const _default: {
+  title: string;
+  parameters: {
+    scenario: string;
+  };
+};
+export default _default;
+export declare const OneStep: () => any;
+export declare const Custom: () => any;
+export declare const ProgramExplainerGeneric: () => any;

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

@@ -0,0 +1,7 @@
+import { VNode } from "../../stencil-public-runtime";
+export interface ProgramExplainerViewProps {
+  header: 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

@@ -0,0 +1,23 @@
+/**
+ * @uiName Program Explainer
+ */
+export declare class ProgramExplainer {
+  ignored: boolean;
+  /**
+   * @uiName Header Text
+   */
+  header: string;
+  /**
+   * @uiName Header Text Color
+   * @uiWidget color
+   */
+  textColor: string;
+  /**
+   * @uiName Header Background Color
+   * @uiWidget color
+   */
+  backgroundColor: string;
+  constructor();
+  disconnectedCallback(): void;
+  render(): any;
+}

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

@@ -0,0 +1,9 @@
+declare const _default: {
+  title: string;
+  parameters: {
+    scenario: string;
+  };
+};
+export default _default;
+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

@@ -0,0 +1,9 @@
+export interface ProgramExplainerStepViewProps {
+  header: string;
+  description: 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

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

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

@@ -0,0 +1,16 @@
+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;
+export declare const ReferralCardGeneric: () => 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,8 +1,12 @@
 declare const _default: {
   title: string;
+  parameters: {
+    scenario: string;
+  };
 };
 export default _default;
 export declare const SimpleUserTable: () => any;
+export declare const SingleEntry: () => any;
 export declare const HiddenLabelsTable: () => any;
 export declare const CustomButtonTextTable: () => any;
 export declare const FullUserTable: () => any;
@@ -11,3 +15,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,40 @@
+declare const _default: {
+  title: string;
+};
+export default _default;
+export declare const ReferralTable: {
+  (): any;
+  parameters: {
+    hookStory: Function;
+  };
+};
+export declare const ReferralTableDemoHook: {
+  (): any;
+  parameters: {
+    hookStory: Function;
+  };
+};
+export declare const ReferralTableDemoHookShowReferrer: {
+  (): 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,8 @@ 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>;
+  renderReferrerCell(data: Referrer): Promise<any>;
   render(): any;
 }

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

@@ -7,13 +7,38 @@ 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>;
+  renderReferrerCell(data: Referrer): Promise<any>;
   render(): any;
 }

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

@@ -19,5 +19,6 @@ export declare class ReferralTableStatusColumn implements ReferralTableColumn {
   disconnectedCallback(): void;
   renderCell(data: Referral): Promise<any>;
   renderLabel(): Promise<string>;
+  renderReferrerCell(data: Referrer): Promise<any>;
   render(): any;
 }

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

@@ -19,5 +19,6 @@ export declare class ReferralTableUserColumn implements ReferralTableColumn {
   disconnectedCallback(): void;
   renderCell(data: Referral): Promise<any>;
   renderLabel(): Promise<string>;
+  renderReferrerCell(data: Referrer): Promise<any>;
   render(): any;
 }

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

@@ -0,0 +1,83 @@
+declare const _default: {
+  totalCount: number;
+  count: number;
+  referredByReferral: {
+    dateConverted: any;
+    dateReferralStarted: number;
+    referrerUser: {
+      firstName: string;
+      lastName: string;
+      rewards: any[];
+    };
+  };
+  data: {
+    id: string;
+    referredUser: {
+      id: string;
+      accountId: string;
+      firstName: string;
+      lastName: string;
+      email: string;
+      programGoals: any[];
+    };
+    shareLinkUsed: any;
+    referralCodeUsed: string;
+    moderationStatus: string;
+    dateConverted: number;
+    dateFraudChecksCompleted: any;
+    dateModerated: number;
+    dateModified: number;
+    dateReferralEnded: any;
+    dateReferralPaid: any;
+    dateReferralStarted: number;
+    dateUserModified: any;
+    programId: string;
+    program: {
+      id: string;
+      name: string;
+    };
+    rewards: {
+      id: string;
+      type: string;
+      value: number;
+      unit: string;
+      name: string;
+      dateGiven: number;
+      dateExpires: any;
+      dateCancelled: any;
+      dateRedeemed: number;
+      dateScheduledFor: any;
+      fuelTankCode: any;
+      fuelTankType: any;
+      currency: any;
+      prettyValue: string;
+      statuses: string[];
+      globalRewardKey: any;
+      programRewardKey: string;
+      rewardRedemptionTransactions: {
+        data: {
+          exchangedRewards: {
+            data: {
+              prettyValue: string;
+              type: string;
+              fuelTankCode: any;
+              globalRewardKey: string;
+            }[];
+          };
+        }[];
+      };
+    }[];
+    childNodes: {
+      data: {
+        data: {
+          id: string;
+          statuses: string[];
+          type: string;
+          value: number;
+        };
+        depth: number;
+      }[];
+    };
+  }[];
+};
+export default _default;

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,8 @@
 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;
+export declare function tryMethod(c: HTMLElement, callback: () => Promise<string | VNode[]>): Promise<string | VNode[]>;