@saasquatch/mint-components 1.4.0-0 → 1.5.0-2

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

@@ -0,0 +1,13 @@
+declare const _default: {
+  title: string;
+};
+export default _default;
+export declare const ChooseReward: () => any;
+export declare const ChooseRewardSelected: () => any;
+export declare const ChooseAmount: () => any;
+export declare const ChooseAmountVariable: () => any;
+export declare const Confirm: () => any;
+export declare const ConfirmVariable: () => any;
+export declare const Error: () => any;
+export declare const Success: () => any;
+export declare const Loading: () => any;

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

@@ -0,0 +1,234 @@
+export declare const rewardExchange: {
+  states: {
+    content: {
+      text: {
+        notAvailableError: string;
+      };
+    };
+    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 rewardExchangeSelected: {
+  states: {
+    content: {
+      text: {
+        notAvailableError: string;
+      };
+    };
+    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 chooseAmountVariable: {
+  states: {
+    content: {
+      text: {
+        notAvailableError: string;
+      };
+    };
+    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 chooseAmountFixed: {
+  states: {
+    content: {
+      text: {
+        notAvailableError: string;
+      };
+    };
+    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 confirmFixed: {
+  states: {
+    content: {
+      text: {
+        notAvailableError: string;
+      };
+    };
+    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 confirmVariable: {
+  states: {
+    content: {
+      text: {
+        notAvailableError: string;
+      };
+    };
+    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 error: {
+  states: {
+    content: {
+      text: {
+        notAvailableError: string;
+      };
+    };
+    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 success: {
+  states: {
+    content: {
+      text: {
+        notAvailableError: string;
+      };
+    };
+    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 loading: {
+  states: {
+    content: {
+      text: {
+        notAvailableError: string;
+      };
+    };
+    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;
+};

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

@@ -0,0 +1,4 @@
+export declare const LeftArrow: () => any;
+export declare const ExchangeArrows: () => any;
+export declare const CheckMark: () => any;
+export declare const Gift: () => any;

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;
+    fuelTankCode?: string;
+  };
+  callbacks: {
+    exchangeReward: (e: unknown) => unknown;
+    setStage: (stage?: Stages) => void;
+    resetState: (refresh?: boolean) => void;
+    setExchangeState: Function;
+  };
+};
+export declare function RewardExchangeView(props: RewardExchangeViewProps): any;

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

@@ -0,0 +1,24 @@
+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;
+  /**
+   * @uiName Exchange button text
+   */
+  notAvailableError: 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,44 @@
+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;
+  globalRewardKey: 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-stencilbook/AutoColor.d.ts

@@ -0,0 +1,16 @@
+/**
+ * Generated a Shoelace color scale css string from a base color
+ *
+ * @param color
+ * @param name
+ * @returns
+ */
+export declare function autoColorScaleCss(color: string, name?: string): string;
+/**
+ * Generate a Shoelace color scale style objects from a base color
+ *
+ * @param color
+ * @param name
+ * @returns
+ */
+export declare function autoColorScaleStyleObject(color: string, name?: string): Record<string, any>;

package/dist/types/components/sqm-stencilbook/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-stencilbook/Resizer.d.ts

@@ -0,0 +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 Resizer: FunctionalComponent;

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

@@ -0,0 +1,17 @@
+/**
+ *
+ * Themes
+ *
+ * Export only valid CSS. Those will be injected into style tags.
+ *
+ * Useful links:
+ *  - https://brandcolors.net/
+ *  - Shoelace color generator: https://codepen.io/claviska/full/QWveRgL
+ *
+ */
+export declare const Default = "\n // No CSS\n";
+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";

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

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

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

@@ -0,0 +1,20 @@
+declare const _default: {
+  title: string;
+  parameters: {
+    scenario: string;
+  };
+};
+export default _default;
+export declare const TaskCard: () => any;
+export declare const TaskCardNotRepeatable: () => any;
+export declare const TaskCardRepeatable: () => any;
+export declare const TaskCardRepeatableFinite: () => any;
+export declare const TaskCardEndDate: () => any;
+export declare const TaskCardLoading: () => any;
+export declare const TaskCardNotStarted: () => any;
+export declare const TaskCardEnded: () => any;
+export declare const ProgressBar: () => any;
+export declare const ProgressBarSteps: () => any;
+export declare const ProgressBarRepeatable: () => any;
+export declare const ProgressBarStepsRepeatable: () => any;
+export declare const ProgressBarStepsRepeatableFinite: () => 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,12 @@
+import { VNode } from "../../../stencil-public-runtime";
+export declare type ProgressBarProps = {
+  progress?: number;
+  goal?: number;
+  progressBarUnit?: string;
+  steps?: boolean;
+  repeatable?: boolean;
+  complete?: boolean;
+  expired?: boolean;
+  finite?: number;
+};
+export declare function ProgressBarView(props: ProgressBarProps): VNode;

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

@@ -0,0 +1,18 @@
+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;
+export declare function TaskCardView(props: TaskCardViewProps): VNode;