@saasquatch/mint-components 1.14.7-0 → 1.14.7-10

package/dist/mint-components/{p-851eaf57.entry.js → p-c45a40b0.entry.js}

@@ -1,4 +1,4 @@
-import{r as e,h as t,c as r}from"./p-f708da7b.js";import{n as s,f as a,i,k as n,m as o,u as l,b as c,j as d}from"./p-cd651f81.js";import{i as u}from"./p-65069b66.js";import{i as h,_ as m,d as p,J as v,H as g,$ as f,w as b,B as y,u as x,L as w,y as k,j as E,r as C,V as I,Q as S,k as R}from"./p-94a876b9.js";import{j as _}from"./p-e7e129ac.js";import{c as N}from"./p-c1086930.js";import{g as T,a as q}from"./p-9ec99ced.js";import{c as M}from"./p-cef45012.js";import"./p-3f7b81b8.js";import"./p-91521e9d.js";import{C as A}from"./p-31015791.js";import{a as L}from"./p-4e451f75.js";import{u as D}from"./p-19ccb4ce.js";import"./p-5bedb58c.js";import"./p-c9f1dde7.js";import{p as P}from"./p-8d363802.js";import{R as F,u as O}from"./p-98698131.js";import{R as V,L as $,u as j}from"./p-f98a4354.js";import{P as U}from"./p-dbcb5359.js";import{u as B}from"./p-4e526a94.js";import{A as z}from"./p-121cdc60.js";import{i as H}from"./p-8c23d1b8.js";import{b as W,W as G,B as Y,U as K,J as Z,i as Q,K as X,D as J,E as ee,H as te,I as re,Q as se,O as ae,X as ie,L as ne,N as oe,C as le,d as ce,h as de,P as ue,e as he,R as me,Y as pe,j as ve,a as ge,S as fe,u as be,c as ye,T as xe}from"./p-30a11ec0.js";import"./p-a9f4ddb1.js";import{u as we}from"./p-11dff275.js";const ke=class{constructor(t){e(this,t),this.flexReverse=!1,this.ignored=!0,s(this)}disconnectedCallback(){}render(){var e;const{props:r,label:s}=h()?W(this):G(this),a=!!(null===(e=m().innerHTML)||void 0===e?void 0:e.trim()),i=t("slot",{name:"label"},a?t("slot",null):s);return t(Y,Object.assign({},r,{labelSlot:i}))}},Ee=class{constructor(t){e(this,t),s(this)}disconnectedCallback(){}render(){var e,s;const i=null!==(e=function(e){if(e)try{return K(e)}catch{}}(this.brandColor))&&void 0!==e?e:"",n=(null!==(s=this.brandFont)&&void 0!==s?s:"Nunito Sans").trim()||void 0;a((()=>{if(!n)return;const e=document.createElement("link");return e.setAttribute("href",function(...e){return`https://fonts.googleapis.com/css2?${e.map((e=>`family=${encodeURIComponent(e)}`)).join("&")}`}(n)),e.setAttribute("rel","stylesheet"),document.head.appendChild(e),()=>document.head.removeChild(e)}),[n]);const o=null!=n?n:"";return t(r,null,t("style",null,`\n\n          :host{\n            display: contents;\n          }\n          /* \n          Selects any element placed inside a slot\n           - resets css variable inheritence for fonts\n          \n          */\n          ::slotted(*) {\n            --sl-font-sans: "${o}", arial;\n            --sl-input-font-family: "${o}", arial;\n            --sl-tooltip-font-family: "${o}", arial;\n            font-family:  "${o}", arial;\n\t\t\t\n            ${i}\n\n            --sl-focus-ring-color-primary: var(--sl-color-primary-100);\n            --sl-input-border-color-focus: var(--sl-color-primary-500);\n            --sl-color-primary-hue: var(--sl-color-primary-500);\n          }`),t("slot",null))}},Ce=class{constructor(t){e(this,t),this.ignored=!0,this.width=347,this.gap=24,s(this)}disconnectedCallback(){}render(){return t(Z,Object.assign({},T(this)),t("slot",null))}};function Ie(e){var t;const r=i(F),[s,o]=n(!1);return a((()=>{var t,s;(null===(t=null==r?void 0:r.initialData)||void 0===t?void 0:t[e.checkboxName])&&o(!!(null===(s=null==r?void 0:r.initialData)||void 0===s?void 0:s[e.checkboxName]))}),[null===(t=null==r?void 0:r.initialData)||void 0===t?void 0:t[e.checkboxName]]),{states:{registrationFormState:r,checked:s},callbacks:{setChecked:o}}}const Se=class{constructor(t){e(this,t),this.ignored=!0,this.checkboxLabel="By signing up you agree to the {labelLink}",this.checkboxLabelLink="https://example.com",this.checkboxLabelLinkText="Terms and Conditions",this.errorMessage="Must be checked",this.checkboxOptional=!1,s(this)}disconnectedCallback(){}render(){const e=q([{attribute:"checkbox-name",value:this.checkboxName}]);if(!h()&&e)return t(V,{missingProps:e,heading:"An error occured while loading this form",subheading:"A technical problem prevented this checkbox field from loading. Please contact us with the link to this page.",description:"Values for the following attributes are missing:"});const r={...T(this)},{states:s,callbacks:a}=h()?N({states:{registrationFormState:{},checked:!1},callbacks:{setChecked:()=>{}}},this.demoData||{},{arrayMerge:(e,t)=>t}):Ie(this);return t(Q,{states:s,content:r,callbacks:a})}},Re=p.gql`
+import{r as e,h as t,c as r}from"./p-f708da7b.js";import{n as s,f as a,i,k as n,m as o,u as l,b as c,j as d}from"./p-cd651f81.js";import{i as u}from"./p-65069b66.js";import{i as h,_ as m,d as p,J as v,H as g,$ as f,w as b,B as y,u as x,L as w,y as k,j as E,r as C,V as I,Q as S,k as R}from"./p-94a876b9.js";import{j as _}from"./p-e7e129ac.js";import{c as N}from"./p-c1086930.js";import{g as T,a as q}from"./p-9ec99ced.js";import{c as M}from"./p-cef45012.js";import"./p-3f7b81b8.js";import"./p-91521e9d.js";import{C as A}from"./p-31015791.js";import{a as L}from"./p-4e451f75.js";import{u as D}from"./p-19ccb4ce.js";import"./p-5bedb58c.js";import"./p-c9f1dde7.js";import{p as P}from"./p-8d363802.js";import{R as F,u as O}from"./p-98698131.js";import{R as V,L as $,u as j}from"./p-f98a4354.js";import{P as U}from"./p-dbcb5359.js";import{u as B}from"./p-4e526a94.js";import{A as z}from"./p-121cdc60.js";import{i as H}from"./p-8c23d1b8.js";import{b as W,W as G,B as Y,U as K,J as Z,i as Q,K as X,D as J,E as ee,H as te,I as re,Q as se,O as ae,X as ie,L as ne,N as oe,C as le,d as ce,h as de,P as ue,e as he,R as me,Y as pe,j as ve,a as ge,S as fe,u as be,c as ye,T as xe}from"./p-2011095e.js";import"./p-a9f4ddb1.js";import{u as we}from"./p-11dff275.js";const ke=class{constructor(t){e(this,t),this.flexReverse=!1,this.ignored=!0,s(this)}disconnectedCallback(){}render(){var e;const{props:r,label:s}=h()?W(this):G(this),a=!!(null===(e=m().innerHTML)||void 0===e?void 0:e.trim()),i=t("slot",{name:"label"},a?t("slot",null):s);return t(Y,Object.assign({},r,{labelSlot:i}))}},Ee=class{constructor(t){e(this,t),s(this)}disconnectedCallback(){}render(){var e,s;const i=null!==(e=function(e){if(e)try{return K(e)}catch{}}(this.brandColor))&&void 0!==e?e:"",n=(null!==(s=this.brandFont)&&void 0!==s?s:"Nunito Sans").trim()||void 0;a((()=>{if(!n)return;const e=document.createElement("link");return e.setAttribute("href",function(...e){return`https://fonts.googleapis.com/css2?${e.map((e=>`family=${encodeURIComponent(e)}`)).join("&")}`}(n)),e.setAttribute("rel","stylesheet"),document.head.appendChild(e),()=>document.head.removeChild(e)}),[n]);const o=null!=n?n:"";return t(r,null,t("style",null,`\n\n          :host{\n            display: contents;\n          }\n          /* \n          Selects any element placed inside a slot\n           - resets css variable inheritence for fonts\n          \n          */\n          ::slotted(*) {\n            --sl-font-sans: "${o}", arial;\n            --sl-input-font-family: "${o}", arial;\n            --sl-tooltip-font-family: "${o}", arial;\n            font-family:  "${o}", arial;\n\t\t\t\n            ${i}\n\n            --sl-focus-ring-color-primary: var(--sl-color-primary-100);\n            --sl-input-border-color-focus: var(--sl-color-primary-500);\n            --sl-color-primary-hue: var(--sl-color-primary-500);\n          }`),t("slot",null))}},Ce=class{constructor(t){e(this,t),this.ignored=!0,this.width=347,this.gap=24,s(this)}disconnectedCallback(){}render(){return t(Z,Object.assign({},T(this)),t("slot",null))}};function Ie(e){var t;const r=i(F),[s,o]=n(!1);return a((()=>{var t,s;(null===(t=null==r?void 0:r.initialData)||void 0===t?void 0:t[e.checkboxName])&&o(!!(null===(s=null==r?void 0:r.initialData)||void 0===s?void 0:s[e.checkboxName]))}),[null===(t=null==r?void 0:r.initialData)||void 0===t?void 0:t[e.checkboxName]]),{states:{registrationFormState:r,checked:s},callbacks:{setChecked:o}}}const Se=class{constructor(t){e(this,t),this.ignored=!0,this.checkboxLabel="By signing up you agree to the {labelLink}",this.checkboxLabelLink="https://example.com",this.checkboxLabelLinkText="Terms and Conditions",this.errorMessage="Must be checked",this.checkboxOptional=!1,s(this)}disconnectedCallback(){}render(){const e=q([{attribute:"checkbox-name",value:this.checkboxName}]);if(!h()&&e)return t(V,{missingProps:e,heading:"An error occured while loading this form",subheading:"A technical problem prevented this checkbox field from loading. Please contact us with the link to this page.",description:"Values for the following attributes are missing:"});const r={...T(this)},{states:s,callbacks:a}=h()?N({states:{registrationFormState:{},checked:!1},callbacks:{setChecked:()=>{}}},this.demoData||{},{arrayMerge:(e,t)=>t}):Ie(this);return t(Q,{states:s,content:r,callbacks:a})}},Re=p.gql`
   query fuelTankRewardsQuery($programId: ID!) {
     user: viewer {
       ... on User {
@@ -73,7 +73,7 @@ import{r as e,h as t,c as r}from"./p-f708da7b.js";import{n as s,f as a,i,k as n,
       }
     }
   }
-`,Ge=class{constructor(t){e(this,t),this.ignored=!0,this.emailLabel="Email",this.firstNameLabel="First name",this.lastNameLabel="Last name",this.submitLabel="Submit",this.resubmitFormLabel="Refer Another Friend",this.pageLabel="Refer your friend",this.formKey="lead-form",this.supportLinkText="Support",this.submitSuccessHeader="Lead submitted",this.submitSuccessDescription="Our team will contact your friend to see if they’re a good fit. In the meantime, you can track this referral on Activity page.",this.submitErrorHeader="An error occurred while submitting",this.submitErrorDescription="Please try again later. If the problem continues, contact {supportLink}",this.requiredFieldErrorMessage="Please enter a valid {fieldLabel}",this.networkErrorMessage="Network request failed.",this.invalidEmailErrorMessage="Must be a valid email address",s(this)}disconnectedCallback(){}render(){const{states:e,callbacks:r,refs:s}=h()?N({states:{error:"",loading:!1,success:!1},callbacks:{submit:async()=>{console.log("submit")},inputFunction:()=>{},resetForm:()=>{}},refs:{formRef:{}}},this.demoData||{},{arrayMerge:(e,t)=>t}):function(e){var t,r,s,i,l,c,d,u,h,m;const p=o(null),{leadFormState:y,setLeadFormState:w}=j({}),k=g(),E=v(),{data:C}=b(We,{programId:k},!(null==E?void 0:E.jwt)||!k),[I,{loading:S,errors:R}]=f(He),[N,T]=n(!1);a((()=>{if(!p.current)return;const e=p.current;return e.addEventListener("sl-input",q),()=>{e.removeEventListener("sl-input",q)}}),[p.current]);const q=x((e=>{var t,r;if("tel"!==(null===(r=null===(t=e.target)||void 0===t?void 0:t.type)||void 0===r?void 0:r.toLowerCase()))return;const s=new z("US");e.target.value=s.input(e.target.value)}),[]);let M="";return M=(null===(t=null==R?void 0:R.response)||void 0===t?void 0:t.error)||(null==R?void 0:R.message)&&!(null===(r=null==R?void 0:R.response)||void 0===r?void 0:r.errors.length)?e.networkErrorMessage:(null===(c=null===(l=null===(i=null===(s=null==R?void 0:R.response)||void 0===s?void 0:s.errors)||void 0===i?void 0:i[0])||void 0===l?void 0:l.extensions)||void 0===c?void 0:c.message)||(null===(h=null===(u=null===(d=null==R?void 0:R.response)||void 0===d?void 0:d.errors)||void 0===u?void 0:u[0])||void 0===h?void 0:h.message)||(null==y?void 0:y.error),{states:{loading:S,error:M,success:N,leadFormState:y,referralCode:(null===(m=null==C?void 0:C.viewer)||void 0===m?void 0:m.referralCode)||""},callbacks:{submit:async t=>{var r;let s=t.target.getFormControls(),a={},i={};if(null==s||s.forEach((t=>{if(!t.name)return;const r=t.name,s=t.value;if(_.set(a,r,s),t.required&&!s&&_.set(i,r,e.requiredFieldErrorMessage),"function"==typeof t.validationError){const e=(0,t.validationError)({control:t,key:r,value:s});e&&_.set(i,r,e)}})),Object.keys(i).length)return void w({loading:!1,error:"",validationErrors:i});w({loading:!0,error:"",validationErrors:{}});const n={key:e.formKey,formData:a};try{const e=await I({formSubmissionInput:n});if(e instanceof Error)throw e;w({loading:!1,error:"",validationErrors:{}}),(null===(r=null==e?void 0:e.submitForm)||void 0===r?void 0:r.success)&&T(!0)}catch(t){w({loading:!1,error:e.networkErrorMessage,validationErrors:{}})}},inputFunction:q,resetForm:function(){var e,t;w({loading:!1,error:"",validationErrors:{}}),null===(t=null===(e=p.current)||void 0===e?void 0:e.getFormControls())||void 0===t||t.forEach((e=>{e.value=""})),T(!1)}},refs:{formRef:p}}}(this),i={formData:t("slot",{name:"formData"}),emailLabel:this.emailLabel,submitLabel:this.submitLabel,resubmitFormLabel:this.resubmitFormLabel,pageLabel:this.pageLabel,supportLinkText:this.supportLinkText,submitSuccessHeader:this.submitSuccessHeader,submitSuccessDescription:this.submitSuccessDescription,submitErrorHeader:this.submitErrorHeader,submitErrorDescription:this.submitErrorDescription,invalidEmailErrorMessage:this.invalidEmailErrorMessage,requiredFieldErrorMessage:this.requiredFieldErrorMessage,firstNameLabel:this.firstNameLabel,lastNameLabel:this.lastNameLabel};return t(ae,{states:e,callbacks:r,content:i,refs:s})}},Ye=p.gql`
+`,Ge=class{constructor(t){e(this,t),this.ignored=!0,this.emailLabel="Email",this.firstNameLabel="First name",this.lastNameLabel="Last name",this.submitLabel="Submit",this.resubmitFormLabel="Refer Another Friend",this.pageLabel="Refer your friend",this.formKey="lead-form",this.supportLinkText="Support",this.submitSuccessHeader="Lead submitted",this.submitSuccessDescription="Our team will contact your friend to see if they’re a good fit. In the meantime, you can track this referral on Activity page.",this.submitErrorHeader="An error occurred while submitting",this.submitErrorDescription="Please try again later. If the problem continues, contact {supportLink}",this.requiredFieldErrorMessage="Please enter a valid {fieldLabel}",this.networkErrorMessage="Network request failed.",this.invalidEmailErrorMessage="Must be a valid email address",s(this)}disconnectedCallback(){}render(){const{states:e,callbacks:r,refs:s}=h()?N({states:{error:"",loading:!1,success:!1},callbacks:{submit:async()=>{console.log("submit")},inputFunction:()=>{},resetForm:()=>{}},refs:{formRef:{}}},this.demoData||{},{arrayMerge:(e,t)=>t}):function(e){var t,r,s,i,l,c,d,u,h,m;const p=o(null),{leadFormState:y,setLeadFormState:w}=j({}),k=g(),E=v(),{data:C}=b(We,{programId:k},!(null==E?void 0:E.jwt)||!k),[I,{loading:S,errors:R}]=f(He),[N,T]=n(!1);a((()=>{if(!p.current)return;const e=p.current;return e.addEventListener("sl-input",q),()=>{e.removeEventListener("sl-input",q)}}),[p.current]);const q=x((e=>{var t,r;if("tel"!==(null===(r=null===(t=e.target)||void 0===t?void 0:t.type)||void 0===r?void 0:r.toLowerCase()))return;const s=new z("US");e.target.value=s.input(e.target.value)}),[]);let M="";return M=(null===(t=null==R?void 0:R.response)||void 0===t?void 0:t.error)||(null==R?void 0:R.message)&&!(null===(r=null==R?void 0:R.response)||void 0===r?void 0:r.errors.length)?e.networkErrorMessage:(null===(c=null===(l=null===(i=null===(s=null==R?void 0:R.response)||void 0===s?void 0:s.errors)||void 0===i?void 0:i[0])||void 0===l?void 0:l.extensions)||void 0===c?void 0:c.message)||(null===(h=null===(u=null===(d=null==R?void 0:R.response)||void 0===d?void 0:d.errors)||void 0===u?void 0:u[0])||void 0===h?void 0:h.message)||(null==y?void 0:y.error),{states:{loading:S,error:M,success:N,leadFormState:y,referralCode:(null===(m=null==C?void 0:C.viewer)||void 0===m?void 0:m.referralCode)||""},callbacks:{submit:async t=>{var r;let s=t.target.getFormControls(),a={},i={};if(null==s||s.forEach((t=>{if(!t.name)return;const r=t.name,s=t.value;if(_.set(a,r,s),t.required&&!s&&_.set(i,r,e.requiredFieldErrorMessage),"function"==typeof t.validationError){const e=(0,t.validationError)({control:t,key:r,value:s});e&&_.set(i,r,e)}})),Object.keys(i).length)return void w({loading:!1,error:"",validationErrors:i});w({loading:!0,error:"",validationErrors:{}});const n={key:e.formKey,formData:a};try{const e=await I({formSubmissionInput:n});if(e instanceof Error)throw e;w({loading:!1,error:"",validationErrors:{}}),(null===(r=null==e?void 0:e.submitForm)||void 0===r?void 0:r.success)&&T(!0)}catch(t){w({loading:!1,error:e.networkErrorMessage,validationErrors:{}})}},inputFunction:q,resetForm:function(){var e,t;w({loading:!1,error:"",validationErrors:{}}),null===(t=null===(e=p.current)||void 0===e?void 0:e.getFormControls())||void 0===t||t.forEach((e=>{var t;"checkbox"===(null===(t=e.input)||void 0===t?void 0:t.type)?(e.checked=!1,e.value=!1):e.value=""})),T(!1)}},refs:{formRef:p}}}(this),i={formData:t("slot",{name:"formData"}),emailLabel:this.emailLabel,submitLabel:this.submitLabel,resubmitFormLabel:this.resubmitFormLabel,pageLabel:this.pageLabel,supportLinkText:this.supportLinkText,submitSuccessHeader:this.submitSuccessHeader,submitSuccessDescription:this.submitSuccessDescription,submitErrorHeader:this.submitErrorHeader,submitErrorDescription:this.submitErrorDescription,invalidEmailErrorMessage:this.invalidEmailErrorMessage,requiredFieldErrorMessage:this.requiredFieldErrorMessage,firstNameLabel:this.firstNameLabel,lastNameLabel:this.lastNameLabel};return t(ae,{states:e,callbacks:r,content:i,refs:s})}},Ye=p.gql`
   query (
     $type: String!
     $filter: UserLeaderboardFilterInput

package/dist/types/components/sqm-lead-form/LeadCheckboxField.stories.d.ts

@@ -1,8 +1,5 @@
 declare const _default: {
   title: string;
-  parameters: {
-    scenario: string;
-  };
 };
 export default _default;
 export declare const Default: {
@@ -11,12 +8,6 @@ export declare const Default: {
     hookStory: Function;
   };
 };
-export declare const DefaultChecked: {
-  (): any;
-  parameters: {
-    hookStory: Function;
-  };
-};
 export declare const CustomLabel: {
   (): any;
   parameters: {
@@ -35,21 +26,3 @@ export declare const CustomError: {
     hookStory: Function;
   };
 };
-export declare const TermsAndConditions: {
-  (): any;
-  parameters: {
-    hookStory: Function;
-  };
-};
-export declare const TermsAndConditionsCustomLabel: {
-  (): any;
-  parameters: {
-    hookStory: Function;
-  };
-};
-export declare const TermsAndConditionsLongCustomLabel: {
-  (): any;
-  parameters: {
-    hookStory: Function;
-  };
-};

package/dist/types/components/sqm-lead-form/sqm-lead-checkbox-field-view.d.ts

@@ -2,7 +2,6 @@ import { LeadFormState } from "./useLeadFormState";
 export interface LeadCheckboxFieldViewProps {
   states: {
     leadFormState?: LeadFormState;
-    checked: boolean;
   };
   content: {
     checkboxName: string;
@@ -12,8 +11,5 @@ export interface LeadCheckboxFieldViewProps {
     checkboxOptional?: boolean;
     errorMessage?: string;
   };
-  callbacks: {
-    setChecked: Function;
-  };
 }
 export declare function LeadCheckboxFieldView(props: LeadCheckboxFieldViewProps): any;

package/dist/types/components/sqm-lead-form/useCheckboxField.d.ts

@@ -1,11 +1,6 @@
 import { LeadFormState } from "./useLeadFormState";
-import { LeadCheckboxField } from "./sqm-lead-checkbox-field";
-export declare function useLeadCheckboxField(props: LeadCheckboxField): {
+export declare function useLeadCheckboxField(): {
   states: {
     leadFormState: LeadFormState;
-    checked: boolean;
-  };
-  callbacks: {
-    setChecked: (value: boolean | ((prev: boolean) => boolean)) => void;
   };
 };

package/dist/types/global/android.d.ts

@@ -0,0 +1,7 @@
+interface AndroidInterface {
+  platform: 'android';
+  shareOnFacebook(shareUrl: string, fallbackUrl: string): void;
+  showToast(toast: string): void;
+}
+
+export type PlatformNativeActions = AndroidInterface | undefined;

package/dist/types/global/demo.d.ts

@@ -0,0 +1,2 @@
+export type DemoData<T extends {}> = Partial<Omit<T, "callbacks" | "text">>;
+export type StoryDemoData<T extends {}> = Partial<Omit<T, "text">>;

package/dist/types/stories/features.d.ts

@@ -0,0 +1,4 @@
+declare module "*.feature" {
+  const content: string;
+  export default content;
+}

package/dist/types/stories/templates.d.ts

@@ -0,0 +1,4 @@
+declare module "*.html" {
+  const content: string;
+  export default content;
+}

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@saasquatch/mint-components",
   "title": "Mint Components",
-  "version": "1.14.7-0",
+  "version": "1.14.7-10",
   "description": "A minimal design library with components for referral and loyalty experiences. Built with Shoelace components by Saasquatch.",
   "icon": "https://res.cloudinary.com/saasquatch/image/upload/v1652219900/squatch-assets/For_Mint.svg",
   "raisins": "docs/raisins.json",