@saasquatch/mint-components 1.11.1-12 → 1.11.1-14

package/dist/mint-components/p-d52a3fe1.system.js

@@ -0,0 +1 @@
+var __makeTemplateObject=this&&this.__makeTemplateObject||function(e,n){if(Object.defineProperty){Object.defineProperty(e,"raw",{value:n})}else{e.raw=n}return e};var __assign=this&&this.__assign||function(){__assign=Object.assign||function(e){for(var n,t=1,i=arguments.length;t<i;t++){n=arguments[t];for(var a in n)if(Object.prototype.hasOwnProperty.call(n,a))e[a]=n[a]}return e};return __assign.apply(this,arguments)};System.register(["./p-ff17b3a4.system.js","./p-2a414b2e.system.js","./p-1099290c.system.js","./p-1a673057.system.js","./p-f6934a55.system.js"],(function(e){"use strict";var n,t,i,a,o,r,s,l,d;return{setters:[function(e){n=e.h},function(e){t=e.f},function(e){i=e.d;a=e.Q;o=e.k;r=e.C;s=e.B},function(e){l=e.c},function(e){d=e.H}],execute:function(){e({C:y,u:p});var u=i.gql(__makeTemplateObject(["\n  query getCodes(\n    $limit: Int!\n    $offset: Int!\n    $engagementMedium: UserEngagementMedium!\n  ) {\n    viewer {\n      ... on User {\n        referralCodeList(\n          limit: $limit\n          offset: $offset\n          filter: { fuelTank_eq: true }\n        ) {\n          data {\n            code\n            dateUsed\n            dateCopied\n            shareLinkCodes(limit: $limit, offset: $offset) {\n              data {\n                linkCode\n                shareLink: shortUrl(\n                  shareMedium: DIRECT\n                  engagementMedium: EMBED\n                )\n                email: shortUrl(\n                  shareMedium: EMAIL\n                  engagementMedium: $engagementMedium\n                )\n                whatsApp: shortUrl(\n                  shareMedium: WHATSAPP\n                  engagementMedium: $engagementMedium\n                )\n                fbMessenger: shortUrl(\n                  shareMedium: FBMESSENGER\n                  engagementMedium: $engagementMedium\n                )\n              }\n            }\n          }\n          count\n          totalCount\n        }\n      }\n    }\n  }\n"],["\n  query getCodes(\n    $limit: Int!\n    $offset: Int!\n    $engagementMedium: UserEngagementMedium!\n  ) {\n    viewer {\n      ... on User {\n        referralCodeList(\n          limit: $limit\n          offset: $offset\n          filter: { fuelTank_eq: true }\n        ) {\n          data {\n            code\n            dateUsed\n            dateCopied\n            shareLinkCodes(limit: $limit, offset: $offset) {\n              data {\n                linkCode\n                shareLink: shortUrl(\n                  shareMedium: DIRECT\n                  engagementMedium: EMBED\n                )\n                email: shortUrl(\n                  shareMedium: EMAIL\n                  engagementMedium: $engagementMedium\n                )\n                whatsApp: shortUrl(\n                  shareMedium: WHATSAPP\n                  engagementMedium: $engagementMedium\n                )\n                fbMessenger: shortUrl(\n                  shareMedium: FBMESSENGER\n                  engagementMedium: $engagementMedium\n                )\n              }\n            }\n          }\n          count\n          totalCount\n        }\n      }\n    }\n  }\n"]));var c=e("a","sq:referral-codes");var m=e("R","sq:referral-codes-pagination");var f=e("S",i.gql(__makeTemplateObject(["\n  mutation markReferralCodeCopied($referralCode: String!) {\n    markReferralCodeCopied(referralCode: $referralCode) {\n      referralCode\n    }\n  }\n"],["\n  mutation markReferralCodeCopied($referralCode: String!) {\n    markReferralCodeCopied(referralCode: $referralCode) {\n      referralCode\n    }\n  }\n"])));function p(e){var n=a();var i=s();console.log({props:e});var l=o(u,(function(e){var n;console.log({queryData:e});return(n=e===null||e===void 0?void 0:e.viewer)===null||n===void 0?void 0:n.referralCodeList}),{limit:1,offset:0},{engagementMedium:i},!(n===null||n===void 0?void 0:n.jwt)),d=l.envelope,f=l.states,p=l.callbacks;var g=r({namespace:m,initialValue:{states:f,callbacks:p}}),v=g[0],b=g[1];var h=r({namespace:c,initialValue:{loading:true,referralCode:"",shareLink:"",isCopied:false,isUsed:false,email:{messageLink:""},fbMessenger:{messageLink:"",shareLink:""},whatsApp:{messageLink:""}}}),C=h[0],k=h[1];t((function(){var e,n,t,i,a,o,r,s,l,u,c,m,f,p,g,v;if((e=d===null||d===void 0?void 0:d.data)===null||e===void 0?void 0:e.length){var b=d.data[0];k({referralCode:b.code,isCopied:!!b.dateCopied,isUsed:!!b.dateUsed,shareLink:(i=(t=(n=b.shareLinkCodes)===null||n===void 0?void 0:n.data)===null||t===void 0?void 0:t[0])===null||i===void 0?void 0:i.direct,email:{messageLink:(r=(o=(a=b.shareLinkCodes)===null||a===void 0?void 0:a.data)===null||o===void 0?void 0:o[0])===null||r===void 0?void 0:r.email},fbMessenger:{messageLink:(u=(l=(s=b.shareLinkCodes)===null||s===void 0?void 0:s.data)===null||l===void 0?void 0:l[0])===null||u===void 0?void 0:u.fbMessenger,shareLink:(f=(m=(c=b.shareLinkCodes)===null||c===void 0?void 0:c.data)===null||m===void 0?void 0:m[0])===null||f===void 0?void 0:f.fbMessenger},whatsApp:{messageLink:(v=(g=(p=b.shareLinkCodes)===null||p===void 0?void 0:p.data)===null||g===void 0?void 0:g[0])===null||v===void 0?void 0:v.whatsApp}})}}),[d]);t((function(){b({states:f,callbacks:p})}),[f.loading]);console.log({referralData:d,states:f});return{states:__assign(__assign({},f),{noCodes:(d===null||d===void 0?void 0:d.totalCount)===0}),data:C,callbacks:{}}}var g={HostBlock:d,inputStyle:{"&::part(input)":{textOverflow:"ellipsis",width:"100%"},"&::part(base)":{cursor:"pointer",overflow:"visible"},width:"100%"},inputErrorStyle:{"&::part(base)":{border:"2px solid red"}},ContainerDiv:{display:"flex",alignItems:"flex-start",flexDirection:"column",justifyContent:"center",gap:"var(--sl-spacing-x-small)",width:"100%"},containerStyle:{display:"flex",alignItems:"center",gap:"var(--sl-spacing-x-small)",width:"100%"},errorTextStyle:{margin:"0",color:"var(--sl-color-danger-500)"},notificationTextStyle:{margin:"0",color:"var(--sl-color-neutral-500)"}};var v="\n  :host{\n    display: block;   \n    width: 100%;\n  }\n";var b={right:"\nsl-input::part(input){\n  text-align: right;\n}",center:"  \nsl-input::part(input){\n  text-align: center;\n}",left:""};var h="\n  sl-input::part(input){\n    cursor: default;\n  }\n";var C=l(g);var k=C.toString();function y(e){var t=e.buttonStyle,i=t===void 0?"icon":t;console.log("notification text is",e.notificationText);var a=!e.loading&&e.error;var o=a?e.inputPlaceholderText:e.copyString;var r=a||e.loading||e.disabled;var s=e.buttonStyle==="button-below"?"bottom":e.buttonStyle==="button-outside"?"top":"top-end";var l=n("sl-tooltip",{trigger:"manual",content:e.tooltiptext,placement:s,disabled:e.disabled,open:e.open,skidding:e.buttonStyle==="icon"?-5:0,slot:"suffix"},i==="icon"?n("sl-icon-button",{exportparts:"base: icon-button-base",onClick:function(){var n;return(n=e.onClick)===null||n===void 0?void 0:n.call(e)},name:"files",disabled:r}):n("sl-button",{exportparts:"base: copy-button-base",onClick:function(){var n;return(n=e.onClick)===null||n===void 0?void 0:n.call(e)},size:"medium",style:{width:""+(i==="button-below"&&"100%")},disabled:r,type:"primary"},e.copyButtonLabel||"Copy"));return n("div",{class:C.classes.ContainerDiv},n("style",{type:"text/css"},k,v,b[e.textAlign],r&&h),n("div",{class:C.classes.containerStyle,style:{flexDirection:""+(i==="button-below"?"column":"row")}},n("sl-input",{class:C.classes.inputStyle+" "+(a?C.classes.inputErrorStyle:""),exportparts:"base: input-base, input: input-label",value:e.loading?"Loading...":o,readonly:true,disabled:r},i==="icon"&&l,a&&n("p",{slot:"help-text",class:C.classes.errorTextStyle},e.errorText)),(i==="button-outside"||i==="button-below")&&l),e.isCopied&&e.showNotificationText&&e.notificationText&&n("p",{part:"sqm-notification-text",class:C.classes.notificationTextStyle},e.notificationText))}}}}));

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

