@saasquatch/mint-components 1.15.0-155 → 1.15.0-156

package/dist/mint-components/{p-a6c1770a.system.entry.js → p-de4177e3.system.entry.js}

@@ -1 +1 @@
-var __assign=this&&this.__assign||function(){__assign=Object.assign||function(t){for(var e,n=1,s=arguments.length;n<s;n++){e=arguments[n];for(var i in e)if(Object.prototype.hasOwnProperty.call(e,i))t[i]=e[i]}return t};return __assign.apply(this,arguments)};System.register(["./p-59b028db.system.js","./p-a0b25733.system.js","./p-4f5329a2.system.js","./p-171310d9.system.js","./p-15bfd7e2.system.js","./p-1a673057.system.js","./p-a6f4fb03.system.js"],(function(t){"use strict";var e,n,s,i,o,a,r,l;return{setters:[function(t){e=t.h;n=t.r;s=t.c},function(t){i=t.i},function(t){o=t.n},function(){},function(t){a=t.g},function(){},function(t){r=t.P;l=t.a}],execute:function(){function m(t){var n=t.emptyStateHeader,s=t.emptyStateImage,o=t.emptyStateText,a=t.supportText,r=t.missingFeature,l=r===void 0?"":r;return e("sqm-portal-container",{padding:"large",gap:"medium",part:"sqm-base"},e("img",{style:{height:"100px",margin:"auto"},src:s}),e("sqm-titled-section",{style:{maxHeight:"400px"},"label-margin":"xxx-small","text-align":"center"},e("sqm-text",{slot:"label"},e("p",{part:"header-text"},n)),e("sqm-text",{slot:"content"},e("p",{part:"description-text"},i.formatMessage({id:"emptyStateText",defaultMessage:o},{supportText:e("a",{target:"_blank",href:"mailto:saasquatch-support@impact.com?subject=Next steps for "+l+" feature&body=Hi Support Team, %0D%0A\n                  %0D%0A  \n                  I am interested to learn more about the "+l+" feature. Please let me know the next steps to access this feature, including any necessary plan upgrades.%0D%0A\n                  %0D%0A \n                  - Feature Interested In: "+l+"%0D%0A\n                  - Company Name: [Please fill out your company name here]%0D%0A\n                  %0D%0A\n                  Thank you"},a)})))))}var p=t("sqm_empty",function(){function t(t){n(this,t);this.emptyStateImage="https://res.cloudinary.com/saasquatch/image/upload/v1644360953/squatch-assets/empty_leaderboard2.png"}t.prototype.render=function(){return e(s,{slot:"empty"},e(m,{emptyStateImage:this.emptyStateImage,emptyStateHeader:this.emptyStateHeader,emptyStateText:this.emptyStateText,supportText:this.supportText}))};return t}());var f=t("sqm_portal_container",function(){function t(t){n(this,t);this.ignored=true;this.direction="column";this.gap="xxx-large";this.display="grid";this.maxWidth="100%";this.flexWrap="wrap";o(this)}t.prototype.disconnectedCallback=function(){};t.prototype.render=function(){return e(r,Object.assign({},a(this)),e("slot",null))};return t}());var h=t("sqm_text",function(){function t(t){n(this,t);this.ignored=true;o(this)}t.prototype.disconnectedCallback=function(){};t.prototype.componentWillLoad=function(){};t.prototype.render=function(){var t="\n    sqm-text {\n      display: block;\n      color: "+(this.textColor||"var(--sqm-text)")+";\n    }\n\n    sqm-text h1 {\n      font-size: "+(this.fontSize?this.fontSize+"px":"var(--sl-font-size-xxx-large)")+";\n      font-weight: var(--sl-font-weight-semibold);\n      color: "+(this.textColor||"var(--sqm-text)")+";\n      margin: 0;\n    }\n\n    sqm-text h2 {\n      font-size: "+(this.fontSize?this.fontSize+"px":"var(--sl-font-size-xx-large)")+";\n      font-weight: var(--sl-font-weight-semibold);\n      color: "+(this.textColor||"var(--sqm-text)")+";\n      margin: 0;\n    }\n\n    sqm-text h3 {\n      font-size: "+(this.fontSize?this.fontSize+"px":"var(--sl-font-size-x-large)")+";\n      font-weight: var(--sl-font-weight-semibold);\n      color: "+(this.textColor||"var(--sqm-text)")+";\n      margin: 0;\n    }\n\n    sqm-text h4 {\n      font-size: "+(this.fontSize?this.fontSize+"px":"var(--sl-font-size-large)")+";\n      font-weight: var(--sl-font-weight-bold);\n      color: "+(this.textColor||"var(--sqm-text)")+";\n      margin: 0;\n    }\n\n    sqm-text p {\n      font-size: "+(this.fontSize?this.fontSize+"px":"var(--sl-font-size-medium)")+";\n      font-weight: var(--sl-font-weight-normal);\n      color: "+(this.textColor||"var(--sqm-text)")+";\n      margin: 0;\n    }\n\n    sqm-text sub {\n      font-size: "+(this.fontSize?this.fontSize+"px":"var(--sl-font-size-small)")+";\n      font-weight: var(--sl-font-weight-normal);\n      color: "+(this.textColor||"var(--sqm-text)")+";\n      margin: 0;\n    }\n    ";return e("div",null,e("style",null,t),e("slot",null))};return t}());var c=t("sqm_titled_section",function(){function t(t){n(this,t);this.textAlign="left";this.labelMargin="small";this.padding="none";o(this)}t.prototype.disconnectedCallback=function(){};t.prototype.render=function(){var t=e("slot",{name:"label"},this.label);var n=e("slot",{name:"content"});return e(l,Object.assign({},__assign(__assign({},a(this)),{label:t,content:n})))};return t}())}}}));
+var __assign=this&&this.__assign||function(){__assign=Object.assign||function(t){for(var e,n=1,s=arguments.length;n<s;n++){e=arguments[n];for(var i in e)if(Object.prototype.hasOwnProperty.call(e,i))t[i]=e[i]}return t};return __assign.apply(this,arguments)};System.register(["./p-59b028db.system.js","./p-0ac445bc.system.js","./p-4f5329a2.system.js","./p-171310d9.system.js","./p-15bfd7e2.system.js","./p-1a673057.system.js","./p-a6f4fb03.system.js"],(function(t){"use strict";var e,n,s,i,o,a,r,l;return{setters:[function(t){e=t.h;n=t.r;s=t.c},function(t){i=t.i},function(t){o=t.n},function(){},function(t){a=t.g},function(){},function(t){r=t.P;l=t.a}],execute:function(){function m(t){var n=t.emptyStateHeader,s=t.emptyStateImage,o=t.emptyStateText,a=t.supportText,r=t.missingFeature,l=r===void 0?"":r;return e("sqm-portal-container",{padding:"large",gap:"medium",part:"sqm-base"},e("img",{style:{height:"100px",margin:"auto"},src:s}),e("sqm-titled-section",{style:{maxHeight:"400px"},"label-margin":"xxx-small","text-align":"center"},e("sqm-text",{slot:"label"},e("p",{part:"header-text"},n)),e("sqm-text",{slot:"content"},e("p",{part:"description-text"},i.formatMessage({id:"emptyStateText",defaultMessage:o},{supportText:e("a",{target:"_blank",href:"mailto:saasquatch-support@impact.com?subject=Next steps for "+l+" feature&body=Hi Support Team, %0D%0A\n                  %0D%0A  \n                  I am interested to learn more about the "+l+" feature. Please let me know the next steps to access this feature, including any necessary plan upgrades.%0D%0A\n                  %0D%0A \n                  - Feature Interested In: "+l+"%0D%0A\n                  - Company Name: [Please fill out your company name here]%0D%0A\n                  %0D%0A\n                  Thank you"},a)})))))}var p=t("sqm_empty",function(){function t(t){n(this,t);this.emptyStateImage="https://res.cloudinary.com/saasquatch/image/upload/v1644360953/squatch-assets/empty_leaderboard2.png"}t.prototype.render=function(){return e(s,{slot:"empty"},e(m,{emptyStateImage:this.emptyStateImage,emptyStateHeader:this.emptyStateHeader,emptyStateText:this.emptyStateText,supportText:this.supportText}))};return t}());var c=t("sqm_portal_container",function(){function t(t){n(this,t);this.ignored=true;this.direction="column";this.gap="xxx-large";this.display="grid";this.maxWidth="100%";this.flexWrap="wrap";o(this)}t.prototype.disconnectedCallback=function(){};t.prototype.render=function(){return e(r,Object.assign({},a(this)),e("slot",null))};return t}());var f=t("sqm_text",function(){function t(t){n(this,t);this.ignored=true;o(this)}t.prototype.disconnectedCallback=function(){};t.prototype.componentWillLoad=function(){};t.prototype.render=function(){var t="\n    sqm-text {\n      display: block;\n      color: "+(this.textColor||"var(--sqm-text)")+";\n    }\n\n    sqm-text h1 {\n      font-size: "+(this.fontSize?this.fontSize+"px":"var(--sl-font-size-xxx-large)")+";\n      font-weight: var(--sl-font-weight-semibold);\n      color: "+(this.textColor||"var(--sqm-text)")+";\n      margin: 0;\n    }\n\n    sqm-text h2 {\n      font-size: "+(this.fontSize?this.fontSize+"px":"var(--sl-font-size-xx-large)")+";\n      font-weight: var(--sl-font-weight-semibold);\n      color: "+(this.textColor||"var(--sqm-text)")+";\n      margin: 0;\n    }\n\n    sqm-text h3 {\n      font-size: "+(this.fontSize?this.fontSize+"px":"var(--sl-font-size-x-large)")+";\n      font-weight: var(--sl-font-weight-semibold);\n      color: "+(this.textColor||"var(--sqm-text)")+";\n      margin: 0;\n    }\n\n    sqm-text h4 {\n      font-size: "+(this.fontSize?this.fontSize+"px":"var(--sl-font-size-large)")+";\n      font-weight: var(--sl-font-weight-bold);\n      color: "+(this.textColor||"var(--sqm-text)")+";\n      margin: 0;\n    }\n\n    sqm-text p {\n      font-size: "+(this.fontSize?this.fontSize+"px":"var(--sl-font-size-medium)")+";\n      font-weight: var(--sl-font-weight-normal);\n      color: "+(this.textColor||"var(--sqm-text)")+";\n      margin: 0;\n    }\n\n    sqm-text sub {\n      font-size: "+(this.fontSize?this.fontSize+"px":"var(--sl-font-size-small)")+";\n      font-weight: var(--sl-font-weight-normal);\n      color: "+(this.textColor||"var(--sqm-text)")+";\n      margin: 0;\n    }\n    ";return e("div",null,e("style",null,t),e("slot",null))};return t}());var h=t("sqm_titled_section",function(){function t(t){n(this,t);this.textAlign="left";this.labelMargin="small";this.padding="none";o(this)}t.prototype.disconnectedCallback=function(){};t.prototype.render=function(){var t=e("slot",{name:"label"},this.label);var n=e("slot",{name:"content"});return e(l,Object.assign({},__assign(__assign({},a(this)),{label:t,content:n})))};return t}())}}}));

