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

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,10 @@ export declare type RewardExchangeViewProps = {
     setStage: (stage?: Stages) => void;
     resetState: (refresh?: boolean) => void;
     setExchangeState: Function;
+    copyFuelTankCode: () => void;
+  };
+  refs?: {
+    canvasRef: any;
   };
 };
 export declare function RewardExchangeView(props: RewardExchangeViewProps): any;

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

@@ -13,6 +13,106 @@ 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 Reward Title Text
+   */
+  rewardTitle: 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;
+  /**
+   * @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
+   */
+  queryError: string;
+  /**
+   * @uiName Redemption Error Message
+   */
+  redemptionError: string;
+  /**
+   * @uiName Not Enough Available Error Message
+   */
+  notEnoughError: string;
+  /**
+   * @uiName Promo Code Text
+   */
+  promoCode: string;
+  /**
+   * @undocumented Number of Skeleton Cards
+   */
+  skeletonCardNum: number;
+  /**
+   * Shown in the confirmation state.
+   *
+   * @uiName Reward Row Title
+   */
+  rewardNameTitle: string;
+  /**
+   * Shown in the confirmation state.
+   *
+   * @uiName Reward Amount Row Title
+   */
+  rewardAmountTitle: string;
+  /**
+   * Shown in the confirmation state.
+   *
+   * @uiName Cost Row Title
+   */
+  costTitle: string;
   /**
    * @undocumented
    * @uiType object

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

@@ -6,7 +6,6 @@ export declare type ExchangeItem = {
   description: string;
   imageUrl: string;
   available: boolean;
-  unavailableReason: string;
   unavailableReasonCode: string;
   ruleType: string;
   sourceUnit: string;
@@ -31,6 +30,23 @@ export declare type ExchangeStep = {
   prettySourceValue: string;
   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/sqm-rewards-table/RewardsTable.stories.d.ts

@@ -0,0 +1,14 @@
+declare const _default: {
+  title: string;
+  parameters: {
+    scenario: string;
+  };
+};
+export default _default;
+export declare const RewardsTable: () => any;
+export declare const RewardsTableSingle: () => any;
+export declare const RewardsTableLong: () => any;
+export declare const RewardsTableEmpty: () => any;
+export declare const RewardsTableLoading: () => any;
+export declare const CustomButtonTextTable: () => any;
+export declare const ColumnsMobileHidden: () => any;

package/dist/types/components/sqm-rewards-table/RewardsTableCell.stories.d.ts

@@ -0,0 +1,36 @@
+declare const _default: {
+  title: string;
+  parameters: {
+    scenario: string;
+  };
+};
+export default _default;
+export declare const RewardsCellCreditSingle: () => any;
+export declare const RewardsCellCreditFull: () => any;
+export declare const RewardsCellCreditPartial: () => any;
+export declare const RewardsCellCreditCancelled: () => any;
+export declare const RewardsCellCreditExpired: () => any;
+export declare const RewardsCellCreditRedeemed: () => any;
+export declare const RewardsCellCreditLong: () => any;
+export declare const RewardsCellNonCredit: () => any;
+export declare const RewardsCellFueltank: () => any;
+export declare const RewardsCellFueltankLong: () => any;
+export declare const SourceCellManual: () => any;
+export declare const SourceCellProgram: () => any;
+export declare const SourceCellExchange: () => any;
+export declare const SourceCellReferral: () => any;
+export declare const SourceCellReferred: () => any;
+export declare const SourceCellAnonymousUser: () => any;
+export declare const SourceCellDeletedUser: () => any;
+export declare const StatusCellAvailable: () => any;
+export declare const StatusCellAvailableExpiry: () => any;
+export declare const StatusCellRedeemed: () => any;
+export declare const StatusCellCancelled: () => any;
+export declare const StatusCellExpired: () => any;
+export declare const StatusCellPending: () => any;
+export declare const StatusCellPendingUsTax: () => any;
+export declare const StatusCellPendingScheduled: () => any;
+export declare const StatusCellPendingUnhandled: () => any;
+export declare const DateCell: () => any;
+export declare const CustomerNoteCell: () => any;
+export declare const EmptyCell: () => any;

package/dist/types/components/sqm-rewards-table/UseRewardsTable.stories.d.ts

@@ -2,6 +2,12 @@ declare const _default: {
   title: string;
 };
 export default _default;
+export declare const RewardTableDemoHook: {
+  (): any;
+  parameters: {
+    hookStory: Function;
+  };
+};
 export declare const RewardsTableWithProgram: {
   (): any;
   parameters: {
@@ -14,3 +20,21 @@ export declare const RewardsTableNoProgram: {
     hookStory: Function;
   };
 };
+export declare const RewardsTableEn: {
+  (): any;
+  parameters: {
+    hookStory: Function;
+  };
+};
+export declare const RewardsTableTr: {
+  (): any;
+  parameters: {
+    hookStory: Function;
+  };
+};
+export declare const RewardsTableFr: {
+  (): any;
+  parameters: {
+    hookStory: Function;
+  };
+};

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

@@ -0,0 +1,8 @@
+export declare class RewardTableCustomerNoteCell {
+  ignored: boolean;
+  note: string;
+  locale: string;
+  constructor();
+  disconnectedCallback(): void;
+  render(): any;
+}

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

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

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

@@ -0,0 +1,8 @@
+export declare class RewardTableRewardsCell {
+  reward: Reward;
+  redeemedText: string;
+  availableText: string;
+  fueltankText: string;
+  locale: string;
+  render(): any;
+}

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

@@ -0,0 +1,10 @@
+export declare class RewardTableSourceCell {
+  reward: Reward;
+  deletedUserText: string;
+  anonymousUserText: string;
+  rewardExchangeText: string;
+  referralText: string;
+  rewardSourceText: string;
+  locale: string;
+  render(): any;
+}

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

@@ -0,0 +1,11 @@
+export declare class RewardTableStatusCell {
+  statusText: string;
+  reward: Reward;
+  expiryText: string;
+  locale: string;
+  pendingUsTax: string;
+  pendingScheduled: string;
+  pendingUnhandled: string;
+  rewardStatus(reward: Reward): "" | "PENDING" | "REDEEMED" | "AVAILABLE" | "CANCELLED" | "EXPIRED";
+  render(): any;
+}

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

@@ -0,0 +1,5 @@
+import { VNode } from "../../../stencil-public-runtime";
+export interface RewardTableColumn {
+  renderLabel(): Promise<string>;
+  renderCell(data: Reward[], locale: string): Promise<VNode>;
+}

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

@@ -0,0 +1,15 @@
+import { RewardTableColumn } from "./RewardTableColumn";
+/**
+ * @uiName Reward Table Customer Note Column
+ */
+export declare class RewardTableCustomerNoteColumn implements RewardTableColumn {
+  /**
+   * @uiName Customer Note Column Title
+   */
+  columnTitle: string;
+  constructor();
+  disconnectedCallback(): void;
+  renderCell(data: Reward[], locale: string): Promise<any>;
+  renderLabel(): Promise<string>;
+  render(): any;
+}

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

