@saasquatch/mint-components 1.3.1-7 → 1.3.2-11

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

@@ -0,0 +1,28 @@
+declare const _default: {
+  title: string;
+};
+export default _default;
+export declare const RewardList: {
+  (): any;
+  parameters: {
+    hookStory: Function;
+  };
+};
+export declare const FixedGlobalReward: {
+  (): any;
+  parameters: {
+    hookStory: Function;
+  };
+};
+export declare const VariableGlobalReward: {
+  (): any;
+  parameters: {
+    hookStory: Function;
+  };
+};
+export declare const VariableCreditReward: {
+  (): any;
+  parameters: {
+    hookStory: Function;
+  };
+};

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

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

@@ -0,0 +1,25 @@
+import { ExchangeItem, ExchangeStep, Stages } from "./useRewardExchangeList";
+export declare type RewardExchangeViewProps = {
+  states: {
+    selectedItem: ExchangeItem;
+    selectedStep: ExchangeStep;
+    redeemStage: string;
+    amount: number;
+    exchangeError?: boolean;
+    loading: boolean;
+    content: {
+      text: any;
+    };
+  };
+  data: {
+    exchangeList: any;
+  };
+  callbacks: {
+    exchangeReward: (e: unknown) => unknown;
+    openDrawer: () => void;
+    setStage: (stage?: Stages) => void;
+    setExchangeState: Function;
+  };
+  refs: {};
+};
+export declare function RewardExchangeView(props: RewardExchangeViewProps): any;

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

@@ -0,0 +1,20 @@
+import { RewardExchangeViewProps } from "./sqm-reward-exchange-list-view";
+import { DemoData } from "../../global/demo";
+/**
+ * @uiName Reward Exchange List
+ */
+export declare class SqmRewardExchangeList {
+  ignored: boolean;
+  /**
+   * @uiName Exchange button text
+   */
+  buttonText: string;
+  /**
+   * @undocumented
+   * @uiType object
+   */
+  demoData?: DemoData<RewardExchangeViewProps>;
+  constructor();
+  disconnectedCallback(): void;
+  render(): any;
+}

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

@@ -0,0 +1,43 @@
+import { SqmRewardExchangeList } from "./sqm-reward-exchange-list";
+import { RewardExchangeViewProps } from "./sqm-reward-exchange-list-view";
+export declare type ExchangeItem = {
+  key: string;
+  name: string;
+  description: string;
+  imageUrl: string;
+  available: boolean;
+  unavailableReason: string;
+  unavailableReasonCode: string;
+  ruleType: string;
+  sourceUnit: string;
+  sourceValue: number;
+  prettySourceValue: string;
+  sourceMinValue: number;
+  prettySourceMinValue: string;
+  sourceMaxValue: number;
+  prettySourceMaxValue: string;
+  destinationMinValue: number;
+  prettyDestinationMinValue: string;
+  destinationMaxValue: number;
+  prettyDestinationMaxValue: string;
+  globalRewardKey: string;
+  destinationUnit: string;
+  steps?: ExchangeStep[];
+};
+export declare type ExchangeStep = {
+  destinationValue: number;
+  sourceValue: number;
+  prettyDestinationValue: string;
+  prettySourceValue: string;
+  available: boolean;
+  unavailableReasonCode: string;
+};
+export declare type Stages = "" | "chooseReward" | "chooseAmount" | "confirmation";
+export declare type ExchangeState = {
+  selectedItem: ExchangeItem;
+  selectedStep: ExchangeStep;
+  redeemStage: string;
+  amount: number;
+  exchangeError: boolean;
+};
+export declare function useRewardExchangeList(props: SqmRewardExchangeList): RewardExchangeViewProps;

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/sqm-rewards-table.d.ts