@@ -0,0 +1 @@
+import{h as t,r as e,c as s}from"./p-64c3217a.js";import{n}from"./p-fd2c5407.js";import{i as a}from"./p-9c3d78e9.js";import"./p-00be5090.js";import{g as r}from"./p-9ec99ced.js";import"./p-cef45012.js";import{P as o,a as l}from"./p-c7fd9e16.js";function i(e){const{emptyStateHeader:s,emptyStateImage:n,emptyStateText:r,supportText:o,missingFeature:l=""}=e;return t("sqm-portal-container",{padding:"large",gap:"medium",part:"sqm-base"},t("img",{style:{height:"100px",margin:"auto"},src:n}),t("sqm-titled-section",{style:{maxHeight:"400px"},"label-margin":"xxx-small","text-align":"center"},t("sqm-text",{slot:"label"},t("p",{part:"header-text"},s)),t("sqm-text",{slot:"content"},t("p",{part:"description-text",innerHTML:"",style:{color:"var(--sl-color-gray-500)"}},a.formatMessage({id:"emptyStateText",defaultMessage:r},{supportText:t("a",{target:"_blank",href:`mailto:saasquatch-support@impact.com?subject=Next steps for ${l} feature&body=Hi Support Team, %0D%0A\n                  %0D%0A  \n                  I am interested to learn more about the ${l} feature. Please let me know the next steps to access this feature, including any necessary plan upgrades.%0D%0A\n                  %0D%0A \n                  - Feature Interested In: ${l}%0D%0A\n                  - Company Name: [Please fill out your company name here]%0D%0A\n                  %0D%0A\n                  Thank you`},o)})))))}const m=class{constructor(t){e(this,t),this.emptyStateImage="https://res.cloudinary.com/saasquatch/image/upload/v1644360953/squatch-assets/empty_leaderboard2.png"}render(){return t(s,{slot:"empty"},t(i,{emptyStateImage:this.emptyStateImage,emptyStateHeader:this.emptyStateHeader,emptyStateText:this.emptyStateText,supportText:this.supportText}))}},c=class{constructor(t){e(this,t),this.ignored=!0,this.direction="column",this.gap="xxx-large",this.display="grid",this.maxWidth="100%",this.flexWrap="wrap",this.backgroundColor="#ffffff00",n(this)}disconnectedCallback(){}render(){return t(o,Object.assign({},r(this)),t("slot",null))}},p=class{constructor(t){e(this,t),this.ignored=!0,n(this)}disconnectedCallback(){}componentWillLoad(){}render(){return t("div",null,t("style",null,"\n  sqm-text {\n    display: block;\n  }\n\n  sqm-text h1 {\n    font-size: var(--sl-font-size-xxx-large);\n    font-weight: var(--sl-font-weight-semibold);\n    color: var(--sl-color-neutral-800);\n    margin: 0;\n  }\n\n  sqm-text h2 {\n    font-size: var(--sl-font-size-xx-large);\n    font-weight: var(--sl-font-weight-semibold);\n    color: var(--sl-color-neutral-800);\n    margin: 0;\n  }\n\n  sqm-text h3 {\n    font-size: var(--sl-font-size-x-large);\n    font-weight: var(--sl-font-weight-semibold);\n    color: var(--sl-color-neutral-800);\n    margin: 0;\n  }\n\n  sqm-text h4 {\n    font-size: var(--sl-font-size-large);\n    font-weight: var(--sl-font-weight-semibold);\n    color: var(--sl-color-neutral-800);\n    margin: 0;\n  }\n\n  sqm-text p {\n    font-size: var(--sl-font-size-medium);\n    font-weight: var(--sl-font-weight-normal);\n    color: var(--sl-color-neutral-800);\n    margin: 0;\n  }\n\n  sqm-text sub {\n    font-size: var(--sl-font-size-small);\n    font-weight: var(--sl-font-weight-normal);\n    color: var(--sl-color-neutral-400);\n    margin: 0;\n  }\n"),t("slot",null))}},h=class{constructor(t){e(this,t),this.textAlign="left",this.labelMargin="small",this.padding="none",n(this)}disconnectedCallback(){}render(){const e=t("slot",{name:"label"},this.label),s=t("slot",{name:"content"});return t(l,Object.assign({},{...r(this),label:e,content:s}))}};export{m as sqm_empty,c as sqm_portal_container,p as sqm_text,h as sqm_titled_section}

