@saasquatch/mint-components 1.5.0-0 → 1.5.0-4

package/dist/mint-components/p-96a1967b.entry.js

@@ -0,0 +1 @@
+import{r as s,h as r}from"./p-64c3217a.js";import{m as t}from"./p-44578b22.js";import"./p-db5a1e78.js";import{g as o}from"./p-fb1b6fdf.js";import{P as p}from"./p-bc8b6125.js";const a=class{constructor(r){s(this,r),t(this)}disconnectedCallback(){}render(){return r(p,Object.assign({},o(this)))}};export{a as sqm_program_explainer_step}

package/dist/mint-components/p-9e4e397a.system.entry.js

@@ -0,0 +1 @@
+System.register(["./p-ff17b3a4.system.js","./p-015b683f.system.js","./p-1b7d89a7.system.js","./p-d7d6bf44.system.js","./p-3b6228f4.system.js"],(function(t){"use strict";var n,s,e,r,i;return{setters:[function(t){n=t.r;s=t.h},function(t){e=t.m},function(){},function(t){r=t.g},function(t){i=t.P}],execute:function(){var c=t("sqm_program_explainer_step",function(){function t(t){n(this,t);e(this)}t.prototype.disconnectedCallback=function(){};t.prototype.render=function(){return s(i,Object.assign({},r(this)))};return t}())}}}));

package/dist/mint-components/p-bc8b6125.js

@@ -0,0 +1 @@
+import{h as i}from"./p-64c3217a.js";import{j as t,c as e}from"./p-db5a1e78.js";function o(o){const a={Container:{display:"flex",flexDirection:"column",width:"100%",height:"444px",color:o.color,background:o.background,padding:"24px","@media (max-width: 1024px)":{flexDirection:"row",width:"auto",height:"auto"}},Logo:{},Text:{"@media (max-width: 1024px)":{marginLeft:"24px"}},Title:{fontSize:"16px",fontWeight:"var(--sl-font-weight-bold)",textTransform:"uppercase",lineHeight:"24px",marginTop:"24px","@media (max-width: 1024px)":{margin:"0"}},Description:{fontSize:"16px",lineHeight:"28px",marginTop:"12px","@media (max-width: 1024px)":{marginTop:"8px"}}};t.setup(e());const n=t.createStyleSheet(a),p=n.toString();return console.log(o),i("div",{class:n.classes.Container},i("style",{type:"text/css"},p),i("div",{class:n.classes.Logo},i("div",{style:{width:"64px",height:"64px",borderRadius:"100%",background:"#F4F5F7",color:"var(--sl-color-primary-400)",textAlign:"center",lineHeight:"72px"}},i("div",{style:{fontSize:"26px"}},i("sl-icon",{name:o.icon})))),i("div",{class:n.classes.Text},i("div",{class:n.classes.Title},o.title),i("div",{class:n.classes.Description},o.description)))}export{o as P}

package/dist/mint-components/p-bf1b79ba.entry.js

@@ -0,0 +1 @@
+import{r as s,h as r}from"./p-64c3217a.js";import{m as t}from"./p-44578b22.js";import"./p-db5a1e78.js";import{g as o}from"./p-fb1b6fdf.js";import{P as a}from"./p-6c9c4477.js";const p=class{constructor(r){s(this,r),this.ignored=!0,t(this)}disconnectedCallback(){}render(){return r(a,Object.assign({},o(this)),r("slot",null))}};export{p as sqm_program_explainer}

package/dist/mint-components/p-c3f91add.system.entry.js

@@ -0,0 +1 @@
+System.register(["./p-ff17b3a4.system.js","./p-015b683f.system.js","./p-1b7d89a7.system.js","./p-d7d6bf44.system.js","./p-2d6421b6.system.js"],(function(t){"use strict";var n,s,e,r,i;return{setters:[function(t){n=t.r;s=t.h},function(t){e=t.m},function(){},function(t){r=t.g},function(t){i=t.P}],execute:function(){var o=t("sqm_program_explainer",function(){function t(t){n(this,t);this.ignored=true;e(this)}t.prototype.disconnectedCallback=function(){};t.prototype.render=function(){return s(i,Object.assign({},r(this)),s("slot",null))};return t}())}}}));