@@ -0,0 +1,32 @@
+import { DemoData } from "../../global/demo";
+import { GenericTableViewProps } from "../../tables/GenericTableView";
+/**
+ * @uiName Rewards Table
+ */
+export declare class RewardsTable {
+  /**
+   * Filters to only show rewards in this program. Will default to filtering by the program context where
+   * this table lives. If no program ID is set or provided by context, then shows all rewards from all programs.
+   *
+   * @uiName Program
+   */
+  programId: string;
+  /** @uiName Number of rewards per page */
+  perPage: number;
+  /** @uiName Show column labels */
+  showLabels?: boolean;
+  /** @uiName Previous button text  */
+  prevLabel?: string;
+  /** @uiName View More button text  */
+  moreLabel?: string;
+  /** @uiName Show Referred by user in table  */
+  showReferrer?: boolean;
+  /**
+   * @undocumented
+   * @uiType object
+   */
+  demoData?: DemoData<GenericTableViewProps>;
+  constructor();
+  disconnectedCallback(): void;
+  render(): any;
+}

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

@@ -0,0 +1,38 @@
+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/Matrix.d.ts

@@ -0,0 +1,11 @@
+export declare type Matrix = Record<string, Array<unknown>>;
+/**
+ * Displays a cartesian product of the input props
+ *
+ * @returns
+ */
+export declare function MatrixStory({ matrix, props, Component, }: {
+  matrix: Matrix;
+  props: Record<string, any>;
+  Component: any;
+}): any[];

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

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

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

@@ -0,0 +1,11 @@
+declare const _default: {
+  title: string;
+  parameters: {
+    scenario: string;
+  };
+};
+export default _default;
+export declare const NotRepeatable: () => any;
+export declare const NotRepeatableWithExpiry: () => any;
+export declare const Repeatable: () => any;
+export declare const RepeatableWithExpiry: () => 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,10 @@
+import { VNode } from "../../../stencil-public-runtime";
+export declare type ProgressBarProps = {
+  progress?: number;
+  goal?: number;
+  progressBarUnit?: string;
+  steps?: boolean;
+  repeatable?: boolean;
+  complete?: boolean;
+};
+export declare function ProgressBarView(props: ProgressBarProps): VNode;

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

@@ -0,0 +1,12 @@
+declare const _default: {
+  title: string;
+  parameters: {
+    scenario: string;
+  };
+};
+export default _default;
+export declare const Default: () => 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/sqm-task-card-view.d.ts

@@ -0,0 +1,16 @@
+import { VNode } from "../../stencil-public-runtime";
+import { ProgressBarProps } from "./progress-bar/progress-bar-view";
+export declare type TaskCardViewProps = {
+  rewardAmount: number;
+  cardTitle: string;
+  description: string;
+  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

@@ -0,0 +1,75 @@
+/**
+ * @uiName Task Card
+ */
+export declare class TaskCard {
+  ignored: boolean;
+  /**
+   * @uiName Reward Amount
+   */
+  rewardAmount: number;
+  /**
+   * @uiName Reward Unit
+   */
+  rewardUnit: string;
+  /**
+   * @uiName Title Text
+   */
+  cardTitle: string;
+  /**
+   * @uiName Description Text
+   */
+  description: string;
+  /**
+   * @uiName Goal Repeatable
+   */
+  repeatable: boolean;
+  /**
+   * @uiName Show Progress Bar
+   */
+  showProgressBar: boolean;
+  /**
+   * @uiName Goal Progress Source
+   */
+  progressSource: string;
+  /**
+   * @uiName Goal Completion Number
+   */
+  goal: number;
+  /**
+   * @uiName Progress Bar Steps
+   */
+  steps: boolean;
+  /**
+   * @uiName Progress Bar Unit
+   */
+  progressBarUnit?: string;
+  /**
+   * @uiName Show Goal Expiry
+   */
+  showExpiry: boolean;
+  /**
+   * @uiName Date Goal Expires
+   * @uiWidget DateRange
+   * @uiOptions {"allowPastDates":true, "months": 1}
+   */
+  dateExpires?: string;
+  /**
+   * @uiName CTA Button Text
+   */
+  buttonText: string;
+  /**
+   * @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/sqm-user-name/UserName.stories.d.ts

@@ -0,0 +1,6 @@
+declare const _default: {
+  title: string;
+};
+export default _default;
+export declare const DemoData: () => any;
+export declare const Username: () => any;