@saasquatch/mint-components 1.4.0 → 1.5.0-3

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

@@ -0,0 +1,60 @@
+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;
+  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 = {
+  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;

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

@@ -0,0 +1,80 @@
+/**
+ * @uiName Task Card
+ * @uiOrder ["reward-amount", "reward-unit", "card-title", "description", "repeatable", "finite", "show-progress-bar", "stat-type", "progress-source", "goal", "steps", "progress-bar-unit", "show-expiry", "reward-duration", "button-text", "button-link", "open-new-tab"]
+ */
+export declare class TaskCard {
+  ignored: boolean;
+  /**
+   * @uiName Reward Amount
+   */
+  rewardAmount: string;
+  /**
+   * @uiName Reward Unit
+   */
+  rewardUnit: string;
+  /**
+   * @uiName Title Text
+   */
+  cardTitle: string;
+  /**
+   * @uiName Description Text
+   */
+  description: string;
+  /**
+   * @uiName Goal Repeatable
+   */
+  repeatable: boolean;
+  /**
+   * @uiName Repeat Amount (0 for no limit)
+   */
+  finite: number;
+  /**
+   * @uiName Show Progress Bar
+   */
+  showProgressBar: boolean;
+  /**
+   * @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 Reward Duration
+   * @uiWidget DateRange
+   * @uiOptions {"allowPastDates":true, "months": 1}
+   */
+  rewardDuration: string;
+  /**
+   * @uiName CTA Button Text
+   */
+  buttonText: string;
+  /**
+   * @uiName CTA Button Link
+   */
+  buttonLink: string;
+  /**
+   * @uiName CTA Button Link Open in New Tab
+   */
+  openNewTab: boolean;
+  /**
+   * Select what type of stat to display for the goal. Manual paths are also supported.
+   *
+   * @uiWidget StatTypeSelectWidget
+   * @uiName Goal Progress Source
+   * @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;

package/dist/types/components/sqm-user-name/sqm-user-name.d.ts

@@ -1,7 +1,7 @@
 import { DemoData } from "../../global/demo";
 import { UserNameViewProps } from "./sqm-user-name-view";
 /**
- * @uiName User Name
+ * @uiName Navigation Link
  */
 export declare class UserName {
   _ignored: boolean;