@saasquatch/mint-components 2.2.1-2 → 2.2.1-3

package/dist/mint-components/{p-5a2c2274.entry.js → p-56d708f7.entry.js}

@@ -1,4 +1,4 @@
-import{r as e,h as t,c as r}from"./p-083180bf.js";import{b as o,i as a}from"./p-e381c19e.js";import{n as i,f as n,i as s,k as l,m as d,u as c,b as u,j as h}from"./p-a7fc1e02.js";import{i as m,_ as p,d as g,J as f,H as v,B as b,$ as y,w as x,b as w,L as k,y as C,j as E,p as _,s as F,Q as I,k as S,M as T,I as R,S as A}from"./p-d0993bb9.js";import{j as q}from"./p-e7e129ac.js";import{c as N}from"./p-c1086930.js";import{g as M,a as D}from"./p-9ec99ced.js";import{c as L}from"./p-cef45012.js";import"./p-bab4929e.js";import"./p-49b20dae.js";import{C as P}from"./p-d276468c.js";import"./p-c813ec64.js";import{A as B,u as O}from"./p-e84b874c.js";import{R as j,a as z}from"./p-e00ec007.js";import{P as V}from"./p-bee4af5d.js";import{a as $}from"./p-642f2c89.js";import{u as U}from"./p-d18dedd4.js";import{l as H}from"./p-2786819c.js";import{p as Y}from"./p-8d363802.js";import{o as W}from"./p-f75de169.js";import{E as G}from"./p-7010498f.js";import{u as K}from"./p-a4f8abad.js";import{R as J,L as Z,u as X}from"./p-7c768cc3.js";import{i as Q}from"./p-0d83907e.js";import{E as ee}from"./p-044a76f1.js";import{u as te,W as re,B as oe,C as ae,d as ie,e as ne,D as se,E as le,H as de,I as ce,U as ue,Q as he,X as me,L as pe,N as ge,f as fe,P as ve,g as be,h as ye,c as xe,R as we,i as ke,Y as Ce,G as Ee,a as _e,K as Fe,J as Ie,S as Se,T as Te}from"./p-05fb195e.js";import"./p-e30abc44.js";import{T as Re,a as Ae,U as qe,C as Ne,b as Me,S as De,g as Le,c as Pe,G as Be,d as Oe,e as je,h as ze,i as Ve,j as $e,k as Ue,L as He}from"./p-1575ce02.js";import{p as Ye,e as We}from"./p-0797a946.js";import{u as Ge}from"./p-de0d6fd7.js";const Ke={main:{brandFont:"Netflix Sans, Arial, sans-serif",brandColor:"#E50914"},border:{borderColor:"#333333",borderRadius:4,borderThickness:1},color:{loadingSkeleton:{background:"#272727",animationBackground:"#E50914"},textColorShades:{mainText:"white",subduedText:"#B3B3B3"},backgroundColor:"#101010",accentColorShades:{text:"#E50914",icon:"#E50914",border:"#E50914",background:"#300609"},success:{text:"#66BB6A",border:"#4CAF50",background:"#1B5E20",iconAndBadge:"#4CAF50"},warning:{text:"#FFCA28",border:"#FFA726",background:"#F57C00",iconAndBadge:"#FFA726"},critical:{text:"#EF9A9A",border:"#E50914",background:"#B71C1C",iconAndBadge:"#E50914"},informative:{text:"#64B5F6",border:"#42A5F5",background:"#1976D2",iconAndBadge:"#42A5F5"},neutral:{text:"white",iconAndBadge:"#B3B3B3",border:"#333333",background:"#222222"}},primaryButton:{buttonColor:{background:"#E50914",border:"transparent",label:"#FFFFFF"},buttonHoverColor:{background:"#CC0000",border:"transparent",label:"#FFFFFF"},borderRadius:4},secondaryButton:{buttonColor:{background:"transparent",border:"#B3B3B3",label:"#FFFFFF"},buttonHoverColor:{background:"#333333",border:"#B3B3B3",label:"#FFFFFF"},borderRadius:4},formFields:{formFieldColor:{background:"#222222",border:"#B3B3B3",inputText:"#B3B3B3"},hoverStateColor:"#777777",selectedStateColor:"#E50914",borderRadius:4}},Je=Object.freeze({__proto__:null,Default:null,Netflix:Ke,Amazon:{main:{brandFont:"Amazon Ember, Arial, sans-serif",brandColor:"#FF9900"},border:{borderColor:"#D5D9D9",borderRadius:4,borderThickness:1},color:{backgroundColor:"#ffffff",loadingSkeleton:{background:"hsl(240 4.8% 95.9%)",animationBackground:"#FF9900"},textColorShades:{mainText:"#2f2f2f",subduedText:"#565959"},accentColorShades:{text:"#FF9900",icon:"#FF9900",border:"#FFBF66",background:"#FFF4DD"},success:{text:"#198754",border:"#BCE8B2",background:"#D4EDDA",iconAndBadge:"#28A745"},warning:{text:"#856404",border:"#FFEBA2",background:"#FFF3CD",iconAndBadge:"#FFC107"},critical:{text:"#721C24",border:"#F5C6CB",background:"#F8D7DA",iconAndBadge:"#DC3545"},informative:{text:"#004085",border:"#B8DAFF",background:"#CCE5FF",iconAndBadge:"#007BFF"},neutral:{text:"#232F3E",iconAndBadge:"#565959",border:"#D5D9D9",background:"#F0F2F2"}},primaryButton:{buttonColor:{background:"#FF9900",border:"transparent",label:"#FFFFFF"},buttonHoverColor:{background:"#EB9100",border:"transparent",label:"#FFFFFF"},borderRadius:4},secondaryButton:{buttonColor:{background:"#FFFFFF",border:"#888C8C",label:"#232F3E"},buttonHoverColor:{background:"#F0F2F2",border:"#888C8C",label:"#232F3E"},borderRadius:4},formFields:{formFieldColor:{background:"#FFFFFF",border:"#D5D9D9",inputText:"#2f2f2f"},borderRadius:4,hoverStateColor:"#A2A2A2",selectedStateColor:"#007185"}},Spotify:{main:{brandColor:"#1ed760"},border:{borderColor:"#f4f4f4",borderRadius:18,borderThickness:1},color:{loadingSkeleton:{background:"#282928",animationBackground:"#1ed760"},textColorShades:{mainText:"white",subduedText:"white"},backgroundColor:"#121212",accentColorShades:{icon:"#1ed760"}},primaryButton:{buttonColor:{background:"#1ed760",border:"transparent",label:"#121212"},buttonHoverColor:{background:"#1DB954",border:"transparent",label:"#121212"},borderRadius:30},secondaryButton:{buttonColor:{background:"#191414",border:"#FFFFFF",label:"#FFFFFF"},buttonHoverColor:{background:"#282828",border:"#FFFFFF",label:"#121212"},borderRadius:30},formFields:{formFieldColor:{background:"#121212",border:"#7c7c7c",inputText:"#fff"},borderRadius:30,hoverStateColor:"white",selectedStateColor:"white"}},Google:{main:{brandColor:"#4285F4",brandFont:"Roboto, Arial, sans-serif"},border:{borderColor:"#DADCE0",borderRadius:4,borderThickness:1},color:{textColorShades:{mainText:"#212124",subduedText:"#5F6368"},backgroundColor:"#FFFFFF",accentColorShades:{text:"#1A73E8",border:"#8AB4F8",background:"#E8F0FE",icon:"#4285F4"},success:{text:"#044e1d",border:"#A8DCD7",background:"#E6F4EA",iconAndBadge:"#34A853"},warning:{text:"#996a3d",border:"#FCD667",background:"#FFF7EE",iconAndBadge:"#FBBC04"},critical:{text:"#760b09",border:"#F28B82",background:"#FCE8E6",iconAndBadge:"#EA4335"},informative:{text:"#01368c",border:"#BFDBFE",background:"#E8F0FE",iconAndBadge:"#4285F4"},neutral:{text:"#202124",border:"#DADCE0",background:"#F8F9FA",iconAndBadge:"#5F6368"}},primaryButton:{buttonColor:{background:"#4285F4",border:"transparent",label:"#FFFFFF"},buttonHoverColor:{background:"#3C7CD1",border:"transparent",label:"#FFFFFF"},borderRadius:4},secondaryButton:{buttonColor:{background:"#FFFFFF",border:"#DADCE0",label:"#4285F4"},buttonHoverColor:{background:"#E8F0FE",border:"#DADCE0",label:"#4285F4"},borderRadius:4},formFields:{formFieldColor:{background:"#FFFFFF",border:"#DADCE0",inputText:"#202124"},borderRadius:4,hoverStateColor:"#9AA0A6",selectedStateColor:"#4285F4"}}}),Ze=class{constructor(t){e(this,t),this.flexReverse=!1,this.alignment="center",this.ignored=!0,i(this)}disconnectedCallback(){}render(){var e;const{props:r,label:o}=m()?te(this):re(this),a=!!(null===(e=p().innerHTML)||void 0===e?void 0:e.trim()),i=t("slot",{name:"label"},a?t("slot",null):o);return t(oe,Object.assign({},r,{labelSlot:i}))}};function Xe(e,t,r){return Math.min(Math.max(e,r),t)}class Qe extends Error{constructor(e){super(`Failed to parse color: "${e}"`)}}function et(e){if("string"!=typeof e)throw new Qe(e);if("transparent"===e.trim().toLowerCase())return[0,0,0,0];let t=e.trim();t=lt.test(e)?function(e){const t=e.toLowerCase().trim(),r=rt[function(e){let t=5381,r=e.length;for(;r;)t=33*t^e.charCodeAt(--r);return(t>>>0)%2341}(t)];if(!r)throw new Qe(e);return`#${r}`}(e):e;const r=at.exec(t);if(r){const e=Array.from(r).slice(1);return[...e.slice(0,3).map((e=>parseInt(ot(e,2),16))),parseInt(ot(e[3]||"f",2),16)/255]}const o=it.exec(t);if(o){const e=Array.from(o).slice(1);return[...e.slice(0,3).map((e=>parseInt(e,16))),parseInt(e[3]||"ff",16)/255]}const a=nt.exec(t);if(a){const e=Array.from(a).slice(1);return[...e.slice(0,3).map((e=>parseInt(e,10))),parseFloat(e[3]||"1")]}const i=st.exec(t);if(i){const[t,r,o,a]=Array.from(i).slice(1).map(parseFloat);if(Xe(0,100,r)!==r)throw new Qe(e);if(Xe(0,100,o)!==o)throw new Qe(e);return[...ct(t,r,o),a||1]}throw new Qe(e)}const tt=e=>parseInt(e.replace(/_/g,""),36),rt="1q29ehhb 1n09sgk7 1kl1ekf_ _yl4zsno 16z9eiv3 1p29lhp8 _bd9zg04 17u0____ _iw9zhe5 _to73___ _r45e31e _7l6g016 _jh8ouiv _zn3qba8 1jy4zshs 11u87k0u 1ro9yvyo 1aj3xael 1gz9zjz0 _3w8l4xo 1bf1ekf_ _ke3v___ _4rrkb__ 13j776yz _646mbhl _nrjr4__ _le6mbhl 1n37ehkb _m75f91n _qj3bzfz 1939yygw 11i5z6x8 _1k5f8xs 1509441m 15t5lwgf _ae2th1n _tg1ugcv 1lp1ugcv 16e14up_ _h55rw7n _ny9yavn _7a11xb_ 1ih442g9 _pv442g9 1mv16xof 14e6y7tu 1oo9zkds 17d1cisi _4v9y70f _y98m8kc 1019pq0v 12o9zda8 _348j4f4 1et50i2o _8epa8__ _ts6senj 1o350i2o 1mi9eiuo 1259yrp0 1ln80gnw _632xcoy 1cn9zldc _f29edu4 1n490c8q _9f9ziet 1b94vk74 _m49zkct 1kz6s73a 1eu9dtog _q58s1rz 1dy9sjiq __u89jo3 _aj5nkwg _ld89jo3 13h9z6wx _qa9z2ii _l119xgq _bs5arju 1hj4nwk9 1qt4nwk9 1ge6wau6 14j9zlcw 11p1edc_ _ms1zcxe _439shk6 _jt9y70f _754zsow 1la40eju _oq5p___ _x279qkz 1fa5r3rv _yd2d9ip _424tcku _8y1di2_ _zi2uabw _yy7rn9h 12yz980_ __39ljp6 1b59zg0x _n39zfzp 1fy9zest _b33k___ _hp9wq92 1il50hz4 _io472ub _lj9z3eo 19z9ykg0 _8t8iu3a 12b9bl4a 1ak5yw0o _896v4ku _tb8k8lv _s59zi6t _c09ze0p 1lg80oqn 1id9z8wb _238nba5 1kq6wgdi _154zssg _tn3zk49 _da9y6tc 1sg7cv4f _r12jvtt 1gq5fmkz 1cs9rvci _lp9jn1c _xw1tdnb 13f9zje6 16f6973h _vo7ir40 _bt5arjf _rc45e4t _hr4e100 10v4e100 _hc9zke2 _w91egv_ _sj2r1kk 13c87yx8 _vqpds__ _ni8ggk8 _tj9yqfb 1ia2j4r4 _7x9b10u 1fc9ld4j 1eq9zldr _5j9lhpx _ez9zl6o _md61fzm".split(" ").reduce(((e,t)=>{const r=tt(t.substring(0,3)),o=tt(t.substring(3)).toString(16);let a="";for(let e=0;e<6-o.length;e++)a+="0";return e[r]=`${a}${o}`,e}),{}),ot=(e,t)=>Array.from(Array(t)).map((()=>e)).join(""),at=new RegExp(`^#${ot("([a-f0-9])",3)}([a-f0-9])?$`,"i"),it=new RegExp(`^#${ot("([a-f0-9]{2})",3)}([a-f0-9]{2})?$`,"i"),nt=new RegExp(`^rgba?\\(\\s*(\\d+)\\s*${ot(",\\s*(\\d+)\\s*",2)}(?:,\\s*([\\d.]+))?\\s*\\)$`,"i"),st=/^hsla?\(\s*([\d.]+)\s*,\s*([\d.]+)%\s*,\s*([\d.]+)%(?:\s*,\s*([\d.]+))?\s*\)$/i,lt=/^[a-z]+$/i,dt=e=>Math.round(255*e),ct=(e,t,r)=>{let o=r/100;if(0===t)return[o,o,o].map(dt);const a=(e%360+360)%360/60,i=(1-Math.abs(2*o-1))*(t/100),n=i*(1-Math.abs(a%2-1));let s=0,l=0,d=0;a>=0&&a<1?(s=i,l=n):a>=1&&a<2?(s=n,l=i):a>=2&&a<3?(l=i,d=n):a>=3&&a<4?(l=n,d=i):a>=4&&a<5?(s=n,d=i):a>=5&&a<6&&(s=i,d=n);const c=o-i/2;return[s+c,l+c,d+c].map(dt)},ut=[50,100,200,300,400,500,600,700,800,900,950],ht=[.95,.86,.76,.66,.56,.46,.39,.32,.25,.18,.15],mt=/^hsla?\(\s*([\d.]+)\s*,\s*([\d.]+)%\s*,\s*([\d.]+)%(?:\s*,\s*([\d.]+))?\s*\)$/i;function pt(e,t="primary"){const[r,o,a,i]=function(e){const t=e.trim(),r=mt.exec(t);if(r){const[t,o,a,i]=Array.from(r).slice(1).map(parseFloat);if(Xe(0,100,o)!==o)throw new Qe(e);if(Xe(0,100,a)!==a)throw new Qe(e);return[t,o/100,a,i||1]}return function(e){const[t,r,o,a]=et(e).map(((e,t)=>3===t?e:e/255)),i=Math.max(t,r,o),n=Math.min(t,r,o),s=(i+n)/2;if(i===n)return[0,0,s,a];const l=i-n;return[60*(t===i?(r-o)/l+(r<o?6:0):r===i?(o-t)/l+2:(t-r)/l+4),s>.5?l/(2-i-n):l/(i+n),s,a]}(e)}(e);return ht.map((e=>function(e,t,r,o){return`hsla(${(e%360).toFixed()}, ${Xe(0,100,100*t).toFixed()}%, ${Xe(0,100,100*r).toFixed()}%, ${parseFloat(Xe(0,1,o).toFixed(3))})`}(r,o,e,i))).map(((e,r)=>`--sl-color-${t}-${ut[r]}: ${e};\n`))}const gt=class{constructor(t){e(this,t),i(this)}disconnectedCallback(){}render(){var e,a,i,s,l,d;const c=null===(a=null===(e=window.SquatchBrandingConfig)||void 0===e?void 0:e.main)||void 0===a?void 0:a.brandFont,u=(null===(s=null===(i=window.SquatchBrandingConfig)||void 0===i?void 0:i.main)||void 0===s?void 0:s.brandColor)?"":null!==(l=function(e){if(e)try{return function(e,t="primary"){return pt(e,t).join("\n")}(e)}catch{}}(this.brandColor))&&void 0!==l?l:"",h=(null!==(d=this.brandFont)&&void 0!==d?d:"Nunito Sans").trim()||void 0;n((()=>{if(!h||c)return;const e=document.createElement("link");return e.setAttribute("href",o(h)),e.setAttribute("rel","stylesheet"),document.head.appendChild(e),()=>document.head.removeChild(e)}),[h]);const m=null!=h?h:"";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\n          ${c?"":`\n          ::slotted(*) {\n            --sl-font-sans: "${m}", arial;\n            --sl-input-font-family: "${m}", arial;\n            --sl-tooltip-font-family: "${m}", arial;\n            font-family:  "${m}", arial;\n\t\t\t\n            ${u}\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))}},ft=class{constructor(t){e(this,t),this.selectedBrand="Netflix",this.brands=[{name:"Netflix",logoUrl:"https://res.cloudinary.com/saasquatch-staging/image/upload/v1750803365/netflix_ftjbrr.png"},{name:"Amazon",logoUrl:"https://res.cloudinary.com/saasquatch-staging/image/upload/v1750803366/amazon_mc22fr.png"},{name:"Spotify",logoUrl:"https://res.cloudinary.com/saasquatch-staging/image/upload/v1750803510/spotify_j5qi1r.png"},{name:"Google",logoUrl:"https://res.cloudinary.com/saasquatch-staging/image/upload/v1750803168/pngimg.com_-_google_PNG19644_jvypwl.png"}];const r=localStorage.getItem("localStorageBrandKey");this.selectedBrand=r,window.SquatchBrandingConfig=Je[r]||Ke;const o=new CustomEvent("brandingConfigUpdated",{detail:window.SquatchBrandingConfig});window.dispatchEvent(o)}componentDidLoad(){const e=localStorage.getItem("localStorageBrandKey");this.selectedBrand=e}disconnectedCallback(){}updateBrand(e){this.selectedBrand=e;const t=Je[e]||Ke,r=JSON.stringify(t);localStorage.setItem("localStorageBrandKey",e),localStorage.setItem("localStorageBrandConfigKey",r),window.SquatchBrandingConfig=t,window.location.reload();const o=new CustomEvent("brandingConfigUpdated",{detail:window.SquatchBrandingConfig});window.dispatchEvent(o)}render(){return t(r,null,t("style",null,"\n          @import url('https://fonts.googleapis.com/css2?family=Inter:wght@400;600;700&display=swap');\n\n          :host {\n            display: block; /* Ensure the custom element itself is a block-level element */\n            font-family: 'Inter', sans-serif;\n          }\n\n          .card-container {\n            background-color: #fff !important; \n            border-radius: 18px; \n            box-shadow: 0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -4px rgba(0, 0, 0, 0.1); \n            width: 100%;\n            max-width: 350px;\n            overflow: hidden;\n            padding: 10px;\n            position: fixed;\n            bottom: 0;\n            right: 0;\n            z-index: 999999;\n            border: 1px solid #ccc;\n            margin: 10px;\n          }\n\n          .card-heading {\n            display: flex;\n            align-items: center;\n            justify-content: center;\n            padding-bottom: 10px;\n            color: black;\n            margin: 0;\n            font-size: 16px;\n          }\n\n          .segmented-control-container {\n            display: flex;\n            background-color: #e5e7eb !important; \n            border-radius: 9999px; \n            padding: 0.25rem; \n            margin-left: auto;\n            margin-right: auto;\n            max-width: 28rem;\n            box-shadow: inset 0 2px 4px 0 rgba(0, 0, 0, 0.05); \n          }\n\n          .brand-segment {\n            display: flex;\n            flex-direction: column;\n            align-items: center;\n            justify-content: center;\n            flex: 1;\n            padding: 0px 8px; \n            cursor: pointer;\n            transition: all 300ms ease-in-out;\n            border-radius: 9999px;\n            color: #4b5563; \n            cursor: pointer;\n          }\n\n          .brand-segment:hover {\n            background-color: #f3f4f6 !important;\n          }\n\n          .brand-segment.active {\n            background-color: #fff !important;\n            color: #1f2937; \n            box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -2px rgba(0, 0, 0, 0.1);\n          }\n\n          .brand-logo {\n            height: 40px;\n            width: 40px; \n            object-fit: contain;\n          }\n\n          .brand-name {\n            font-size: 0.75rem; \n            line-height: 1rem; \n            font-weight: 600; \n            color: #4b5563;\n          }\n\n          .brand-segment.active .brand-name {\n            color: #1f2937; \n          }\n\n          .content-area {\n            padding: 2rem; \n          }\n\n          .selected-text {\n            color: #4b5563; \n            text-align: center;\n            font-size: 1.125rem; \n            line-height: 1.75rem; \n          }\n\n          .selected-brand-name {\n            font-weight: 700; /* font-bold */\n            color: #6d28d9; /* text-purple-700 */\n          }\n\n          .dynamic-content-box {\n            margin-top: 1.5rem; /* mt-6 */\n            padding: 1rem; /* p-4 */\n            background-color: #f9fafb; /* bg-gray-50 */\n            border-radius: 0.5rem; /* rounded-lg */\n            color: #374151; /* text-gray-700 */\n            font-size: 0.875rem; /* text-sm */\n            line-height: 1.25rem; /* text-sm */\n            font-style: italic;\n          }\n\n          /* Responsive adjustments for smaller screens if needed */\n          @media (max-width: 640px) {\n              .segmented-control-container {\n                  max-width: 100%; /* Allows it to take full width on small screens */\n                  padding: 0.15rem; /* Slightly less padding */\n              }\n              .brand-segment {\n                  padding-left: 0.5rem;\n                  padding-right: 0.5rem;\n              }\n              .brand-logo {\n                  height: 1.8rem; /* Slightly smaller on mobile */\n              }\n          }\n          "),t("div",{class:"card-container"},t("h2",{class:"card-heading"},"Select Branding"),t("div",{class:"segmented-control-container"},this.brands.map((e=>t("div",{key:e.name,class:"brand-segment "+(this.selectedBrand===e.name?"active":""),onClick:()=>this.updateBrand(e.name)},t("img",{src:e.logoUrl,alt:`${e.name} Logo`,class:"brand-logo",onError:e=>{e.target.src="https://placehold.co/80x40/cccccc/000000?text=Logo"}})))))))}},vt=class{constructor(t){e(this,t),this.ignored=!0,this.width=347,this.gap=24,i(this)}disconnectedCallback(){}render(){return t(ae,Object.assign({},M(this)),t("slot",null))}};function bt(e){var t;const r=s(j),[o,a]=l(!1);return n((()=>{var t,o;(null===(t=null==r?void 0:r.initialData)||void 0===t?void 0:t[e.checkboxName])&&a(!!(null===(o=null==r?void 0:r.initialData)||void 0===o?void 0:o[e.checkboxName]))}),[null===(t=null==r?void 0:r.initialData)||void 0===t?void 0:t[e.checkboxName]]),{states:{registrationFormState:r,checked:o},callbacks:{setChecked:a}}}const yt=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,i(this)}disconnectedCallback(){}render(){const e=D([{attribute:"checkbox-name",value:this.checkboxName}]);if(!m()&&e)return t(J,{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={...M(this)},{states:o,callbacks:a}=m()?N({states:{registrationFormState:{},checked:!1},callbacks:{setChecked:()=>{}}},this.demoData||{},{arrayMerge:(e,t)=>t}):bt(this);return t(ie,{states:o,content:r,callbacks:a})}},xt=g.gql`
+import{r as e,h as t,c as r}from"./p-083180bf.js";import{b as o,i as a}from"./p-f2793763.js";import{n as i,f as n,i as s,k as l,m as d,u as c,b as u,j as h}from"./p-a7fc1e02.js";import{i as m,_ as p,d as g,J as f,H as v,B as b,$ as y,w as x,b as w,L as k,y as C,j as E,p as _,s as F,Q as I,k as S,M as T,I as R,S as A}from"./p-d0993bb9.js";import{j as q}from"./p-e7e129ac.js";import{c as N}from"./p-c1086930.js";import{g as M,a as D}from"./p-9ec99ced.js";import{c as L}from"./p-cef45012.js";import"./p-bab4929e.js";import"./p-49b20dae.js";import{C as P}from"./p-d276468c.js";import"./p-c813ec64.js";import{A as B,u as O}from"./p-e84b874c.js";import{R as j,a as z}from"./p-e00ec007.js";import{P as V}from"./p-bee4af5d.js";import{a as $}from"./p-642f2c89.js";import{u as U}from"./p-d18dedd4.js";import{l as H}from"./p-2786819c.js";import{p as Y}from"./p-8d363802.js";import{o as W}from"./p-f75de169.js";import{E as G}from"./p-7010498f.js";import{u as K}from"./p-a4f8abad.js";import{R as J,L as Z,u as X}from"./p-2f3bdd90.js";import{i as Q}from"./p-0d83907e.js";import{E as ee}from"./p-044a76f1.js";import{u as te,W as re,B as oe,C as ae,d as ie,e as ne,D as se,E as le,H as de,I as ce,U as ue,Q as he,X as me,L as pe,N as ge,f as fe,P as ve,g as be,h as ye,c as xe,R as we,i as ke,Y as Ce,G as Ee,a as _e,K as Fe,J as Ie,S as Se,T as Te}from"./p-72590ac2.js";import"./p-e30abc44.js";import{T as Re,a as Ae,U as qe,C as Ne,b as Me,S as De,g as Le,c as Pe,G as Be,d as Oe,e as je,h as ze,i as Ve,j as $e,k as Ue,L as He}from"./p-e3baab50.js";import{p as Ye,e as We}from"./p-0797a946.js";import{u as Ge}from"./p-de0d6fd7.js";const Ke={main:{brandFont:"Netflix Sans, Arial, sans-serif",brandColor:"#E50914"},border:{borderColor:"#333333",borderRadius:4,borderThickness:1},color:{loadingSkeleton:{background:"#272727",animationBackground:"#E50914"},textColorShades:{mainText:"white",subduedText:"#B3B3B3"},backgroundColor:"#101010",accentColorShades:{text:"#E50914",icon:"#E50914",border:"#E50914",background:"#300609"},success:{text:"#66BB6A",border:"#4CAF50",background:"#1B5E20",iconAndBadge:"#4CAF50"},warning:{text:"#FFCA28",border:"#FFA726",background:"#F57C00",iconAndBadge:"#FFA726"},critical:{text:"#EF9A9A",border:"#E50914",background:"#B71C1C",iconAndBadge:"#E50914"},informative:{text:"#64B5F6",border:"#42A5F5",background:"#1976D2",iconAndBadge:"#42A5F5"},neutral:{text:"white",iconAndBadge:"#B3B3B3",border:"#333333",background:"#222222"}},primaryButton:{buttonColor:{background:"#E50914",border:"transparent",label:"#FFFFFF"},buttonHoverColor:{background:"#CC0000",border:"transparent",label:"#FFFFFF"},borderRadius:4},secondaryButton:{buttonColor:{background:"transparent",border:"#B3B3B3",label:"#FFFFFF"},buttonHoverColor:{background:"#333333",border:"#B3B3B3",label:"#FFFFFF"},borderRadius:4},formFields:{formFieldColor:{background:"#222222",border:"#B3B3B3",inputText:"#B3B3B3"},hoverStateColor:"#777777",selectedStateColor:"#E50914",borderRadius:4}},Je=Object.freeze({__proto__:null,Default:null,Netflix:Ke,Amazon:{main:{brandFont:"Amazon Ember, Arial, sans-serif",brandColor:"#FF9900"},border:{borderColor:"#D5D9D9",borderRadius:4,borderThickness:1},color:{backgroundColor:"#ffffff",loadingSkeleton:{background:"hsl(240 4.8% 95.9%)",animationBackground:"#FF9900"},textColorShades:{mainText:"#2f2f2f",subduedText:"#565959"},accentColorShades:{text:"#FF9900",icon:"#FF9900",border:"#FFBF66",background:"#FFF4DD"},success:{text:"#198754",border:"#BCE8B2",background:"#D4EDDA",iconAndBadge:"#28A745"},warning:{text:"#856404",border:"#FFEBA2",background:"#FFF3CD",iconAndBadge:"#FFC107"},critical:{text:"#721C24",border:"#F5C6CB",background:"#F8D7DA",iconAndBadge:"#DC3545"},informative:{text:"#004085",border:"#B8DAFF",background:"#CCE5FF",iconAndBadge:"#007BFF"},neutral:{text:"#232F3E",iconAndBadge:"#565959",border:"#D5D9D9",background:"#F0F2F2"}},primaryButton:{buttonColor:{background:"#FF9900",border:"transparent",label:"#FFFFFF"},buttonHoverColor:{background:"#EB9100",border:"transparent",label:"#FFFFFF"},borderRadius:4},secondaryButton:{buttonColor:{background:"#FFFFFF",border:"#888C8C",label:"#232F3E"},buttonHoverColor:{background:"#F0F2F2",border:"#888C8C",label:"#232F3E"},borderRadius:4},formFields:{formFieldColor:{background:"#FFFFFF",border:"#D5D9D9",inputText:"#2f2f2f"},borderRadius:4,hoverStateColor:"#A2A2A2",selectedStateColor:"#007185"}},Spotify:{main:{brandColor:"#1ed760"},border:{borderColor:"#f4f4f4",borderRadius:18,borderThickness:1},color:{loadingSkeleton:{background:"#282928",animationBackground:"#1ed760"},textColorShades:{mainText:"white",subduedText:"white"},backgroundColor:"#121212",accentColorShades:{icon:"#1ed760"}},primaryButton:{buttonColor:{background:"#1ed760",border:"transparent",label:"#121212"},buttonHoverColor:{background:"#1DB954",border:"transparent",label:"#121212"},borderRadius:30},secondaryButton:{buttonColor:{background:"#191414",border:"#FFFFFF",label:"#FFFFFF"},buttonHoverColor:{background:"#282828",border:"#FFFFFF",label:"#121212"},borderRadius:30},formFields:{formFieldColor:{background:"#121212",border:"#7c7c7c",inputText:"#fff"},borderRadius:30,hoverStateColor:"white",selectedStateColor:"white"}},Google:{main:{brandColor:"#4285F4",brandFont:"Roboto, Arial, sans-serif"},border:{borderColor:"#DADCE0",borderRadius:4,borderThickness:1},color:{textColorShades:{mainText:"#212124",subduedText:"#5F6368"},backgroundColor:"#FFFFFF",accentColorShades:{text:"#1A73E8",border:"#8AB4F8",background:"#E8F0FE",icon:"#4285F4"},success:{text:"#044e1d",border:"#A8DCD7",background:"#E6F4EA",iconAndBadge:"#34A853"},warning:{text:"#996a3d",border:"#FCD667",background:"#FFF7EE",iconAndBadge:"#FBBC04"},critical:{text:"#760b09",border:"#F28B82",background:"#FCE8E6",iconAndBadge:"#EA4335"},informative:{text:"#01368c",border:"#BFDBFE",background:"#E8F0FE",iconAndBadge:"#4285F4"},neutral:{text:"#202124",border:"#DADCE0",background:"#F8F9FA",iconAndBadge:"#5F6368"}},primaryButton:{buttonColor:{background:"#4285F4",border:"transparent",label:"#FFFFFF"},buttonHoverColor:{background:"#3C7CD1",border:"transparent",label:"#FFFFFF"},borderRadius:4},secondaryButton:{buttonColor:{background:"#FFFFFF",border:"#DADCE0",label:"#4285F4"},buttonHoverColor:{background:"#E8F0FE",border:"#DADCE0",label:"#4285F4"},borderRadius:4},formFields:{formFieldColor:{background:"#FFFFFF",border:"#DADCE0",inputText:"#202124"},borderRadius:4,hoverStateColor:"#9AA0A6",selectedStateColor:"#4285F4"}}}),Ze=class{constructor(t){e(this,t),this.flexReverse=!1,this.alignment="center",this.ignored=!0,i(this)}disconnectedCallback(){}render(){var e;const{props:r,label:o}=m()?te(this):re(this),a=!!(null===(e=p().innerHTML)||void 0===e?void 0:e.trim()),i=t("slot",{name:"label"},a?t("slot",null):o);return t(oe,Object.assign({},r,{labelSlot:i}))}};function Xe(e,t,r){return Math.min(Math.max(e,r),t)}class Qe extends Error{constructor(e){super(`Failed to parse color: "${e}"`)}}function et(e){if("string"!=typeof e)throw new Qe(e);if("transparent"===e.trim().toLowerCase())return[0,0,0,0];let t=e.trim();t=lt.test(e)?function(e){const t=e.toLowerCase().trim(),r=rt[function(e){let t=5381,r=e.length;for(;r;)t=33*t^e.charCodeAt(--r);return(t>>>0)%2341}(t)];if(!r)throw new Qe(e);return`#${r}`}(e):e;const r=at.exec(t);if(r){const e=Array.from(r).slice(1);return[...e.slice(0,3).map((e=>parseInt(ot(e,2),16))),parseInt(ot(e[3]||"f",2),16)/255]}const o=it.exec(t);if(o){const e=Array.from(o).slice(1);return[...e.slice(0,3).map((e=>parseInt(e,16))),parseInt(e[3]||"ff",16)/255]}const a=nt.exec(t);if(a){const e=Array.from(a).slice(1);return[...e.slice(0,3).map((e=>parseInt(e,10))),parseFloat(e[3]||"1")]}const i=st.exec(t);if(i){const[t,r,o,a]=Array.from(i).slice(1).map(parseFloat);if(Xe(0,100,r)!==r)throw new Qe(e);if(Xe(0,100,o)!==o)throw new Qe(e);return[...ct(t,r,o),a||1]}throw new Qe(e)}const tt=e=>parseInt(e.replace(/_/g,""),36),rt="1q29ehhb 1n09sgk7 1kl1ekf_ _yl4zsno 16z9eiv3 1p29lhp8 _bd9zg04 17u0____ _iw9zhe5 _to73___ _r45e31e _7l6g016 _jh8ouiv _zn3qba8 1jy4zshs 11u87k0u 1ro9yvyo 1aj3xael 1gz9zjz0 _3w8l4xo 1bf1ekf_ _ke3v___ _4rrkb__ 13j776yz _646mbhl _nrjr4__ _le6mbhl 1n37ehkb _m75f91n _qj3bzfz 1939yygw 11i5z6x8 _1k5f8xs 1509441m 15t5lwgf _ae2th1n _tg1ugcv 1lp1ugcv 16e14up_ _h55rw7n _ny9yavn _7a11xb_ 1ih442g9 _pv442g9 1mv16xof 14e6y7tu 1oo9zkds 17d1cisi _4v9y70f _y98m8kc 1019pq0v 12o9zda8 _348j4f4 1et50i2o _8epa8__ _ts6senj 1o350i2o 1mi9eiuo 1259yrp0 1ln80gnw _632xcoy 1cn9zldc _f29edu4 1n490c8q _9f9ziet 1b94vk74 _m49zkct 1kz6s73a 1eu9dtog _q58s1rz 1dy9sjiq __u89jo3 _aj5nkwg _ld89jo3 13h9z6wx _qa9z2ii _l119xgq _bs5arju 1hj4nwk9 1qt4nwk9 1ge6wau6 14j9zlcw 11p1edc_ _ms1zcxe _439shk6 _jt9y70f _754zsow 1la40eju _oq5p___ _x279qkz 1fa5r3rv _yd2d9ip _424tcku _8y1di2_ _zi2uabw _yy7rn9h 12yz980_ __39ljp6 1b59zg0x _n39zfzp 1fy9zest _b33k___ _hp9wq92 1il50hz4 _io472ub _lj9z3eo 19z9ykg0 _8t8iu3a 12b9bl4a 1ak5yw0o _896v4ku _tb8k8lv _s59zi6t _c09ze0p 1lg80oqn 1id9z8wb _238nba5 1kq6wgdi _154zssg _tn3zk49 _da9y6tc 1sg7cv4f _r12jvtt 1gq5fmkz 1cs9rvci _lp9jn1c _xw1tdnb 13f9zje6 16f6973h _vo7ir40 _bt5arjf _rc45e4t _hr4e100 10v4e100 _hc9zke2 _w91egv_ _sj2r1kk 13c87yx8 _vqpds__ _ni8ggk8 _tj9yqfb 1ia2j4r4 _7x9b10u 1fc9ld4j 1eq9zldr _5j9lhpx _ez9zl6o _md61fzm".split(" ").reduce(((e,t)=>{const r=tt(t.substring(0,3)),o=tt(t.substring(3)).toString(16);let a="";for(let e=0;e<6-o.length;e++)a+="0";return e[r]=`${a}${o}`,e}),{}),ot=(e,t)=>Array.from(Array(t)).map((()=>e)).join(""),at=new RegExp(`^#${ot("([a-f0-9])",3)}([a-f0-9])?$`,"i"),it=new RegExp(`^#${ot("([a-f0-9]{2})",3)}([a-f0-9]{2})?$`,"i"),nt=new RegExp(`^rgba?\\(\\s*(\\d+)\\s*${ot(",\\s*(\\d+)\\s*",2)}(?:,\\s*([\\d.]+))?\\s*\\)$`,"i"),st=/^hsla?\(\s*([\d.]+)\s*,\s*([\d.]+)%\s*,\s*([\d.]+)%(?:\s*,\s*([\d.]+))?\s*\)$/i,lt=/^[a-z]+$/i,dt=e=>Math.round(255*e),ct=(e,t,r)=>{let o=r/100;if(0===t)return[o,o,o].map(dt);const a=(e%360+360)%360/60,i=(1-Math.abs(2*o-1))*(t/100),n=i*(1-Math.abs(a%2-1));let s=0,l=0,d=0;a>=0&&a<1?(s=i,l=n):a>=1&&a<2?(s=n,l=i):a>=2&&a<3?(l=i,d=n):a>=3&&a<4?(l=n,d=i):a>=4&&a<5?(s=n,d=i):a>=5&&a<6&&(s=i,d=n);const c=o-i/2;return[s+c,l+c,d+c].map(dt)},ut=[50,100,200,300,400,500,600,700,800,900,950],ht=[.95,.86,.76,.66,.56,.46,.39,.32,.25,.18,.15],mt=/^hsla?\(\s*([\d.]+)\s*,\s*([\d.]+)%\s*,\s*([\d.]+)%(?:\s*,\s*([\d.]+))?\s*\)$/i;function pt(e,t="primary"){const[r,o,a,i]=function(e){const t=e.trim(),r=mt.exec(t);if(r){const[t,o,a,i]=Array.from(r).slice(1).map(parseFloat);if(Xe(0,100,o)!==o)throw new Qe(e);if(Xe(0,100,a)!==a)throw new Qe(e);return[t,o/100,a,i||1]}return function(e){const[t,r,o,a]=et(e).map(((e,t)=>3===t?e:e/255)),i=Math.max(t,r,o),n=Math.min(t,r,o),s=(i+n)/2;if(i===n)return[0,0,s,a];const l=i-n;return[60*(t===i?(r-o)/l+(r<o?6:0):r===i?(o-t)/l+2:(t-r)/l+4),s>.5?l/(2-i-n):l/(i+n),s,a]}(e)}(e);return ht.map((e=>function(e,t,r,o){return`hsla(${(e%360).toFixed()}, ${Xe(0,100,100*t).toFixed()}%, ${Xe(0,100,100*r).toFixed()}%, ${parseFloat(Xe(0,1,o).toFixed(3))})`}(r,o,e,i))).map(((e,r)=>`--sl-color-${t}-${ut[r]}: ${e};\n`))}const gt=class{constructor(t){e(this,t),i(this)}disconnectedCallback(){}render(){var e,a,i,s,l,d;const c=null===(a=null===(e=window.SquatchBrandingConfig)||void 0===e?void 0:e.main)||void 0===a?void 0:a.brandFont,u=(null===(s=null===(i=window.SquatchBrandingConfig)||void 0===i?void 0:i.main)||void 0===s?void 0:s.brandColor)?"":null!==(l=function(e){if(e)try{return function(e,t="primary"){return pt(e,t).join("\n")}(e)}catch{}}(this.brandColor))&&void 0!==l?l:"",h=(null!==(d=this.brandFont)&&void 0!==d?d:"Nunito Sans").trim()||void 0;n((()=>{if(!h||c)return;const e=document.createElement("link");return e.setAttribute("href",o(h)),e.setAttribute("rel","stylesheet"),document.head.appendChild(e),()=>document.head.removeChild(e)}),[h]);const m=null!=h?h:"";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\n          ${c?"":`\n          ::slotted(*) {\n            --sl-font-sans: "${m}", arial;\n            --sl-input-font-family: "${m}", arial;\n            --sl-tooltip-font-family: "${m}", arial;\n            font-family:  "${m}", arial;\n\t\t\t\n            ${u}\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))}},ft=class{constructor(t){e(this,t),this.selectedBrand="Netflix",this.brands=[{name:"Netflix",logoUrl:"https://res.cloudinary.com/saasquatch-staging/image/upload/v1750803365/netflix_ftjbrr.png"},{name:"Amazon",logoUrl:"https://res.cloudinary.com/saasquatch-staging/image/upload/v1750803366/amazon_mc22fr.png"},{name:"Spotify",logoUrl:"https://res.cloudinary.com/saasquatch-staging/image/upload/v1750803510/spotify_j5qi1r.png"},{name:"Google",logoUrl:"https://res.cloudinary.com/saasquatch-staging/image/upload/v1750803168/pngimg.com_-_google_PNG19644_jvypwl.png"}];const r=localStorage.getItem("localStorageBrandKey");this.selectedBrand=r,window.SquatchBrandingConfig=Je[r]||Ke;const o=new CustomEvent("brandingConfigUpdated",{detail:window.SquatchBrandingConfig});window.dispatchEvent(o)}componentDidLoad(){const e=localStorage.getItem("localStorageBrandKey");this.selectedBrand=e}disconnectedCallback(){}updateBrand(e){this.selectedBrand=e;const t=Je[e]||Ke,r=JSON.stringify(t);localStorage.setItem("localStorageBrandKey",e),localStorage.setItem("localStorageBrandConfigKey",r),window.SquatchBrandingConfig=t,window.location.reload();const o=new CustomEvent("brandingConfigUpdated",{detail:window.SquatchBrandingConfig});window.dispatchEvent(o)}render(){return t(r,null,t("style",null,"\n          @import url('https://fonts.googleapis.com/css2?family=Inter:wght@400;600;700&display=swap');\n\n          :host {\n            display: block; /* Ensure the custom element itself is a block-level element */\n            font-family: 'Inter', sans-serif;\n          }\n\n          .card-container {\n            background-color: #fff !important; \n            border-radius: 18px; \n            box-shadow: 0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -4px rgba(0, 0, 0, 0.1); \n            width: 100%;\n            max-width: 350px;\n            overflow: hidden;\n            padding: 10px;\n            position: fixed;\n            bottom: 0;\n            right: 0;\n            z-index: 999999;\n            border: 1px solid #ccc;\n            margin: 10px;\n          }\n\n          .card-heading {\n            display: flex;\n            align-items: center;\n            justify-content: center;\n            padding-bottom: 10px;\n            color: black;\n            margin: 0;\n            font-size: 16px;\n          }\n\n          .segmented-control-container {\n            display: flex;\n            background-color: #e5e7eb !important; \n            border-radius: 9999px; \n            padding: 0.25rem; \n            margin-left: auto;\n            margin-right: auto;\n            max-width: 28rem;\n            box-shadow: inset 0 2px 4px 0 rgba(0, 0, 0, 0.05); \n          }\n\n          .brand-segment {\n            display: flex;\n            flex-direction: column;\n            align-items: center;\n            justify-content: center;\n            flex: 1;\n            padding: 0px 8px; \n            cursor: pointer;\n            transition: all 300ms ease-in-out;\n            border-radius: 9999px;\n            color: #4b5563; \n            cursor: pointer;\n          }\n\n          .brand-segment:hover {\n            background-color: #f3f4f6 !important;\n          }\n\n          .brand-segment.active {\n            background-color: #fff !important;\n            color: #1f2937; \n            box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -2px rgba(0, 0, 0, 0.1);\n          }\n\n          .brand-logo {\n            height: 40px;\n            width: 40px; \n            object-fit: contain;\n          }\n\n          .brand-name {\n            font-size: 0.75rem; \n            line-height: 1rem; \n            font-weight: 600; \n            color: #4b5563;\n          }\n\n          .brand-segment.active .brand-name {\n            color: #1f2937; \n          }\n\n          .content-area {\n            padding: 2rem; \n          }\n\n          .selected-text {\n            color: #4b5563; \n            text-align: center;\n            font-size: 1.125rem; \n            line-height: 1.75rem; \n          }\n\n          .selected-brand-name {\n            font-weight: 700; /* font-bold */\n            color: #6d28d9; /* text-purple-700 */\n          }\n\n          .dynamic-content-box {\n            margin-top: 1.5rem; /* mt-6 */\n            padding: 1rem; /* p-4 */\n            background-color: #f9fafb; /* bg-gray-50 */\n            border-radius: 0.5rem; /* rounded-lg */\n            color: #374151; /* text-gray-700 */\n            font-size: 0.875rem; /* text-sm */\n            line-height: 1.25rem; /* text-sm */\n            font-style: italic;\n          }\n\n          /* Responsive adjustments for smaller screens if needed */\n          @media (max-width: 640px) {\n              .segmented-control-container {\n                  max-width: 100%; /* Allows it to take full width on small screens */\n                  padding: 0.15rem; /* Slightly less padding */\n              }\n              .brand-segment {\n                  padding-left: 0.5rem;\n                  padding-right: 0.5rem;\n              }\n              .brand-logo {\n                  height: 1.8rem; /* Slightly smaller on mobile */\n              }\n          }\n          "),t("div",{class:"card-container"},t("h2",{class:"card-heading"},"Select Branding"),t("div",{class:"segmented-control-container"},this.brands.map((e=>t("div",{key:e.name,class:"brand-segment "+(this.selectedBrand===e.name?"active":""),onClick:()=>this.updateBrand(e.name)},t("img",{src:e.logoUrl,alt:`${e.name} Logo`,class:"brand-logo",onError:e=>{e.target.src="https://placehold.co/80x40/cccccc/000000?text=Logo"}})))))))}},vt=class{constructor(t){e(this,t),this.ignored=!0,this.width=347,this.gap=24,i(this)}disconnectedCallback(){}render(){return t(ae,Object.assign({},M(this)),t("slot",null))}};function bt(e){var t;const r=s(j),[o,a]=l(!1);return n((()=>{var t,o;(null===(t=null==r?void 0:r.initialData)||void 0===t?void 0:t[e.checkboxName])&&a(!!(null===(o=null==r?void 0:r.initialData)||void 0===o?void 0:o[e.checkboxName]))}),[null===(t=null==r?void 0:r.initialData)||void 0===t?void 0:t[e.checkboxName]]),{states:{registrationFormState:r,checked:o},callbacks:{setChecked:a}}}const yt=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,i(this)}disconnectedCallback(){}render(){const e=D([{attribute:"checkbox-name",value:this.checkboxName}]);if(!m()&&e)return t(J,{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={...M(this)},{states:o,callbacks:a}=m()?N({states:{registrationFormState:{},checked:!1},callbacks:{setChecked:()=>{}}},this.demoData||{},{arrayMerge:(e,t)=>t}):bt(this);return t(ie,{states:o,content:r,callbacks:a})}},xt=g.gql`
   query fuelTankRewardsQuery($programId: ID!) {
     user: viewer {
       ... on User {

package/dist/mint-components/{p-69f6e817.system.js → p-5f1c925b.system.js}

@@ -1 +1 @@
-System.register(["./p-641f968d.system.js","./p-503a4e96.system.js","./p-1a673057.system.js","./p-7562cd98.system.js"],(function(e){"use strict";var t,s,a,i;return{setters:[function(e){t=e.h},function(e){s=e.i},function(e){a=e.c},function(e){i=e.T}],execute:function(){e("P",l);function l(e){var l,r,n,o,d;var u=e.states,m=e.callbacks;var p=u.text,c=u.formState;var v=c.errors,b=c.error;var x={Container:{display:"flex",flexDirection:"column",gap:"var(--sl-spacing-xxx-large)",padding:"var(--sl-spacing-xxx-large)"},FormStyle:{width:"100%",minWidth:"700px","& >*:not(:last-child)":{"margin-bottom":"32px"},"@media screen and (max-width: 1100px)":{minWidth:"100%"}},Error:{"&::part(erroralert-base)":{"margin-bottom":"32px"}},Success:{"&::part(successalert-base)":{"margin-bottom":"32px"}},NameInputStyle:{width:"50%","@media screen and (max-width: 860px)":{width:"100%","margin-right":"0"}},NameInputContainer:{display:"flex",gap:"32px",width:"100%","@media screen and (max-width: 860px)":{flexDirection:"column"}}};var f=a(x);var g=f.toString();var y=((l=u.user)===null||l===void 0?void 0:l.countryCode)?s.formatDisplayName((r=u.user)===null||r===void 0?void 0:r.countryCode,{type:"region"}):"";return t("div",{class:f.classes.Container,part:"sqm-base"},t("style",{type:"text/css"},g),t(i,Object.assign({},{type:"h1"}),p.editProfileHeader),t(i,Object.assign({},{type:"h2"}),p.editProfileSubHeader),t("form",{class:f.classes.FormStyle,onSubmit:m.onSubmit},u.success&&t("sqm-form-message",{class:f.classes.Success,exportparts:"success-icon"},t("div",{part:"successalert-text"},p.submissionSuccessText)),b&&t("sqm-form-message",{class:f.classes.Error,type:"error",exportparts:"erroralert-icon"},t("div",{part:"erroralert-text"},b)),t("div",{class:f.classes.NameInputContainer},t("sl-input",Object.assign({class:f.classes.NameInputStyle,exportparts:"label: input-label, base: input-base",value:(n=u.user)===null||n===void 0?void 0:n.firstName,onInput:m.onChange,label:p.firstnametext,disabled:u.loading},(v===null||v===void 0?void 0:v.firstName)&&(v===null||v===void 0?void 0:v.firstName.status)!=="valid"?{class:"ErrorStyles",helpText:p.fieldEmptyText}:[],{id:"firstName",name:"firstName",error:(v===null||v===void 0?void 0:v.firstName)&&(v===null||v===void 0?void 0:v.firstName.status)!=="valid"?v===null||v===void 0?void 0:v.firstName.message:undefined})),t("sl-input",Object.assign({class:f.classes.NameInputStyle,exportparts:"label: input-label, base: input-base",value:(o=u.user)===null||o===void 0?void 0:o.lastName,onInput:m.onChange,label:p.lastnametext,disabled:u.loading,id:"lastName",name:"lastName"},(v===null||v===void 0?void 0:v.lastName)&&(v===null||v===void 0?void 0:v.lastName.status)!=="valid"?{class:"ErrorStyles",helpText:p.fieldEmptyText}:[],{error:(v===null||v===void 0?void 0:v.lastName)&&(v===null||v===void 0?void 0:v.lastName.status)!=="valid"?v===null||v===void 0?void 0:v.lastName.message:undefined}))),t("sl-input",{label:p.emailtext,value:(d=u.user)===null||d===void 0?void 0:d.email,exportparts:"label: input-label, base: input-base",disabled:true}),u.showCountry&&t("sl-input",{label:p.countrytext,value:y,exportparts:"label: input-label, base: input-base",disabled:true}),t("sl-button",{type:"primary",exportparts:"base: primarybutton-base",loading:u.loading,disabled:u.submitDisabled,onClick:function(e){m.onSubmit(e)},submit:true},p.submitChangeButtonText)))}}}}));
+System.register(["./p-641f968d.system.js","./p-8580da12.system.js","./p-1a673057.system.js","./p-7562cd98.system.js"],(function(e){"use strict";var t,s,a,i;return{setters:[function(e){t=e.h},function(e){s=e.i},function(e){a=e.c},function(e){i=e.T}],execute:function(){e("P",l);function l(e){var l,r,n,o,d;var u=e.states,m=e.callbacks;var p=u.text,c=u.formState;var v=c.errors,b=c.error;var x={Container:{display:"flex",flexDirection:"column",gap:"var(--sl-spacing-xxx-large)",padding:"var(--sl-spacing-xxx-large)"},FormStyle:{width:"100%",minWidth:"700px","& >*:not(:last-child)":{"margin-bottom":"32px"},"@media screen and (max-width: 1100px)":{minWidth:"100%"}},Error:{"&::part(erroralert-base)":{"margin-bottom":"32px"}},Success:{"&::part(successalert-base)":{"margin-bottom":"32px"}},NameInputStyle:{width:"50%","@media screen and (max-width: 860px)":{width:"100%","margin-right":"0"}},NameInputContainer:{display:"flex",gap:"32px",width:"100%","@media screen and (max-width: 860px)":{flexDirection:"column"}}};var f=a(x);var g=f.toString();var y=((l=u.user)===null||l===void 0?void 0:l.countryCode)?s.formatDisplayName((r=u.user)===null||r===void 0?void 0:r.countryCode,{type:"region"}):"";return t("div",{class:f.classes.Container,part:"sqm-base"},t("style",{type:"text/css"},g),t(i,Object.assign({},{type:"h1"}),p.editProfileHeader),t(i,Object.assign({},{type:"h2"}),p.editProfileSubHeader),t("form",{class:f.classes.FormStyle,onSubmit:m.onSubmit},u.success&&t("sqm-form-message",{class:f.classes.Success,exportparts:"success-icon"},t("div",{part:"successalert-text"},p.submissionSuccessText)),b&&t("sqm-form-message",{class:f.classes.Error,type:"error",exportparts:"erroralert-icon"},t("div",{part:"erroralert-text"},b)),t("div",{class:f.classes.NameInputContainer},t("sl-input",Object.assign({class:f.classes.NameInputStyle,exportparts:"label: input-label, base: input-base",value:(n=u.user)===null||n===void 0?void 0:n.firstName,onInput:m.onChange,label:p.firstnametext,disabled:u.loading},(v===null||v===void 0?void 0:v.firstName)&&(v===null||v===void 0?void 0:v.firstName.status)!=="valid"?{class:"ErrorStyles",helpText:p.fieldEmptyText}:[],{id:"firstName",name:"firstName",error:(v===null||v===void 0?void 0:v.firstName)&&(v===null||v===void 0?void 0:v.firstName.status)!=="valid"?v===null||v===void 0?void 0:v.firstName.message:undefined})),t("sl-input",Object.assign({class:f.classes.NameInputStyle,exportparts:"label: input-label, base: input-base",value:(o=u.user)===null||o===void 0?void 0:o.lastName,onInput:m.onChange,label:p.lastnametext,disabled:u.loading,id:"lastName",name:"lastName"},(v===null||v===void 0?void 0:v.lastName)&&(v===null||v===void 0?void 0:v.lastName.status)!=="valid"?{class:"ErrorStyles",helpText:p.fieldEmptyText}:[],{error:(v===null||v===void 0?void 0:v.lastName)&&(v===null||v===void 0?void 0:v.lastName.status)!=="valid"?v===null||v===void 0?void 0:v.lastName.message:undefined}))),t("sl-input",{label:p.emailtext,value:(d=u.user)===null||d===void 0?void 0:d.email,exportparts:"label: input-label, base: input-base",disabled:true}),u.showCountry&&t("sl-input",{label:p.countrytext,value:y,exportparts:"label: input-label, base: input-base",disabled:true}),t("sl-button",{type:"primary",exportparts:"base: primarybutton-base",loading:u.loading,disabled:u.submitDisabled,onClick:function(e){m.onSubmit(e)},submit:true},p.submitChangeButtonText)))}}}}));

package/dist/mint-components/{p-6902569f.system.js → p-609460fe.system.js}

@@ -1 +1 @@
-System.register(["./p-641f968d.system.js","./p-503a4e96.system.js","./p-b6504987.system.js","./p-30c1ef36.system.js","./p-1a673057.system.js"],(function(e){"use strict";var s,t,a,i,n,r;return{setters:[function(e){s=e.h},function(e){t=e.i},function(e){a=e.k;i=e.y},function(e){n=e._},function(e){r=e.c}],execute:function(){e({R:u,u:g});var l={IconStyle:{display:"block",position:"absolute",top:"23px"},DivStyle:{marginLeft:"28px"},Details:{marginLeft:"28px"},Heading:{display:"inline-block"},Children:{display:"none"}};var o=r(l);var c=o.toString();function u(e,i){var r=e.missingProps,l=e.heading,u=l===void 0?"There was a problem loading this section":l,d=e.subheading,f=d===void 0?"There was a technical problem that prevented this section from loading. Please contact us with the link to this page.":d,g=e.description,m=g===void 0?"Error occured while loading <{tagName}>. Values for the following attributes are missing:":g;if(!r)return false;var p=n();var v=a(false),h=v[0],y=v[1];return s("sl-alert",{type:"danger",open:true},s("style",{type:"text/css"},c),s("div",{slot:"icon",class:o.classes.IconStyle},s("sl-icon",{name:"exclamation-octagon"})),s("div",{class:o.classes.DivStyle},s("h2",{class:o.classes.Heading},t.formatMessage({id:"error-heading",defaultMessage:u})),s("p",null,t.formatMessage({id:"error-subheading",defaultMessage:f}))),s("details",{class:o.classes.Details},s("summary",{onClick:function(){return y(!h)}},h?"Less":"More"," details"),s("p",null,t.formatMessage({id:"error-description",defaultMessage:m},{tagName:p.tagName.toLowerCase()})),s("ul",null,r.map((function(e){return s("li",null,s("strong",null,e.attribute))})))),s("div",{class:o.classes.Children},i))}var d=e("L","sq:lead-form-state");var f="sq:lead-form-state-internal";function g(e){var s=n();var t=i(s,d,e),a=t[0],r=t[1];i(s,f,[a,r]);return{leadFormState:a,setLeadFormState:r}}}}}));
+System.register(["./p-641f968d.system.js","./p-8580da12.system.js","./p-b6504987.system.js","./p-30c1ef36.system.js","./p-1a673057.system.js"],(function(e){"use strict";var s,t,a,i,n,r;return{setters:[function(e){s=e.h},function(e){t=e.i},function(e){a=e.k;i=e.y},function(e){n=e._},function(e){r=e.c}],execute:function(){e({R:d,u:g});var l={IconStyle:{display:"block",position:"absolute",top:"23px"},DivStyle:{marginLeft:"28px"},Details:{marginLeft:"28px"},Heading:{display:"inline-block"},Children:{display:"none"}};var o=r(l);var c=o.toString();function d(e,i){var r=e.missingProps,l=e.heading,d=l===void 0?"There was a problem loading this section":l,u=e.subheading,f=u===void 0?"There was a technical problem that prevented this section from loading. Please contact us with the link to this page.":u,g=e.description,m=g===void 0?"Error occured while loading <{tagName}>. Values for the following attributes are missing:":g;if(!r)return false;var p=n();var v=a(false),h=v[0],y=v[1];return s("sl-alert",{type:"danger",open:true},s("style",{type:"text/css"},c),s("div",{slot:"icon",class:o.classes.IconStyle},s("sl-icon",{name:"exclamation-octagon"})),s("div",{class:o.classes.DivStyle},s("h2",{class:o.classes.Heading},t.formatMessage({id:"error-heading",defaultMessage:d})),s("p",null,t.formatMessage({id:"error-subheading",defaultMessage:f}))),s("details",{class:o.classes.Details},s("summary",{onClick:function(){return y(!h)}},h?"Less":"More"," details"),s("p",null,t.formatMessage({id:"error-description",defaultMessage:m},{tagName:p.tagName.toLowerCase()})),s("ul",null,r.map((function(e){return s("li",null,s("strong",null,e.attribute))})))),s("div",{class:o.classes.Children},i))}var u=e("L","sq:lead-form-state");var f="sq:lead-form-state-internal";function g(e){var s=n();var t=i(s,u,e),a=t[0],r=t[1];i(s,f,[a,r]);return{leadFormState:a,setLeadFormState:r}}}}}));

package/dist/mint-components/{p-efd059d9.entry.js → p-63b4aa68.entry.js}

@@ -1,4 +1,4 @@
-import{r as e,h as t}from"./p-083180bf.js";import"./p-e381c19e.js";import{k as r,f as i,n as o}from"./p-a7fc1e02.js";import{d as s,J as a,w as l,$ as n,i as u}from"./p-d0993bb9.js";import{c as d}from"./p-c1086930.js";import{g as m}from"./p-9ec99ced.js";import"./p-cef45012.js";import"./p-c813ec64.js";import{P as c}from"./p-741893ee.js";import{i as v}from"./p-0d83907e.js";const f=s.gql`
+import{r as e,h as t}from"./p-083180bf.js";import"./p-f2793763.js";import{k as r,f as i,n as o}from"./p-a7fc1e02.js";import{d as s,J as a,w as l,$ as n,i as u}from"./p-d0993bb9.js";import{c as d}from"./p-c1086930.js";import{g as m}from"./p-9ec99ced.js";import"./p-cef45012.js";import"./p-c813ec64.js";import{P as c}from"./p-eba85578.js";import{i as v}from"./p-0d83907e.js";const f=s.gql`
   query {
     viewer {
       ... on User {

package/dist/mint-components/{p-55500340.entry.js → p-67032ccb.entry.js}

@@ -1 +1 @@
-import{r as e,h as i}from"./p-083180bf.js";import"./p-e381c19e.js";import{k as a,m as t,f as s,n}from"./p-a7fc1e02.js";import{l as r,n as o,J as l,j as c,b as d,i as v}from"./p-d0993bb9.js";import{c as u}from"./p-c1086930.js";import"./p-cef45012.js";import"./p-49b20dae.js";import"./p-c813ec64.js";import{P as m}from"./p-c728a62d.js";const f=class{constructor(i){e(this,i),this.ignored=!0,this.redirectPath="/verifyEmail",this.emailVerificationHeader="Verify your email",this.resendEmailButtonText="Re-send Email",this.verifyMessage="A verification email was sent to {email}. Please verify your email to continue to the portal. Resending an email will invalidate the previous email.",this.verificationStatusMessage="Checking verification status in {countdown}",this.verificationLoadingMessage="Checking verification status",this.verificationResentMessage="Your verification email has been resent successfully",this.networkErrorMessage="An error occurred while verifying your password. Please refresh the page.",n(this)}disconnectedCallback(){}render(){const{states:e,callbacks:n,content:f}=v()?u({states:{error:"",loading:!1,success:!1,countdown:10},callbacks:{submit:async()=>{}},content:{email:"test@example.com",verifyMessage:(h=this).verifyMessage,emailVerificationHeader:h.emailVerificationHeader,resendEmailButtonText:h.resendEmailButtonText,verificationLoadingMessage:h.verificationLoadingMessage,verificationStatusMessage:h.verificationStatusMessage,verificationResentMessage:h.verificationResentMessage,networkErrorMessage:h.networkErrorMessage}},h.demoData||{},{arrayMerge:(e,i)=>i}):function(e){var i,n,v,u,m,f,h,g,p;const[y,{loading:b,errors:w}]=r(),[M,{data:j,loading:k}]=o(),I=l(),P=null===(i=null==I?void 0:I.managedIdentity)||void 0===i?void 0:i.email,E=new URLSearchParams(c.location.search),x=E.get("nextPage"),[R,V]=a(!1),[C,L]=a(""),[S,_]=a(10),A=t(void 0),B=t(void 0);async function H(){var i;const a=await M();if(null===(i=null==a?void 0:a.managedIdentitySession)||void 0===i?void 0:i.emailVerified)return clearInterval(A.current),c.push({pathname:e.redirectPath,search:E.toString()&&"?"+E.toString()});U(10)}const T=(e=1e4)=>setInterval(H,e),q=e=>setInterval((()=>_(e)),1e3);function U(e){if(clearInterval(B.current),clearInterval(A.current),"hidden"===document.visibilityState)return;e&&_(e);let i=S||10;B.current=q(e-1||i-1),A.current=T(1e3*e||1e3*i)}const Y=d((()=>U()),[S]);return s((()=>(A.current||(H(),A.current=T()),()=>{clearInterval(A.current)})),[]),s((()=>(S>0&&(clearInterval(B.current),B.current=q(S-1)),document.addEventListener("visibilitychange",Y),()=>{clearInterval(B.current),document.removeEventListener("visibilitychange",Y)})),[S]),{states:{loading:b,error:(null===(m=null===(u=null===(v=null===(n=null==w?void 0:w.response)||void 0===n?void 0:n.errors)||void 0===v?void 0:v[0])||void 0===u?void 0:u.extensions)||void 0===m?void 0:m.message)||(null===(g=null===(h=null===(f=null==w?void 0:w.response)||void 0===f?void 0:f.errors)||void 0===h?void 0:h[0])||void 0===g?void 0:g.message)||C,success:R,loadingVerification:k,isVerified:!!(null===(p=null==j?void 0:j.managedIdentitySession)||void 0===p?void 0:p.emailVerified),countdown:S},callbacks:{submit:async()=>{var i;if(!P)return;L(""),V(!1);const a={email:P,urlParams:x?{nextPage:x}:null,redirectPath:e.redirectPath},t=await y(a);t instanceof Error?t.message&&L(e.networkErrorMessage):(null===(i=t.requestManagedIdentityVerificationEmail)||void 0===i?void 0:i.success)&&V(!0)}},content:{email:P,verifyMessage:e.verifyMessage,emailVerificationHeader:e.emailVerificationHeader,resendEmailButtonText:e.resendEmailButtonText,verificationLoadingMessage:e.verificationLoadingMessage,verificationStatusMessage:e.verificationStatusMessage,verificationResentMessage:e.verificationResentMessage,networkErrorMessage:e.networkErrorMessage}}}(this);var h;return i(m,{states:e,callbacks:n,content:f})}};export{f as sqm_portal_email_verification}
+import{r as e,h as i}from"./p-083180bf.js";import"./p-f2793763.js";import{k as a,m as t,f as s,n}from"./p-a7fc1e02.js";import{l as r,n as o,J as l,j as c,b as d,i as v}from"./p-d0993bb9.js";import{c as u}from"./p-c1086930.js";import"./p-cef45012.js";import"./p-49b20dae.js";import"./p-c813ec64.js";import{P as m}from"./p-1336f55e.js";const f=class{constructor(i){e(this,i),this.ignored=!0,this.redirectPath="/verifyEmail",this.emailVerificationHeader="Verify your email",this.resendEmailButtonText="Re-send Email",this.verifyMessage="A verification email was sent to {email}. Please verify your email to continue to the portal. Resending an email will invalidate the previous email.",this.verificationStatusMessage="Checking verification status in {countdown}",this.verificationLoadingMessage="Checking verification status",this.verificationResentMessage="Your verification email has been resent successfully",this.networkErrorMessage="An error occurred while verifying your password. Please refresh the page.",n(this)}disconnectedCallback(){}render(){const{states:e,callbacks:n,content:f}=v()?u({states:{error:"",loading:!1,success:!1,countdown:10},callbacks:{submit:async()=>{}},content:{email:"test@example.com",verifyMessage:(h=this).verifyMessage,emailVerificationHeader:h.emailVerificationHeader,resendEmailButtonText:h.resendEmailButtonText,verificationLoadingMessage:h.verificationLoadingMessage,verificationStatusMessage:h.verificationStatusMessage,verificationResentMessage:h.verificationResentMessage,networkErrorMessage:h.networkErrorMessage}},h.demoData||{},{arrayMerge:(e,i)=>i}):function(e){var i,n,v,u,m,f,h,g,p;const[y,{loading:b,errors:w}]=r(),[M,{data:j,loading:k}]=o(),I=l(),P=null===(i=null==I?void 0:I.managedIdentity)||void 0===i?void 0:i.email,E=new URLSearchParams(c.location.search),x=E.get("nextPage"),[R,V]=a(!1),[C,L]=a(""),[S,_]=a(10),A=t(void 0),B=t(void 0);async function H(){var i;const a=await M();if(null===(i=null==a?void 0:a.managedIdentitySession)||void 0===i?void 0:i.emailVerified)return clearInterval(A.current),c.push({pathname:e.redirectPath,search:E.toString()&&"?"+E.toString()});U(10)}const T=(e=1e4)=>setInterval(H,e),q=e=>setInterval((()=>_(e)),1e3);function U(e){if(clearInterval(B.current),clearInterval(A.current),"hidden"===document.visibilityState)return;e&&_(e);let i=S||10;B.current=q(e-1||i-1),A.current=T(1e3*e||1e3*i)}const Y=d((()=>U()),[S]);return s((()=>(A.current||(H(),A.current=T()),()=>{clearInterval(A.current)})),[]),s((()=>(S>0&&(clearInterval(B.current),B.current=q(S-1)),document.addEventListener("visibilitychange",Y),()=>{clearInterval(B.current),document.removeEventListener("visibilitychange",Y)})),[S]),{states:{loading:b,error:(null===(m=null===(u=null===(v=null===(n=null==w?void 0:w.response)||void 0===n?void 0:n.errors)||void 0===v?void 0:v[0])||void 0===u?void 0:u.extensions)||void 0===m?void 0:m.message)||(null===(g=null===(h=null===(f=null==w?void 0:w.response)||void 0===f?void 0:f.errors)||void 0===h?void 0:h[0])||void 0===g?void 0:g.message)||C,success:R,loadingVerification:k,isVerified:!!(null===(p=null==j?void 0:j.managedIdentitySession)||void 0===p?void 0:p.emailVerified),countdown:S},callbacks:{submit:async()=>{var i;if(!P)return;L(""),V(!1);const a={email:P,urlParams:x?{nextPage:x}:null,redirectPath:e.redirectPath},t=await y(a);t instanceof Error?t.message&&L(e.networkErrorMessage):(null===(i=t.requestManagedIdentityVerificationEmail)||void 0===i?void 0:i.success)&&V(!0)}},content:{email:P,verifyMessage:e.verifyMessage,emailVerificationHeader:e.emailVerificationHeader,resendEmailButtonText:e.resendEmailButtonText,verificationLoadingMessage:e.verificationLoadingMessage,verificationStatusMessage:e.verificationStatusMessage,verificationResentMessage:e.verificationResentMessage,networkErrorMessage:e.networkErrorMessage}}}(this);var h;return i(m,{states:e,callbacks:n,content:f})}};export{f as sqm_portal_email_verification}