package/dist/mint-components/p-e6d77d20.system.entry.js

@@ -0,0 +1 @@
+var __makeTemplateObject=this&&this.__makeTemplateObject||function(e,t){if(Object.defineProperty){Object.defineProperty(e,"raw",{value:t})}else{e.raw=t}return e};var __assign=this&&this.__assign||function(){__assign=Object.assign||function(e){for(var t,n=1,r=arguments.length;n<r;n++){t=arguments[n];for(var a in t)if(Object.prototype.hasOwnProperty.call(t,a))e[a]=t[a]}return e};return __assign.apply(this,arguments)};System.register(["./p-ff17b3a4.system.js","./p-015b683f.system.js","./p-1e182e88.system.js","./p-3b97aed8.system.js","./p-1b7d89a7.system.js","./p-d7d6bf44.system.js","./p-4bd679a7.system.js","./p-126bcba1.system.js","./p-53b0c355.system.js"],(function(e){"use strict";var t,n,r,a,i,o,s,c,u,l,p,v,d,f;return{setters:[function(e){t=e.r;n=e.h},function(e){r=e.j;a=e.m},function(){},function(e){i=e.d;o=e.M;s=e.T;c=e.x;u=e.e;l=e.b;p=e.j},function(){},function(e){v=e.g},function(e){d=e.c},function(){},function(e){f=e.S}],execute:function(){var m=i.gql(__makeTemplateObject(["\n  query ($programId: ID) {\n    user: viewer {\n      ... on User {\n        referralCode(programId: $programId)\n      }\n    }\n  }\n"],["\n  query ($programId: ID) {\n    user: viewer {\n      ... on User {\n        referralCode(programId: $programId)\n      }\n    }\n  }\n"]));var g=i.gql(__makeTemplateObject(["\n  mutation loadEvent($eventMeta: UserAnalyticsEvent!) {\n    createUserAnalyticsEvent(eventMeta: $eventMeta)\n  }\n"],["\n  mutation loadEvent($eventMeta: UserAnalyticsEvent!) {\n    createUserAnalyticsEvent(eventMeta: $eventMeta)\n  }\n"]));function _(e){var t,n;var a=o();var i=s();var p=c();var v=u(m,{programId:a},!(i===null||i===void 0?void 0:i.jwt)).data;var d=l(g)[0];var f=(n=(t=v===null||v===void 0?void 0:v.user)===null||t===void 0?void 0:t.referralCode)!==null&&n!==void 0?n:"...";var _=r(false),y=_[0],b=_[1];function j(){navigator.clipboard.writeText(f);b(true);setTimeout((function(){return b(false)}),e.tooltiplifespan);d({eventMeta:{programId:a,id:i===null||i===void 0?void 0:i.id,accountId:i===null||i===void 0?void 0:i.accountId,type:"USER_REFERRAL_PROGRAM_ENGAGEMENT_EVENT",meta:{engagementMedium:p,shareMedium:"DIRECT"}}})}return __assign(__assign({},e),{onClick:j,open:y,shareString:f})}var y=1e3;var b=e("sqm_share_code",function(){function e(e){t(this,e);this.tooltiptext="Copied to Clipboard";this.tooltiplifespan=y;a(this)}e.prototype.disconnectedCallback=function(){};e.prototype.render=function(){var e=v(this);var t=p()?j(e):_(e);return n(f,Object.assign({},t))};return e}());function j(e){var t=r(false),n=t[0],a=t[1];var i="https://www.example.com/sharelink/abc";return d({shareString:i,tooltiptext:e.tooltiptext,open:n,onClick:function(){navigator.clipboard.writeText(i);a(true);setTimeout((function(){return a(false)}),e.tooltiplifespan)}},e.demoData||{},{arrayMerge:function(e,t){return t}})}}}}));

package/dist/types/components/sqm-brand/SqmBrand.stories.d.ts

