@saasquatch/mint-components 1.3.2-1 → 1.3.2-13

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

@@ -0,0 +1,81 @@
+export declare const test: {
+  states: {
+    content: any;
+    redeemStage: string;
+    amount: number;
+    exchangeError: boolean;
+    loading: boolean;
+    selectedItem: any;
+    selectedStep: any;
+  };
+  data: {
+    exchangeList: any;
+  };
+  callbacks: {
+    exchangeReward: any;
+    resetState: any;
+    setStage: any;
+    setExchangeState: any;
+    refs: any;
+  };
+  refs: any;
+};
+export declare const test2: {
+  states: {
+    content: {
+      text: {
+        buttonText: string;
+        ignored: boolean;
+      };
+    };
+    redeemStage: string;
+    amount: number;
+    exchangeError: boolean;
+    loading: boolean;
+    selectedItem: {
+      key: string;
+      name: string;
+      description: string;
+      imageUrl: string;
+      available: boolean;
+      unavailableReason: any;
+      unavailableReasonCode: any;
+      ruleType: string;
+      sourceUnit: string;
+      sourceValue: any;
+      prettySourceValue: any;
+      sourceMinValue: number;
+      prettySourceMinValue: string;
+      sourceMaxValue: number;
+      prettySourceMaxValue: string;
+      destinationMinValue: number;
+      prettyDestinationMinValue: string;
+      destinationMaxValue: number;
+      prettyDestinationMaxValue: string;
+      globalRewardKey: any;
+      destinationUnit: string;
+      steps: {
+        sourceValue: number;
+        prettySourceValue: string;
+        destinationValue: number;
+        prettyDestinationValue: string;
+        available: boolean;
+        unavailableReasonCode: any;
+      }[];
+    };
+    selectedStep: any;
+  };
+  data: {
+    exchangeList: any;
+  };
+  callbacks: {
+    exchangeReward: any;
+    resetState: any;
+    setStage: any;
+    setExchangeState: any;
+    refs: {
+      drawerRef: {};
+    };
+  };
+  refs: any;
+};

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

@@ -1,2 +1,3 @@
 export declare const LeftArrow: () => any;
 export declare const ExchangeArrows: () => any;
+export declare const CheckMark: () => any;

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