@@ -0,0 +1,25 @@
+import { RewardTableColumn } from "./RewardTableColumn";
+/**
+ * @uiName Reward Table Date Column
+ */
+export declare class RewardTableDateColumn implements RewardTableColumn {
+  /**
+   * @uiName Date Column Title
+   */
+  columnTitle: string;
+  /**
+   * @uiName Date Displayed
+   * @uiType string
+   * @uiEnum ["dateGiven",
+   * "dateExpires",
+   * "dateCancelled",
+   * "dateRedeemed",
+   * "dateScheduledFor"]
+   */
+  dateShown: string;
+  constructor();
+  disconnectedCallback(): void;
+  renderCell(data: Reward[], locale: string): Promise<any>;
+  renderLabel(): Promise<string>;
+  render(): any;
+}

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

@@ -0,0 +1,27 @@
+import { RewardTableColumn } from "./RewardTableColumn";
+/**
+ * @uiName Rewards Table Reward Column
+ */
+export declare class RewardsTableColumn implements RewardTableColumn {
+  /**
+   * @uiName Reward column title
+   */
+  columnTitle: string;
+  /**
+   * @uiName Redeemed Amount Text
+   */
+  redeemedText: string;
+  /**
+   * @uiName Remaining Amount Text
+   */
+  availableText: string;
+  /**
+   * @uiName Fuel Tank Text
+   */
+  fueltankText: string;
+  constructor();
+  disconnectedCallback(): void;
+  renderCell(data: Reward[], locale: string): Promise<any>;
+  renderLabel(): Promise<string>;
+  render(): any;
+}

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

