@saasquatch/mint-components 1.13.2 → 1.13.3-10

package/dist/mint-components/{p-87d385d8.entry.js → p-f15c1a53.entry.js}

@@ -1,4 +1,4 @@
-import{r as t,h as e,c as r}from"./p-f708da7b.js";import{n as a,f as s,k as n,i,u as o,m 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 g,H as v,$ as f,w as b,B as y,L as x,y as w,j as k,r as C,V as E,u as I,Q as S,k as R}from"./p-94a876b9.js";import{j as T}from"./p-e7e129ac.js";import{c as M}from"./p-c1086930.js";import{g as q,a as _}from"./p-9ec99ced.js";import{c as N}from"./p-cef45012.js";import{C as A}from"./p-7f2d4212.js";import"./p-91521e9d.js";import{a as P}from"./p-4e451f75.js";import{u as L}from"./p-19ccb4ce.js";import"./p-5bedb58c.js";import"./p-c9f1dde7.js";import{p as D}from"./p-8d363802.js";import{R as V,u as F}from"./p-98698131.js";import{P as $}from"./p-dbcb5359.js";import{u as j}from"./p-4e526a94.js";import{A as O}from"./p-121cdc60.js";import{i as B}from"./p-8c23d1b8.js";import{b as U,Q as z,B as H,M as W,G,C as Z,J as Y,D as K,E as Q,H as X,I as J,U as tt,L as et,N as rt,d as at,h as st,P as nt,e as it,R as ot,V as lt,i as ct,a as dt,S as ut,u as ht,c as mt,T as pt}from"./p-d12fc50f.js";import"./p-a9f4ddb1.js";import{u as gt}from"./p-480e08e9.js";const vt=class{constructor(e){t(this,e),this.flexReverse=!1,this.ignored=!0,a(this)}disconnectedCallback(){}render(){var t;const{props:r,label:a}=h()?U(this):z(this),s=!!(null===(t=m().innerHTML)||void 0===t?void 0:t.trim()),n=e("slot",{name:"label"},s?e("slot",null):a);return e(H,Object.assign({},r,{labelSlot:n}))}},ft=class{constructor(e){t(this,e),a(this)}disconnectedCallback(){}render(){var t,a;const n=null!==(t=function(t){if(t)try{return W(t)}catch{}}(this.brandColor))&&void 0!==t?t:"",i=(null!==(a=this.brandFont)&&void 0!==a?a:"Nunito Sans").trim()||void 0;s((()=>{if(!i)return;const t=document.createElement("link");return t.setAttribute("href",function(...t){return`https://fonts.googleapis.com/css2?${t.map((t=>`family=${encodeURIComponent(t)}`)).join("&")}`}(i)),t.setAttribute("rel","stylesheet"),document.head.appendChild(t),()=>document.head.removeChild(t)}),[i]);const o=null!=i?i:"";return e(r,null,e("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            ${n}\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          }`),e("slot",null))}},bt=class{constructor(e){t(this,e),this.ignored=!0,this.width=347,this.gap=24,a(this)}disconnectedCallback(){}render(){return e(G,Object.assign({},q(this)),e("slot",null))}},yt=N({IconStyle:{display:"block",position:"absolute",top:"23px"},DivStyle:{marginLeft:"28px"},Details:{marginLeft:"28px"},Heading:{display:"inline-block"},Children:{display:"none"}}),xt=yt.toString();function wt({missingProps:t,heading:r="There was a problem loading this section",subheading:a="There was a technical problem that prevented this section from loading. Please contact us with the link to this page.",description:s="Error occured while loading <{tagName}>. Values for the following attributes are missing:"},i){if(!t)return!1;const o=m(),[l,c]=n(!1);return e("sl-alert",{type:"danger",open:!0},e("style",{type:"text/css"},xt),e("div",{slot:"icon",class:yt.classes.IconStyle},e("sl-icon",{name:"exclamation-octagon"})),e("div",{class:yt.classes.DivStyle},e("h2",{class:yt.classes.Heading},u.formatMessage({id:"error-heading",defaultMessage:r})),e("p",null,u.formatMessage({id:"error-subheading",defaultMessage:a}))),e("details",{class:yt.classes.Details},e("summary",{onClick:()=>c(!l)},l?"Less":"More"," details"),e("p",null,u.formatMessage({id:"error-description",defaultMessage:s},{tagName:o.tagName.toLowerCase()})),e("ul",null,t.map((t=>e("li",null,e("strong",null,t.attribute)))))),e("div",{class:yt.classes.Children},i))}const kt=class{constructor(e){t(this,e),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,a(this)}disconnectedCallback(){}render(){const t=_([{attribute:"checkbox-name",value:this.checkboxName}]);if(!h()&&t)return e(wt,{missingProps:t,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={...q(this)},{states:a,callbacks:o}=h()?M({states:{registrationFormState:{},checked:!1},callbacks:{setChecked:()=>{}}},this.demoData||{},{arrayMerge:(t,e)=>e}):function(t){var e;const r=i(V),[a,o]=n(!1);return s((()=>{var e,a;(null===(e=null==r?void 0:r.initialData)||void 0===e?void 0:e[t.checkboxName])&&o(!!(null===(a=null==r?void 0:r.initialData)||void 0===a?void 0:a[t.checkboxName]))}),[null===(e=null==r?void 0:r.initialData)||void 0===e?void 0:e[t.checkboxName]]),{states:{registrationFormState:r,checked:a},callbacks:{setChecked:o}}}(this);return e(Z,{states:a,content:r,callbacks:o})}},Ct=p.gql`
+import{r as t,h as e,c as r}from"./p-f708da7b.js";import{n as a,f as s,k as n,i,u as o,m 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 g,H as v,$ as f,w as b,B as y,L as x,y as w,j as k,r as C,V as E,u as I,Q as S,k as R}from"./p-94a876b9.js";import{j as T}from"./p-e7e129ac.js";import{c as M}from"./p-c1086930.js";import{g as q,a as _}from"./p-9ec99ced.js";import{c as N}from"./p-cef45012.js";import"./p-3f7b81b8.js";import"./p-91521e9d.js";import{C as A}from"./p-31015791.js";import{a as P}from"./p-4e451f75.js";import{u as L}from"./p-19ccb4ce.js";import"./p-5bedb58c.js";import"./p-c9f1dde7.js";import{p as D}from"./p-8d363802.js";import{R as V,u as F}from"./p-98698131.js";import{P as $}from"./p-dbcb5359.js";import{u as j}from"./p-4e526a94.js";import{A as O}from"./p-121cdc60.js";import{i as B}from"./p-8c23d1b8.js";import{b as U,Q as z,B as H,M as W,G,C as Z,J as Y,D as K,E as Q,H as X,I as J,U as tt,L as et,N as rt,d as at,h as st,P as nt,e as it,R as ot,V as lt,i as ct,a as dt,S as ut,u as ht,c as mt,T as pt}from"./p-e2d5cd22.js";import"./p-a9f4ddb1.js";import{u as gt}from"./p-480e08e9.js";const vt=class{constructor(e){t(this,e),this.flexReverse=!1,this.ignored=!0,a(this)}disconnectedCallback(){}render(){var t;const{props:r,label:a}=h()?U(this):z(this),s=!!(null===(t=m().innerHTML)||void 0===t?void 0:t.trim()),n=e("slot",{name:"label"},s?e("slot",null):a);return e(H,Object.assign({},r,{labelSlot:n}))}},ft=class{constructor(e){t(this,e),a(this)}disconnectedCallback(){}render(){var t,a;const n=null!==(t=function(t){if(t)try{return W(t)}catch{}}(this.brandColor))&&void 0!==t?t:"",i=(null!==(a=this.brandFont)&&void 0!==a?a:"Nunito Sans").trim()||void 0;s((()=>{if(!i)return;const t=document.createElement("link");return t.setAttribute("href",function(...t){return`https://fonts.googleapis.com/css2?${t.map((t=>`family=${encodeURIComponent(t)}`)).join("&")}`}(i)),t.setAttribute("rel","stylesheet"),document.head.appendChild(t),()=>document.head.removeChild(t)}),[i]);const o=null!=i?i:"";return e(r,null,e("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            ${n}\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          }`),e("slot",null))}},bt=class{constructor(e){t(this,e),this.ignored=!0,this.width=347,this.gap=24,a(this)}disconnectedCallback(){}render(){return e(G,Object.assign({},q(this)),e("slot",null))}},yt=N({IconStyle:{display:"block",position:"absolute",top:"23px"},DivStyle:{marginLeft:"28px"},Details:{marginLeft:"28px"},Heading:{display:"inline-block"},Children:{display:"none"}}),xt=yt.toString();function wt({missingProps:t,heading:r="There was a problem loading this section",subheading:a="There was a technical problem that prevented this section from loading. Please contact us with the link to this page.",description:s="Error occured while loading <{tagName}>. Values for the following attributes are missing:"},i){if(!t)return!1;const o=m(),[l,c]=n(!1);return e("sl-alert",{type:"danger",open:!0},e("style",{type:"text/css"},xt),e("div",{slot:"icon",class:yt.classes.IconStyle},e("sl-icon",{name:"exclamation-octagon"})),e("div",{class:yt.classes.DivStyle},e("h2",{class:yt.classes.Heading},u.formatMessage({id:"error-heading",defaultMessage:r})),e("p",null,u.formatMessage({id:"error-subheading",defaultMessage:a}))),e("details",{class:yt.classes.Details},e("summary",{onClick:()=>c(!l)},l?"Less":"More"," details"),e("p",null,u.formatMessage({id:"error-description",defaultMessage:s},{tagName:o.tagName.toLowerCase()})),e("ul",null,t.map((t=>e("li",null,e("strong",null,t.attribute)))))),e("div",{class:yt.classes.Children},i))}const kt=class{constructor(e){t(this,e),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,a(this)}disconnectedCallback(){}render(){const t=_([{attribute:"checkbox-name",value:this.checkboxName}]);if(!h()&&t)return e(wt,{missingProps:t,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={...q(this)},{states:a,callbacks:o}=h()?M({states:{registrationFormState:{},checked:!1},callbacks:{setChecked:()=>{}}},this.demoData||{},{arrayMerge:(t,e)=>e}):function(t){var e;const r=i(V),[a,o]=n(!1);return s((()=>{var e,a;(null===(e=null==r?void 0:r.initialData)||void 0===e?void 0:e[t.checkboxName])&&o(!!(null===(a=null==r?void 0:r.initialData)||void 0===a?void 0:a[t.checkboxName]))}),[null===(e=null==r?void 0:r.initialData)||void 0===e?void 0:e[t.checkboxName]]),{states:{registrationFormState:r,checked:a},callbacks:{setChecked:o}}}(this);return e(Z,{states:a,content:r,callbacks:o})}},Ct=p.gql`
   query fuelTankRewardsQuery($programId: ID!) {
     user: viewer {
       ... on User {

package/dist/types/components/sqm-qr-code/QRCode.stories.d.ts

@@ -0,0 +1,8 @@
+declare const _default: {
+  title: string;
+};
+export default _default;
+export declare const Default: () => any;
+export declare const Expanded: () => any;
+export declare const Error: () => any;
+export declare const DownloadError: () => any;

package/dist/types/components/sqm-qr-code/sqm-qr-code-view.d.ts

@@ -0,0 +1,17 @@
+export interface QRCodeViewProps {
+  dialogIsOpen: boolean;
+  error: boolean;
+  viewError: boolean;
+  showDialog: () => void;
+  hideDialog: () => void;
+  qrLink: string;
+  createDownloadable: () => void;
+  titleText?: string;
+  viewCodeText?: string;
+  downloadCodeText?: string;
+  printCodeText?: string;
+  errorHeaderText?: string;
+  errorDescriptionText?: string;
+  createPrintable: () => void;
+}
+export declare function QrCodeView({ dialogIsOpen, error, viewError, showDialog, hideDialog, qrLink, titleText, viewCodeText, downloadCodeText, printCodeText, errorHeaderText, errorDescriptionText, createDownloadable, createPrintable, }: QRCodeViewProps): any;

package/dist/types/components/sqm-qr-code/sqm-qr-code.d.ts

@@ -0,0 +1,41 @@
+import { DemoData } from "../../global/demo";
+import { QRCodeViewProps } from "./sqm-qr-code-view";
+/**
+ * @uiName QR Code
+ * @exampleGroup Sharing
+ * @example QR Code - <sqm-qr-code></sqm-qr-code>
+ */
+export declare class QrCode {
+  /**
+   * @uiName Title
+   */
+  titleText?: string;
+  /**
+   * @uiName View QR code text
+   */
+  viewCodeText?: string;
+  /**
+   * @uiName Download QR code text
+   */
+  downloadCodeText?: string;
+  /**
+   * @uiName Print QR code text
+   */
+  printCodeText?: string;
+  /**
+   * @uiName Header for error banner
+   */
+  errorHeaderText?: string;
+  /**
+   * @uiName Description for error banner
+   */
+  errorDescriptionText?: string;
+  /**
+   * @undocumented
+   * @uiType object
+   */
+  demoData?: DemoData<QRCodeViewProps>;
+  constructor();
+  disconnectedCallback(): void;
+  render(): any;
+}

package/dist/types/components/sqm-qr-code/useQRCode.d.ts

@@ -0,0 +1,3 @@
+import { QrCode } from "./sqm-qr-code";
+import { QRCodeViewProps } from "./sqm-qr-code-view";
+export declare function useQRCode(props: QrCode): QRCodeViewProps;

package/dist/types/components.d.ts

@@ -42,6 +42,7 @@ import { PortalProfileViewProps } from "./components/sqm-portal-profile/sqm-port
 import { PortalRegisterViewProps } from "./components/sqm-portal-register/sqm-portal-register-view";
 import { PortalResetPasswordViewProps } from "./components/sqm-portal-reset-password/sqm-portal-reset-password-view";
 import { PortalVerifyEmailViewProps } from "./components/sqm-portal-verify-email/sqm-portal-verify-email-view";
+import { QRCodeViewProps } from "./components/sqm-qr-code/sqm-qr-code-view";
 import { ReferralCodesViewProps } from "./components/sqm-referral-codes/sqm-referral-codes-view";
 import { ReferralIframeViewProps } from "./components/sqm-referral-iframe/sqm-referral-iframe-view";
 import { ReferralDates } from "./components/sqm-referral-table/useReferralTable";
@@ -2941,6 +2942,37 @@ export namespace Components {
     }
     interface SqmProgramMenu {
     }
+    interface SqmQrCode {
+        /**
+          * @undocumented 
+          * @uiType object
+         */
+        "demoData"?: DemoData<QRCodeViewProps>;
+        /**
+          * @uiName Download QR code text
+         */
+        "downloadCodeText"?: string;
+        /**
+          * @uiName Description for error banner
+         */
+        "errorDescriptionText"?: string;
+        /**
+          * @uiName Header for error banner
+         */
+        "errorHeaderText"?: string;
+        /**
+          * @uiName Print QR code text
+         */
+        "printCodeText"?: string;
+        /**
+          * @uiName Title
+         */
+        "titleText"?: string;
+        /**
+          * @uiName View QR code text
+         */
+        "viewCodeText"?: string;
+    }
     interface SqmReferralCard {
         /**
           * @uiName Background color
@@ -6250,6 +6282,12 @@ declare global {
         prototype: HTMLSqmProgramMenuElement;
         new (): HTMLSqmProgramMenuElement;
     };
+    interface HTMLSqmQrCodeElement extends Components.SqmQrCode, HTMLStencilElement {
+    }
+    var HTMLSqmQrCodeElement: {
+        prototype: HTMLSqmQrCodeElement;
+        new (): HTMLSqmQrCodeElement;
+    };
     interface HTMLSqmReferralCardElement extends Components.SqmReferralCard, HTMLStencilElement {
     }
     var HTMLSqmReferralCardElement: {
@@ -6631,6 +6669,7 @@ declare global {
         "sqm-program-explainer": HTMLSqmProgramExplainerElement;
         "sqm-program-explainer-step": HTMLSqmProgramExplainerStepElement;
         "sqm-program-menu": HTMLSqmProgramMenuElement;
+        "sqm-qr-code": HTMLSqmQrCodeElement;
         "sqm-referral-card": HTMLSqmReferralCardElement;
         "sqm-referral-code": HTMLSqmReferralCodeElement;
         "sqm-referral-codes": HTMLSqmReferralCodesElement;
@@ -9567,6 +9606,37 @@ declare namespace LocalJSX {
     }
     interface SqmProgramMenu {
     }
+    interface SqmQrCode {
+        /**
+          * @undocumented 
+          * @uiType object
+         */
+        "demoData"?: DemoData<QRCodeViewProps>;
+        /**
+          * @uiName Download QR code text
+         */
+        "downloadCodeText"?: string;
+        /**
+          * @uiName Description for error banner
+         */
+        "errorDescriptionText"?: string;
+        /**
+          * @uiName Header for error banner
+         */
+        "errorHeaderText"?: string;
+        /**
+          * @uiName Print QR code text
+         */
+        "printCodeText"?: string;
+        /**
+          * @uiName Title
+         */
+        "titleText"?: string;
+        /**
+          * @uiName View QR code text
+         */
+        "viewCodeText"?: string;
+    }
     interface SqmReferralCard {
         /**
           * @uiName Background color
@@ -12510,6 +12580,7 @@ declare namespace LocalJSX {
         "sqm-program-explainer": SqmProgramExplainer;
         "sqm-program-explainer-step": SqmProgramExplainerStep;
         "sqm-program-menu": SqmProgramMenu;
+        "sqm-qr-code": SqmQrCode;
         "sqm-referral-card": SqmReferralCard;
         "sqm-referral-code": SqmReferralCode;
         "sqm-referral-codes": SqmReferralCodes;
@@ -12636,6 +12707,7 @@ declare module "@stencil/core" {
             "sqm-program-explainer": LocalJSX.SqmProgramExplainer & JSXBase.HTMLAttributes<HTMLSqmProgramExplainerElement>;
             "sqm-program-explainer-step": LocalJSX.SqmProgramExplainerStep & JSXBase.HTMLAttributes<HTMLSqmProgramExplainerStepElement>;
             "sqm-program-menu": LocalJSX.SqmProgramMenu & JSXBase.HTMLAttributes<HTMLSqmProgramMenuElement>;
+            "sqm-qr-code": LocalJSX.SqmQrCode & JSXBase.HTMLAttributes<HTMLSqmQrCodeElement>;
             "sqm-referral-card": LocalJSX.SqmReferralCard & JSXBase.HTMLAttributes<HTMLSqmReferralCardElement>;
             "sqm-referral-code": LocalJSX.SqmReferralCode & JSXBase.HTMLAttributes<HTMLSqmReferralCodeElement>;
             "sqm-referral-codes": LocalJSX.SqmReferralCodes & JSXBase.HTMLAttributes<HTMLSqmReferralCodesElement>;