@saasquatch/mint-components 1.15.0-157 → 1.15.0-159

package/dist/mint-components/{p-9036b073.entry.js → p-e18813bc.entry.js}

@@ -1,4 +1,4 @@
-import{r as e,h as t,c as r}from"./p-c7c11325.js";import{b as o,i as n}from"./p-6e1d64c0.js";import{n as a,f as s,k as i,i as l,u as d,m as c,b as u,j as h}from"./p-63e29387.js";import{i as m,_ as p,d as g,J as f,H as b,B as v,$ as y,w as x,L as w,y as k,j as C,q as F,r as _,V as E,u as I,b as q,Q as S,k as R}from"./p-0ec54f97.js";import{j as A}from"./p-e7e129ac.js";import{c as T}from"./p-c1086930.js";import{g as M,a as N}from"./p-6951663b.js";import{c as D}from"./p-cef45012.js";import"./p-9c79ab08.js";import"./p-49b20dae.js";import{C as B}from"./p-45c3ff6d.js";import{a as L}from"./p-f5fff87e.js";import{u as j}from"./p-976ee669.js";import"./p-08700497.js";import"./p-204861a6.js";import{p as z}from"./p-8d363802.js";import{E as P}from"./p-5ff2da11.js";import{R as V,u as $}from"./p-125a894f.js";import{u as O}from"./p-71af93e3.js";import{P as U}from"./p-240bec23.js";import{u as H}from"./p-aa596749.js";import{A as W}from"./p-121cdc60.js";import{i as G}from"./p-513f5d80.js";import{u as Y,U as J,B as K,C as Z,c as X,e as Q,D as ee,E as te,H as re,I as oe,V as ne,L as ae,N as se,f as ie,P as le,g as de,h as ce,i as ue,d as he,R as me,j as pe,W as ge,J as fe,a as be,K as ve,S as ye,T as xe}from"./p-df14f63b.js";import"./p-9580aac3.js";import{p as we}from"./p-13f3a647.js";import{u as ke}from"./p-293e3b25.js";const Ce={main:{brandFont:"Netflix Sans, Arial, sans-serif",brandColor:"#E50914"},border:{borderColor:"#333333",borderRadius:4,borderThickness:1},color:{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}},Fe=Object.freeze({__proto__:null,Default:null,Netflix:Ce,Amazon:{main:{brandFont:"Amazon Ember, Arial, sans-serif",brandColor:"#FF9900"},border:{borderColor:"#D5D9D9",borderRadius:4,borderThickness:1},color:{backgroundColor:"#ffffff",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:{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"}}}),_e=class{constructor(t){e(this,t),this.flexReverse=!1,this.alignment="center",this.ignored=!0,a(this)}disconnectedCallback(){}render(){var e;const{props:r,label:o}=m()?Y(this):J(this),n=!!(null===(e=p().innerHTML)||void 0===e?void 0:e.trim()),a=t("slot",{name:"label"},n?t("slot",null):o);return t(K,Object.assign({},r,{labelSlot:a}))}};function Ee(e,t,r){return Math.min(Math.max(e,r),t)}class Ie extends Error{constructor(e){super(`Failed to parse color: "${e}"`)}}function qe(e){if("string"!=typeof e)throw new Ie(e);if("transparent"===e.trim().toLowerCase())return[0,0,0,0];let t=e.trim();t=Be.test(e)?function(e){const t=e.toLowerCase().trim(),r=Re[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 Ie(e);return`#${r}`}(e):e;const r=Te.exec(t);if(r){const e=Array.from(r).slice(1);return[...e.slice(0,3).map((e=>parseInt(Ae(e,2),16))),parseInt(Ae(e[3]||"f",2),16)/255]}const o=Me.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 n=Ne.exec(t);if(n){const e=Array.from(n).slice(1);return[...e.slice(0,3).map((e=>parseInt(e,10))),parseFloat(e[3]||"1")]}const a=De.exec(t);if(a){const[t,r,o,n]=Array.from(a).slice(1).map(parseFloat);if(Ee(0,100,r)!==r)throw new Ie(e);if(Ee(0,100,o)!==o)throw new Ie(e);return[...je(t,r,o),n||1]}throw new Ie(e)}const Se=e=>parseInt(e.replace(/_/g,""),36),Re="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=Se(t.substring(0,3)),o=Se(t.substring(3)).toString(16);let n="";for(let e=0;e<6-o.length;e++)n+="0";return e[r]=`${n}${o}`,e}),{}),Ae=(e,t)=>Array.from(Array(t)).map((()=>e)).join(""),Te=new RegExp(`^#${Ae("([a-f0-9])",3)}([a-f0-9])?$`,"i"),Me=new RegExp(`^#${Ae("([a-f0-9]{2})",3)}([a-f0-9]{2})?$`,"i"),Ne=new RegExp(`^rgba?\\(\\s*(\\d+)\\s*${Ae(",\\s*(\\d+)\\s*",2)}(?:,\\s*([\\d.]+))?\\s*\\)$`,"i"),De=/^hsla?\(\s*([\d.]+)\s*,\s*([\d.]+)%\s*,\s*([\d.]+)%(?:\s*,\s*([\d.]+))?\s*\)$/i,Be=/^[a-z]+$/i,Le=e=>Math.round(255*e),je=(e,t,r)=>{let o=r/100;if(0===t)return[o,o,o].map(Le);const n=(e%360+360)%360/60,a=(1-Math.abs(2*o-1))*(t/100),s=a*(1-Math.abs(n%2-1));let i=0,l=0,d=0;n>=0&&n<1?(i=a,l=s):n>=1&&n<2?(i=s,l=a):n>=2&&n<3?(l=a,d=s):n>=3&&n<4?(l=s,d=a):n>=4&&n<5?(i=s,d=a):n>=5&&n<6&&(i=a,d=s);const c=o-a/2;return[i+c,l+c,d+c].map(Le)},ze=[50,100,200,300,400,500,600,700,800,900,950],Pe=[.95,.86,.76,.66,.56,.46,.39,.32,.25,.18,.15],Ve=/^hsla?\(\s*([\d.]+)\s*,\s*([\d.]+)%\s*,\s*([\d.]+)%(?:\s*,\s*([\d.]+))?\s*\)$/i;function $e(e,t="primary"){const[r,o,n,a]=function(e){const t=e.trim(),r=Ve.exec(t);if(r){const[t,o,n,a]=Array.from(r).slice(1).map(parseFloat);if(Ee(0,100,o)!==o)throw new Ie(e);if(Ee(0,100,n)!==n)throw new Ie(e);return[t,o/100,n,a||1]}return function(e){const[t,r,o,n]=qe(e).map(((e,t)=>3===t?e:e/255)),a=Math.max(t,r,o),s=Math.min(t,r,o),i=(a+s)/2;if(a===s)return[0,0,i,n];const l=a-s;return[60*(t===a?(r-o)/l+(r<o?6:0):r===a?(o-t)/l+2:(t-r)/l+4),i>.5?l/(2-a-s):l/(a+s),i,n]}(e)}(e);return Pe.map((e=>function(e,t,r,o){return`hsla(${(e%360).toFixed()}, ${Ee(0,100,100*t).toFixed()}%, ${Ee(0,100,100*r).toFixed()}%, ${parseFloat(Ee(0,1,o).toFixed(3))})`}(r,o,e,a))).map(((e,r)=>`--sl-color-${t}-${ze[r]}: ${e};\n`))}const Oe=class{constructor(t){e(this,t),a(this)}disconnectedCallback(){}render(){var e,n,a,i,l,d;const c=null===(n=null===(e=window.SquatchBrandingConfig)||void 0===e?void 0:e.main)||void 0===n?void 0:n.brandFont,u=(null===(i=null===(a=window.SquatchBrandingConfig)||void 0===a?void 0:a.main)||void 0===i?void 0:i.brandColor)?"":null!==(l=function(e){if(e)try{return function(e,t="primary"){return $e(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;s((()=>{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))}},Ue=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=Fe[r]||Ce;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=Fe[e]||Ce,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"}})))))))}},He=class{constructor(t){e(this,t),this.ignored=!0,this.width=347,this.gap=24,a(this)}disconnectedCallback(){}render(){return t(Z,Object.assign({},M(this)),t("slot",null))}},We=D({IconStyle:{display:"block",position:"absolute",top:"23px"},DivStyle:{marginLeft:"28px"},Details:{marginLeft:"28px"},Heading:{display:"inline-block"},Children:{display:"none"}}),Ge=We.toString();function Ye({missingProps:e,heading:r="There was a problem loading this section",subheading:o="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:"},s){if(!e)return!1;const l=p(),[d,c]=i(!1);return t("sl-alert",{type:"danger",open:!0},t("style",{type:"text/css"},Ge),t("div",{slot:"icon",class:We.classes.IconStyle},t("sl-icon",{name:"exclamation-octagon"})),t("div",{class:We.classes.DivStyle},t("h2",{class:We.classes.Heading},n.formatMessage({id:"error-heading",defaultMessage:r})),t("p",null,n.formatMessage({id:"error-subheading",defaultMessage:o}))),t("details",{class:We.classes.Details},t("summary",{onClick:()=>c(!d)},d?"Less":"More"," details"),t("p",null,n.formatMessage({id:"error-description",defaultMessage:a},{tagName:l.tagName.toLowerCase()})),t("ul",null,e.map((e=>t("li",null,t("strong",null,e.attribute)))))),t("div",{class:We.classes.Children},s))}function Je(e){var t;const r=l(V),[o,n]=i(!1);return s((()=>{var t,o;(null===(t=null==r?void 0:r.initialData)||void 0===t?void 0:t[e.checkboxName])&&n(!!(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:n}}}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,a(this)}disconnectedCallback(){}render(){const e=N([{attribute:"checkbox-name",value:this.checkboxName}]);if(!m()&&e)return t(Ye,{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:n}=m()?T({states:{registrationFormState:{},checked:!1},callbacks:{setChecked:()=>{}}},this.demoData||{},{arrayMerge:(e,t)=>t}):Je(this);return t(X,{states:o,content:r,callbacks:n})}},Ze=g.gql`
+import{r as e,h as t,c as r}from"./p-c7c11325.js";import{b as o,i as n}from"./p-db1a0db1.js";import{n as a,f as s,k as i,i as l,u as d,m as c,b as u,j as h}from"./p-63e29387.js";import{i as m,_ as p,d as g,J as f,H as b,B as v,$ as y,w as x,L as w,y as k,j as C,q as F,r as _,V as E,u as I,b as q,Q as S,k as R}from"./p-0ec54f97.js";import{j as A}from"./p-e7e129ac.js";import{c as T}from"./p-c1086930.js";import{g as M,a as N}from"./p-6951663b.js";import{c as D}from"./p-cef45012.js";import"./p-9c79ab08.js";import"./p-49b20dae.js";import{C as B}from"./p-45c3ff6d.js";import{a as L}from"./p-f5fff87e.js";import{u as j}from"./p-976ee669.js";import"./p-08700497.js";import"./p-204861a6.js";import{p as z}from"./p-8d363802.js";import{E as P}from"./p-5ff2da11.js";import{R as V,u as $}from"./p-125a894f.js";import{u as O}from"./p-71af93e3.js";import{P as U}from"./p-240bec23.js";import{u as H}from"./p-aa596749.js";import{A as W}from"./p-121cdc60.js";import{i as G}from"./p-513f5d80.js";import{u as Y,U as J,B as K,C as Z,c as X,e as Q,D as ee,E as te,H as re,I as oe,V as ne,L as ae,N as se,f as ie,P as le,g as de,h as ce,i as ue,d as he,R as me,j as pe,W as ge,J as fe,a as be,K as ve,S as ye,T as xe}from"./p-ab9d8c32.js";import"./p-9580aac3.js";import{p as we}from"./p-13f3a647.js";import{u as ke}from"./p-293e3b25.js";const Ce={main:{brandFont:"Netflix Sans, Arial, sans-serif",brandColor:"#E50914"},border:{borderColor:"#333333",borderRadius:4,borderThickness:1},color:{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}},Fe=Object.freeze({__proto__:null,Default:null,Netflix:Ce,Amazon:{main:{brandFont:"Amazon Ember, Arial, sans-serif",brandColor:"#FF9900"},border:{borderColor:"#D5D9D9",borderRadius:4,borderThickness:1},color:{backgroundColor:"#ffffff",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:{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"}}}),_e=class{constructor(t){e(this,t),this.flexReverse=!1,this.alignment="center",this.ignored=!0,a(this)}disconnectedCallback(){}render(){var e;const{props:r,label:o}=m()?Y(this):J(this),n=!!(null===(e=p().innerHTML)||void 0===e?void 0:e.trim()),a=t("slot",{name:"label"},n?t("slot",null):o);return t(K,Object.assign({},r,{labelSlot:a}))}};function Ee(e,t,r){return Math.min(Math.max(e,r),t)}class Ie extends Error{constructor(e){super(`Failed to parse color: "${e}"`)}}function qe(e){if("string"!=typeof e)throw new Ie(e);if("transparent"===e.trim().toLowerCase())return[0,0,0,0];let t=e.trim();t=Be.test(e)?function(e){const t=e.toLowerCase().trim(),r=Re[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 Ie(e);return`#${r}`}(e):e;const r=Te.exec(t);if(r){const e=Array.from(r).slice(1);return[...e.slice(0,3).map((e=>parseInt(Ae(e,2),16))),parseInt(Ae(e[3]||"f",2),16)/255]}const o=Me.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 n=Ne.exec(t);if(n){const e=Array.from(n).slice(1);return[...e.slice(0,3).map((e=>parseInt(e,10))),parseFloat(e[3]||"1")]}const a=De.exec(t);if(a){const[t,r,o,n]=Array.from(a).slice(1).map(parseFloat);if(Ee(0,100,r)!==r)throw new Ie(e);if(Ee(0,100,o)!==o)throw new Ie(e);return[...je(t,r,o),n||1]}throw new Ie(e)}const Se=e=>parseInt(e.replace(/_/g,""),36),Re="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=Se(t.substring(0,3)),o=Se(t.substring(3)).toString(16);let n="";for(let e=0;e<6-o.length;e++)n+="0";return e[r]=`${n}${o}`,e}),{}),Ae=(e,t)=>Array.from(Array(t)).map((()=>e)).join(""),Te=new RegExp(`^#${Ae("([a-f0-9])",3)}([a-f0-9])?$`,"i"),Me=new RegExp(`^#${Ae("([a-f0-9]{2})",3)}([a-f0-9]{2})?$`,"i"),Ne=new RegExp(`^rgba?\\(\\s*(\\d+)\\s*${Ae(",\\s*(\\d+)\\s*",2)}(?:,\\s*([\\d.]+))?\\s*\\)$`,"i"),De=/^hsla?\(\s*([\d.]+)\s*,\s*([\d.]+)%\s*,\s*([\d.]+)%(?:\s*,\s*([\d.]+))?\s*\)$/i,Be=/^[a-z]+$/i,Le=e=>Math.round(255*e),je=(e,t,r)=>{let o=r/100;if(0===t)return[o,o,o].map(Le);const n=(e%360+360)%360/60,a=(1-Math.abs(2*o-1))*(t/100),s=a*(1-Math.abs(n%2-1));let i=0,l=0,d=0;n>=0&&n<1?(i=a,l=s):n>=1&&n<2?(i=s,l=a):n>=2&&n<3?(l=a,d=s):n>=3&&n<4?(l=s,d=a):n>=4&&n<5?(i=s,d=a):n>=5&&n<6&&(i=a,d=s);const c=o-a/2;return[i+c,l+c,d+c].map(Le)},ze=[50,100,200,300,400,500,600,700,800,900,950],Pe=[.95,.86,.76,.66,.56,.46,.39,.32,.25,.18,.15],Ve=/^hsla?\(\s*([\d.]+)\s*,\s*([\d.]+)%\s*,\s*([\d.]+)%(?:\s*,\s*([\d.]+))?\s*\)$/i;function $e(e,t="primary"){const[r,o,n,a]=function(e){const t=e.trim(),r=Ve.exec(t);if(r){const[t,o,n,a]=Array.from(r).slice(1).map(parseFloat);if(Ee(0,100,o)!==o)throw new Ie(e);if(Ee(0,100,n)!==n)throw new Ie(e);return[t,o/100,n,a||1]}return function(e){const[t,r,o,n]=qe(e).map(((e,t)=>3===t?e:e/255)),a=Math.max(t,r,o),s=Math.min(t,r,o),i=(a+s)/2;if(a===s)return[0,0,i,n];const l=a-s;return[60*(t===a?(r-o)/l+(r<o?6:0):r===a?(o-t)/l+2:(t-r)/l+4),i>.5?l/(2-a-s):l/(a+s),i,n]}(e)}(e);return Pe.map((e=>function(e,t,r,o){return`hsla(${(e%360).toFixed()}, ${Ee(0,100,100*t).toFixed()}%, ${Ee(0,100,100*r).toFixed()}%, ${parseFloat(Ee(0,1,o).toFixed(3))})`}(r,o,e,a))).map(((e,r)=>`--sl-color-${t}-${ze[r]}: ${e};\n`))}const Oe=class{constructor(t){e(this,t),a(this)}disconnectedCallback(){}render(){var e,n,a,i,l,d;const c=null===(n=null===(e=window.SquatchBrandingConfig)||void 0===e?void 0:e.main)||void 0===n?void 0:n.brandFont,u=(null===(i=null===(a=window.SquatchBrandingConfig)||void 0===a?void 0:a.main)||void 0===i?void 0:i.brandColor)?"":null!==(l=function(e){if(e)try{return function(e,t="primary"){return $e(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;s((()=>{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))}},Ue=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=Fe[r]||Ce;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=Fe[e]||Ce,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"}})))))))}},He=class{constructor(t){e(this,t),this.ignored=!0,this.width=347,this.gap=24,a(this)}disconnectedCallback(){}render(){return t(Z,Object.assign({},M(this)),t("slot",null))}},We=D({IconStyle:{display:"block",position:"absolute",top:"23px"},DivStyle:{marginLeft:"28px"},Details:{marginLeft:"28px"},Heading:{display:"inline-block"},Children:{display:"none"}}),Ge=We.toString();function Ye({missingProps:e,heading:r="There was a problem loading this section",subheading:o="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:"},s){if(!e)return!1;const l=p(),[d,c]=i(!1);return t("sl-alert",{type:"danger",open:!0},t("style",{type:"text/css"},Ge),t("div",{slot:"icon",class:We.classes.IconStyle},t("sl-icon",{name:"exclamation-octagon"})),t("div",{class:We.classes.DivStyle},t("h2",{class:We.classes.Heading},n.formatMessage({id:"error-heading",defaultMessage:r})),t("p",null,n.formatMessage({id:"error-subheading",defaultMessage:o}))),t("details",{class:We.classes.Details},t("summary",{onClick:()=>c(!d)},d?"Less":"More"," details"),t("p",null,n.formatMessage({id:"error-description",defaultMessage:a},{tagName:l.tagName.toLowerCase()})),t("ul",null,e.map((e=>t("li",null,t("strong",null,e.attribute)))))),t("div",{class:We.classes.Children},s))}function Je(e){var t;const r=l(V),[o,n]=i(!1);return s((()=>{var t,o;(null===(t=null==r?void 0:r.initialData)||void 0===t?void 0:t[e.checkboxName])&&n(!!(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:n}}}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,a(this)}disconnectedCallback(){}render(){const e=N([{attribute:"checkbox-name",value:this.checkboxName}]);if(!m()&&e)return t(Ye,{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:n}=m()?T({states:{registrationFormState:{},checked:!1},callbacks:{setChecked:()=>{}}},this.demoData||{},{arrayMerge:(e,t)=>t}):Je(this);return t(X,{states:o,content:r,callbacks:n})}},Ze=g.gql`
   query fuelTankRewardsQuery($programId: ID!) {
     user: viewer {
       ... on User {

package/dist/mint-components/{p-764f8829.system.entry.js → p-e37c04f6.system.entry.js}

@@ -1 +1 @@
-var __makeTemplateObject=this&&this.__makeTemplateObject||function(e,t){if(Object.defineProperty){Object.defineProperty(e,"raw",{value:t})}else{e.raw=t}return e};var __assign=this&&this.__assign||function(){__assign=Object.assign||function(e){for(var t,n=1,i=arguments.length;n<i;n++){t=arguments[n];for(var r in t)if(Object.prototype.hasOwnProperty.call(t,r))e[r]=t[r]}return e};return __assign.apply(this,arguments)};System.register(["./p-59b028db.system.js","./p-b2ca97ec.system.js","./p-4f5329a2.system.js","./p-171310d9.system.js","./p-4bd679a7.system.js","./p-15bfd7e2.system.js","./p-1a673057.system.js","./p-67ad2252.system.js","./p-9753f986.system.js","./p-e174b704.system.js"],(function(e){"use strict";var t,n,i,r,s,a,o,u,l,d,m,f,c,v;return{setters:[function(e){t=e.r;n=e.h},function(){},function(e){i=e.k;r=e.f;s=e.n},function(e){a=e.d;o=e.J;u=e.w;l=e.$;d=e.i},function(e){m=e.c},function(e){f=e.g},function(){},function(){},function(e){c=e.P},function(e){v=e.i}],execute:function(){var g=a.gql(__makeTemplateObject(["\n  query {\n    viewer {\n      ... on User {\n        id\n        accountId\n        firstName\n        lastName\n        email\n        countryCode\n      }\n    }\n  }\n"],["\n  query {\n    viewer {\n      ... on User {\n        id\n        accountId\n        firstName\n        lastName\n        email\n        countryCode\n      }\n    }\n  }\n"]));var _=a.gql(__makeTemplateObject(["\n  mutation (\n    $id: String!\n    $accountId: String!\n    $firstName: String!\n    $lastName: String!\n  ) {\n    upsertUser(\n      userInput: {\n        id: $id\n        accountId: $accountId\n        firstName: $firstName\n        lastName: $lastName\n      }\n    ) {\n      firstName\n      lastName\n    }\n  }\n"],["\n  mutation (\n    $id: String!\n    $accountId: String!\n    $firstName: String!\n    $lastName: String!\n  ) {\n    upsertUser(\n      userInput: {\n        id: $id\n        accountId: $accountId\n        firstName: $firstName\n        lastName: $lastName\n      }\n    ) {\n      firstName\n      lastName\n    }\n  }\n"]));var h={country:"",email:"",firstName:"",lastName:"",errors:{},error:""};function p(e){var t=o();var n=i(false),s=n[0],a=n[1];var d=i(undefined),m=d[0],f=d[1];var c=i(h),p=c[0],y=c[1];var b=u(g,{},!(t===null||t===void 0?void 0:t.jwt));var x=l(_),N=x[0],S=x[1];r((function(){if(S===null||S===void 0?void 0:S.loading)return;if(S===null||S===void 0?void 0:S.errors){y((function(e){var t,n,i;return __assign(__assign({},e),{error:(i=(n=(t=S===null||S===void 0?void 0:S.errors)===null||t===void 0?void 0:t.response)===null||n===void 0?void 0:n.errors)===null||i===void 0?void 0:i[0].message})}))}else{f((function(e){var t;return __assign(__assign({},e),(t=S===null||S===void 0?void 0:S.data)===null||t===void 0?void 0:t.upsertUser)}));if(S===null||S===void 0?void 0:S.data)a(true)}}),[S===null||S===void 0?void 0:S.loading]);r((function(){var e,t;f((function(e){var t;return __assign(__assign({},e),(t=b===null||b===void 0?void 0:b.data)===null||t===void 0?void 0:t.viewer)}));y(__assign(__assign(__assign({},h),(e=b.data)===null||e===void 0?void 0:e.viewer),(t=S.data)===null||t===void 0?void 0:t.upsertUser))}),[b===null||b===void 0?void 0:b.data]);r((function(){var t,n;if((t=S===null||S===void 0?void 0:S.errors)===null||t===void 0?void 0:t.message){y(__assign(__assign({},(n=b.data)===null||n===void 0?void 0:n.viewer),{error:e.networkRequestMessage}))}}),[S===null||S===void 0?void 0:S.errors]);var j=function(){a(false);if(p.firstName&&p.lastName){N({id:t===null||t===void 0?void 0:t.id,accountId:t===null||t===void 0?void 0:t.accountId,firstName:p.firstName,lastName:p.lastName});y((function(e){return __assign(__assign({},e),{errors:{},error:""})}));return}var n={};if(!p.firstName){n["firstName"]={message:e.fieldEmptyText}}if(!p.lastName){n["lastName"]={message:e.fieldEmptyText}}if(!v(n)){y((function(t){return __assign(__assign({},t),{error:e.formErrorText})}))}y((function(e){return __assign(__assign({},e),{errors:n})}))};return{states:{success:s,loading:(b===null||b===void 0?void 0:b.loading)||S.loading,submitDisabled:false,showCountry:!e.hideCountry,formState:p,user:m,text:{firstnametext:e.firstnametext,lastnametext:e.lastnametext,countrytext:e.countrytext,emailtext:e.emailtext,editProfileHeader:e.editProfileHeader,editProfileSubHeader:e.editProfileSubHeader,submitChangeButtonText:e.submitChangeButtonText}},callbacks:{onSubmit:j,onChange:function(e){var t=e.target,n=t.name,i=t.value;y((function(e){var t;return __assign(__assign({},e),(t={},t[n]=i,t))}))}}}}var y=e("sqm_portal_profile",function(){function e(e){t(this,e);this.ignored=true;this.firstnametext="First Name";this.lastnametext="Last Name";this.emailtext="Email";this.countrytext="Country";this.editProfileHeader="Edit your profile";this.editProfileSubHeader="Personal Information";this.submitChangeButtonText="Submit Changes";this.hideCountry=false;this.networkRequestMessage="An error occurred while loading this page. Please refresh the page.";this.fieldEmptyText="Field is required";this.formErrorText="Please correct the errors below to update your profile.";this.submissionSuccessText="Your profile has been successfully updated.";s(this)}e.prototype.disconnectedCallback=function(){};e.prototype.render=function(){var e=d()?b(f(this)):p(f(this));return n(c,Object.assign({},e))};return e}());function b(e){return m({states:{success:false,loading:false,submitDisabled:false,showCountry:!e.hideCountry,user:{id:"01",accountId:"111100000",firstName:"Joe",lastName:"Smith",email:"jsmith@gmail.com",countryCode:"CA"},text:{firstnametext:e.firstnametext,lastnametext:e.lastnametext,emailtext:e.emailtext,countrytext:e.countrytext,editProfileHeader:e.editProfileHeader,editProfileSubHeader:e.editProfileSubHeader,submitChangeButtonText:e.submitChangeButtonText,submissionSuccessText:e.submissionSuccessText,fieldEmptyText:e.fieldEmptyText},formState:{country:"Canada",firstName:"Joe",lastName:"Smith",errors:null,error:""}},callbacks:{onSubmit:function(e){return console.log(e)},onChange:function(e){return console.log(e)}}},e.demoData||{},{arrayMerge:function(e,t){return t}})}}}}));
+var __makeTemplateObject=this&&this.__makeTemplateObject||function(e,t){if(Object.defineProperty){Object.defineProperty(e,"raw",{value:t})}else{e.raw=t}return e};var __assign=this&&this.__assign||function(){__assign=Object.assign||function(e){for(var t,n=1,i=arguments.length;n<i;n++){t=arguments[n];for(var r in t)if(Object.prototype.hasOwnProperty.call(t,r))e[r]=t[r]}return e};return __assign.apply(this,arguments)};System.register(["./p-59b028db.system.js","./p-e0a724dd.system.js","./p-4f5329a2.system.js","./p-171310d9.system.js","./p-4bd679a7.system.js","./p-15bfd7e2.system.js","./p-1a673057.system.js","./p-67ad2252.system.js","./p-60465a2d.system.js","./p-e174b704.system.js"],(function(e){"use strict";var t,n,i,r,s,a,o,u,l,d,m,f,c,v;return{setters:[function(e){t=e.r;n=e.h},function(){},function(e){i=e.k;r=e.f;s=e.n},function(e){a=e.d;o=e.J;u=e.w;l=e.$;d=e.i},function(e){m=e.c},function(e){f=e.g},function(){},function(){},function(e){c=e.P},function(e){v=e.i}],execute:function(){var g=a.gql(__makeTemplateObject(["\n  query {\n    viewer {\n      ... on User {\n        id\n        accountId\n        firstName\n        lastName\n        email\n        countryCode\n      }\n    }\n  }\n"],["\n  query {\n    viewer {\n      ... on User {\n        id\n        accountId\n        firstName\n        lastName\n        email\n        countryCode\n      }\n    }\n  }\n"]));var _=a.gql(__makeTemplateObject(["\n  mutation (\n    $id: String!\n    $accountId: String!\n    $firstName: String!\n    $lastName: String!\n  ) {\n    upsertUser(\n      userInput: {\n        id: $id\n        accountId: $accountId\n        firstName: $firstName\n        lastName: $lastName\n      }\n    ) {\n      firstName\n      lastName\n    }\n  }\n"],["\n  mutation (\n    $id: String!\n    $accountId: String!\n    $firstName: String!\n    $lastName: String!\n  ) {\n    upsertUser(\n      userInput: {\n        id: $id\n        accountId: $accountId\n        firstName: $firstName\n        lastName: $lastName\n      }\n    ) {\n      firstName\n      lastName\n    }\n  }\n"]));var h={country:"",email:"",firstName:"",lastName:"",errors:{},error:""};function p(e){var t=o();var n=i(false),s=n[0],a=n[1];var d=i(undefined),m=d[0],f=d[1];var c=i(h),p=c[0],y=c[1];var b=u(g,{},!(t===null||t===void 0?void 0:t.jwt));var x=l(_),N=x[0],S=x[1];r((function(){if(S===null||S===void 0?void 0:S.loading)return;if(S===null||S===void 0?void 0:S.errors){y((function(e){var t,n,i;return __assign(__assign({},e),{error:(i=(n=(t=S===null||S===void 0?void 0:S.errors)===null||t===void 0?void 0:t.response)===null||n===void 0?void 0:n.errors)===null||i===void 0?void 0:i[0].message})}))}else{f((function(e){var t;return __assign(__assign({},e),(t=S===null||S===void 0?void 0:S.data)===null||t===void 0?void 0:t.upsertUser)}));if(S===null||S===void 0?void 0:S.data)a(true)}}),[S===null||S===void 0?void 0:S.loading]);r((function(){var e,t;f((function(e){var t;return __assign(__assign({},e),(t=b===null||b===void 0?void 0:b.data)===null||t===void 0?void 0:t.viewer)}));y(__assign(__assign(__assign({},h),(e=b.data)===null||e===void 0?void 0:e.viewer),(t=S.data)===null||t===void 0?void 0:t.upsertUser))}),[b===null||b===void 0?void 0:b.data]);r((function(){var t,n;if((t=S===null||S===void 0?void 0:S.errors)===null||t===void 0?void 0:t.message){y(__assign(__assign({},(n=b.data)===null||n===void 0?void 0:n.viewer),{error:e.networkRequestMessage}))}}),[S===null||S===void 0?void 0:S.errors]);var j=function(){a(false);if(p.firstName&&p.lastName){N({id:t===null||t===void 0?void 0:t.id,accountId:t===null||t===void 0?void 0:t.accountId,firstName:p.firstName,lastName:p.lastName});y((function(e){return __assign(__assign({},e),{errors:{},error:""})}));return}var n={};if(!p.firstName){n["firstName"]={message:e.fieldEmptyText}}if(!p.lastName){n["lastName"]={message:e.fieldEmptyText}}if(!v(n)){y((function(t){return __assign(__assign({},t),{error:e.formErrorText})}))}y((function(e){return __assign(__assign({},e),{errors:n})}))};return{states:{success:s,loading:(b===null||b===void 0?void 0:b.loading)||S.loading,submitDisabled:false,showCountry:!e.hideCountry,formState:p,user:m,text:{firstnametext:e.firstnametext,lastnametext:e.lastnametext,countrytext:e.countrytext,emailtext:e.emailtext,editProfileHeader:e.editProfileHeader,editProfileSubHeader:e.editProfileSubHeader,submitChangeButtonText:e.submitChangeButtonText}},callbacks:{onSubmit:j,onChange:function(e){var t=e.target,n=t.name,i=t.value;y((function(e){var t;return __assign(__assign({},e),(t={},t[n]=i,t))}))}}}}var y=e("sqm_portal_profile",function(){function e(e){t(this,e);this.ignored=true;this.firstnametext="First Name";this.lastnametext="Last Name";this.emailtext="Email";this.countrytext="Country";this.editProfileHeader="Edit your profile";this.editProfileSubHeader="Personal Information";this.submitChangeButtonText="Submit Changes";this.hideCountry=false;this.networkRequestMessage="An error occurred while loading this page. Please refresh the page.";this.fieldEmptyText="Field is required";this.formErrorText="Please correct the errors below to update your profile.";this.submissionSuccessText="Your profile has been successfully updated.";s(this)}e.prototype.disconnectedCallback=function(){};e.prototype.render=function(){var e=d()?b(f(this)):p(f(this));return n(c,Object.assign({},e))};return e}());function b(e){return m({states:{success:false,loading:false,submitDisabled:false,showCountry:!e.hideCountry,user:{id:"01",accountId:"111100000",firstName:"Joe",lastName:"Smith",email:"jsmith@gmail.com",countryCode:"CA"},text:{firstnametext:e.firstnametext,lastnametext:e.lastnametext,emailtext:e.emailtext,countrytext:e.countrytext,editProfileHeader:e.editProfileHeader,editProfileSubHeader:e.editProfileSubHeader,submitChangeButtonText:e.submitChangeButtonText,submissionSuccessText:e.submissionSuccessText,fieldEmptyText:e.fieldEmptyText},formState:{country:"Canada",firstName:"Joe",lastName:"Smith",errors:null,error:""}},callbacks:{onSubmit:function(e){return console.log(e)},onChange:function(e){return console.log(e)}}},e.demoData||{},{arrayMerge:function(e,t){return t}})}}}}));

package/dist/mint-components/{p-c853e450.entry.js → p-eacc4e0f.entry.js}

@@ -1,4 +1,4 @@
-import{h as e,r as t,c as a}from"./p-c7c11325.js";import{i as s}from"./p-6e1d64c0.js";import{b as r,j as l,f as i,n,u as o}from"./p-63e29387.js";import{d,J as c,H as u,L as p,w as h,R as m,i as v}from"./p-0ec54f97.js";import{c as E}from"./p-c1086930.js";import{l as f}from"./p-6951663b.js";import{c as g}from"./p-cef45012.js";import"./p-49b20dae.js";import{G as w}from"./p-f1dc581f.js";import{u as y,a as x}from"./p-f5fff87e.js";import{u as b}from"./p-976ee669.js";import{l as A}from"./p-08700497.js";import{m as D}from"./p-460155de.js";import{g as N}from"./p-49400aab.js";const R=r("sq:useRewardsTable"),T=d.gql`
+import{h as e,r as t,c as a}from"./p-c7c11325.js";import{i as s}from"./p-db1a0db1.js";import{b as r,j as l,f as i,n,u as o}from"./p-63e29387.js";import{d,J as c,H as u,L as p,w as h,R as m,i as v}from"./p-0ec54f97.js";import{c as E}from"./p-c1086930.js";import{l as f}from"./p-6951663b.js";import{c as g}from"./p-cef45012.js";import"./p-49b20dae.js";import{G as w}from"./p-f1dc581f.js";import{u as y,a as x}from"./p-f5fff87e.js";import{u as b}from"./p-976ee669.js";import{l as A}from"./p-08700497.js";import{m as D}from"./p-460155de.js";import{g as N}from"./p-49400aab.js";const R=r("sq:useRewardsTable"),T=d.gql`
   query getRewards(
     $limit: Int!
     $offset: Int!

package/dist/mint-components/{p-704cf90d.entry.js → p-ecd36b10.entry.js}

@@ -1,4 +1,4 @@
-import{h as r,r as t}from"./p-c7c11325.js";import{i as a}from"./p-6e1d64c0.js";import{k as o,f as n,n as e}from"./p-63e29387.js";import{d as s,t as i,w as l,J as p,$ as c,i as d,p as u}from"./p-0ec54f97.js";import{c as m}from"./p-c1086930.js";import{g as b}from"./p-6951663b.js";import{c as f}from"./p-cef45012.js";import{T as v}from"./p-204861a6.js";import{S as h,V as y}from"./p-38c7775a.js";import{u as q}from"./p-c30ad421.js";const x=s.gql`
+import{h as r,r as t}from"./p-c7c11325.js";import{i as a}from"./p-db1a0db1.js";import{k as o,f as n,n as e}from"./p-63e29387.js";import{d as s,t as i,w as l,J as p,$ as c,i as d,p as u}from"./p-0ec54f97.js";import{c as m}from"./p-c1086930.js";import{g as b}from"./p-6951663b.js";import{c as f}from"./p-cef45012.js";import{T as v}from"./p-204861a6.js";import{S as h,V as y}from"./p-38c7775a.js";import{u as q}from"./p-c30ad421.js";const x=s.gql`
   mutation upsertUser($userInput: UserInput!) {
     upsertUser(userInput: $userInput) {
       id

package/dist/mint-components/{p-bd3673e5.system.entry.js → p-f94edac5.system.entry.js}

@@ -1 +1 @@
-var __makeTemplateObject=this&&this.__makeTemplateObject||function(r,e){if(Object.defineProperty){Object.defineProperty(r,"raw",{value:e})}else{r.raw=e}return r};var __awaiter=this&&this.__awaiter||function(r,e,t,n){function a(r){return r instanceof t?r:new t((function(e){e(r)}))}return new(t||(t=Promise))((function(t,o){function s(r){try{l(n.next(r))}catch(r){o(r)}}function i(r){try{l(n["throw"](r))}catch(r){o(r)}}function l(r){r.done?t(r.value):a(r.value).then(s,i)}l((n=n.apply(r,e||[])).next())}))};var __generator=this&&this.__generator||function(r,e){var t={label:0,sent:function(){if(o[0]&1)throw o[1];return o[1]},trys:[],ops:[]},n,a,o,s;return s={next:i(0),throw:i(1),return:i(2)},typeof Symbol==="function"&&(s[Symbol.iterator]=function(){return this}),s;function i(r){return function(e){return l([r,e])}}function l(s){if(n)throw new TypeError("Generator is already executing.");while(t)try{if(n=1,a&&(o=s[0]&2?a["return"]:s[0]?a["throw"]||((o=a["return"])&&o.call(a),0):a.next)&&!(o=o.call(a,s[1])).done)return o;if(a=0,o)s=[s[0]&2,o.value];switch(s[0]){case 0:case 1:o=s;break;case 4:t.label++;return{value:s[1],done:false};case 5:t.label++;a=s[1];s=[0];continue;case 7:s=t.ops.pop();t.trys.pop();continue;default:if(!(o=t.trys,o=o.length>0&&o[o.length-1])&&(s[0]===6||s[0]===2)){t=0;continue}if(s[0]===3&&(!o||s[1]>o[0]&&s[1]<o[3])){t.label=s[1];break}if(s[0]===6&&t.label<o[1]){t.label=o[1];o=s;break}if(o&&t.label<o[2]){t.label=o[2];t.ops.push(s);break}if(o[2])t.ops.pop();t.trys.pop();continue}s=e.call(r,t)}catch(r){s=[6,r];a=0}finally{n=o=0}if(s[0]&5)throw s[1];return{value:s[0]?s[1]:void 0,done:true}}};System.register(["./p-59b028db.system.js","./p-b2ca97ec.system.js","./p-4f5329a2.system.js","./p-171310d9.system.js","./p-4bd679a7.system.js","./p-15bfd7e2.system.js","./p-1a673057.system.js","./p-67ad2252.system.js","./p-57dd28bd.system.js","./p-d09d3b8f.system.js"],(function(r){"use strict";var e,t,n,a,o,s,i,l,u,c,p,d,m,b,f,v,h,y,g,x;return{setters:[function(r){e=r.h;t=r.r},function(r){n=r.i},function(r){a=r.k;o=r.f;s=r.n},function(r){i=r.d;l=r.t;u=r.w;c=r.J;p=r.$;d=r.i;m=r.p},function(r){b=r.c},function(r){f=r.g},function(r){v=r.c},function(r){h=r.T},function(r){y=r.S;g=r.V},function(r){x=r.u}],execute:function(){var q=i.gql(__makeTemplateObject(["\n  mutation upsertUser($userInput: UserInput!) {\n    upsertUser(userInput: $userInput) {\n      id\n      accountId\n      email\n    }\n  }\n"],["\n  mutation upsertUser($userInput: UserInput!) {\n    upsertUser(userInput: $userInput) {\n      id\n      accountId\n      email\n    }\n  }\n"]));var w=i.gql(__makeTemplateObject(["\n  query user {\n    viewer {\n      ... on User {\n        id\n        accountId\n        email\n        impactConnection {\n          user {\n            id\n            email\n          }\n        }\n      }\n    }\n  }\n"],["\n  query user {\n    viewer {\n      ... on User {\n        id\n        accountId\n        email\n        impactConnection {\n          user {\n            id\n            email\n          }\n        }\n      }\n    }\n  }\n"]));function k(){var r=this;var e=c();var t=p(q),n=t[0],a=t[1],o=a.loading,s=a.data,i=a.errors;var l=function(t){return __awaiter(r,void 0,void 0,(function(){var r,a;return __generator(this,(function(o){switch(o.label){case 0:o.trys.push([0,2,,3]);return[4,n({userInput:{id:e.id,accountId:e.accountId,email:t}})];case 1:r=o.sent();if(r instanceof Error||!r)throw new Error;return[2,r];case 2:a=o.sent();console.error("Could not set email on user",a);return[2,undefined];case 3:return[2]}}))}))};return[l,{loading:o,data:s,errors:i}]}function _(r){var e=this;var t=l(y),n=t[0],s=t[1];var i=l(g),c=i[0],p=i[1];var d=a(false),m=d[0],b=d[1];var f=a(false),v=f[0],h=f[1];var q=a(false),_=q[0],T=q[1];var E=x(),I=E.initialized,j=E.send,C=j[0],S=j[1],O=S.loading,z=S.errors;var L=k()[0];var D=a(true),P=D[0],U=D[1];var W=u(w,{}),$=W.data,H=W.loading;var M=/^(([^<>()[\]\\.,;:\s@"]+(\.[^<>()[\]\\.,;:\s@"]+)*)|(".+"))@((\[[0-9]{1,3}\.[0-9]{1,3}\.[0-9]{1,3}\.[0-9]{1,3}\])|(([a-zA-Z\-0-9]+\.)+[a-zA-Z]{2,}))$/;o((function(){if(!($===null||$===void 0?void 0:$.viewer))return;b(!!$.viewer.email)}),[$]);o((function(){if(I)U(false)}),[I]);var V=function(r){return __awaiter(e,void 0,void 0,(function(){var e,t,n,a,o;return __generator(this,(function(i){switch(i.label){case 0:r.preventDefault();if(!($===null||$===void 0?void 0:$.viewer))return[2];U(true);e=$.viewer.email;if(!!e)return[3,2];t=r.detail.formData;n=t.get("email").toString();if(!M.test(n)){h(true);return[2]}return[4,L(n)];case 1:a=i.sent();if(!a||!a.user.email)h(true);i.label=2;case 2:if(!I)return[2];return[4,C()];case 3:o=i.sent();if(!o||!o.success)T(true);else{p(e);s(true)}U(false);return[2]}}))}))};return{callbacks:{submitEmail:V},states:{loading:P,initialLoading:H&&!I,error:v,email:$===null||$===void 0?void 0:$.viewer.email,sendCodeError:_},text:r.getTextProps()}}var T={Wrapper:{display:"flex",flexDirection:"column",gap:"var(--sl-spacing-medium)",marginTop:"var(--sl-spacing-medium)"},InputsContainer:{display:"flex",gap:"var(--sl-spacing-medium)",position:"relative",flexDirection:"column",maxWidth:"320px"},ContinueButton:{width:"100%",maxWidth:"100px"},SkeletonOne:{width:"50%",height:"16px"},SkeletonTwo:{width:"30%",height:"34px"},SkeletonThree:{width:"15%",height:"24px"},ErrorInput:{"&::part(base)":{border:"var(--sqm-border-thickness) solid var(--sqm-danger-color-border)",borderRadius:"var(--sqm-input-border-radius)"},"&::part(help-text)":{color:"var(--sqm-danger-color-text)"}}};var E='\n:host {\n  display: block;\n}\n:host([hidden]): {\n  display: none;\n}\n\na {\n  color: inherit;\n  text-decoration: underline;\n  cursor: pointer;\n}\n\n*::part(primarybutton-base),\nsl-button[type="primary"]::part(base) {\n  font-family: var(--sqm-primary-font);\n  width: 100%;\n  background-color: var(--sqm-primary-button-background);\n  color: var(--sqm-primary-button-color);\n  border-color: var(--sqm-primary-button-color-border);\n  border-radius: var(--sqm-primary-button-radius);\n}\n\n*::part(primarybutton-base):hover,\nsl-button[type="primary"]::part(base):hover{\n  background-color: var(--sqm-primary-button-background-hover);\n  border-color: var(--sqm-primary-button-border-color-hover);\n  color: var(--sqm-primary-button-color-hover);\n}\n\n\n*::part(primarybutton-base):focus,\nsl-button[type="primary"]::part(base):focus {\n  box-shadow: none;\n}\n\n*::part(secondarybutton-base),\nsl-button[type="secondary"]::part(base) {\nfont-family: var(--sqm-primary-font);\n  background-color: var(--sqm-secondary-button-background);\n  color: var(--sqm-secondary-button-color);\n  border-color: var(--sqm-secondary-button-color-border);\n  border-radius: var(--sqm-secondary-button-radius);\n}\n\n*::part(secondarybutton-base):hover,\nsl-button[type="secondary"]::part(base):hover {\n  background-color: var(--sqm-secondary-button-background-hover);\n  color: var(--sqm-secondary-button-color-hover);\n  border-color: var(--sqm-secondary-button-border-color-hover);\n}\n\n*::part(input-label), *::part(select-label), *::part(textarea-label){\n  font-family: var(--sqm-primary-font);\n  font-size: var(--sqm-input-label-font-size, var(--sl-input-font-size-small));\n  font-weight: var(--sl-font-weight-semibold);\n  color: var(--sqm-input-label-color, var(--sqm-text), black);\n}\n\n*::part(input-base), *::part(select-base), *::part(textarea-base){\n  font-family: var(--sqm-primary-font);\n  background-color: var(--sqm-input-background, #fff);\n  border-radius: var(--sqm-input-border-radius, var(--sl-input-border-radius-large), 0.25rem);\n  color: var(--sqm-input-color, white);\n  border-width: var(--sqm-border-thickness, 1px);\n}\n\n*::part(input-base):hover, *::part(select-base):hover, *::part(textarea-base):hover{\n  border-color: var(--sqm-border-color-hover);\n}\n\n*::part(input-base):focus, *::part(select-base):focus, *::part(textarea-base):focus{\n  border-color: var(--sqm-border-color-focus);\n}\n\nsqm-name-fields::part(input-base) {\n  font-family: var(--sqm-primary-font);\n  background-color: var(--sqm-input-background, #fff);\n  border-radius: var(--sqm-input-border-radius, var(--sl-input-border-radius-large), 0.25rem);\n  color: var(--sqm-input-color, white);\n  border-width: var(--sqm-border-thickness, 1px);\n}\n\nsl-input::part(base):focus,\nsl-select::part(form-control-wrapper):focus,\nsl-textarea::part(textarea-label):focus {\n  border-color: var(--sqm-border-color-focus);\n}\n\n*::part(input-label):disabled, *::part(select-label):disabled, *::part(textarea-label):disabled{\n  background: var(--sqm-input-disabled-background, #f5f5f5);\n  color: var(--sqm-input-disabled-color, var(--sl-color-gray-600));\n}\n\n*::part(input):-webkit-autofill {\n  box-shadow: 0 0 0 50px var(--sqm-input-background, #fff) inset !important;\n  -webkit-text-fill-color: var(--sqm-input-color, white) !important;\n}\n\n*::part(input):-webkit-autofill:hover {\n  box-shadow: 0 0 0 50px var(--sqm-input-background, #fff) inset !important;\n  -webkit-text-fill-color: var(--sqm-input-color, white) !important;\n}\n\n*::part(input):-webkit-autofill:focus {\n  box-shadow: 0 0 0 50px var(--sqm-input-background, #fff) inset !important;\n  -webkit-text-fill-color: var(--sqm-input-color, white) !important;\n}\n\n*::part(input)::placeholder,\n*::part(select)::placeholder, \n*::part(textarea)::placeholder {\n  font-family: var(--sqm-primary-font);\n  color: var(--sqm-text-subdued);\n}\n\n*::part(input)::-webkit-input-placeholder,\n*::part(select)::-webkit-input-placeholder,\n*::part(textarea)::-webkit-input-placeholder {\n  font-family: var(--sqm-primary-font);\n  color: var(--sqm-text-subdued);\n}\n\n*::part(input)::-moz-placeholder,\n*::part(select)::-moz-placeholder,\n*::part(textarea)::-moz-placeholder {\n  font-family: var(--sqm-primary-font);\n  opacity: 1; /* Firefox adds an opacity to placeholders by default */\n  color: var(--sqm-text-subdued);\n}\n\n*::part(input)::-ms-input-placeholder,\n*::part(select)::-ms-input-placeholder,\n*::part(textarea)::-ms-input-placeholder {\n  font-family: var(--sqm-primary-font);\n  color: var(--sqm-text-subdued);\n}\n\n\n';var I=v(T);var j=I.toString();function C(r){var t=r.states,a=r.callbacks,o=r.text;var s=function(){return e("div",{class:I.classes.Wrapper},e("sl-skeleton",{class:I.classes.SkeletonOne}),e("sl-skeleton",{class:I.classes.SkeletonTwo}),e("sl-skeleton",{class:I.classes.SkeletonThree}))};return e("div",{part:"sqm-base"},e("style",{type:"text/css"},E,j),t.sendCodeError&&e("sqm-form-message",{type:"error"},e("p",{part:"alert-title"},o.sendCodeErrorHeader),n.formatMessage({id:"sendCodeErrorDescription",defaultMessage:o.sendCodeErrorDescription},{supportLink:e("a",{target:"_blank",href:"mailto:advocate-support@impact.com"},o.supportLink)})),t.initialLoading?s():e("div",{class:I.classes.Wrapper},e(h,{type:"p"},o.verifyEmailHeaderText),e("sl-form",{"onSl-submit":a.submitEmail},e("div",{class:I.classes.InputsContainer},e("sl-input",Object.assign({exportparts:"label: input-label, base: input-base",label:o.emailLabel,value:t.email||"",type:"email",id:"email",name:"email",disabled:!!t.email||t.loading},t.error?{class:I.classes.ErrorInput,helpText:o.emailValidationErrorText}:{})),e("sl-button",{submit:true,class:I.classes.ContinueButton,loading:t.loading,exportparts:"base: primarybutton-base",type:"primary"},o.sendCodeText)))))}var S=r("sqm_email_verification",function(){function r(r){t(this,r);this.verifyEmailHeaderText="Start by verifying your email. We’ll send you a code through our referral provider, impact.com.";this.sendCodeErrorHeader="There was an error sending your code";this.supportLink="support team";this.sendCodeErrorDescription="Please try again. If this problem continues, contact our program {supportLink}.";this.emailLabel="Email";this.sendCodeText="Send code";this.emailValidationErrorText="Please enter a valid email";s(this)}r.prototype.disconnectedCallback=function(){};r.prototype.getTextProps=function(){return f(this)};r.prototype.render=function(){var r=d()?O(this):_(this);return e(C,Object.assign({},r))};return r}());function O(r){var e=this;var t=m(y);return b({states:{error:true,initialLoading:false,loading:false,email:"test@example.com",sendCodeError:true},callbacks:{submitEmail:function(){return __awaiter(e,void 0,void 0,(function(){return __generator(this,(function(r){return[2,t(true)]}))}))}},text:r.getTextProps()},r.demoData||{},{arrayMerge:function(r,e){return e}})}}}}));
+var __makeTemplateObject=this&&this.__makeTemplateObject||function(r,e){if(Object.defineProperty){Object.defineProperty(r,"raw",{value:e})}else{r.raw=e}return r};var __awaiter=this&&this.__awaiter||function(r,e,t,n){function a(r){return r instanceof t?r:new t((function(e){e(r)}))}return new(t||(t=Promise))((function(t,o){function s(r){try{l(n.next(r))}catch(r){o(r)}}function i(r){try{l(n["throw"](r))}catch(r){o(r)}}function l(r){r.done?t(r.value):a(r.value).then(s,i)}l((n=n.apply(r,e||[])).next())}))};var __generator=this&&this.__generator||function(r,e){var t={label:0,sent:function(){if(o[0]&1)throw o[1];return o[1]},trys:[],ops:[]},n,a,o,s;return s={next:i(0),throw:i(1),return:i(2)},typeof Symbol==="function"&&(s[Symbol.iterator]=function(){return this}),s;function i(r){return function(e){return l([r,e])}}function l(s){if(n)throw new TypeError("Generator is already executing.");while(t)try{if(n=1,a&&(o=s[0]&2?a["return"]:s[0]?a["throw"]||((o=a["return"])&&o.call(a),0):a.next)&&!(o=o.call(a,s[1])).done)return o;if(a=0,o)s=[s[0]&2,o.value];switch(s[0]){case 0:case 1:o=s;break;case 4:t.label++;return{value:s[1],done:false};case 5:t.label++;a=s[1];s=[0];continue;case 7:s=t.ops.pop();t.trys.pop();continue;default:if(!(o=t.trys,o=o.length>0&&o[o.length-1])&&(s[0]===6||s[0]===2)){t=0;continue}if(s[0]===3&&(!o||s[1]>o[0]&&s[1]<o[3])){t.label=s[1];break}if(s[0]===6&&t.label<o[1]){t.label=o[1];o=s;break}if(o&&t.label<o[2]){t.label=o[2];t.ops.push(s);break}if(o[2])t.ops.pop();t.trys.pop();continue}s=e.call(r,t)}catch(r){s=[6,r];a=0}finally{n=o=0}if(s[0]&5)throw s[1];return{value:s[0]?s[1]:void 0,done:true}}};System.register(["./p-59b028db.system.js","./p-e0a724dd.system.js","./p-4f5329a2.system.js","./p-171310d9.system.js","./p-4bd679a7.system.js","./p-15bfd7e2.system.js","./p-1a673057.system.js","./p-67ad2252.system.js","./p-57dd28bd.system.js","./p-d09d3b8f.system.js"],(function(r){"use strict";var e,t,n,a,o,s,i,l,u,c,p,d,m,b,f,v,h,y,g,x;return{setters:[function(r){e=r.h;t=r.r},function(r){n=r.i},function(r){a=r.k;o=r.f;s=r.n},function(r){i=r.d;l=r.t;u=r.w;c=r.J;p=r.$;d=r.i;m=r.p},function(r){b=r.c},function(r){f=r.g},function(r){v=r.c},function(r){h=r.T},function(r){y=r.S;g=r.V},function(r){x=r.u}],execute:function(){var q=i.gql(__makeTemplateObject(["\n  mutation upsertUser($userInput: UserInput!) {\n    upsertUser(userInput: $userInput) {\n      id\n      accountId\n      email\n    }\n  }\n"],["\n  mutation upsertUser($userInput: UserInput!) {\n    upsertUser(userInput: $userInput) {\n      id\n      accountId\n      email\n    }\n  }\n"]));var w=i.gql(__makeTemplateObject(["\n  query user {\n    viewer {\n      ... on User {\n        id\n        accountId\n        email\n        impactConnection {\n          user {\n            id\n            email\n          }\n        }\n      }\n    }\n  }\n"],["\n  query user {\n    viewer {\n      ... on User {\n        id\n        accountId\n        email\n        impactConnection {\n          user {\n            id\n            email\n          }\n        }\n      }\n    }\n  }\n"]));function k(){var r=this;var e=c();var t=p(q),n=t[0],a=t[1],o=a.loading,s=a.data,i=a.errors;var l=function(t){return __awaiter(r,void 0,void 0,(function(){var r,a;return __generator(this,(function(o){switch(o.label){case 0:o.trys.push([0,2,,3]);return[4,n({userInput:{id:e.id,accountId:e.accountId,email:t}})];case 1:r=o.sent();if(r instanceof Error||!r)throw new Error;return[2,r];case 2:a=o.sent();console.error("Could not set email on user",a);return[2,undefined];case 3:return[2]}}))}))};return[l,{loading:o,data:s,errors:i}]}function _(r){var e=this;var t=l(y),n=t[0],s=t[1];var i=l(g),c=i[0],p=i[1];var d=a(false),m=d[0],b=d[1];var f=a(false),v=f[0],h=f[1];var q=a(false),_=q[0],T=q[1];var E=x(),I=E.initialized,j=E.send,C=j[0],S=j[1],O=S.loading,z=S.errors;var L=k()[0];var D=a(true),P=D[0],U=D[1];var W=u(w,{}),$=W.data,H=W.loading;var M=/^(([^<>()[\]\\.,;:\s@"]+(\.[^<>()[\]\\.,;:\s@"]+)*)|(".+"))@((\[[0-9]{1,3}\.[0-9]{1,3}\.[0-9]{1,3}\.[0-9]{1,3}\])|(([a-zA-Z\-0-9]+\.)+[a-zA-Z]{2,}))$/;o((function(){if(!($===null||$===void 0?void 0:$.viewer))return;b(!!$.viewer.email)}),[$]);o((function(){if(I)U(false)}),[I]);var V=function(r){return __awaiter(e,void 0,void 0,(function(){var e,t,n,a,o;return __generator(this,(function(i){switch(i.label){case 0:r.preventDefault();if(!($===null||$===void 0?void 0:$.viewer))return[2];U(true);e=$.viewer.email;if(!!e)return[3,2];t=r.detail.formData;n=t.get("email").toString();if(!M.test(n)){h(true);return[2]}return[4,L(n)];case 1:a=i.sent();if(!a||!a.user.email)h(true);i.label=2;case 2:if(!I)return[2];return[4,C()];case 3:o=i.sent();if(!o||!o.success)T(true);else{p(e);s(true)}U(false);return[2]}}))}))};return{callbacks:{submitEmail:V},states:{loading:P,initialLoading:H&&!I,error:v,email:$===null||$===void 0?void 0:$.viewer.email,sendCodeError:_},text:r.getTextProps()}}var T={Wrapper:{display:"flex",flexDirection:"column",gap:"var(--sl-spacing-medium)",marginTop:"var(--sl-spacing-medium)"},InputsContainer:{display:"flex",gap:"var(--sl-spacing-medium)",position:"relative",flexDirection:"column",maxWidth:"320px"},ContinueButton:{width:"100%",maxWidth:"100px"},SkeletonOne:{width:"50%",height:"16px"},SkeletonTwo:{width:"30%",height:"34px"},SkeletonThree:{width:"15%",height:"24px"},ErrorInput:{"&::part(base)":{border:"var(--sqm-border-thickness) solid var(--sqm-danger-color-border)",borderRadius:"var(--sqm-input-border-radius)"},"&::part(help-text)":{color:"var(--sqm-danger-color-text)"}}};var E='\n:host {\n  display: block;\n}\n:host([hidden]): {\n  display: none;\n}\n\na {\n  color: inherit;\n  text-decoration: underline;\n  cursor: pointer;\n}\n\n*::part(primarybutton-base),\nsl-button[type="primary"]::part(base) {\n  font-family: var(--sqm-primary-font);\n  width: 100%;\n  background-color: var(--sqm-primary-button-background);\n  color: var(--sqm-primary-button-color);\n  border-color: var(--sqm-primary-button-color-border);\n  border-radius: var(--sqm-primary-button-radius);\n}\n\n*::part(primarybutton-base):hover,\nsl-button[type="primary"]::part(base):hover{\n  background-color: var(--sqm-primary-button-background-hover);\n  border-color: var(--sqm-primary-button-border-color-hover);\n  color: var(--sqm-primary-button-color-hover);\n}\n\n\n*::part(primarybutton-base):focus,\nsl-button[type="primary"]::part(base):focus {\n  box-shadow: none;\n}\n\n*::part(secondarybutton-base),\nsl-button[type="secondary"]::part(base) {\nfont-family: var(--sqm-primary-font);\n  background-color: var(--sqm-secondary-button-background);\n  color: var(--sqm-secondary-button-color);\n  border-color: var(--sqm-secondary-button-color-border);\n  border-radius: var(--sqm-secondary-button-radius);\n}\n\n*::part(secondarybutton-base):hover,\nsl-button[type="secondary"]::part(base):hover {\n  background-color: var(--sqm-secondary-button-background-hover);\n  color: var(--sqm-secondary-button-color-hover);\n  border-color: var(--sqm-secondary-button-border-color-hover);\n}\n\n*::part(input-label), *::part(select-label), *::part(textarea-label){\n  font-family: var(--sqm-primary-font);\n  font-size: var(--sqm-input-label-font-size, var(--sl-input-font-size-small));\n  font-weight: var(--sl-font-weight-semibold);\n  color: var(--sqm-input-label-color, var(--sqm-text), black);\n}\n\n*::part(input-base), *::part(select-base), *::part(textarea-base){\n  font-family: var(--sqm-primary-font);\n  background-color: var(--sqm-input-background, #fff);\n  border-radius: var(--sqm-input-border-radius, var(--sl-input-border-radius-large), 0.25rem);\n  color: var(--sqm-input-color, white);\n  border-width: var(--sqm-border-thickness, 1px);\n}\n\n*::part(input-base):hover, *::part(select-base):hover, *::part(textarea-base):hover{\n  border-color: var(--sqm-border-color-hover);\n}\n\n*::part(input-base):focus, *::part(select-base):focus, *::part(textarea-base):focus{\n  border-color: var(--sqm-border-color-focus);\n}\n\nsqm-name-fields::part(input-base) {\n  font-family: var(--sqm-primary-font);\n  background-color: var(--sqm-input-background, #fff);\n  border-radius: var(--sqm-input-border-radius, var(--sl-input-border-radius-large), 0.25rem);\n  color: var(--sqm-input-color, white);\n  border-width: var(--sqm-border-thickness, 1px);\n}\n\nsl-input::part(base):focus,\nsl-select::part(form-control-wrapper):focus,\nsl-textarea::part(textarea-label):focus {\n  border-color: var(--sqm-border-color-focus);\n}\n\n*::part(input-label):disabled, *::part(select-label):disabled, *::part(textarea-label):disabled{\n  background: var(--sqm-input-disabled-background, #f5f5f5);\n  color: var(--sqm-input-disabled-color, var(--sl-color-gray-600));\n}\n\n*::part(input):-webkit-autofill {\n  box-shadow: 0 0 0 50px var(--sqm-input-background, #fff) inset !important;\n  -webkit-text-fill-color: var(--sqm-input-color, white) !important;\n}\n\n*::part(input):-webkit-autofill:hover {\n  box-shadow: 0 0 0 50px var(--sqm-input-background, #fff) inset !important;\n  -webkit-text-fill-color: var(--sqm-input-color, white) !important;\n}\n\n*::part(input):-webkit-autofill:focus {\n  box-shadow: 0 0 0 50px var(--sqm-input-background, #fff) inset !important;\n  -webkit-text-fill-color: var(--sqm-input-color, white) !important;\n}\n\n*::part(input)::placeholder,\n*::part(select)::placeholder, \n*::part(textarea)::placeholder {\n  font-family: var(--sqm-primary-font);\n  color: var(--sqm-text-subdued);\n}\n\n*::part(input)::-webkit-input-placeholder,\n*::part(select)::-webkit-input-placeholder,\n*::part(textarea)::-webkit-input-placeholder {\n  font-family: var(--sqm-primary-font);\n  color: var(--sqm-text-subdued);\n}\n\n*::part(input)::-moz-placeholder,\n*::part(select)::-moz-placeholder,\n*::part(textarea)::-moz-placeholder {\n  font-family: var(--sqm-primary-font);\n  opacity: 1; /* Firefox adds an opacity to placeholders by default */\n  color: var(--sqm-text-subdued);\n}\n\n*::part(input)::-ms-input-placeholder,\n*::part(select)::-ms-input-placeholder,\n*::part(textarea)::-ms-input-placeholder {\n  font-family: var(--sqm-primary-font);\n  color: var(--sqm-text-subdued);\n}\n\n\n';var I=v(T);var j=I.toString();function C(r){var t=r.states,a=r.callbacks,o=r.text;var s=function(){return e("div",{class:I.classes.Wrapper},e("sl-skeleton",{class:I.classes.SkeletonOne}),e("sl-skeleton",{class:I.classes.SkeletonTwo}),e("sl-skeleton",{class:I.classes.SkeletonThree}))};return e("div",{part:"sqm-base"},e("style",{type:"text/css"},E,j),t.sendCodeError&&e("sqm-form-message",{type:"error"},e("p",{part:"alert-title"},o.sendCodeErrorHeader),n.formatMessage({id:"sendCodeErrorDescription",defaultMessage:o.sendCodeErrorDescription},{supportLink:e("a",{target:"_blank",href:"mailto:advocate-support@impact.com"},o.supportLink)})),t.initialLoading?s():e("div",{class:I.classes.Wrapper},e(h,{type:"p"},o.verifyEmailHeaderText),e("sl-form",{"onSl-submit":a.submitEmail},e("div",{class:I.classes.InputsContainer},e("sl-input",Object.assign({exportparts:"label: input-label, base: input-base",label:o.emailLabel,value:t.email||"",type:"email",id:"email",name:"email",disabled:!!t.email||t.loading},t.error?{class:I.classes.ErrorInput,helpText:o.emailValidationErrorText}:{})),e("sl-button",{submit:true,class:I.classes.ContinueButton,loading:t.loading,exportparts:"base: primarybutton-base",type:"primary"},o.sendCodeText)))))}var S=r("sqm_email_verification",function(){function r(r){t(this,r);this.verifyEmailHeaderText="Start by verifying your email. We’ll send you a code through our referral provider, impact.com.";this.sendCodeErrorHeader="There was an error sending your code";this.supportLink="support team";this.sendCodeErrorDescription="Please try again. If this problem continues, contact our program {supportLink}.";this.emailLabel="Email";this.sendCodeText="Send code";this.emailValidationErrorText="Please enter a valid email";s(this)}r.prototype.disconnectedCallback=function(){};r.prototype.getTextProps=function(){return f(this)};r.prototype.render=function(){var r=d()?O(this):_(this);return e(C,Object.assign({},r))};return r}());function O(r){var e=this;var t=m(y);return b({states:{error:true,initialLoading:false,loading:false,email:"test@example.com",sendCodeError:true},callbacks:{submitEmail:function(){return __awaiter(e,void 0,void 0,(function(){return __generator(this,(function(r){return[2,t(true)]}))}))}},text:r.getTextProps()},r.demoData||{},{arrayMerge:function(r,e){return e}})}}}}));