@@ -0,0 +1,37 @@
+import { RewardTableColumn } from "./RewardTableColumn";
+/**
+ * @uiName Reward Table Source Column
+ */
+export declare class RewardTableUserColumn implements RewardTableColumn {
+  /**
+   * @uiName User Column Title
+   */
+  columnTitle: string;
+  /**
+   * @uiName Name displayed for anonymous users
+   */
+  anonymousUser: string;
+  /**
+   * @uiName Name displayed for deleted users
+   */
+  deletedUser: string;
+  /**
+   * @uiName Reward Exchange label
+   */
+  rewardExchangeText: string;
+  /**
+   * Shown when a reward has been created by a referral
+   *
+   * @uiName Referral Text
+   */
+  referralText: string;
+  /**
+   * @uiName Reward Source Text
+   */
+  rewardSourceText: string;
+  constructor();
+  disconnectedCallback(): void;
+  renderCell(data: Reward[], locale: any): Promise<any>;
+  renderLabel(): Promise<string>;
+  render(): any;
+}

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

@@ -0,0 +1,23 @@
+import { RewardTableColumn } from "./RewardTableColumn";
+/**
+ * @uiName Reward Table Status Column
+ */
+export declare class RewardTableStatusColumn implements RewardTableColumn {
+  /**
+   * @uiName Column Title
+   */
+  columnTitle: string;
+  /**
+   * @uiName Reward Status Text
+   */
+  statusText: string;
+  /**
+   * @uiName Expired Status Text
+   */
+  expiryText: string;
+  constructor();
+  disconnectedCallback(): void;
+  renderCell(data: Reward[], locale: string): Promise<any>;
+  renderLabel(): Promise<string>;
+  render(): any;
+}

package/dist/types/components/sqm-rewards-table/mockRewardData.d.ts

@@ -0,0 +1,45 @@
+declare const _default: {
+  totalCount: number;
+  count: number;
+  data: {
+    id: string;
+    type: string;
+    value: number;
+    unit: string;
+    name: any;
+    dateGiven: number;
+    dateExpires: any;
+    dateCancelled: any;
+    dateRedeemed: any;
+    dateScheduledFor: any;
+    fuelTankCode: any;
+    fuelTankType: any;
+    currency: any;
+    prettyValue: string;
+    prettyValueNumber: string;
+    prettyAvailableNumber: string;
+    prettyRedeemedNumber: string;
+    programId: any;
+    program: any;
+    statuses: string[];
+    pendingReasons: any[];
+    globalRewardKey: any;
+    programRewardKey: any;
+    rewardSource: string;
+    prettyRedeemedCredit: string;
+    prettyAssignedCredit: string;
+    prettyAvailableValue: string;
+    exchangedRewardRedemptionTransaction: {
+      id: string;
+      creditRedeemed: number;
+      prettyRedeemedCredit: string;
+      unit: string;
+      dateRedeemed: number;
+    };
+    referral: any;
+    rewardRedemptionTransactions: {
+      data: any[];
+    };
+  }[];
+};
+export default _default;

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