@@ -1,3 +1,4 @@
-export declare function ProgressBar({ stage }: {
-  stage: number;
+export declare function ProgressBar({ stageCount, currentStage, }: {
+  stageCount: number;
+  currentStage: number;
 }): any;

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

@@ -6,21 +6,20 @@ export declare type RewardExchangeViewProps = {
     redeemStage: string;
     amount: number;
     exchangeError?: boolean;
+    loading: boolean;
     content: {
       text: any;
     };
   };
   data: {
     exchangeList: any;
+    fuelTankCode?: string;
   };
   callbacks: {
     exchangeReward: (e: unknown) => unknown;
-    openDrawer: () => void;
     setStage: (stage?: Stages) => void;
+    resetState: (refresh?: boolean) => void;
     setExchangeState: Function;
   };
-  refs: {
-    drawerRef: any;
-  };
 };
 export declare function RewardExchangeView(props: RewardExchangeViewProps): any;

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

@@ -0,0 +1,16 @@
+declare const _default: {
+  title: string;
+};
+export default _default;
+export declare const RewardsTableWithProgram: {
+  (): any;
+  parameters: {
+    hookStory: Function;
+  };
+};
+export declare const RewardsTableNoProgram: {
+  (): any;
+  parameters: {
+    hookStory: Function;
+  };
+};

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

@@ -0,0 +1,20 @@
+import { ReferralTableColumn } from "../sqm-referral-table/columns/ReferralTableColumn";
+import { Reward } from "./useRewardsTable";
+/**
+ * @uiName Rewards Table Column
+ */
+export declare class RewardsTableColumn implements ReferralTableColumn {
+  /**
+   * @uiName Reward column title
+   */
+  columnTitle: string;
+  /**
+   * @uiName Hide dropdown details of reward
+   */
+  hideDetails: boolean;
+  constructor();
+  disconnectedCallback(): void;
+  renderCell(data: Reward[]): Promise<any>;
+  renderLabel(): Promise<string>;
+  render(): any;
+}

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

@@ -2,4 +2,37 @@ 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;

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

@@ -1,3 +1,2 @@
 export declare const checkmark_circle: () => any;
 export declare const arrow_left_right: () => any;
-export declare const gift: () => any;

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

@@ -1,9 +1,16 @@
 declare const _default: {
   title: string;
+  parameters: {
+    scenario: string;
+  };
 };
 export default _default;
-export declare const Default: () => any;
-export declare const NotRepeatable: () => any;
-export declare const NotRepeatableWithExpiry: () => any;
-export declare const Repeatable: () => any;
-export declare const RepeatableWithExpiry: () => any;
+export declare const TaskCardNotRepeatable: () => any;
+export declare const TaskCardRepeatable: () => any;
+export declare const TaskCardDateExpires: () => any;
+export declare const TaskCardLoading: () => any;
+export declare const TaskCardExpired: () => any;
+export declare const ProgressBar: () => any;
+export declare const ProgressBarSteps: () => any;
+export declare const ProgressBarRepeatable: () => any;
+export declare const ProgressBarStepsRepeatable: () => any;

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

@@ -0,0 +1,10 @@
+declare const _default: {
+  title: string;
+};
+export default _default;
+export declare const TaskCard: {
+  (): any;
+  parameters: {
+    hookStory: Function;
+  };
+};

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

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

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

@@ -0,0 +1,11 @@
+import { VNode } from "../../../stencil-public-runtime";
+export declare type ProgressBarProps = {
+  progress?: number;
+  goal?: number;
+  progressBarUnit?: string;
+  steps?: boolean;
+  repeatable?: boolean;
+  complete?: boolean;
+  expired?: boolean;
+};
+export declare function ProgressBarView(props: ProgressBarProps): VNode;

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

@@ -1,25 +1,16 @@
 import { VNode } from "../../stencil-public-runtime";
+import { ProgressBarProps } from "./progress-bar/progress-bar-view";
 export declare type TaskCardViewProps = {
-  points?: number;
-  cardTitle?: string;
-  description?: string;
-  showProgressBar?: boolean;
-  repeatable?: boolean;
-  expire?: boolean;
-  dateExpire?: string;
-  buttonText?: string;
-  buttonLink?: string;
-} & ProgressBarProps;
-export declare function TaskCardView(props: TaskCardViewProps, children: VNode): VNode;
-export declare type DetailsProps = {
+  rewardAmount: number;
+  cardTitle: string;
   description: string;
-};
-export declare type ProgressBarProps = {
-  showProgressBar?: boolean;
-  goal?: number;
-  progress?: number;
-  steps?: number;
-  unit?: string;
-  repeatable?: boolean;
-};
-export declare function ProgressBar(props: ProgressBarProps): VNode;
+  showProgressBar: boolean;
+  repeatable: boolean;
+  showExpiry: boolean;
+  dateExpires: string;
+  rewardUnit: string;
+  buttonText: string;
+  buttonLink: string;
+  loading: boolean;
+} & ProgressBarProps;
+export declare function TaskCardView(props: TaskCardViewProps): VNode;

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