@@ -0,0 +1,7 @@
+declare const _default: {
+  title: string;
+};
+export default _default;
+export declare const Examples: () => any;
+export declare const Nested: () => any;
+export declare const Fonts: () => any;

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

@@ -0,0 +1,23 @@
+/**
+ *
+ * @uiName Big Stat
+ * @slot the description of the component
+ */
+export declare class BrandComponent {
+  /**
+   * Controls the primary brand color used in the Mint Components library. Note that this
+   * does not affect vanilla components or other component libraries.
+   *
+   * @uiName Brand Color
+   */
+  brandColor: string;
+  /**
+   * The brand font that you want to use
+   *
+   * @uiName Brand Font
+   */
+  brandFont: string;
+  constructor();
+  disconnectedCallback(): void;
+  render(): any;
+}

package/dist/types/components/sqm-program-explainer/ProgramExplainer.stories.d.ts

@@ -0,0 +1,7 @@
+declare const _default: {
+  title: string;
+};
+export default _default;
+export declare const OneStep: () => any;
+export declare const TwoSteps: () => any;
+export declare const ThreeSteps: () => any;

package/dist/types/components/sqm-program-explainer/sqm-program-explainer-view.d.ts

@@ -0,0 +1,9 @@
+import { VNode } from "../../stencil-public-runtime";
+export interface ProgramExplainerViewProps {
+  header: string;
+  title: string;
+  description: string;
+  color: string;
+  background: string;
+}
+export declare function ProgramExplainerView(props: ProgramExplainerViewProps, children: VNode): any;

package/dist/types/components/sqm-program-explainer/sqm-program-explainer.d.ts

@@ -0,0 +1,31 @@
+/**
+ * @uiName Program Explainer
+ */
+export declare class ProgramExplainer {
+  ignored: boolean;
+  /**
+   * @uiName Header
+   */
+  header: string;
+  /**
+   * @uiName Title
+   */
+  title: string;
+  /**
+   * @uiName Description
+   */
+  description: string;
+  /**
+   * @uiName Color
+   * @uiWidget color
+   */
+  color: string;
+  /**
+   * @uiName Background
+   * @uiWidget color
+   */
+  background: string;
+  constructor();
+  disconnectedCallback(): void;
+  render(): any;
+}

package/dist/types/components/sqm-program-explainer-step/ProgramExplainerStep.stories.d.ts

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

package/dist/types/components/sqm-program-explainer-step/sqm-program-explainer-step-view.d.ts

@@ -0,0 +1,8 @@
+export interface ProgramExplainerStepViewProps {
+  title: string;
+  description: string;
+  color: string;
+  background: string;
+  icon: string;
+}
+export declare function ProgramExplainerStepView(props: ProgramExplainerStepViewProps): any;

package/dist/types/components/sqm-program-explainer-step/sqm-program-explainer-step.d.ts

@@ -0,0 +1,29 @@
+/**
+ * @uiName Program Explainer Step
+ */
+export declare class ProgramExplainerStep {
+  /**
+   * @uiName Title
+   */
+  title: string;
+  /**
+   * @uiName Description
+   */
+  description: string;
+  /**
+   * @uiName Color
+   * @uiWidget color
+   */
+  color: string;
+  /**
+   * @uiName Background
+   */
+  background: string;
+  /**
+   * @uiName Icon
+   */
+  icon: string;
+  constructor();
+  disconnectedCallback(): void;
+  render(): any;
+}

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

@@ -10,4 +10,6 @@ export declare const Confirm: () => any;
 export declare const ConfirmVariable: () => any;
 export declare const Error: () => any;
 export declare const Success: () => any;
+export declare const SuccessVariable: () => any;
+export declare const SuccessPromo: () => any;
 export declare const Loading: () => any;

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

@@ -11,15 +11,18 @@ export declare const rewardExchange: {
     loading: boolean;
     selectedItem: any;
     selectedStep: any;
+    open: boolean;
   };
   data: {
     exchangeList: any;
+    fuelTankCode: any;
   };
   callbacks: {
     exchangeReward: any;
     resetState: any;
     setStage: any;
     setExchangeState: any;
+    copyFuelTankCode: any;
     refs: any;
   };
   refs: any;