@@ -19,8 +19,12 @@ export declare class RewardsTable {
   prevLabel?: string;
   /** @uiName View More button text  */
   moreLabel?: string;
-  /** @uiName Show Referred by user in table  */
-  showReferrer?: boolean;
+  /** @uiName Hide Columns (Mobile View)  */
+  hiddenColumns?: string;
+  /** @uiName Hide Columns (Mobile View)  */
+  smBreakpoint?: number;
+  /** @uiName Hide Columns (Mobile View)  */
+  mdBreakpoint?: number;
   /**
    * @undocumented
    * @uiType object

package/dist/types/components/sqm-rewards-table/useRewardsTable.d.ts

@@ -2,37 +2,5 @@ import { VNode } from "../../stencil-public-runtime";
 import { RewardsTable } from "./sqm-rewards-table";
 import { GenericTableViewProps } from "../../tables/GenericTableView";
 export declare const CSS_NAMESPACE = "sqm-rewards-table";
-export interface Reward {
-  id: string;
-  type: string;
-  value: number;
-  unit: string;
-  name: string;
-  dateGiven: number;
-  dateScheduledFor: number;
-  dateExpires: number;
-  dateCancelled: number;
-  fuelTankCode: string;
-  fuelTankType: string;
-  currency: string;
-  prettyValue: string;
-  statuses: string[];
-  globalRewardKey?: string;
-  rewardRedemptionTransactions: {
-    data: [
-      {
-        exchangedRewards: {
-          data: [
-            {
-              prettyValue: string;
-              type: string;
-              fuelTankCode: string;
-              globalRewardKey?: string;
-            }
-          ];
-        };
-      }
-    ];
-  };
-}
 export declare function useRewardsTable(props: RewardsTable, emptyElement: VNode, loadingElement: VNode): GenericTableViewProps;
+export declare function tryMethod(c: HTMLElement, callback: () => Promise<string>): Promise<string | VNode>;

package/dist/types/components/sqm-scroll/Scroll.stories.d.ts

@@ -0,0 +1,7 @@
+declare const _default: {
+  title: string;
+};
+export default _default;
+export declare const ScrollTag: () => any;
+export declare const ScrollId: () => any;
+export declare const ScrollTabGroup: () => any;

package/dist/types/components/sqm-scroll/sqm-scroll.d.ts

@@ -0,0 +1,11 @@
+export declare class Scroll {
+  ignored: boolean;
+  buttonType: string;
+  buttonText: string;
+  scrollTagName?: string;
+  scrollId?: string;
+  scrollAnimation: "smooth" | "auto";
+  constructor();
+  disconnectedCallback(): void;
+  render(): any;
+}

package/dist/types/components/sqm-scroll/useScroll.d.ts

@@ -0,0 +1,6 @@
+import { Scroll } from "./sqm-scroll";
+export declare function useScroll(props: Scroll): {
+  callbacks: {
+    scroll: () => Promise<void>;
+  };
+};

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

@@ -1,11 +1,18 @@
 declare const _default: {
   title: string;
+  parameters: {
+    scenario: string;
+  };
 };
 export default _default;
-export declare const WithIcon: () => any;
+export declare const WithIconPrefix: () => any;
+export declare const WithIconSuffix: () => any;
 export declare const WithIconOverride: () => any;
 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;
+export declare const AllMediums: () => 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;

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

@@ -11,8 +11,8 @@ export declare class ShareButton {
    *
    * @uiName Share Medium
    * @uiType string
-   * @uiEnum ["facebook", "twitter", "email", "direct", "linkedin", "sms", "fbmessenger", "whatsapp", "linemessenger", "pinterest", "reminder", "unknown" ]
-   * @uiEnumNames ["Facebook", "Twitter", "Email", "Web Share Sheet", "Linkedin", "SMS", "Facebook Messenger", "Whatsapp", "Line Messenger", "Pinterest", "Reminder", "Unknown"]
+   * @uiEnum ["facebook", "twitter", "email", "direct", "linkedin", "sms", "fbmessenger", "whatsapp", "linemessenger", "pinterest" ]
+   * @uiEnumNames ["Facebook", "Twitter", "Email", "Web Share Sheet", "Linkedin", "SMS", "Facebook Messenger", "Whatsapp", "Line Messenger", "Pinterest"]
    */
   medium: "facebook" | "twitter" | "email" | "direct" | "linkedin" | "sms" | "fbmessenger" | "whatsapp" | "linemessenger" | "pinterest" | "reminder" | "unknown";
   /**
@@ -21,6 +21,20 @@ export declare class ShareButton {
    * @uiName Program ID
    */
   programId?: string;
+  /**
+   * @uiName Configure border radius with pixel amount
+   */
+  borderradius?: number;
+  /**
+   * @uiName Button background color
+   * @uiWidget color
+   */
+  backgroundcolor?: string;
+  /**
+   * @uiName Button text color
+   * @uiWidget color
+   */
+  textcolor?: string;
   /**
    * @uiName Display as pill
    */
@@ -50,6 +64,8 @@ export declare class ShareButton {
    */
   iconslot?: "prefix" | "suffix";
   /**
+   * Options available at https://shoelace.style/components/icon
+   *
    * @uiName Icon used in button. Will try to select an icon based on the share medium if left empty.
    */
   icon?: string;

package/dist/types/components/sqm-share-code/ShareCode.stories.d.ts

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

package/dist/types/components/sqm-share-link/ShareLink.stories.d.ts

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