package/dist/mint-components/{p-b02cda53.js → p-e1e60eba.js}

@@ -1 +1 @@
-import{h as e}from"./p-c7c11325.js";import{i as t}from"./p-bd2e8fe3.js";import{c as o}from"./p-cef45012.js";import{A as s,a as r}from"./p-49b20dae.js";import{T as a}from"./p-204861a6.js";const i=o({Wrapper:s,Column:{...r},ButtonLink:{fontSize:"14px",color:"var(--sl-color-primary-500)",display:"inline-block !important","&:hover":{cursor:"pointer",textDecoration:"underline"}},ButtonLinkLoading:{fontSize:"14px",color:"var(--sl-color-gray-500)",opacity:"0.6",display:"inline-block !important",textDecoration:"underline","&:hover":{cursor:"not-allowed"}}}),n=i.toString();function l(o){const{states:s,callbacks:r,content:{email:l,verifyMessage:c,emailVerificationHeader:p,resendEmailButtonText:m,verificationStatusMessage:d,verificationLoadingMessage:f,verificationResentMessage:u}}=o;return e("div",{class:i.classes.Wrapper},e("style",{type:"text/css"},"\n:host {\n  display: block;\n}\n:host([hidden]): {\n  display: none;\n}\n",n),e(a,{type:"h3"},p),e("sl-form",{class:i.classes.Column,"onSl-submit":r.submit},o.states.error&&e("sqm-form-message",{type:"error",exportparts:"erroralert-icon"},e("div",{part:"erroralert-text"},o.states.error)),o.states.success&&e("sqm-form-message",{type:"success",exportparts:"successalert-icon"},e("div",{part:"successalert-text"},u)),e(a,{type:"p"},t.formatMessage({id:"verifyMessage",defaultMessage:c},{email:e("span",{style:{fontWeight:"var(--sl-font-weight-semibold)"}},l)})),e("p",{style:{color:"var(--sl-color-gray-500)",fontSize:"14px"}},t.formatMessage({id:"verificationStatus",defaultMessage:s.loadingVerification?f+" {countdown}":d},{countdown:s.loadingVerification?e("sl-spinner",null):s.countdown})),e("a",{class:s.loading?i.classes.ButtonLinkLoading:i.classes.ButtonLink,onClick:r.submit},m)))}export{l as P}
+import{h as e}from"./p-c7c11325.js";import{i as t}from"./p-87becfcb.js";import{c as o}from"./p-cef45012.js";import{A as s,a as r}from"./p-49b20dae.js";import{T as a}from"./p-204861a6.js";const i=o({Wrapper:s,Column:{...r},ButtonLink:{fontSize:"14px",color:"var(--sl-color-primary-500)",display:"inline-block !important","&:hover":{cursor:"pointer",textDecoration:"underline"}},ButtonLinkLoading:{fontSize:"14px",color:"var(--sl-color-gray-500)",opacity:"0.6",display:"inline-block !important",textDecoration:"underline","&:hover":{cursor:"not-allowed"}}}),n=i.toString();function l(o){const{states:s,callbacks:r,content:{email:l,verifyMessage:c,emailVerificationHeader:p,resendEmailButtonText:m,verificationStatusMessage:f,verificationLoadingMessage:d,verificationResentMessage:u}}=o;return e("div",{class:i.classes.Wrapper},e("style",{type:"text/css"},"\n:host {\n  display: block;\n}\n:host([hidden]): {\n  display: none;\n}\n",n),e(a,{type:"h3"},p),e("sl-form",{class:i.classes.Column,"onSl-submit":r.submit},o.states.error&&e("sqm-form-message",{type:"error",exportparts:"erroralert-icon"},e("div",{part:"erroralert-text"},o.states.error)),o.states.success&&e("sqm-form-message",{type:"success",exportparts:"successalert-icon"},e("div",{part:"successalert-text"},u)),e(a,{type:"p"},t.formatMessage({id:"verifyMessage",defaultMessage:c},{email:e("span",{style:{fontWeight:"var(--sl-font-weight-semibold)"}},l)})),e("p",{style:{color:"var(--sl-color-gray-500)",fontSize:"14px"}},t.formatMessage({id:"verificationStatus",defaultMessage:s.loadingVerification?d+" {countdown}":f},{countdown:s.loadingVerification?e("sl-spinner",null):s.countdown})),e("a",{class:s.loading?i.classes.ButtonLinkLoading:i.classes.ButtonLink,onClick:r.submit},m)))}export{l as P}