@@ -37,15 +40,18 @@ export declare const rewardExchangeSelected: {
     loading: boolean;
     selectedItem: any;
     selectedStep: any;
+    open: boolean;
   };
   data: {
     exchangeList: any;
+    fuelTankCode: any;
   };
   callbacks: {
     exchangeReward: any;
     resetState: any;
     setStage: any;
     setExchangeState: any;
+    copyFuelTankCode: any;
     refs: any;
   };
   refs: any;
@@ -63,15 +69,18 @@ export declare const chooseAmountVariable: {
     loading: boolean;
     selectedItem: any;
     selectedStep: any;
+    open: boolean;
   };
   data: {
     exchangeList: any;
+    fuelTankCode: any;
   };
   callbacks: {
     exchangeReward: any;
     resetState: any;
     setStage: any;
     setExchangeState: any;
+    copyFuelTankCode: any;
     refs: any;
   };
   refs: any;
@@ -89,15 +98,18 @@ export declare const chooseAmountFixed: {
     loading: boolean;
     selectedItem: any;
     selectedStep: any;
+    open: boolean;
   };
   data: {
     exchangeList: any;
+    fuelTankCode: any;
   };
   callbacks: {
     exchangeReward: any;
     resetState: any;
     setStage: any;
     setExchangeState: any;
+    copyFuelTankCode: any;
     refs: any;
   };
   refs: any;
@@ -115,15 +127,18 @@ export declare const confirmFixed: {
     loading: boolean;
     selectedItem: any;
     selectedStep: any;
+    open: boolean;
   };
   data: {
     exchangeList: any;
+    fuelTankCode: any;
   };
   callbacks: {
     exchangeReward: any;
     resetState: any;
     setStage: any;
     setExchangeState: any;
+    copyFuelTankCode: any;
     refs: any;
   };
   refs: any;
@@ -141,15 +156,18 @@ export declare const confirmVariable: {
     loading: boolean;
     selectedItem: any;
     selectedStep: any;
+    open: boolean;
   };
   data: {
     exchangeList: any;
+    fuelTankCode: any;
   };
   callbacks: {
     exchangeReward: any;
     resetState: any;
     setStage: any;
     setExchangeState: any;
+    copyFuelTankCode: any;
     refs: any;
   };
   refs: any;
@@ -167,15 +185,18 @@ export declare const error: {
     loading: boolean;
     selectedItem: any;
     selectedStep: any;
+    open: boolean;
   };
   data: {
     exchangeList: any;
+    fuelTankCode: any;
   };
   callbacks: {
     exchangeReward: any;
     resetState: any;
     setStage: any;
     setExchangeState: any;
+    copyFuelTankCode: any;
     refs: any;
   };
   refs: any;