package/dist/mint-components/{p-aa4697c9.entry.js → p-f1497827.entry.js}

@@ -1,4 +1,4 @@
-import{r as e,h as t,c as s}from"./p-64c3217a.js";import{n as r,f as a,k as n,i,u as o,m as l,b as d,j as c}from"./p-fd2c5407.js";import{i as u}from"./p-9c3d78e9.js";import{i as h,_ as m,d as p,Q as v,H as g,$ as f,y as b,B as y,L as x,g as w,e as k,p as C,q as E,x as S,u as I,r as R,S as M}from"./p-00be5090.js";import{j as q}from"./p-e7e129ac.js";import{g as _,a as T,s as N}from"./p-9ec99ced.js";import{c as A}from"./p-cef45012.js";import{C as P}from"./p-5e9c6394.js";import{c as L}from"./p-c1086930.js";import"./p-02be1a88.js";import{a as $}from"./p-8077e9c6.js";import{u as D}from"./p-6b0e6a6c.js";import"./p-251e7567.js";import"./p-5d0c9424.js";import{p as V}from"./p-8d363802.js";import{R as F,u as j}from"./p-d666b326.js";import{i as B}from"./p-bd4e9c2b.js";import{A as z}from"./p-121cdc60.js";import{b as U,U as O,B as H,O as W,J as G,C as Z,K,D as Y,E as X,H as J,I as Q,V as ee,L as te,N as se,d as re,i as ae,P as ne,e as ie,f as oe,R as le,W as de,j as ce,a as ue,S as he,u as me,c as pe,T as ve}from"./p-9ef1c919.js";import"./p-c7fd9e16.js";const ge=class{constructor(t){e(this,t),this.flexReverse=!1,this.ignored=!0,r(this)}disconnectedCallback(){}render(){var e;const{props:s,label:r}=h()?U(this):O(this),a=!!(null===(e=m().innerHTML)||void 0===e?void 0:e.trim()),n=t("slot",{name:"label"},a?t("slot",null):r);return t(H,Object.assign({},s,{labelSlot:n}))}},fe=class{constructor(t){e(this,t),r(this)}disconnectedCallback(){}render(){var e,r;const n=null!==(e=function(e){if(e)try{return W(e)}catch{}}(this.brandColor))&&void 0!==e?e:"",i=(null!==(r=this.brandFont)&&void 0!==r?r:"Nunito Sans").trim()||void 0;a((()=>{if(!i)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("&")}`}(i)),e.setAttribute("rel","stylesheet"),document.head.appendChild(e),()=>document.head.removeChild(e)}),[i]);const o=null!=i?i:"";return t(s,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            ${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          }`),t("slot",null))}},be=class{constructor(t){e(this,t),this.ignored=!0,this.width=347,this.gap=24,r(this)}disconnectedCallback(){}render(){return t(G,Object.assign({},_(this)),t("slot",null))}},ye=A({IconStyle:{display:"block",position:"absolute",top:"23px"},DivStyle:{marginLeft:"28px"},Details:{marginLeft:"28px"},Heading:{display:"inline-block"},Children:{display:"none"}}),xe=ye.toString();function we({missingProps:e,heading:s="There was a problem loading this section",subheading:r="There was a technical problem that prevented this section from loading. Please contact us with the link to this page.",description:a="Error occured while loading <{tagName}>. Values for the following attributes are missing:"},i){if(!e)return!1;const o=m(),[l,d]=n(!1);return t("sl-alert",{type:"danger",open:!0},t("style",{type:"text/css"},xe),t("div",{slot:"icon",class:ye.classes.IconStyle},t("sl-icon",{name:"exclamation-octagon"})),t("div",{class:ye.classes.DivStyle},t("h2",{class:ye.classes.Heading},u.formatMessage({id:"error-heading",defaultMessage:s})),t("p",null,u.formatMessage({id:"error-subheading",defaultMessage:r}))),t("details",{class:ye.classes.Details},t("summary",{onClick:()=>d(!l)},l?"Less":"More"," details"),t("p",null,u.formatMessage({id:"error-description",defaultMessage:a},{tagName:o.tagName.toLowerCase()})),t("ul",null,e.map((e=>t("li",null,t("strong",null,e.attribute)))))),t("div",{class:ye.classes.Children},i))}const ke=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,r(this)}disconnectedCallback(){}render(){const e=T([{attribute:"checkbox-name",value:this.checkboxName}]);if(!h()&&e)return t(we,{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 s={..._(this)},{states:r,callbacks:o}=h()?L({states:{registrationFormState:{},checked:!1},callbacks:{setChecked:()=>{}}},this.demoData||{},{arrayMerge:(e,t)=>t}):function(e){var t;const s=i(F),[r,o]=n(!1);return a((()=>{var t,r;(null===(t=null==s?void 0:s.initialData)||void 0===t?void 0:t[e.checkboxName])&&o(!!(null===(r=null==s?void 0:s.initialData)||void 0===r?void 0:r[e.checkboxName]))}),[null===(t=null==s?void 0:s.initialData)||void 0===t?void 0:t[e.checkboxName]]),{states:{registrationFormState:s,checked:r},callbacks:{setChecked:o}}}(this);return t(Z,{states:r,content:s,callbacks:o})}},Ce=p.gql`
+import{r as e,h as t,c as s}from"./p-64c3217a.js";import{n as r,f as a,k as n,i,u as o,m as l,b as d,j as c}from"./p-fd2c5407.js";import{i as u}from"./p-9c3d78e9.js";import{i as h,_ as m,d as p,Q as v,H as g,$ as f,y as b,B as y,L as x,g as w,e as k,p as C,q as E,x as S,u as I,r as R,S as M}from"./p-00be5090.js";import{j as q}from"./p-e7e129ac.js";import{g as _,a as T,s as N}from"./p-9ec99ced.js";import{c as A}from"./p-cef45012.js";import{C as P}from"./p-19192ff3.js";import{c as L}from"./p-c1086930.js";import"./p-02be1a88.js";import{a as $}from"./p-8077e9c6.js";import{u as D}from"./p-6b0e6a6c.js";import"./p-251e7567.js";import"./p-5d0c9424.js";import{p as V}from"./p-8d363802.js";import{R as F,u as j}from"./p-d666b326.js";import{i as B}from"./p-bd4e9c2b.js";import{A as z}from"./p-121cdc60.js";import{b as U,U as O,B as H,O as W,J as G,C as Z,K,D as Y,E as X,H as J,I as Q,V as ee,L as te,N as se,d as re,i as ae,P as ne,e as ie,f as oe,R as le,W as de,j as ce,a as ue,S as he,u as me,c as pe,T as ve}from"./p-99e0b3ad.js";import"./p-c7fd9e16.js";const ge=class{constructor(t){e(this,t),this.flexReverse=!1,this.ignored=!0,r(this)}disconnectedCallback(){}render(){var e;const{props:s,label:r}=h()?U(this):O(this),a=!!(null===(e=m().innerHTML)||void 0===e?void 0:e.trim()),n=t("slot",{name:"label"},a?t("slot",null):r);return t(H,Object.assign({},s,{labelSlot:n}))}},fe=class{constructor(t){e(this,t),r(this)}disconnectedCallback(){}render(){var e,r;const n=null!==(e=function(e){if(e)try{return W(e)}catch{}}(this.brandColor))&&void 0!==e?e:"",i=(null!==(r=this.brandFont)&&void 0!==r?r:"Nunito Sans").trim()||void 0;a((()=>{if(!i)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("&")}`}(i)),e.setAttribute("rel","stylesheet"),document.head.appendChild(e),()=>document.head.removeChild(e)}),[i]);const o=null!=i?i:"";return t(s,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            ${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          }`),t("slot",null))}},be=class{constructor(t){e(this,t),this.ignored=!0,this.width=347,this.gap=24,r(this)}disconnectedCallback(){}render(){return t(G,Object.assign({},_(this)),t("slot",null))}},ye=A({IconStyle:{display:"block",position:"absolute",top:"23px"},DivStyle:{marginLeft:"28px"},Details:{marginLeft:"28px"},Heading:{display:"inline-block"},Children:{display:"none"}}),xe=ye.toString();function we({missingProps:e,heading:s="There was a problem loading this section",subheading:r="There was a technical problem that prevented this section from loading. Please contact us with the link to this page.",description:a="Error occured while loading <{tagName}>. Values for the following attributes are missing:"},i){if(!e)return!1;const o=m(),[l,d]=n(!1);return t("sl-alert",{type:"danger",open:!0},t("style",{type:"text/css"},xe),t("div",{slot:"icon",class:ye.classes.IconStyle},t("sl-icon",{name:"exclamation-octagon"})),t("div",{class:ye.classes.DivStyle},t("h2",{class:ye.classes.Heading},u.formatMessage({id:"error-heading",defaultMessage:s})),t("p",null,u.formatMessage({id:"error-subheading",defaultMessage:r}))),t("details",{class:ye.classes.Details},t("summary",{onClick:()=>d(!l)},l?"Less":"More"," details"),t("p",null,u.formatMessage({id:"error-description",defaultMessage:a},{tagName:o.tagName.toLowerCase()})),t("ul",null,e.map((e=>t("li",null,t("strong",null,e.attribute)))))),t("div",{class:ye.classes.Children},i))}const ke=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,r(this)}disconnectedCallback(){}render(){const e=T([{attribute:"checkbox-name",value:this.checkboxName}]);if(!h()&&e)return t(we,{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 s={..._(this)},{states:r,callbacks:o}=h()?L({states:{registrationFormState:{},checked:!1},callbacks:{setChecked:()=>{}}},this.demoData||{},{arrayMerge:(e,t)=>t}):function(e){var t;const s=i(F),[r,o]=n(!1);return a((()=>{var t,r;(null===(t=null==s?void 0:s.initialData)||void 0===t?void 0:t[e.checkboxName])&&o(!!(null===(r=null==s?void 0:s.initialData)||void 0===r?void 0:r[e.checkboxName]))}),[null===(t=null==s?void 0:s.initialData)||void 0===t?void 0:t[e.checkboxName]]),{states:{registrationFormState:s,checked:r},callbacks:{setChecked:o}}}(this);return t(Z,{states:r,content:s,callbacks:o})}},Ce=p.gql`
   query fuelTankRewardsQuery($programId: ID!) {
     user: viewer {
       ... on User {

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

@@ -7,7 +7,7 @@ export declare class Empty {
    * @uiWidget ImageUpload
    * @format url
    * @uiName Image */
-  emptyStateImage: string;
+  emptyStateImage?: string;
   /** @uiName Title  */
   emptyStateHeader: string;
   /**

package/dist/types/components/sqm-referral-codes/ReferralCodes.stories.d.ts

@@ -7,3 +7,5 @@ declare const _default: {
 export default _default;
 export declare const ReferralCodes: () => any;
 export declare const WithPreviouslyCopiedCode: () => any;
+export declare const Empty: () => any;
+export declare const Loading: () => any;

package/dist/types/components/sqm-referral-codes/sqm-referral-codes-view.d.ts

@@ -4,9 +4,13 @@ export interface ReferralCodesViewProps {
     shareButtons: VNode;
     shareCodes: VNode;
     pagination: VNode;
+    empty: VNode;
+    loading: VNode;
+  };
+  states: {
+    noCodes: boolean;
+    loading: boolean;
   };
   titleText?: string;
-  noCodes: boolean;
-  loading: boolean;
 }
 export declare function ReferralCodesView(props: ReferralCodesViewProps): any;

package/dist/types/components/sqm-referral-codes/useReferralCodes.d.ts

@@ -2,10 +2,12 @@ import { GraphQlRequestError } from "@saasquatch/component-boilerplate/dist/hook
 import { ReferralCodes } from "./sqm-referral-codes";
 export declare const REFERRAL_CODES_NAMESPACE = "sq:referral-codes";
 export declare const REFERRAL_CODES_PAGINATION_CONTEXT = "sq:referral-codes-pagination";
-export declare const SET_CODE_USED: string;
+export declare const SET_CODE_COPIED: string;
 export declare type ReferralCodeContext = {
   loading?: boolean;
   referralCode: string;
+  isUsed: boolean;
+  isCopied: boolean;
   shareLink: string;
   email: {
     messageLink: string;

package/dist/types/components/views/copy-text-view.d.ts

@@ -13,6 +13,7 @@ export interface CopyTextViewProps {
   inputPlaceholderText?: string;
   dateAvailable?: string;
   loading?: boolean;
+  isCopied?: boolean;
   onClick?: () => void;
 }
 export declare function CopyTextView(props: CopyTextViewProps): any;

package/dist/types/components.d.ts

@@ -731,7 +731,7 @@ export namespace Components {
           * @format url
           * @uiName Image
          */
-        "emptyStateImage": string;
+        "emptyStateImage"?: string;
         /**
           * @uiName Description
           * @uiWidget textArea