package/dist/mint-components/{p-1e18e679.js → p-f88d44db.js}

@@ -1 +1 @@
-import{h as e}from"./p-c7c11325.js";import{i as s}from"./p-bd2e8fe3.js";import{c as t}from"./p-cef45012.js";const l=t({Container:{display:"flex",flexDirection:"column",gap:"24px"},HeaderContainer:{display:"flex",flexDirection:"column",gap:"10px"},TitleSkeleton:{width:"45%",height:"40px !important"},StepSkeleton:{width:"15%"},HeaderSkeleton:{width:"25%",height:"30px !important"},InputSkeleton:{width:"75%"},ButtonSkeleton:{width:"80px",height:"30px !important"}}),n=l.toString(),o=()=>e("div",{class:l.classes.Container},e("style",{type:"text/css"},n),e("sl-skeleton",{class:l.classes.TitleSkeleton}),e("div",{class:l.classes.HeaderContainer},e("sl-skeleton",{class:l.classes.StepSkeleton}),e("sl-skeleton",{class:l.classes.HeaderSkeleton})),e("sl-skeleton",{class:l.classes.InputSkeleton}),e("sl-skeleton",{class:l.classes.InputSkeleton}),e("sl-skeleton",{class:l.classes.InputSkeleton}),e("sl-skeleton",{class:l.classes.InputSkeleton}),e("sl-skeleton",{class:l.classes.InputSkeleton}),e("sl-skeleton",{class:l.classes.StepSkeleton}),e("sl-skeleton",{class:l.classes.ButtonSkeleton}));function a(e){return!!["W9","W8BENE","W8BEN"].includes(e)}const c=e=>!Object.keys(e).find((s=>null==e[s])),i=e=>{switch(e){case"W9":return"W-9";case"W8BEN":case"W8BENE":return"W-8";default:return""}};function r(e,s){return s.trim().search(e)>-1}const p=(e,t)=>s.formatMessage({id:e,defaultMessage:t},{fieldName:e});function d({countryCode:e,locale:s}){return{countryCode:e,displayName:new Intl.DisplayNames([s],{type:"region"}).of(e)}}export{o as L,r as a,p as f,d as g,c as o,i as t,a as v}
+import{h as e}from"./p-c7c11325.js";import{i as s}from"./p-87becfcb.js";import{c as t}from"./p-cef45012.js";const l=t({Container:{display:"flex",flexDirection:"column",gap:"24px"},HeaderContainer:{display:"flex",flexDirection:"column",gap:"10px"},TitleSkeleton:{width:"45%",height:"40px !important"},StepSkeleton:{width:"15%"},HeaderSkeleton:{width:"25%",height:"30px !important"},InputSkeleton:{width:"75%"},ButtonSkeleton:{width:"80px",height:"30px !important"}}),n=l.toString(),o=()=>e("div",{class:l.classes.Container},e("style",{type:"text/css"},n),e("sl-skeleton",{class:l.classes.TitleSkeleton}),e("div",{class:l.classes.HeaderContainer},e("sl-skeleton",{class:l.classes.StepSkeleton}),e("sl-skeleton",{class:l.classes.HeaderSkeleton})),e("sl-skeleton",{class:l.classes.InputSkeleton}),e("sl-skeleton",{class:l.classes.InputSkeleton}),e("sl-skeleton",{class:l.classes.InputSkeleton}),e("sl-skeleton",{class:l.classes.InputSkeleton}),e("sl-skeleton",{class:l.classes.InputSkeleton}),e("sl-skeleton",{class:l.classes.StepSkeleton}),e("sl-skeleton",{class:l.classes.ButtonSkeleton}));function a(e){return!!["W9","W8BENE","W8BEN"].includes(e)}const c=e=>!Object.keys(e).find((s=>null==e[s])),i=e=>{switch(e){case"W9":return"W-9";case"W8BEN":case"W8BENE":return"W-8";default:return""}};function r(e,s){return s.trim().search(e)>-1}const p=(e,t)=>s.formatMessage({id:e,defaultMessage:t},{fieldName:e});function d({countryCode:e,locale:s}){return{countryCode:e,displayName:new Intl.DisplayNames([s],{type:"region"}).of(e)}}export{o as L,r as a,p as f,d as g,c as o,i as t,a as v}

package/dist/mint-components/{p-42557927.entry.js → p-f9e2f02e.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-bd2e8fe3.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-fa962123.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-87becfcb.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-da676263.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 {