@@ -193,15 +214,76 @@ export declare const success: {
     loading: boolean;
     selectedItem: any;
     selectedStep: any;
+    open: boolean;
   };
   data: {
     exchangeList: any;
+    fuelTankCode: any;
   };
   callbacks: {
     exchangeReward: any;
     resetState: any;
     setStage: any;
     setExchangeState: any;
+    copyFuelTankCode: any;
+    refs: any;
+  };
+  refs: any;
+};
+export declare const success2: {
+  states: {
+    content: {
+      text: {
+        notAvailableError: string;
+      };
+    };
+    redeemStage: string;
+    amount: number;
+    exchangeError: boolean;
+    loading: boolean;
+    selectedItem: any;
+    selectedStep: any;
+    open: boolean;
+  };
+  data: {
+    exchangeList: any;
+    fuelTankCode: any;
+  };
+  callbacks: {
+    exchangeReward: any;
+    resetState: any;
+    setStage: any;
+    setExchangeState: any;
+    copyFuelTankCode: any;
+    refs: any;
+  };
+  refs: any;
+};
+export declare const success3: {
+  states: {
+    content: {
+      text: {
+        notAvailableError: string;
+      };
+    };
+    redeemStage: string;
+    amount: number;
+    exchangeError: boolean;
+    loading: boolean;
+    selectedItem: any;
+    selectedStep: any;
+    open: boolean;
+  };
+  data: {
+    exchangeList: any;
+    fuelTankCode: any;
+  };
+  callbacks: {
+    exchangeReward: any;
+    resetState: any;
+    setStage: any;
+    setExchangeState: any;
+    copyFuelTankCode: any;
     refs: any;
   };
   refs: any;
@@ -219,15 +301,18 @@ export declare const loading: {
     loading: boolean;
     selectedItem: any;
     selectedStep: any;
+    open: boolean;
   };
   data: {
     exchangeList: any;
+    fuelTankCode: any;
   };
   callbacks: {
     exchangeReward: any;
     resetState: any;
     setStage: any;
     setExchangeState: any;
+    copyFuelTankCode: any;
     refs: any;
   };
   refs: any;

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

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

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

@@ -6,7 +6,9 @@ export declare type RewardExchangeViewProps = {
     redeemStage: string;
     amount: number;
     exchangeError?: boolean;
+    queryError?: boolean;
     loading: boolean;
+    open: boolean;
     content: {
       text: any;
     };
@@ -20,6 +22,7 @@ export declare type RewardExchangeViewProps = {
     setStage: (stage?: Stages) => void;
     resetState: (refresh?: boolean) => void;
     setExchangeState: Function;
+    copyFuelTankCode: () => void;
   };
 };
 export declare function RewardExchangeView(props: RewardExchangeViewProps): any;

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

@@ -13,6 +13,59 @@ export declare class SqmRewardExchangeList {
    * @uiName Exchange button text
    */
   notAvailableError: string;
+  /**
+   * @uiName Choose Reward Progress Title
+   */
+  chooseRewardTitle: string;
+  /**
+   * @uiName Choose Amount Progress Title
+   */
+  chooseAmountTitle: string;
+  /**
+   * @uiName Confirmation Progress Title
+   */
+  confirmationTitle: string;
+  /**
+   * @uiName Cancel Button Text
+   */
+  cancelText: string;
+  /**
+   * @uiName Back Button Text
+   */
+  backText: string;
+  /**
+   * @uiName Continue Button Text
+   */
+  continueText: string;
+  /**
+   * @uiName Continue to Confirmation Button Text
+   */
+  continueToConfirmationText: string;
+  /**
+   * @uiName Redeem Button Text
+   */
+  redeemText: string;
+  /**
+   * @uiName Confirmation Title Text
+   */
+  redeemTitle: string;
+  redemptionSuccessText: string;
+  /**
+   * @uiName Done Text
+   */
+  doneText: string;
+  /**
+   * @uiName Reward List Error Message
+   */
+  queryError: string;
+  /**
+   * @uiName Redemption Error Message
+   */
+  redemptionError: string;
+  /**
+   * @uiName Not Enough Available Error Message
+   */
+  notEnoughError: string;
   /**
    * @undocumented
    * @uiType object

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

@@ -31,6 +31,23 @@ export declare type ExchangeStep = {
   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 = {

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

@@ -1 +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/Themes.d.ts

@@ -14,3 +14,4 @@ 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/TaskCard.stories.d.ts

@@ -17,3 +17,4 @@ 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/sqm-task-card-view.d.ts

@@ -1,7 +1,7 @@
 import { VNode } from "../../stencil-public-runtime";
 import { ProgressBarProps } from "./progress-bar/progress-bar-view";
 export declare type TaskCardViewProps = {
-  rewardAmount: number;
+  rewardAmount: string;
   cardTitle: string;
   description: string;
   showProgressBar: boolean;

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

@@ -7,7 +7,7 @@ export declare class TaskCard {
   /**
    * @uiName Reward Amount
    */
-  rewardAmount: number;
+  rewardAmount: string;
   /**
    * @uiName Reward Unit
    */