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

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

@@ -24,5 +24,8 @@ export declare type RewardExchangeViewProps = {
     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

@@ -25,6 +25,10 @@ export declare class SqmRewardExchangeList {
    * @uiName Confirmation Progress Title
    */
   confirmationTitle: string;
+  /**
+   * @uiName Reward Title Text
+   */
+  rewardTitle: string;
   /**
    * @uiName Cancel Button Text
    */
@@ -49,11 +53,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 +87,32 @@ export declare class SqmRewardExchangeList {
    * @uiName Not Enough Available Error Message
    */
   notEnoughError: string;
+  /**
+   * @uiName Promo Code Text
+   */
+  promoCode: string;
+  /**
+   * @uiName 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;

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,33 @@
+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 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 EmptyCell: () => any;

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

@@ -14,3 +14,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-date-cell.d.ts

@@ -1,6 +1,7 @@
 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-rewards-cell.d.ts → sqm-rewards-table-reward-cell.d.ts}

@@ -1,5 +1,7 @@
 export declare class RewardTableRewardsCell {
   reward: Reward;
-  hideDetails: boolean;
+  redeemedText: string;
+  availableText: string;
+  locale: string;
   render(): any;
 }

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

@@ -1,4 +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

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

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

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

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

@@ -19,7 +19,7 @@ export declare class RewardTableDateColumn implements RewardTableColumn {
   dateShown: string;
   constructor();
   disconnectedCallback(): void;
-  renderCell(data: Reward): Promise<any>;
+  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

@@ -1,19 +1,23 @@
-import { ReferralTableColumn } from "../../sqm-referral-table/columns/ReferralTableColumn";
+import { RewardTableColumn } from "./RewardTableColumn";
 /**
  * @uiName Rewards Table Reward Column
  */
-export declare class RewardsTableColumn implements ReferralTableColumn {
+export declare class RewardsTableColumn implements RewardTableColumn {
   /**
    * @uiName Reward column title
    */
   columnTitle: string;
   /**
-   * @uiName Hide dropdown details of reward
+   * @uiName Redeemed Amount Text
    */
-  hideDetails: boolean;
+  redeemedText: string;
+  /**
+   * @uiName Remaining Amount Text
+   */
+  availableText: string;
   constructor();
   disconnectedCallback(): void;
-  renderCell(data: Reward[]): Promise<any>;
+  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

@@ -15,9 +15,23 @@ export declare class RewardTableUserColumn implements RewardTableColumn {
    * @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): Promise<any>;
+  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

@@ -8,12 +8,16 @@ export declare class RewardTableStatusColumn implements RewardTableColumn {
    */
   columnTitle: string;
   /**
-   * @uiName Expired Status Text
+   * @uiName Reward Status Text
    */
   statusText: string;
+  /**
+   * @uiName Expired Status Text
+   */
+  expiryText: string;
   constructor();
   disconnectedCallback(): void;
-  renderCell(data: Reward): Promise<any>;
+  renderCell(data: Reward[], locale: string): Promise<any>;
   renderLabel(): Promise<string>;
   render(): any;
 }

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-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-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;

package/dist/types/components/sqm-stencilbook/Resizer.d.ts

@@ -1,3 +1,3 @@
 import { FunctionalComponent } from "../../stencil-public-runtime";
-export declare const ResizerStylesheet = "\n\n:root{\n    --checker-color-1: #ffffff00;\n    --checker-color-2: #ffffff00;\n    --checker-size: 7px;\n    --checker-gradient: linear-gradient(45deg, var(--checker-color-1) 25%, transparent 25%, transparent 75%, var(--checker-color-1) 75%);\n}\n.resizer{\n    resize: horizontal;\n    border: 2px dashed gray;\n\tmargin: -2px;\n    padding: 12px;\n    height: fit-content;\n    overflow: hidden;\n}\n\n.resizer{\n    background-color: var(--checker-color-2);\n    background-image: var(--checker-gradient), var(--checker-gradient);\n    background-position: 0 0, var(--checker-size) var(--checker-size);\n    background-size: calc(var(--checker-size) * 2) calc(var(--checker-size) * 2);\n}\n";
+export declare const ResizerStylesheet = "\n\n:root{\n    --checker-color-1: #ffffff00;\n    --checker-color-2: #ffffff00;\n    --checker-size: 7px;\n    --checker-gradient: linear-gradient(45deg, var(--checker-color-1) 25%, transparent 25%, transparent 75%, var(--checker-color-1) 75%);\n}\n.resizer{\n    resize: horizontal;\n    border: 2px dashed gray;\n\tmargin: -2px;\n    padding: 12px;\n    height: fit-content;\n    overflow: hidden;\n\twidth: 100%;\n}\n\n.resizer{\n    background-color: var(--checker-color-2);\n    background-image: var(--checker-gradient), var(--checker-gradient);\n    background-position: 0 0, var(--checker-size) var(--checker-size);\n    background-size: calc(var(--checker-size) * 2) calc(var(--checker-size) * 2);\n}\n";
 export declare const Resizer: FunctionalComponent;

package/dist/types/components/sqm-stencilbook/Themes.d.ts

@@ -14,4 +14,4 @@ export declare const Orangey: string;
 export declare const Netflix: string;
 export declare const SaaSquatchCorporate: string;
 export declare const NYTimes: string;
-export declare const Klip = "\n:root{\n\t--sl-color-primary-50: #E8E5F8;\n    --sl-color-primary-100: #C6BEED;\n    --sl-color-primary-200: #A192E2;\n    --sl-color-primary-300: #7B66D6;\n    --sl-color-primary-400: #5E46CD;\n    --sl-color-primary-500: #4225C4;\n    --sl-color-primary-600: #3C21BE;\n    --sl-color-primary-700: #331BB6;\n    --sl-color-primary-800: #2B16AF;\n    --sl-color-primary-900: #1D0DA2;\n}\n";
+export declare const Klip: string;

package/dist/types/components/sqm-tab/sqm-tab-view.d.ts

@@ -0,0 +1,4 @@
+import { FunctionalComponent } from "../../stencil-public-runtime";
+declare type TabViewProps = {};
+export declare const TabView: FunctionalComponent<TabViewProps>;
+export {};

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

@@ -0,0 +1,6 @@
+export declare class Tab {
+  header: string;
+  constructor();
+  disconnectedCallback(): void;
+  render(): any;
+}

package/dist/types/components/sqm-tabs/Tabs.stories.d.ts

@@ -0,0 +1,14 @@
+declare const _default: {
+  title: string;
+  parameters: {
+    scenario: string;
+  };
+};
+export default _default;
+export declare const SimpleTabs: () => any;
+export declare const ReferralHistory: () => any;
+export declare const RewardExhange: () => any;
+export declare const Leaderboard: () => any;
+export declare const RewardHistory: () => any;
+export declare const ReferralProgram: () => any;
+export declare const LoyaltyProgram: () => any;

package/dist/types/components/sqm-tabs/sqm-tabs-view.d.ts

@@ -0,0 +1,8 @@
+import { FunctionalComponent } from "../../stencil-public-runtime";
+import { TabElement } from "./useTabs";
+export declare type TabsViewProps = {
+  content: {
+    tabs: TabElement[];
+  };
+};
+export declare const TabsView: FunctionalComponent<TabsViewProps>;

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

@@ -0,0 +1,5 @@
+export declare class Tabs {
+  constructor();
+  disconnectedCallback(): void;
+  render(): any;
+}

package/dist/types/components/sqm-tabs/useTabs.d.ts

@@ -0,0 +1,6 @@
+import { TabsViewProps } from "./sqm-tabs-view";
+export interface TabElement extends Element {
+  open: boolean;
+  header: string;
+}
+export declare function useTabs(): TabsViewProps;

package/dist/types/components/sqm-task-card/DetailsView.d.ts

@@ -0,0 +1,41 @@
+import { VNode } from "../../stencil-public-runtime";
+export declare const style: {
+  Description: {
+    "& input[type=checkbox]": {
+      display: string;
+    };
+    "& input:checked ~ .details": {
+      transform: string;
+    };
+    "& .details": {
+      position: string;
+      top: string;
+      right: string;
+      color: string;
+      fontSize: string;
+      "& :hover": {
+        color: string;
+      };
+      transformOrigin: string;
+      transition: string;
+      cursor: string;
+    };
+    "& input:checked ~ .summary": {
+      transition: string;
+      maxHeight: string;
+      marginBottom: string;
+    };
+    "& input:checked ~ .summary[progress-bar]": {
+      marginBottom: string;
+    };
+    "& .summary": {
+      display: string;
+      overflow: string;
+      fontSize: string;
+      maxHeight: string;
+      transition: string;
+      marginBottom: string;
+    };
+  };
+};
+export declare function Details(props: any): VNode;

package/dist/types/components/sqm-task-card/UseTaskCard.stories.d.ts

@@ -8,3 +8,9 @@ export declare const TaskCard: {
     hookStory: Function;
   };
 };
+export declare const TaskCardFeed: {
+  (): any;
+  parameters: {
+    hookStory: Function;
+  };
+};

package/dist/types/components/sqm-task-card/progress-bar/SVGs.d.ts

@@ -1 +1 @@
-export declare const gift: () => any;
+export declare const Gift: () => any;

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

@@ -1,18 +1,35 @@
 import { VNode } from "../../stencil-public-runtime";
-import { ProgressBarProps } from "./progress-bar/progress-bar-view";
 export declare type TaskCardViewProps = {
-  rewardAmount: string;
-  cardTitle: string;
-  description: string;
-  showProgressBar: boolean;
-  repeatable: boolean;
-  finite: number;
-  showExpiry: boolean;
-  rewardDuration: string;
-  rewardUnit: string;
-  buttonText: string;
-  buttonLink: string;
-  openNewTab: boolean;
-  loading: boolean;
-} & ProgressBarProps;
+  content: {
+    rewardAmount: string;
+    cardTitle: string;
+    description: string;
+    showProgressBar: boolean;
+    repeatable: boolean;
+    steps: boolean;
+    finite: number;
+    goal: number;
+    completedText: string;
+    expiryMessage: string;
+    rewardDuration?: string;
+    displayDuration?: string;
+    startsOnMessage: string;
+    endedMessage: string;
+    rewardUnit: string;
+    buttonText: string;
+    buttonLink: string;
+    openNewTab: boolean;
+    eventKey?: string;
+  };
+  states: {
+    loading: boolean;
+    loadingEvent: boolean;
+    progress: number;
+    locale?: string;
+  };
+  callbacks?: {
+    sendEvent: (event: string) => void;
+    onClick: () => void;
+  };
+};
 export declare function TaskCardView(props: TaskCardViewProps): VNode;