@saasquatch/mint-components 1.6.1-13 → 1.6.1-16

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

@@ -1,35 +1,35 @@
-import { VNode } from "../../stencil-public-runtime";
-export declare type TaskCardViewProps = {
-  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;
+import { VNode } from "../../stencil-public-runtime";
+export declare type TaskCardViewProps = {
+  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;

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

@@ -1,167 +1,167 @@
-import { DemoData } from "../../global/demo";
-import { BigStatViewProps } from "../sqm-big-stat/sqm-big-stat-view";
-import { TaskCardViewProps } from "./sqm-task-card-view";
-/**
- * @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", "ended-message", "expiry-message", "starts-on-message", "event-key", "*"]
- * @exampleGroup Rewards
- * @example One Time Task Card - <sqm-task-card reward-amount="1" reward-unit="Free Month" goal="1" card-title="Upgrade Your Plan" description="Receive one free month for being a committed customer when you upgrade your plan." button-text="Upgrade" completed-text="Completed {finite, select, 0 {{count, plural, =1 {{count} time} other {{count} times}}} other {{count}/{finite} times}}" ended-message="Ended {endDate}" expiry-message="Ends {endDate}" open-new-tab="false" finite="0" starts-on-message="Starts {startDate}"></sqm-task-card>
- * @example Repeatable Task Card - <sqm-task-card reward-amount="250" goal="500" show-progress-bar card-title="Spend $500" description="Earn 150 points when you spend $500 or more." button-text="See plans" completed-text="Completed {finite, select, 0 {{count, plural, =1 {{count} time} other {{count} times}}} other {{count}/{finite} times}}" ended-message="Ended {endDate}" expiry-message="Ends {endDate}" progress-bar-unit="$" finite="0" repeatable="" reward-unit="Points" starts-on-message="Starts {startDate}"></sqm-task-card>
- * @example Event Sending Task Card - <sqm-task-card goal="1" reward-amount="50" card-title="Follow Us on Twitter" description="Earn 50 points when you follow us on Twitter!" button-text="Follow" button-link="https://twitter.com/" open-new-tab="true" event-key="socialFollow" completed-text="Completed {finite, select, 0 {{count, plural, =1 {{count} time} other {{count} times}}} other {{count}/{finite} times}}" ended-message="Ended {endDate}" expiry-message="Ends {endDate}" finite="0" reward-unit="Points" starts-on-message="Starts {startDate}"></sqm-task-card>
- */
-export declare class TaskCard {
-  ignored: boolean;
-  /**
-   * @uiName Reward Amount
-   * @uiGroup Reward
-   */
-  rewardAmount: string;
-  /**
-   * @uiName Reward Unit
-   * @uiGroup Reward
-   */
-  rewardUnit: string;
-  /**
-   * @uiName Title
-   * @uiGroup Task
-   */
-  cardTitle: string;
-  /**
-   * @uiName Description
-   * @uiGroup Task
-   */
-  description: string;
-  /**
-   * @uiName Goal Repeatable
-   * @uiGroup Goal
-   */
-  repeatable: boolean;
-  /**
-   * The number of times a reward can be earned.  Use zero for no limit (the default).
-   *
-   * @uiName Repeat Amount
-   * @uiGroup Reward
-   */
-  finite: number;
-  /**
-   * @uiName Show Progress Bar
-   * @uiGroup Goal
-   */
-  showProgressBar: boolean;
-  /**
-   * Sets the goal for users progress to know when a task has been completed. If repeatable is checked, repeatable goals is an increment of this.
-   *
-   * @uiName Goal Completion Number
-   * @uiGroup Goal
-   */
-  goal: number;
-  /**
-   * @uiName Progress Bar Steps
-   * @uiGroup Goal
-   */
-  steps: boolean;
-  /**
-   * The unit displayed to the right of steps and progress numbers on the progress bar. Ex: $ for dollars
-   *
-   * @uiName Progress Bar Unit
-   * @uiGroup Goal
-   */
-  progressBarUnit: string;
-  /**
-   * Displayed when a user views a task card after the reward duration interval.
-   *
-   * @uiName Expiry Date Message
-   * @uiGroup Task
-   */
-  expiryMessage: string;
-  /**
-   * Task cards are disabled to users outside of the duration. They are not disabled if no duration is configured.
-   *
-   * @uiName Reward Duration
-   * @uiWidget dateRange
-   * @uiWidgetOptions {"allowPastDates":true, "months": 1}
-   * @uiGroup Reward
-   */
-  rewardDuration: string;
-  /**
-   * Shown to users before the start of the task duration.
-   *
-   * @uiName Start Date Message
-   * @uiGroup Task
-   */
-  startsOnMessage: string;
-  /**
-   * Task cards are hidden from users outside of the duration. They are always displayed if no duration is configured.
-   *
-   * @uiName Display Duration
-   * @uiWidget dateRange
-   * @uiWidgetOptions {"allowPastDates":true, "months": 1}
-   * @uiGroup Task
-   */
-  displayDuration: string;
-  /**
-   * Shown to users after the end of the task duration.
-   *
-   * @uiName Ended Date Message
-   * @uiGroup Task
-   */
-  endedMessage: string;
-  /**
-   * Displays the amount of times that a user has completed a repeatable task.
-   *
-   * @uiName Completed Count Text
-   * @uiGroup Task
-   * @uiWidget textArea
-   */
-  completedText: string;
-  /**
-   * @uiName Button Text
-   * @uiGroup Button
-   */
-  buttonText: string;
-  /**
-   * @uiName Button Link
-   * @uiGroup Button
-   */
-  buttonLink: string;
-  /**
-   * Button Link Opens in New Tab
-   * @uiName Open In New Tab
-   * @uiGroup Button
-   */
-  openNewTab: boolean;
-  /**
-   * Select what type of stat to display for the goal. Manual paths are also supported.
-   *
-   * @uiName Goal Progress Source
-   * @required
-   * @minLength 1
-   * @uiWidget statTypeSelectWidget
-   * @uiWidgetOptions {"version": 1.1}
-   * @uiGroup Goal
-   */
-  statType: string;
-  /**
-   * Optionally send an event to SaaSquatch when a user clicks the button. Enter your event key into this field.
-   *
-   * @uiName Task Card Button Event Key
-   * @uiGroup Button
-   */
-  eventKey?: string;
-  /**
-   * The ID of the program that is used to scope the task card. Defaults to the program context when no ID is specified.
-   *
-   * @uiName Program ID Override
-   * @uiWidget programSelector
-   * @uiGroup Goal
-   */
-  programId?: string;
-  /**
-   * @undocumented
-   * @uiType object
-   */
-  demoData?: DemoData<TaskCardViewProps | BigStatViewProps>;
-  constructor();
-  disconnectedCallback(): void;
-  render(): any;
-}
+import { DemoData } from "../../global/demo";
+import { BigStatViewProps } from "../sqm-big-stat/sqm-big-stat-view";
+import { TaskCardViewProps } from "./sqm-task-card-view";
+/**
+ * @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", "ended-message", "expiry-message", "starts-on-message", "event-key", "*"]
+ * @exampleGroup Rewards
+ * @example One Time Task Card - <sqm-task-card reward-amount="1" reward-unit="Free Month" goal="1" card-title="Upgrade Your Plan" description="Receive one free month for being a committed customer when you upgrade your plan." button-text="Upgrade" completed-text="Completed {finite, select, 0 {{count, plural, =1 {{count} time} other {{count} times}}} other {{count}/{finite} times}}" ended-message="Ended {endDate}" expiry-message="Ends {endDate}" open-new-tab="false" finite="0" starts-on-message="Starts {startDate}"></sqm-task-card>
+ * @example Repeatable Task Card - <sqm-task-card reward-amount="250" goal="500" show-progress-bar card-title="Spend $500" description="Earn 150 points when you spend $500 or more." button-text="See plans" completed-text="Completed {finite, select, 0 {{count, plural, =1 {{count} time} other {{count} times}}} other {{count}/{finite} times}}" ended-message="Ended {endDate}" expiry-message="Ends {endDate}" progress-bar-unit="$" finite="0" repeatable="" reward-unit="Points" starts-on-message="Starts {startDate}"></sqm-task-card>
+ * @example Event Sending Task Card - <sqm-task-card goal="1" reward-amount="50" card-title="Follow Us on Twitter" description="Earn 50 points when you follow us on Twitter!" button-text="Follow" button-link="https://twitter.com/" open-new-tab="true" event-key="socialFollow" completed-text="Completed {finite, select, 0 {{count, plural, =1 {{count} time} other {{count} times}}} other {{count}/{finite} times}}" ended-message="Ended {endDate}" expiry-message="Ends {endDate}" finite="0" reward-unit="Points" starts-on-message="Starts {startDate}"></sqm-task-card>
+ */
+export declare class TaskCard {
+  ignored: boolean;
+  /**
+   * @uiName Reward Amount
+   * @uiGroup Reward
+   */
+  rewardAmount: string;
+  /**
+   * @uiName Reward Unit
+   * @uiGroup Reward
+   */
+  rewardUnit: string;
+  /**
+   * @uiName Title
+   * @uiGroup Task
+   */
+  cardTitle: string;
+  /**
+   * @uiName Description
+   * @uiGroup Task
+   */
+  description: string;
+  /**
+   * @uiName Goal Repeatable
+   * @uiGroup Goal
+   */
+  repeatable: boolean;
+  /**
+   * The number of times a reward can be earned.  Use zero for no limit (the default).
+   *
+   * @uiName Repeat Amount
+   * @uiGroup Reward
+   */
+  finite: number;
+  /**
+   * @uiName Show Progress Bar
+   * @uiGroup Goal
+   */
+  showProgressBar: boolean;
+  /**
+   * Sets the goal for users progress to know when a task has been completed. If repeatable is checked, repeatable goals is an increment of this.
+   *
+   * @uiName Goal Completion Number
+   * @uiGroup Goal
+   */
+  goal: number;
+  /**
+   * @uiName Progress Bar Steps
+   * @uiGroup Goal
+   */
+  steps: boolean;
+  /**
+   * The unit displayed to the right of steps and progress numbers on the progress bar. Ex: $ for dollars
+   *
+   * @uiName Progress Bar Unit
+   * @uiGroup Goal
+   */
+  progressBarUnit: string;
+  /**
+   * Displayed when a user views a task card after the reward duration interval.
+   *
+   * @uiName Expiry Date Message
+   * @uiGroup Task
+   */
+  expiryMessage: string;
+  /**
+   * Task cards are disabled to users outside of the duration. They are not disabled if no duration is configured.
+   *
+   * @uiName Reward Duration
+   * @uiWidget dateRange
+   * @uiWidgetOptions {"allowPastDates":true, "months": 1}
+   * @uiGroup Reward
+   */
+  rewardDuration: string;
+  /**
+   * Shown to users before the start of the task duration.
+   *
+   * @uiName Start Date Message
+   * @uiGroup Task
+   */
+  startsOnMessage: string;
+  /**
+   * Task cards are hidden from users outside of the duration. They are always displayed if no duration is configured.
+   *
+   * @uiName Display Duration
+   * @uiWidget dateRange
+   * @uiWidgetOptions {"allowPastDates":true, "months": 1}
+   * @uiGroup Task
+   */
+  displayDuration: string;
+  /**
+   * Shown to users after the end of the task duration.
+   *
+   * @uiName Ended Date Message
+   * @uiGroup Task
+   */
+  endedMessage: string;
+  /**
+   * Displays the amount of times that a user has completed a repeatable task.
+   *
+   * @uiName Completed Count Text
+   * @uiGroup Task
+   * @uiWidget textArea
+   */
+  completedText: string;
+  /**
+   * @uiName Button Text
+   * @uiGroup Button
+   */
+  buttonText: string;
+  /**
+   * @uiName Button Link
+   * @uiGroup Button
+   */
+  buttonLink: string;
+  /**
+   * Button Link Opens in New Tab
+   * @uiName Open In New Tab
+   * @uiGroup Button
+   */
+  openNewTab: boolean;
+  /**
+   * Select what type of stat to display for the goal. Manual paths are also supported.
+   *
+   * @uiName Goal Progress Source
+   * @required
+   * @minLength 1
+   * @uiWidget statTypeSelectWidget
+   * @uiWidgetOptions {"version": 1.1}
+   * @uiGroup Goal
+   */
+  statType: string;
+  /**
+   * Optionally send an event to SaaSquatch when a user clicks the button. Enter your event key into this field.
+   *
+   * @uiName Task Card Button Event Key
+   * @uiGroup Button
+   */
+  eventKey?: string;
+  /**
+   * The ID of the program that is used to scope the task card. Defaults to the program context when no ID is specified.
+   *
+   * @uiName Program ID Override
+   * @uiWidget programSelector
+   * @uiGroup Goal
+   */
+  programId?: string;
+  /**
+   * @undocumented
+   * @uiType object
+   */
+  demoData?: DemoData<TaskCardViewProps | BigStatViewProps>;
+  constructor();
+  disconnectedCallback(): void;
+  render(): any;
+}

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

@@ -1,11 +1,11 @@
-import { TaskCard } from "./sqm-task-card";
-export declare function useTaskCard(props: TaskCard): {
-  states: {
-    loadingEvent: boolean;
-    locale: string;
-  };
-  callbacks: {
-    sendEvent: (eventKey: string) => void;
-    onClick: () => void;
-  };
-};
+import { TaskCard } from "./sqm-task-card";
+export declare function useTaskCard(props: TaskCard): {
+  states: {
+    loadingEvent: boolean;
+    locale: string;
+  };
+  callbacks: {
+    sendEvent: (eventKey: string) => void;
+    onClick: () => void;
+  };
+};

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

@@ -1,20 +1,20 @@
-/**
- * @uiName Text
- * @slots [{"name":"", "title":"Text"}]
- * @slotEditor richText
- * @canvasRenderer always-replace
- * @exampleGroup Typography
- * @example H1 - <sqm-text><h1>H1 Header Text</h1></sqm-text>
- * @example H2 - <sqm-text><h2>H2 Header Text</h2></sqm-text>
- * @example H3 - <sqm-text><h3>H3 Header Text</h3></sqm-text>
- * @example H4 - <sqm-text><h4>H4 Header Text</h4></sqm-text>
- * @example Paragraph - <sqm-text><p>Paragraph Text</p></sqm-text>
- * @canvasRenderer always-replace
- */
-export declare class Text {
-  ignored: boolean;
-  constructor();
-  disconnectedCallback(): void;
-  componentWillLoad(): void;
-  render(): any;
-}
+/**
+ * @uiName Text
+ * @slots [{"name":"", "title":"Text"}]
+ * @slotEditor richText
+ * @canvasRenderer always-replace
+ * @exampleGroup Typography
+ * @example H1 - <sqm-text><h1>H1 Header Text</h1></sqm-text>
+ * @example H2 - <sqm-text><h2>H2 Header Text</h2></sqm-text>
+ * @example H3 - <sqm-text><h3>H3 Header Text</h3></sqm-text>
+ * @example H4 - <sqm-text><h4>H4 Header Text</h4></sqm-text>
+ * @example Paragraph - <sqm-text><p>Paragraph Text</p></sqm-text>
+ * @canvasRenderer always-replace
+ */
+export declare class Text {
+  ignored: boolean;
+  constructor();
+  disconnectedCallback(): void;
+  componentWillLoad(): void;
+  render(): any;
+}

package/dist/types/components/sqm-text-span/sqm-text-span-view.d.ts

@@ -1,5 +1,5 @@
-import { VNode } from "../../stencil-public-runtime";
-export interface TextSpanView {
-  type: "p" | "subtext" | "h1" | "h2" | "h3" | "h4";
-}
-export declare function TextSpanView(props: TextSpanView, children: VNode): any;
+import { VNode } from "../../stencil-public-runtime";
+export interface TextSpanView {
+  type: "p" | "subtext" | "h1" | "h2" | "h3" | "h4";
+}
+export declare function TextSpanView(props: TextSpanView, children: VNode): any;

package/dist/types/components/sqm-text-span/sqm-text-span.d.ts

@@ -1,22 +1,22 @@
-/**
- * @uiName Text Span
- * @canvasRenderer always-replace
- */
-export declare class Text {
-  ignored: boolean;
-  /**
-   * @uiName Text
-   */
-  text: string;
-  /**
-   * @uiName Type
-   * @uiType string
-   * @uiEnum ["p", "subtext", "h1", "h2", "h3", "h4"]
-   * @uiEnumNames ["Paragraph", "Subtext", "Header 1", "Header 2", "Header 3", "Header 4"]
-   */
-  type: "p" | "subtext" | "h1" | "h2" | "h3" | "h4";
-  constructor();
-  disconnectedCallback(): void;
-  componentWillLoad(): void;
-  render(): any;
-}
+/**
+ * @uiName Text Span
+ * @canvasRenderer always-replace
+ */
+export declare class Text {
+  ignored: boolean;
+  /**
+   * @uiName Text
+   */
+  text: string;
+  /**
+   * @uiName Type
+   * @uiType string
+   * @uiEnum ["p", "subtext", "h1", "h2", "h3", "h4"]
+   * @uiEnumNames ["Paragraph", "Subtext", "Header 1", "Header 2", "Header 3", "Header 4"]
+   */
+  type: "p" | "subtext" | "h1" | "h2" | "h3" | "h4";
+  constructor();
+  disconnectedCallback(): void;
+  componentWillLoad(): void;
+  render(): any;
+}

package/dist/types/components/sqm-timeline/SVGs.d.ts

@@ -1,3 +1,3 @@
-export declare const Gift: () => any;
-export declare const Circle: () => any;
-export declare const Line: () => any;
+export declare const Gift: () => any;
+export declare const Circle: () => any;
+export declare const Line: () => any;

package/dist/types/components/sqm-timeline/Timeline.stories.d.ts

@@ -1,11 +1,11 @@
-declare const _default: {
-  title: string;
-  parameters: {
-    scenario: string;
-  };
-};
-export default _default;
-export declare const TimelineWith1Reward: () => any;
-export declare const TimelineWith2Rewards: () => any;
-export declare const TimelineWith3Rewards: () => any;
-export declare const TimelineWith4Rewards: () => any;
+declare const _default: {
+  title: string;
+  parameters: {
+    scenario: string;
+  };
+};
+export default _default;
+export declare const TimelineWith1Reward: () => any;
+export declare const TimelineWith2Rewards: () => any;
+export declare const TimelineWith3Rewards: () => any;
+export declare const TimelineWith4Rewards: () => any;

package/dist/types/components/sqm-timeline/sqm-timeline-entry-view.d.ts

@@ -1,9 +1,9 @@
-import { VNode } from "../../stencil-public-runtime";
-export interface TimelineEntryProps {
-  reward: string;
-  unit: string;
-  desc: string;
-  icon: string;
-  iconState: string;
-}
-export declare function TimelineEntryView(props: TimelineEntryProps): VNode;
+import { VNode } from "../../stencil-public-runtime";
+export interface TimelineEntryProps {
+  reward: string;
+  unit: string;
+  desc: string;
+  icon: string;
+  iconState: string;
+}
+export declare function TimelineEntryView(props: TimelineEntryProps): VNode;

package/dist/types/components/sqm-timeline/sqm-timeline-entry.d.ts

@@ -1,33 +1,33 @@
-/**
- * @uiName Timeline Entry
- * @validParents ["sqm-timeline"]
- * @exampleGroup Common Components
- * @example Timeline Entry - <sqm-timeline-entry reward="$50" unit="visa giftcard" desc="You refer a friend" icon="circle" > </sqm-timeline-entry>
- */
-export declare class TimelineReward {
-  ignored: boolean;
-  /**
-   * @uiName Reward Amount
-   */
-  reward: string;
-  /**
-   * @uiName Reward Unit
-   */
-  unit: string;
-  /**
-   * @uiName Description
-   */
-  desc: string;
-  /**
-   * @uiName Icon
-   * @uiType string
-   * @uiEnum ["gift", "circle"]
-   * @uiEnumNames ["Gift", "Circle"]
-   */
-  icon: "gift" | "circle";
-  iconState: "gift" | "circle";
-  setIcon(value: "gift" | "circle"): Promise<void>;
-  constructor();
-  disconnectedCallback(): void;
-  render(): any;
-}
+/**
+ * @uiName Program Timeline Entry
+ * @validParents ["sqm-timeline"]
+ * @exampleGroup Common Components
+ * @example Timeline Entry - <sqm-timeline-entry reward="$50" unit="visa giftcard" desc="You refer a friend" icon="circle" > </sqm-timeline-entry>
+ */
+export declare class TimelineReward {
+  ignored: boolean;
+  /**
+   * @uiName Reward Amount
+   */
+  reward: string;
+  /**
+   * @uiName Reward Unit
+   */
+  unit: string;
+  /**
+   * @uiName Description
+   */
+  desc: string;
+  /**
+   * @uiName Icon
+   * @uiType string
+   * @uiEnum ["gift", "circle"]
+   * @uiEnumNames ["Gift", "Circle"]
+   */
+  icon: "gift" | "circle";
+  iconState: "gift" | "circle";
+  setIcon(value: "gift" | "circle"): Promise<void>;
+  constructor();
+  disconnectedCallback(): void;
+  render(): any;
+}