@@ -1,12 +1,17 @@
 /**
  * @uiName Task Card
+ * @uiOrder ["rewardAmount", "reward-unit", "card-title", "description", "*", "showExpiry", "dateExpires" ]
  */
 export declare class TaskCard {
   ignored: boolean;
   /**
-   * @uiName Reward Points
+   * @uiName Reward Amount
    */
-  points: number;
+  rewardAmount: number;
+  /**
+   * @uiName Reward Unit
+   */
+  rewardUnit: string;
   /**
    * @uiName Title Text
    */
@@ -16,7 +21,7 @@ export declare class TaskCard {
    */
   description: string;
   /**
-   * @uiName Set Repeatable
+   * @uiName Goal Repeatable
    */
   repeatable: boolean;
   /**
@@ -24,37 +29,47 @@ export declare class TaskCard {
    */
   showProgressBar: boolean;
   /**
-   * @uiName Progress Bar Progress
+   * @uiName Goal Progress Source
    */
-  progress: number;
+  progressSource: string;
   /**
-   * @uiName Progress Bar Goal
+   * @uiName Goal Completion Number
    */
   goal: number;
   /**
    * @uiName Progress Bar Steps
    */
-  steps: number;
+  steps: boolean;
   /**
    * @uiName Progress Bar Unit
    */
-  unit?: string;
+  progressBarUnit?: string;
   /**
-   * @uiName Show Expiry
+   * @uiName Show Goal Expiry
    */
-  expire: boolean;
+  showExpiry: boolean;
   /**
-   * @uiName Expire Date
+   * @uiName Date Goal Expires
+   * @uiWidget DateRange
+   * @uiOptions {"allowPastDates":true, "months": 1}
    */
-  dateExpire?: string;
+  dateExpires: string;
   /**
-   * @uiName Button Text
+   * @uiName CTA Button Text
    */
   buttonText: string;
   /**
-   * @uiName Button Link
+   * @uiName CTA Button Link
    */
   buttonLink: string;
+  /**
+   * Select what type of stat to display for the goal. Manual paths are also supported.
+   *
+   * @uiWidget StatTypeSelectWidget
+   * @uiName Stat Type
+   * @uiOptions {"version": 1.1}
+   */
+  statType: string;
   constructor();
   disconnectedCallback(): void;
   render(): any;

package/dist/types/components.d.ts

@@ -31,6 +31,7 @@ import { ReferralTableViewProps } from "./components/sqm-referral-table/sqm-refe
 import { ReferralDates } from "./components/sqm-referral-table/useReferralTable";
 import { RewardExchangeViewProps } from "./components/sqm-reward-exchange-list/sqm-reward-exchange-list-view";
 import { GenericTableViewProps } from "./tables/GenericTableView";
+import { Reward } from "./components/sqm-rewards-table/useRewardsTable";
 import { ShareButtonViewProps } from "./components/sqm-share-button/sqm-share-button-view";
 import { ShareLinkViewProps } from "./components/sqm-share-link/sqm-share-link-view";
 import { UserNameViewProps } from "./components/sqm-user-name/sqm-user-name-view";
@@ -859,6 +860,18 @@ export namespace Components {
          */
         "showReferrer"?: boolean;
     }
+    interface SqmRewardsTableColumn {
+        /**
+          * @uiName Reward column title
+         */
+        "columnTitle": string;
+        /**
+          * @uiName Hide dropdown details of reward
+         */
+        "hideDetails": boolean;
+        "renderCell": (data: Reward[]) => Promise<any>;
+        "renderLabel": () => Promise<string>;
+    }
     interface SqmRoute {
         /**
           * @uiName Navigation path name
@@ -1015,11 +1028,11 @@ export namespace Components {
     }
     interface SqmTaskCard {
         /**
-          * @uiName Button Link
+          * @uiName CTA Button Link
          */
         "buttonLink": string;
         /**
-          * @uiName Button Text
+          * @uiName CTA Button Text
          */
         "buttonText": string;
         /**
@@ -1027,45 +1040,54 @@ export namespace Components {
          */
         "cardTitle": string;
         /**
-          * @uiName Expire Date
+          * @uiName Date Goal Expires
+          * @uiWidget DateRange
+          * @uiOptions {"allowPastDates":true, "months": 1}
          */
-        "dateExpire"?: string;
+        "dateExpires": string;
         /**
           * @uiName Description Text
          */
         "description": string;
         /**
-          * @uiName Show Expiry
+          * @uiName Goal Completion Number
          */
-        "expire": boolean;
+        "goal": number;
         /**
-          * @uiName Progress Bar Goal
+          * @uiName Progress Bar Unit
          */
-        "goal": number;
+        "progressBarUnit"?: string;
         /**
-          * @uiName Reward Points
+          * @uiName Goal Repeatable
          */
-        "points": number;
+        "repeatable": boolean;
         /**
-          * @uiName Progress Bar Progress
+          * @uiName Reward Amount
          */
-        "progress": number;
+        "rewardAmount": number;
         /**
-          * @uiName Set Repeatable
+          * @uiName Reward Unit
          */
-        "repeatable": boolean;
+        "rewardUnit": string;
+        /**
+          * @uiName Show Goal Expiry
+         */
+        "showExpiry": boolean;
         /**
           * @uiName Show Progress Bar
          */
         "showProgressBar": boolean;
         /**
-          * @uiName Progress Bar Steps
+          * Select what type of stat to display for the goal. Manual paths are also supported.
+          * @uiWidget StatTypeSelectWidget
+          * @uiName Stat Type
+          * @uiOptions {"version": 1.1}
          */
-        "steps": number;
+        "statType": string;
         /**
-          * @uiName Progress Bar Unit
+          * @uiName Progress Bar Steps
          */
-        "unit"?: string;
+        "steps": boolean;
     }
     interface SqmText {
     }
@@ -1377,6 +1399,12 @@ declare global {
         prototype: HTMLSqmRewardsTableElement;
         new (): HTMLSqmRewardsTableElement;
     };
+    interface HTMLSqmRewardsTableColumnElement extends Components.SqmRewardsTableColumn, HTMLStencilElement {
+    }
+    var HTMLSqmRewardsTableColumnElement: {
+        prototype: HTMLSqmRewardsTableColumnElement;
+        new (): HTMLSqmRewardsTableColumnElement;
+    };
     interface HTMLSqmRouteElement extends Components.SqmRoute, HTMLStencilElement {
     }
     var HTMLSqmRouteElement: {
@@ -1506,6 +1534,7 @@ declare global {
         "sqm-referral-table-user-column": HTMLSqmReferralTableUserColumnElement;
         "sqm-reward-exchange-list": HTMLSqmRewardExchangeListElement;
         "sqm-rewards-table": HTMLSqmRewardsTableElement;
+        "sqm-rewards-table-column": HTMLSqmRewardsTableColumnElement;
         "sqm-route": HTMLSqmRouteElement;
         "sqm-router": HTMLSqmRouterElement;
         "sqm-share-button": HTMLSqmShareButtonElement;
@@ -2337,6 +2366,16 @@ declare namespace LocalJSX {
          */
         "showReferrer"?: boolean;
     }
+    interface SqmRewardsTableColumn {
+        /**
+          * @uiName Reward column title
+         */
+        "columnTitle"?: string;
+        /**
+          * @uiName Hide dropdown details of reward
+         */
+        "hideDetails"?: boolean;
+    }
     interface SqmRoute {
         /**
           * @uiName Navigation path name
@@ -2493,11 +2532,11 @@ declare namespace LocalJSX {
     }
     interface SqmTaskCard {
         /**
-          * @uiName Button Link
+          * @uiName CTA Button Link
          */
         "buttonLink"?: string;
         /**
-          * @uiName Button Text
+          * @uiName CTA Button Text
          */
         "buttonText"?: string;
         /**
@@ -2505,45 +2544,54 @@ declare namespace LocalJSX {
          */
         "cardTitle"?: string;
         /**
-          * @uiName Expire Date
+          * @uiName Date Goal Expires
+          * @uiWidget DateRange
+          * @uiOptions {"allowPastDates":true, "months": 1}
          */
-        "dateExpire"?: string;
+        "dateExpires"?: string;
         /**
           * @uiName Description Text
          */
         "description"?: string;
         /**
-          * @uiName Show Expiry
+          * @uiName Goal Completion Number
+         */
+        "goal"?: number;
+        /**
+          * @uiName Progress Bar Unit
          */
-        "expire"?: boolean;
+        "progressBarUnit"?: string;
         /**
-          * @uiName Progress Bar Goal
+          * @uiName Goal Repeatable
          */
-        "goal"?: number;
+        "repeatable"?: boolean;
         /**
-          * @uiName Reward Points
+          * @uiName Reward Amount
          */
-        "points"?: number;
+        "rewardAmount"?: number;
         /**
-          * @uiName Progress Bar Progress
+          * @uiName Reward Unit
          */
-        "progress"?: number;
+        "rewardUnit"?: string;
         /**
-          * @uiName Set Repeatable
+          * @uiName Show Goal Expiry
          */
-        "repeatable"?: boolean;
+        "showExpiry"?: boolean;
         /**
           * @uiName Show Progress Bar
          */
         "showProgressBar"?: boolean;
         /**
-          * @uiName Progress Bar Steps
+          * Select what type of stat to display for the goal. Manual paths are also supported.
+          * @uiWidget StatTypeSelectWidget
+          * @uiName Stat Type
+          * @uiOptions {"version": 1.1}
          */
-        "steps"?: number;
+        "statType"?: string;
         /**
-          * @uiName Progress Bar Unit
+          * @uiName Progress Bar Steps
          */
-        "unit"?: string;
+        "steps"?: boolean;
     }
     interface SqmText {
     }
@@ -2634,6 +2682,7 @@ declare namespace LocalJSX {
         "sqm-referral-table-user-column": SqmReferralTableUserColumn;
         "sqm-reward-exchange-list": SqmRewardExchangeList;
         "sqm-rewards-table": SqmRewardsTable;
+        "sqm-rewards-table-column": SqmRewardsTableColumn;
         "sqm-route": SqmRoute;
         "sqm-router": SqmRouter;
         "sqm-share-button": SqmShareButton;
@@ -2698,6 +2747,7 @@ declare module "@stencil/core" {
             "sqm-referral-table-user-column": LocalJSX.SqmReferralTableUserColumn & JSXBase.HTMLAttributes<HTMLSqmReferralTableUserColumnElement>;
             "sqm-reward-exchange-list": LocalJSX.SqmRewardExchangeList & JSXBase.HTMLAttributes<HTMLSqmRewardExchangeListElement>;
             "sqm-rewards-table": LocalJSX.SqmRewardsTable & JSXBase.HTMLAttributes<HTMLSqmRewardsTableElement>;
+            "sqm-rewards-table-column": LocalJSX.SqmRewardsTableColumn & JSXBase.HTMLAttributes<HTMLSqmRewardsTableColumnElement>;
             "sqm-route": LocalJSX.SqmRoute & JSXBase.HTMLAttributes<HTMLSqmRouteElement>;
             "sqm-router": LocalJSX.SqmRouter & JSXBase.HTMLAttributes<HTMLSqmRouterElement>;
             "sqm-share-button": LocalJSX.SqmShareButton & JSXBase.HTMLAttributes<HTMLSqmShareButtonElement>;