@saasquatch/mint-components 2.5.0 → 2.5.1-1
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/cjs/{ShadowViewAddon-d4cf928f.js → ShadowViewAddon-795963e8.js} +1 -1
- package/dist/cjs/sqm-big-stat_47.cjs.entry.js +2 -2
- package/dist/cjs/sqm-pagination_3.cjs.entry.js +1 -1
- package/dist/cjs/sqm-qr-code.cjs.entry.js +1 -1
- package/dist/cjs/sqm-stencilbook.cjs.entry.js +2 -2
- package/dist/cjs/{useReferralCodes-0f7948af.js → useReferralCodes-1bfc02eb.js} +2 -0
- package/dist/collection/components/sqm-referral-codes/useReferralCodes.js +2 -0
- package/dist/esm/{ShadowViewAddon-722e6707.js → ShadowViewAddon-450b0a7a.js} +1 -1
- package/dist/esm/sqm-big-stat_47.entry.js +2 -2
- package/dist/esm/sqm-pagination_3.entry.js +1 -1
- package/dist/esm/sqm-qr-code.entry.js +1 -1
- package/dist/esm/sqm-stencilbook.entry.js +2 -2
- package/dist/esm/{useReferralCodes-25f8b792.js → useReferralCodes-acbe7b0a.js} +2 -0
- package/dist/esm-es5/{ShadowViewAddon-722e6707.js → ShadowViewAddon-450b0a7a.js} +1 -1
- package/dist/esm-es5/sqm-big-stat_47.entry.js +1 -1
- package/dist/esm-es5/sqm-pagination_3.entry.js +1 -1
- package/dist/esm-es5/sqm-qr-code.entry.js +1 -1
- package/dist/esm-es5/sqm-stencilbook.entry.js +1 -1
- package/dist/esm-es5/{useReferralCodes-25f8b792.js → useReferralCodes-acbe7b0a.js} +1 -1
- package/dist/mint-components/mint-components.esm.js +1 -1
- package/dist/mint-components/{p-e651593c.system.js → p-01fcd601.system.js} +1 -1
- package/dist/mint-components/{p-56a7bb18.system.js → p-1c574ecb.system.js} +1 -1
- package/dist/mint-components/{p-9cbb983c.entry.js → p-1fa0187d.entry.js} +1 -1
- package/dist/mint-components/{p-3c9d8bf4.system.entry.js → p-2a4b742a.system.entry.js} +1 -1
- package/dist/mint-components/{p-91d2e886.entry.js → p-30eab7b9.entry.js} +2 -2
- package/dist/mint-components/{p-3ada35f5.entry.js → p-4d3846cc.entry.js} +1 -1
- package/dist/mint-components/{p-c51ea96f.system.entry.js → p-6b8236b3.system.entry.js} +1 -1
- package/dist/mint-components/{p-2d856a9f.system.entry.js → p-81e7d1b8.system.entry.js} +1 -1
- package/dist/mint-components/{p-17f7f612.js → p-a7678b0f.js} +1 -1
- package/dist/mint-components/{p-45230a44.js → p-aa69a316.js} +2 -2
- package/dist/mint-components/{p-09de0b11.system.entry.js → p-aad907a4.system.entry.js} +1 -1
- package/dist/mint-components/p-bfb00685.system.js +1 -1
- package/dist/mint-components/{p-de17f8b8.entry.js → p-f8a006f8.entry.js} +1 -1
- package/dist/types/components/sqm-referral-codes/useReferralCodes.d.ts +2 -0
- package/docs/docs.docx +0 -0
- package/package.json +1 -1
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import{r as e,h as t,c as r}from"./p-083180bf.js";import{b as o,i}from"./p-6f8a3436.js";import{n as a,f as n,i as s,k as l,m as d,u as c,b as u,j as h}from"./p-a7fc1e02.js";import{i as m,_ as p,d as f,J as g,H as v,B as b,$ as y,w as x,b as w,L as k,y as C,j as E,o as _,s as F,Q as I,k as S,M as T,I as R,S as q,p as A,X as N}from"./p-8a6531d2.js";import{j as M}from"./p-e7e129ac.js";import{c as D}from"./p-c1086930.js";import{g as L,a as P}from"./p-9ec99ced.js";import{c as B}from"./p-cef45012.js";import"./p-45230a44.js";import"./p-49b20dae.js";import{C as O}from"./p-d276468c.js";import"./p-c813ec64.js";import{A as j}from"./p-a08157c4.js";import{g as z,i as V,L as $}from"./p-2ec539fc.js";import{R as U,a as Y}from"./p-87f86492.js";import{P as H}from"./p-bee4af5d.js";import{u as W}from"./p-a779e577.js";import{a as G}from"./p-bf9ab2d3.js";import{u as K}from"./p-8ae8968c.js";import{l as J}from"./p-2786819c.js";import{p as Z}from"./p-8d363802.js";import{o as X}from"./p-f75de169.js";import{E as Q}from"./p-7010498f.js";import{u as ee}from"./p-0766438e.js";import{R as te,L as re,u as oe}from"./p-7c482564.js";import{i as ie}from"./p-cfea215d.js";import{E as ae}from"./p-c2254b88.js";import{u as ne,W as se,B as le,C as de,d as ce,e as ue,D as he,E as me,H as pe,I as fe,U as ge,Q as ve,X as be,L as ye,N as xe,f as we,P as ke,g as Ce,h as Ee,c as _e,R as Fe,i as Ie,Y as Se,G as Te,a as Re,K as qe,J as Ae,S as Ne,T as Me}from"./p-17f7f612.js";import"./p-e30abc44.js";import{T as De,a as Le,U as Pe,C as Be,b as Oe,S as je,c as ze,G as Ve,d as $e,e as Ue,f as Ye,g as He,h as We,i as Ge}from"./p-7aa89fa8.js";import{S as Ke,a as Je,b as Ze,P as Xe,V as Qe}from"./p-4f9dc974.js";import"./p-28ed2ae9.js";import{u as et,C as tt}from"./p-b27f98f1.js";import{p as rt}from"./p-13f3a647.js";const ot={main:{brandFont:"Netflix Sans, Arial, sans-serif",brandColor:"#E50914"},border:{borderColor:"#333333",borderRadius:4,borderThickness:1},color:{loadingSkeleton:{background:"#272727",animationBackground:"#E50914"},textColorShades:{mainText:"white",subduedText:"#B3B3B3"},backgroundColor:"#101010",accentColorShades:{text:"#E50914",icon:"#E50914",border:"#E50914",background:"#300609"},success:{text:"#66BB6A",border:"#4CAF50",background:"#1B5E20",iconAndBadge:"#4CAF50"},warning:{text:"#FFCA28",border:"#FFA726",background:"#F57C00",iconAndBadge:"#FFA726"},critical:{text:"#EF9A9A",border:"#E50914",background:"#B71C1C",iconAndBadge:"#E50914"},informative:{text:"#64B5F6",border:"#42A5F5",background:"#1976D2",iconAndBadge:"#42A5F5"},neutral:{text:"white",iconAndBadge:"#B3B3B3",border:"#333333",background:"#222222"}},primaryButton:{buttonColor:{background:"#E50914",border:"transparent",label:"#FFFFFF"},buttonHoverColor:{background:"#CC0000",border:"transparent",label:"#FFFFFF"},borderRadius:4},secondaryButton:{buttonColor:{background:"transparent",border:"#B3B3B3",label:"#FFFFFF"},buttonHoverColor:{background:"#333333",border:"#B3B3B3",label:"#FFFFFF"},borderRadius:4},formFields:{formFieldColor:{background:"#222222",border:"#B3B3B3",inputText:"#B3B3B3"},hoverStateColor:"#777777",selectedStateColor:"#E50914",borderRadius:4}},it=Object.freeze({__proto__:null,Default:null,Netflix:ot,Amazon:{main:{brandFont:"Amazon Ember, Arial, sans-serif",brandColor:"#FF9900"},border:{borderColor:"#D5D9D9",borderRadius:4,borderThickness:1},color:{backgroundColor:"#ffffff",loadingSkeleton:{background:"hsl(240 4.8% 95.9%)",animationBackground:"#FF9900"},textColorShades:{mainText:"#2f2f2f",subduedText:"#565959"},accentColorShades:{text:"#FF9900",icon:"#FF9900",border:"#FFBF66",background:"#FFF4DD"},success:{text:"#198754",border:"#BCE8B2",background:"#D4EDDA",iconAndBadge:"#28A745"},warning:{text:"#856404",border:"#FFEBA2",background:"#FFF3CD",iconAndBadge:"#FFC107"},critical:{text:"#721C24",border:"#F5C6CB",background:"#F8D7DA",iconAndBadge:"#DC3545"},informative:{text:"#004085",border:"#B8DAFF",background:"#CCE5FF",iconAndBadge:"#007BFF"},neutral:{text:"#232F3E",iconAndBadge:"#565959",border:"#D5D9D9",background:"#F0F2F2"}},primaryButton:{buttonColor:{background:"#FF9900",border:"transparent",label:"#FFFFFF"},buttonHoverColor:{background:"#EB9100",border:"transparent",label:"#FFFFFF"},borderRadius:4},secondaryButton:{buttonColor:{background:"#FFFFFF",border:"#888C8C",label:"#232F3E"},buttonHoverColor:{background:"#F0F2F2",border:"#888C8C",label:"#232F3E"},borderRadius:4},formFields:{formFieldColor:{background:"#FFFFFF",border:"#D5D9D9",inputText:"#2f2f2f"},borderRadius:4,hoverStateColor:"#A2A2A2",selectedStateColor:"#007185"}},Spotify:{main:{brandColor:"#1ed760"},border:{borderColor:"#f4f4f4",borderRadius:18,borderThickness:1},color:{loadingSkeleton:{background:"#282928",animationBackground:"#1ed760"},textColorShades:{mainText:"white",subduedText:"white"},backgroundColor:"#121212",accentColorShades:{icon:"#1ed760"}},primaryButton:{buttonColor:{background:"#1ed760",border:"transparent",label:"#121212"},buttonHoverColor:{background:"#1DB954",border:"transparent",label:"#121212"},borderRadius:30},secondaryButton:{buttonColor:{background:"#191414",border:"#FFFFFF",label:"#FFFFFF"},buttonHoverColor:{background:"#282828",border:"#FFFFFF",label:"#121212"},borderRadius:30},formFields:{formFieldColor:{background:"#121212",border:"#7c7c7c",inputText:"#fff"},borderRadius:30,hoverStateColor:"white",selectedStateColor:"white"}},Google:{main:{brandColor:"#4285F4",brandFont:"Roboto, Arial, sans-serif"},border:{borderColor:"#DADCE0",borderRadius:4,borderThickness:1},color:{textColorShades:{mainText:"#212124",subduedText:"#5F6368"},backgroundColor:"#FFFFFF",accentColorShades:{text:"#1A73E8",border:"#8AB4F8",background:"#E8F0FE",icon:"#4285F4"},success:{text:"#044e1d",border:"#A8DCD7",background:"#E6F4EA",iconAndBadge:"#34A853"},warning:{text:"#996a3d",border:"#FCD667",background:"#FFF7EE",iconAndBadge:"#FBBC04"},critical:{text:"#760b09",border:"#F28B82",background:"#FCE8E6",iconAndBadge:"#EA4335"},informative:{text:"#01368c",border:"#BFDBFE",background:"#E8F0FE",iconAndBadge:"#4285F4"},neutral:{text:"#202124",border:"#DADCE0",background:"#F8F9FA",iconAndBadge:"#5F6368"}},primaryButton:{buttonColor:{background:"#4285F4",border:"transparent",label:"#FFFFFF"},buttonHoverColor:{background:"#3C7CD1",border:"transparent",label:"#FFFFFF"},borderRadius:4},secondaryButton:{buttonColor:{background:"#FFFFFF",border:"#DADCE0",label:"#4285F4"},buttonHoverColor:{background:"#E8F0FE",border:"#DADCE0",label:"#4285F4"},borderRadius:4},formFields:{formFieldColor:{background:"#FFFFFF",border:"#DADCE0",inputText:"#202124"},borderRadius:4,hoverStateColor:"#9AA0A6",selectedStateColor:"#4285F4"}}}),at=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()?ne(this):se(this),i=!!(null===(e=p().innerHTML)||void 0===e?void 0:e.trim()),a=t("slot",{name:"label"},i?t("slot",null):o);return t(le,Object.assign({},r,{labelSlot:a}))}};function nt(e,t,r){return Math.min(Math.max(e,r),t)}class st extends Error{constructor(e){super(`Failed to parse color: "${e}"`)}}function lt(e){if("string"!=typeof e)throw new st(e);if("transparent"===e.trim().toLowerCase())return[0,0,0,0];let t=e.trim();t=gt.test(e)?function(e){const t=e.toLowerCase().trim(),r=ct[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 st(e);return`#${r}`}(e):e;const r=ht.exec(t);if(r){const e=Array.from(r).slice(1);return[...e.slice(0,3).map((e=>parseInt(ut(e,2),16))),parseInt(ut(e[3]||"f",2),16)/255]}const o=mt.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 i=pt.exec(t);if(i){const e=Array.from(i).slice(1);return[...e.slice(0,3).map((e=>parseInt(e,10))),parseFloat(e[3]||"1")]}const a=ft.exec(t);if(a){const[t,r,o,i]=Array.from(a).slice(1).map(parseFloat);if(nt(0,100,r)!==r)throw new st(e);if(nt(0,100,o)!==o)throw new st(e);return[...bt(t,r,o),i||1]}throw new st(e)}const dt=e=>parseInt(e.replace(/_/g,""),36),ct="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=dt(t.substring(0,3)),o=dt(t.substring(3)).toString(16);let i="";for(let e=0;e<6-o.length;e++)i+="0";return e[r]=`${i}${o}`,e}),{}),ut=(e,t)=>Array.from(Array(t)).map((()=>e)).join(""),ht=new RegExp(`^#${ut("([a-f0-9])",3)}([a-f0-9])?$`,"i"),mt=new RegExp(`^#${ut("([a-f0-9]{2})",3)}([a-f0-9]{2})?$`,"i"),pt=new RegExp(`^rgba?\\(\\s*(\\d+)\\s*${ut(",\\s*(\\d+)\\s*",2)}(?:,\\s*([\\d.]+))?\\s*\\)$`,"i"),ft=/^hsla?\(\s*([\d.]+)\s*,\s*([\d.]+)%\s*,\s*([\d.]+)%(?:\s*,\s*([\d.]+))?\s*\)$/i,gt=/^[a-z]+$/i,vt=e=>Math.round(255*e),bt=(e,t,r)=>{let o=r/100;if(0===t)return[o,o,o].map(vt);const i=(e%360+360)%360/60,a=(1-Math.abs(2*o-1))*(t/100),n=a*(1-Math.abs(i%2-1));let s=0,l=0,d=0;i>=0&&i<1?(s=a,l=n):i>=1&&i<2?(s=n,l=a):i>=2&&i<3?(l=a,d=n):i>=3&&i<4?(l=n,d=a):i>=4&&i<5?(s=n,d=a):i>=5&&i<6&&(s=a,d=n);const c=o-a/2;return[s+c,l+c,d+c].map(vt)},yt=[50,100,200,300,400,500,600,700,800,900,950],xt=[.95,.86,.76,.66,.56,.46,.39,.32,.25,.18,.15],wt=/^hsla?\(\s*([\d.]+)\s*,\s*([\d.]+)%\s*,\s*([\d.]+)%(?:\s*,\s*([\d.]+))?\s*\)$/i;function kt(e,t="primary"){const[r,o,i,a]=function(e){const t=e.trim(),r=wt.exec(t);if(r){const[t,o,i,a]=Array.from(r).slice(1).map(parseFloat);if(nt(0,100,o)!==o)throw new st(e);if(nt(0,100,i)!==i)throw new st(e);return[t,o/100,i,a||1]}return function(e){const[t,r,o,i]=lt(e).map(((e,t)=>3===t?e:e/255)),a=Math.max(t,r,o),n=Math.min(t,r,o),s=(a+n)/2;if(a===n)return[0,0,s,i];const l=a-n;return[60*(t===a?(r-o)/l+(r<o?6:0):r===a?(o-t)/l+2:(t-r)/l+4),s>.5?l/(2-a-n):l/(a+n),s,i]}(e)}(e);return xt.map((e=>function(e,t,r,o){return`hsla(${(e%360).toFixed()}, ${nt(0,100,100*t).toFixed()}%, ${nt(0,100,100*r).toFixed()}%, ${parseFloat(nt(0,1,o).toFixed(3))})`}(r,o,e,a))).map(((e,r)=>`--sl-color-${t}-${yt[r]}: ${e};\n`))}const Ct=class{constructor(t){e(this,t),a(this)}disconnectedCallback(){}render(){var e,i,a,s,l,d;const c=null===(i=null===(e=window.SquatchBrandingConfig)||void 0===e?void 0:e.main)||void 0===i?void 0:i.brandFont,u=(null===(s=null===(a=window.SquatchBrandingConfig)||void 0===a?void 0:a.main)||void 0===s?void 0:s.brandColor)?"":null!==(l=function(e){if(e)try{return function(e,t="primary"){return kt(e,t).join("\n")}(e)}catch{}}(this.brandColor))&&void 0!==l?l:"",h=(null!==(d=this.brandFont)&&void 0!==d?d:"Nunito Sans").trim()||void 0;n((()=>{if(!h||c)return;const e=document.createElement("link");return e.setAttribute("href",o(h)),e.setAttribute("rel","stylesheet"),document.head.appendChild(e),()=>document.head.removeChild(e)}),[h]);const m=null!=h?h:"";return t(r,null,t("style",null,`\n\n :host{\n display: contents;\n }\n /* \n Selects any element placed inside a slot\n - resets css variable inheritence for fonts\n \n */\n\n ${c?"":`\n ::slotted(*) {\n --sl-font-sans: "${m}", arial;\n --sl-input-font-family: "${m}", arial;\n --sl-tooltip-font-family: "${m}", arial;\n font-family: "${m}", arial;\n\t\t\t\n ${u}\n `}\n\n --sl-focus-ring-color-primary: var(--sl-color-primary-100);\n --sl-input-border-color-focus: var(--sl-color-primary-500);\n --sl-color-primary-hue: var(--sl-color-primary-500);\n }`),t("slot",null))}},Et=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=it[r]||ot;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=it[e]||ot,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"}})))))))}},_t=class{constructor(t){e(this,t),this.ignored=!0,this.width=347,this.gap=24,a(this)}disconnectedCallback(){}render(){return t(de,Object.assign({},L(this)),t("slot",null))}};function Ft(e){var t;const r=s(U),[o,i]=l(!1);return n((()=>{var t,o;(null===(t=null==r?void 0:r.initialData)||void 0===t?void 0:t[e.checkboxName])&&i(!!(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:i}}}const It=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=P([{attribute:"checkbox-name",value:this.checkboxName}]);if(!m()&&e)return t(te,{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={...L(this)},{states:o,callbacks:i}=m()?D({states:{registrationFormState:{},checked:!1},callbacks:{setChecked:()=>{}}},this.demoData||{},{arrayMerge:(e,t)=>t}):Ft(this);return t(ce,{states:o,content:r,callbacks:i})}},St=f.gql`
|
|
1
|
+
import{r as e,h as t,c as r}from"./p-083180bf.js";import{b as o,i}from"./p-6f8a3436.js";import{n as a,f as n,i as s,k as l,m as d,u as c,b as u,j as h}from"./p-a7fc1e02.js";import{i as m,_ as p,d as f,J as g,H as v,B as b,$ as y,w as x,b as w,L as k,y as C,j as E,o as _,s as F,Q as I,k as S,M as T,I as R,S as q,p as A,X as N}from"./p-8a6531d2.js";import{j as M}from"./p-e7e129ac.js";import{c as D}from"./p-c1086930.js";import{g as L,a as P}from"./p-9ec99ced.js";import{c as B}from"./p-cef45012.js";import"./p-aa69a316.js";import"./p-49b20dae.js";import{C as O}from"./p-d276468c.js";import"./p-c813ec64.js";import{A as j}from"./p-a08157c4.js";import{g as z,i as V,L as $}from"./p-2ec539fc.js";import{R as U,a as Y}from"./p-87f86492.js";import{P as H}from"./p-bee4af5d.js";import{u as W}from"./p-a779e577.js";import{a as G}from"./p-bf9ab2d3.js";import{u as K}from"./p-8ae8968c.js";import{l as J}from"./p-2786819c.js";import{p as Z}from"./p-8d363802.js";import{o as X}from"./p-f75de169.js";import{E as Q}from"./p-7010498f.js";import{u as ee}from"./p-0766438e.js";import{R as te,L as re,u as oe}from"./p-7c482564.js";import{i as ie}from"./p-cfea215d.js";import{E as ae}from"./p-c2254b88.js";import{u as ne,W as se,B as le,C as de,d as ce,e as ue,D as he,E as me,H as pe,I as fe,U as ge,Q as ve,X as be,L as ye,N as xe,f as we,P as ke,g as Ce,h as Ee,c as _e,R as Fe,i as Ie,Y as Se,G as Te,a as Re,K as qe,J as Ae,S as Ne,T as Me}from"./p-a7678b0f.js";import"./p-e30abc44.js";import{T as De,a as Le,U as Pe,C as Be,b as Oe,S as je,c as ze,G as Ve,d as $e,e as Ue,f as Ye,g as He,h as We,i as Ge}from"./p-7aa89fa8.js";import{S as Ke,a as Je,b as Ze,P as Xe,V as Qe}from"./p-4f9dc974.js";import"./p-28ed2ae9.js";import{u as et,C as tt}from"./p-b27f98f1.js";import{p as rt}from"./p-13f3a647.js";const ot={main:{brandFont:"Netflix Sans, Arial, sans-serif",brandColor:"#E50914"},border:{borderColor:"#333333",borderRadius:4,borderThickness:1},color:{loadingSkeleton:{background:"#272727",animationBackground:"#E50914"},textColorShades:{mainText:"white",subduedText:"#B3B3B3"},backgroundColor:"#101010",accentColorShades:{text:"#E50914",icon:"#E50914",border:"#E50914",background:"#300609"},success:{text:"#66BB6A",border:"#4CAF50",background:"#1B5E20",iconAndBadge:"#4CAF50"},warning:{text:"#FFCA28",border:"#FFA726",background:"#F57C00",iconAndBadge:"#FFA726"},critical:{text:"#EF9A9A",border:"#E50914",background:"#B71C1C",iconAndBadge:"#E50914"},informative:{text:"#64B5F6",border:"#42A5F5",background:"#1976D2",iconAndBadge:"#42A5F5"},neutral:{text:"white",iconAndBadge:"#B3B3B3",border:"#333333",background:"#222222"}},primaryButton:{buttonColor:{background:"#E50914",border:"transparent",label:"#FFFFFF"},buttonHoverColor:{background:"#CC0000",border:"transparent",label:"#FFFFFF"},borderRadius:4},secondaryButton:{buttonColor:{background:"transparent",border:"#B3B3B3",label:"#FFFFFF"},buttonHoverColor:{background:"#333333",border:"#B3B3B3",label:"#FFFFFF"},borderRadius:4},formFields:{formFieldColor:{background:"#222222",border:"#B3B3B3",inputText:"#B3B3B3"},hoverStateColor:"#777777",selectedStateColor:"#E50914",borderRadius:4}},it=Object.freeze({__proto__:null,Default:null,Netflix:ot,Amazon:{main:{brandFont:"Amazon Ember, Arial, sans-serif",brandColor:"#FF9900"},border:{borderColor:"#D5D9D9",borderRadius:4,borderThickness:1},color:{backgroundColor:"#ffffff",loadingSkeleton:{background:"hsl(240 4.8% 95.9%)",animationBackground:"#FF9900"},textColorShades:{mainText:"#2f2f2f",subduedText:"#565959"},accentColorShades:{text:"#FF9900",icon:"#FF9900",border:"#FFBF66",background:"#FFF4DD"},success:{text:"#198754",border:"#BCE8B2",background:"#D4EDDA",iconAndBadge:"#28A745"},warning:{text:"#856404",border:"#FFEBA2",background:"#FFF3CD",iconAndBadge:"#FFC107"},critical:{text:"#721C24",border:"#F5C6CB",background:"#F8D7DA",iconAndBadge:"#DC3545"},informative:{text:"#004085",border:"#B8DAFF",background:"#CCE5FF",iconAndBadge:"#007BFF"},neutral:{text:"#232F3E",iconAndBadge:"#565959",border:"#D5D9D9",background:"#F0F2F2"}},primaryButton:{buttonColor:{background:"#FF9900",border:"transparent",label:"#FFFFFF"},buttonHoverColor:{background:"#EB9100",border:"transparent",label:"#FFFFFF"},borderRadius:4},secondaryButton:{buttonColor:{background:"#FFFFFF",border:"#888C8C",label:"#232F3E"},buttonHoverColor:{background:"#F0F2F2",border:"#888C8C",label:"#232F3E"},borderRadius:4},formFields:{formFieldColor:{background:"#FFFFFF",border:"#D5D9D9",inputText:"#2f2f2f"},borderRadius:4,hoverStateColor:"#A2A2A2",selectedStateColor:"#007185"}},Spotify:{main:{brandColor:"#1ed760"},border:{borderColor:"#f4f4f4",borderRadius:18,borderThickness:1},color:{loadingSkeleton:{background:"#282928",animationBackground:"#1ed760"},textColorShades:{mainText:"white",subduedText:"white"},backgroundColor:"#121212",accentColorShades:{icon:"#1ed760"}},primaryButton:{buttonColor:{background:"#1ed760",border:"transparent",label:"#121212"},buttonHoverColor:{background:"#1DB954",border:"transparent",label:"#121212"},borderRadius:30},secondaryButton:{buttonColor:{background:"#191414",border:"#FFFFFF",label:"#FFFFFF"},buttonHoverColor:{background:"#282828",border:"#FFFFFF",label:"#121212"},borderRadius:30},formFields:{formFieldColor:{background:"#121212",border:"#7c7c7c",inputText:"#fff"},borderRadius:30,hoverStateColor:"white",selectedStateColor:"white"}},Google:{main:{brandColor:"#4285F4",brandFont:"Roboto, Arial, sans-serif"},border:{borderColor:"#DADCE0",borderRadius:4,borderThickness:1},color:{textColorShades:{mainText:"#212124",subduedText:"#5F6368"},backgroundColor:"#FFFFFF",accentColorShades:{text:"#1A73E8",border:"#8AB4F8",background:"#E8F0FE",icon:"#4285F4"},success:{text:"#044e1d",border:"#A8DCD7",background:"#E6F4EA",iconAndBadge:"#34A853"},warning:{text:"#996a3d",border:"#FCD667",background:"#FFF7EE",iconAndBadge:"#FBBC04"},critical:{text:"#760b09",border:"#F28B82",background:"#FCE8E6",iconAndBadge:"#EA4335"},informative:{text:"#01368c",border:"#BFDBFE",background:"#E8F0FE",iconAndBadge:"#4285F4"},neutral:{text:"#202124",border:"#DADCE0",background:"#F8F9FA",iconAndBadge:"#5F6368"}},primaryButton:{buttonColor:{background:"#4285F4",border:"transparent",label:"#FFFFFF"},buttonHoverColor:{background:"#3C7CD1",border:"transparent",label:"#FFFFFF"},borderRadius:4},secondaryButton:{buttonColor:{background:"#FFFFFF",border:"#DADCE0",label:"#4285F4"},buttonHoverColor:{background:"#E8F0FE",border:"#DADCE0",label:"#4285F4"},borderRadius:4},formFields:{formFieldColor:{background:"#FFFFFF",border:"#DADCE0",inputText:"#202124"},borderRadius:4,hoverStateColor:"#9AA0A6",selectedStateColor:"#4285F4"}}}),at=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()?ne(this):se(this),i=!!(null===(e=p().innerHTML)||void 0===e?void 0:e.trim()),a=t("slot",{name:"label"},i?t("slot",null):o);return t(le,Object.assign({},r,{labelSlot:a}))}};function nt(e,t,r){return Math.min(Math.max(e,r),t)}class st extends Error{constructor(e){super(`Failed to parse color: "${e}"`)}}function lt(e){if("string"!=typeof e)throw new st(e);if("transparent"===e.trim().toLowerCase())return[0,0,0,0];let t=e.trim();t=gt.test(e)?function(e){const t=e.toLowerCase().trim(),r=ct[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 st(e);return`#${r}`}(e):e;const r=ht.exec(t);if(r){const e=Array.from(r).slice(1);return[...e.slice(0,3).map((e=>parseInt(ut(e,2),16))),parseInt(ut(e[3]||"f",2),16)/255]}const o=mt.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 i=pt.exec(t);if(i){const e=Array.from(i).slice(1);return[...e.slice(0,3).map((e=>parseInt(e,10))),parseFloat(e[3]||"1")]}const a=ft.exec(t);if(a){const[t,r,o,i]=Array.from(a).slice(1).map(parseFloat);if(nt(0,100,r)!==r)throw new st(e);if(nt(0,100,o)!==o)throw new st(e);return[...bt(t,r,o),i||1]}throw new st(e)}const dt=e=>parseInt(e.replace(/_/g,""),36),ct="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=dt(t.substring(0,3)),o=dt(t.substring(3)).toString(16);let i="";for(let e=0;e<6-o.length;e++)i+="0";return e[r]=`${i}${o}`,e}),{}),ut=(e,t)=>Array.from(Array(t)).map((()=>e)).join(""),ht=new RegExp(`^#${ut("([a-f0-9])",3)}([a-f0-9])?$`,"i"),mt=new RegExp(`^#${ut("([a-f0-9]{2})",3)}([a-f0-9]{2})?$`,"i"),pt=new RegExp(`^rgba?\\(\\s*(\\d+)\\s*${ut(",\\s*(\\d+)\\s*",2)}(?:,\\s*([\\d.]+))?\\s*\\)$`,"i"),ft=/^hsla?\(\s*([\d.]+)\s*,\s*([\d.]+)%\s*,\s*([\d.]+)%(?:\s*,\s*([\d.]+))?\s*\)$/i,gt=/^[a-z]+$/i,vt=e=>Math.round(255*e),bt=(e,t,r)=>{let o=r/100;if(0===t)return[o,o,o].map(vt);const i=(e%360+360)%360/60,a=(1-Math.abs(2*o-1))*(t/100),n=a*(1-Math.abs(i%2-1));let s=0,l=0,d=0;i>=0&&i<1?(s=a,l=n):i>=1&&i<2?(s=n,l=a):i>=2&&i<3?(l=a,d=n):i>=3&&i<4?(l=n,d=a):i>=4&&i<5?(s=n,d=a):i>=5&&i<6&&(s=a,d=n);const c=o-a/2;return[s+c,l+c,d+c].map(vt)},yt=[50,100,200,300,400,500,600,700,800,900,950],xt=[.95,.86,.76,.66,.56,.46,.39,.32,.25,.18,.15],wt=/^hsla?\(\s*([\d.]+)\s*,\s*([\d.]+)%\s*,\s*([\d.]+)%(?:\s*,\s*([\d.]+))?\s*\)$/i;function kt(e,t="primary"){const[r,o,i,a]=function(e){const t=e.trim(),r=wt.exec(t);if(r){const[t,o,i,a]=Array.from(r).slice(1).map(parseFloat);if(nt(0,100,o)!==o)throw new st(e);if(nt(0,100,i)!==i)throw new st(e);return[t,o/100,i,a||1]}return function(e){const[t,r,o,i]=lt(e).map(((e,t)=>3===t?e:e/255)),a=Math.max(t,r,o),n=Math.min(t,r,o),s=(a+n)/2;if(a===n)return[0,0,s,i];const l=a-n;return[60*(t===a?(r-o)/l+(r<o?6:0):r===a?(o-t)/l+2:(t-r)/l+4),s>.5?l/(2-a-n):l/(a+n),s,i]}(e)}(e);return xt.map((e=>function(e,t,r,o){return`hsla(${(e%360).toFixed()}, ${nt(0,100,100*t).toFixed()}%, ${nt(0,100,100*r).toFixed()}%, ${parseFloat(nt(0,1,o).toFixed(3))})`}(r,o,e,a))).map(((e,r)=>`--sl-color-${t}-${yt[r]}: ${e};\n`))}const Ct=class{constructor(t){e(this,t),a(this)}disconnectedCallback(){}render(){var e,i,a,s,l,d;const c=null===(i=null===(e=window.SquatchBrandingConfig)||void 0===e?void 0:e.main)||void 0===i?void 0:i.brandFont,u=(null===(s=null===(a=window.SquatchBrandingConfig)||void 0===a?void 0:a.main)||void 0===s?void 0:s.brandColor)?"":null!==(l=function(e){if(e)try{return function(e,t="primary"){return kt(e,t).join("\n")}(e)}catch{}}(this.brandColor))&&void 0!==l?l:"",h=(null!==(d=this.brandFont)&&void 0!==d?d:"Nunito Sans").trim()||void 0;n((()=>{if(!h||c)return;const e=document.createElement("link");return e.setAttribute("href",o(h)),e.setAttribute("rel","stylesheet"),document.head.appendChild(e),()=>document.head.removeChild(e)}),[h]);const m=null!=h?h:"";return t(r,null,t("style",null,`\n\n :host{\n display: contents;\n }\n /* \n Selects any element placed inside a slot\n - resets css variable inheritence for fonts\n \n */\n\n ${c?"":`\n ::slotted(*) {\n --sl-font-sans: "${m}", arial;\n --sl-input-font-family: "${m}", arial;\n --sl-tooltip-font-family: "${m}", arial;\n font-family: "${m}", arial;\n\t\t\t\n ${u}\n `}\n\n --sl-focus-ring-color-primary: var(--sl-color-primary-100);\n --sl-input-border-color-focus: var(--sl-color-primary-500);\n --sl-color-primary-hue: var(--sl-color-primary-500);\n }`),t("slot",null))}},Et=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=it[r]||ot;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=it[e]||ot,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"}})))))))}},_t=class{constructor(t){e(this,t),this.ignored=!0,this.width=347,this.gap=24,a(this)}disconnectedCallback(){}render(){return t(de,Object.assign({},L(this)),t("slot",null))}};function Ft(e){var t;const r=s(U),[o,i]=l(!1);return n((()=>{var t,o;(null===(t=null==r?void 0:r.initialData)||void 0===t?void 0:t[e.checkboxName])&&i(!!(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:i}}}const It=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=P([{attribute:"checkbox-name",value:this.checkboxName}]);if(!m()&&e)return t(te,{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={...L(this)},{states:o,callbacks:i}=m()?D({states:{registrationFormState:{},checked:!1},callbacks:{setChecked:()=>{}}},this.demoData||{},{arrayMerge:(e,t)=>t}):Ft(this);return t(ce,{states:o,content:r,callbacks:i})}},St=f.gql`
|
|
2
2
|
query fuelTankRewardsQuery($programId: ID!) {
|
|
3
3
|
user: viewer {
|
|
4
4
|
... on User {
|
|
@@ -1 +1 @@
|
|
|
1
|
-
var __makeTemplateObject=this&&this.__makeTemplateObject||function(e,n){if(Object.defineProperty){Object.defineProperty(e,"raw",{value:n})}else{e.raw=n}return e};var __assign=this&&this.__assign||function(){__assign=Object.assign||function(e){for(var n,t=1,r=arguments.length;t<r;t++){n=arguments[t];for(var o in n)if(Object.prototype.hasOwnProperty.call(n,o))e[o]=n[o]}return e};return __assign.apply(this,arguments)};var __awaiter=this&&this.__awaiter||function(e,n,t,r){function o(e){return e instanceof t?e:new t((function(n){n(e)}))}return new(t||(t=Promise))((function(t,i){function a(e){try{s(r.next(e))}catch(e){i(e)}}function c(e){try{s(r["throw"](e))}catch(e){i(e)}}function s(e){e.done?t(e.value):o(e.value).then(a,c)}s((r=r.apply(e,n||[])).next())}))};var __generator=this&&this.__generator||function(e,n){var t={label:0,sent:function(){if(i[0]&1)throw i[1];return i[1]},trys:[],ops:[]},r,o,i,a;return a={next:c(0),throw:c(1),return:c(2)},typeof Symbol==="function"&&(a[Symbol.iterator]=function(){return this}),a;function c(e){return function(n){return s([e,n])}}function s(a){if(r)throw new TypeError("Generator is already executing.");while(t)try{if(r=1,o&&(i=a[0]&2?o["return"]:a[0]?o["throw"]||((i=o["return"])&&i.call(o),0):o.next)&&!(i=i.call(o,a[1])).done)return i;if(o=0,i)a=[a[0]&2,i.value];switch(a[0]){case 0:case 1:i=a;break;case 4:t.label++;return{value:a[1],done:false};case 5:t.label++;o=a[1];a=[0];continue;case 7:a=t.ops.pop();t.trys.pop();continue;default:if(!(i=t.trys,i=i.length>0&&i[i.length-1])&&(a[0]===6||a[0]===2)){t=0;continue}if(a[0]===3&&(!i||a[1]>i[0]&&a[1]<i[3])){t.label=a[1];break}if(a[0]===6&&t.label<i[1]){t.label=i[1];i=a;break}if(i&&t.label<i[2]){t.label=i[2];t.ops.push(a);break}if(i[2])t.ops.pop();t.trys.pop();continue}a=n.call(e,t)}catch(e){a=[6,e];o=0}finally{r=i=0}if(a[0]&5)throw a[1];return{value:a[0]?a[1]:void 0,done:true}}};System.register(["./p-641f968d.system.js","./p-b6504987.system.js","./p-2190dc73.system.js","./p-4bd679a7.system.js","./p-6333265f.system.js","./p-1a673057.system.js","./p-
|
|
1
|
+
var __makeTemplateObject=this&&this.__makeTemplateObject||function(e,n){if(Object.defineProperty){Object.defineProperty(e,"raw",{value:n})}else{e.raw=n}return e};var __assign=this&&this.__assign||function(){__assign=Object.assign||function(e){for(var n,t=1,r=arguments.length;t<r;t++){n=arguments[t];for(var o in n)if(Object.prototype.hasOwnProperty.call(n,o))e[o]=n[o]}return e};return __assign.apply(this,arguments)};var __awaiter=this&&this.__awaiter||function(e,n,t,r){function o(e){return e instanceof t?e:new t((function(n){n(e)}))}return new(t||(t=Promise))((function(t,i){function a(e){try{s(r.next(e))}catch(e){i(e)}}function c(e){try{s(r["throw"](e))}catch(e){i(e)}}function s(e){e.done?t(e.value):o(e.value).then(a,c)}s((r=r.apply(e,n||[])).next())}))};var __generator=this&&this.__generator||function(e,n){var t={label:0,sent:function(){if(i[0]&1)throw i[1];return i[1]},trys:[],ops:[]},r,o,i,a;return a={next:c(0),throw:c(1),return:c(2)},typeof Symbol==="function"&&(a[Symbol.iterator]=function(){return this}),a;function c(e){return function(n){return s([e,n])}}function s(a){if(r)throw new TypeError("Generator is already executing.");while(t)try{if(r=1,o&&(i=a[0]&2?o["return"]:a[0]?o["throw"]||((i=o["return"])&&i.call(o),0):o.next)&&!(i=i.call(o,a[1])).done)return i;if(o=0,i)a=[a[0]&2,i.value];switch(a[0]){case 0:case 1:i=a;break;case 4:t.label++;return{value:a[1],done:false};case 5:t.label++;o=a[1];a=[0];continue;case 7:a=t.ops.pop();t.trys.pop();continue;default:if(!(i=t.trys,i=i.length>0&&i[i.length-1])&&(a[0]===6||a[0]===2)){t=0;continue}if(a[0]===3&&(!i||a[1]>i[0]&&a[1]<i[3])){t.label=a[1];break}if(a[0]===6&&t.label<i[1]){t.label=i[1];i=a;break}if(i&&t.label<i[2]){t.label=i[2];t.ops.push(a);break}if(i[2])t.ops.pop();t.trys.pop();continue}a=n.call(e,t)}catch(e){a=[6,e];o=0}finally{r=i=0}if(a[0]&5)throw a[1];return{value:a[0]?a[1]:void 0,done:true}}};System.register(["./p-641f968d.system.js","./p-b6504987.system.js","./p-2190dc73.system.js","./p-4bd679a7.system.js","./p-6333265f.system.js","./p-1a673057.system.js","./p-01fcd601.system.js","./p-556338c3.system.js","./p-04da3964.system.js"],(function(e){"use strict";var n,t,r,o,i,a,c,s,u,d,l,f,v,g,h,m,p;return{setters:[function(e){n=e.r;t=e.h},function(e){r=e.k;o=e.f;i=e.n},function(e){a=e.d;c=e.H;s=e.J;u=e.B;d=e.F;l=e.w;f=e.$;v=e.i},function(e){g=e.c},function(e){h=e.g},function(){},function(e){m=e.a},function(){},function(e){p=e.Q}],execute:function(){var _=a.gql(__makeTemplateObject(["\n query shareLink($programId: ID, $engagementMedium: UserEngagementMedium!) {\n user: viewer {\n ... on User {\n shareLink(\n programId: $programId\n engagementMedium: $engagementMedium\n shareMedium: DIRECT\n )\n }\n }\n }\n"],["\n query shareLink($programId: ID, $engagementMedium: UserEngagementMedium!) {\n user: viewer {\n ... on User {\n shareLink(\n programId: $programId\n engagementMedium: $engagementMedium\n shareMedium: DIRECT\n )\n }\n }\n }\n"]));var w=a.gql(__makeTemplateObject(["\n mutation loadEvent($eventMeta: UserAnalyticsEvent!) {\n createUserAnalyticsEvent(eventMeta: $eventMeta)\n }\n"],["\n mutation loadEvent($eventMeta: UserAnalyticsEvent!) {\n createUserAnalyticsEvent(eventMeta: $eventMeta)\n }\n"]));function y(e){var n=this;var t;var i=c();var a=s();var v=u();var g=d(m);var h=r(null),p=h[0],y=h[1];var b=r(false),C=b[0],T=b[1];var k=r(false),E=k[0],M=k[1];var j=l(_,{programId:i,engagementMedium:v},!(a===null||a===void 0?void 0:a.jwt)||(g===null||g===void 0?void 0:g.shareLink)!==undefined),R=j.data,x=j.errors,q=j.loading;var I=f(w)[0];var O=(t=R===null||R===void 0?void 0:R.user)===null||t===void 0?void 0:t.shareLink;var L=O+"?qrCode";var D=q||E;o((function(){if(!O)return;var e=function(){return __awaiter(n,void 0,void 0,(function(){return __generator(this,(function(e){y(O+"?qrCode&qrCodeImageFormat=svg&qrCodeQuietZoneSize=0");return[2]}))}))};e()}),[O]);var U=function(){return __awaiter(n,void 0,void 0,(function(){return __generator(this,(function(e){I({eventMeta:{programId:i,id:a===null||a===void 0?void 0:a.id,accountId:a===null||a===void 0?void 0:a.accountId,type:"USER_REFERRAL_PROGRAM_ENGAGEMENT_EVENT",meta:{engagementMedium:v,shareMedium:"DIRECT"}}});return[2]}))}))};var $=function(){return __awaiter(n,void 0,void 0,(function(){var e,n,t,r,o;return __generator(this,(function(i){switch(i.label){case 0:i.trys.push([0,3,,4]);return[4,fetch(L+"&qrCodeSize=800&qrCodeImageFormat=png")];case 1:e=i.sent();return[4,e.blob()];case 2:n=i.sent();t=URL.createObjectURL(n);if(n)U();r=document.createElement("a");r.href=t;r.download="qrCode.png";document.body.appendChild(r);r.click();document.body.removeChild(r);return[3,4];case 3:o=i.sent();console.error("Failed to fetch QR code:",o);T(true);return[3,4];case 4:return[2]}}))}))};var P=function(){return __awaiter(n,void 0,void 0,(function(){var e,n,t,r,o,i;return __generator(this,(function(a){switch(a.label){case 0:a.trys.push([0,3,,4]);return[4,fetch(L+"&qrCodeSize=1000&qrCodeImageFormat=png&qrCodeErrorCorrectionLevel=H")];case 1:e=a.sent();return[4,e.blob()];case 2:n=a.sent();t=URL.createObjectURL(n);if(n)U();r=window.open("about:blank","_new");o=r.document.createElement("img");o.src=t;o.onload=function(){r.print();r.close()};r.document.body.appendChild(o);return[3,4];case 3:i=a.sent();console.error("Failed to fetch QR code: ",i);T(true);return[3,4];case 4:return[2]}}))}))};return __assign(__assign({},e),{loading:D,qrLink:p,error:C,createDownloadable:$,createPrintable:P})}var b=e("sqm_qr_code",function(){function e(e){n(this,e);this.titleText="Share your QR code";this.viewCodeText="View QR code";this.downloadCodeText="Download";this.printCodeText="Print";this.errorHeaderText="There was an error loading your QR code";this.errorDescriptionText="Please refresh this page and try again";this.hideTitle=false;this.alignment="center";i(this)}e.prototype.disconnectedCallback=function(){};e.prototype.render=function(){var e=h(this);var n=v()?C(e):y(e);return t(p,Object.assign({},n))};return e}());function C(e){var n=this;var t=r(false),o=t[0],i=t[1];return g({dialogIsOpen:o,hideTitle:e.hideTitle,showDialog:function(){return i(true)},hideDialog:function(){return i(false)},loading:true,titleText:e.titleText,viewCodeText:e.viewCodeText,downloadCodeText:e.downloadCodeText,printCodeText:e.printCodeText,alignment:e.alignment,qrLink:"https://media.istockphoto.com/id/1251071788/vector/qr-code-bar-code-black-icon-digital-technology.jpg?s=612x612&w=0&k=20&c=maw4OqMSEegAdSo8Drm9HO7i1ddddvP2YaL1UuWbRig=",fireViewQrEvent:function(){console.log("View QR Code clicked")},createDownloadable:function(){return __awaiter(n,void 0,void 0,(function(){return __generator(this,(function(e){console.log("Download QR Code clicked");return[2]}))}))},createPrintable:function(){return __awaiter(n,void 0,void 0,(function(){return __generator(this,(function(e){console.log("Print QR Code clicked");return[2]}))}))}},e.demoData||{},{arrayMerge:function(e,n){return n}})}}}}));
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import{r as e,h as o}from"./p-083180bf.js";import{k as
|
|
1
|
+
import{r as e,h as o}from"./p-083180bf.js";import{k as a,f as t,n as r}from"./p-a7fc1e02.js";import{d as n,H as i,J as d,B as s,F as c,w as l,$ as m,i as g}from"./p-8a6531d2.js";import{c as p}from"./p-c1086930.js";import{g as u}from"./p-9ec99ced.js";import"./p-cef45012.js";import{a as h}from"./p-aa69a316.js";import"./p-c2254b88.js";import{Q as v}from"./p-3484f1c1.js";const w=n.gql`
|
|
2
2
|
query shareLink($programId: ID, $engagementMedium: UserEngagementMedium!) {
|
|
3
3
|
user: viewer {
|
|
4
4
|
... on User {
|
|
@@ -14,4 +14,4 @@ import{r as e,h as o}from"./p-083180bf.js";import{k as t,f as a,n as r}from"./p-
|
|
|
14
14
|
mutation loadEvent($eventMeta: UserAnalyticsEvent!) {
|
|
15
15
|
createUserAnalyticsEvent(eventMeta: $eventMeta)
|
|
16
16
|
}
|
|
17
|
-
`,C=class{constructor(o){e(this,o),this.titleText="Share your QR code",this.viewCodeText="View QR code",this.downloadCodeText="Download",this.printCodeText="Print",this.errorHeaderText="There was an error loading your QR code",this.errorDescriptionText="Please refresh this page and try again",this.hideTitle=!1,this.alignment="center",r(this)}disconnectedCallback(){}render(){const e=u(this),r=g()?function(e){const[o,
|
|
17
|
+
`,C=class{constructor(o){e(this,o),this.titleText="Share your QR code",this.viewCodeText="View QR code",this.downloadCodeText="Download",this.printCodeText="Print",this.errorHeaderText="There was an error loading your QR code",this.errorDescriptionText="Please refresh this page and try again",this.hideTitle=!1,this.alignment="center",r(this)}disconnectedCallback(){}render(){const e=u(this),r=g()?function(e){const[o,t]=a(!1);return p({dialogIsOpen:o,hideTitle:e.hideTitle,showDialog:()=>t(!0),hideDialog:()=>t(!1),loading:!0,titleText:e.titleText,viewCodeText:e.viewCodeText,downloadCodeText:e.downloadCodeText,printCodeText:e.printCodeText,alignment:e.alignment,qrLink:"https://media.istockphoto.com/id/1251071788/vector/qr-code-bar-code-black-icon-digital-technology.jpg?s=612x612&w=0&k=20&c=maw4OqMSEegAdSo8Drm9HO7i1ddddvP2YaL1UuWbRig=",fireViewQrEvent:()=>{console.log("View QR Code clicked")},createDownloadable:async()=>{console.log("Download QR Code clicked")},createPrintable:async()=>{console.log("Print QR Code clicked")}},e.demoData||{},{arrayMerge:(e,o)=>o})}(e):function(e){var o;const r=i(),n=d(),g=s(),p=c(h),[u,v]=a(null),[C,R]=a(!1),[q,y]=a(!1),{data:E,loading:M}=l(w,{programId:r,engagementMedium:g},!(null==n?void 0:n.jwt)||void 0!==(null==p?void 0:p.shareLink)),[b]=m(f),k=null===(o=null==E?void 0:E.user)||void 0===o?void 0:o.shareLink,I=`${k}?qrCode`,j=M||q;t((()=>{k&&(async()=>{v(`${k}?qrCode&qrCodeImageFormat=svg&qrCodeQuietZoneSize=0`)})()}),[k]);const Q=async()=>{b({eventMeta:{programId:r,id:null==n?void 0:n.id,accountId:null==n?void 0:n.accountId,type:"USER_REFERRAL_PROGRAM_ENGAGEMENT_EVENT",meta:{engagementMedium:g,shareMedium:"DIRECT"}}})};return{...e,loading:j,qrLink:u,error:C,createDownloadable:async()=>{try{const e=await fetch(`${I}&qrCodeSize=800&qrCodeImageFormat=png`),o=await e.blob(),a=URL.createObjectURL(o);o&&Q();const t=document.createElement("a");t.href=a,t.download="qrCode.png",document.body.appendChild(t),t.click(),document.body.removeChild(t)}catch(e){console.error("Failed to fetch QR code:",e),R(!0)}},createPrintable:async()=>{try{const e=await fetch(`${I}&qrCodeSize=1000&qrCodeImageFormat=png&qrCodeErrorCorrectionLevel=H`),o=await e.blob(),a=URL.createObjectURL(o);o&&Q();const t=window.open("about:blank","_new"),r=t.document.createElement("img");r.src=a,r.onload=()=>{t.print(),t.close()},t.document.body.appendChild(r)}catch(e){console.error("Failed to fetch QR code: ",e),R(!0)}}}}(e);return o(v,Object.assign({},r))}};export{C as sqm_qr_code}
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import{h as t,F as e,r as a}from"./p-083180bf.js";import{i as n}from"./p-6f8a3436.js";import{n as o,k as s}from"./p-a7fc1e02.js";import{F as r,i,d as l,H as c,J as d,B as u,w as p,$ as m}from"./p-8a6531d2.js";import{c as g}from"./p-c1086930.js";import{g as f}from"./p-9ec99ced.js";import{c as h}from"./p-cef45012.js";import{R as v,a as x,S as y,u as b}from"./p-
|
|
1
|
+
import{h as t,F as e,r as a}from"./p-083180bf.js";import{i as n}from"./p-6f8a3436.js";import{n as o,k as s}from"./p-a7fc1e02.js";import{F as r,i,d as l,H as c,J as d,B as u,w as p,$ as m}from"./p-8a6531d2.js";import{c as g}from"./p-c1086930.js";import{g as f}from"./p-9ec99ced.js";import{c as h}from"./p-cef45012.js";import{R as v,a as x,S as y,u as b}from"./p-aa69a316.js";import"./p-49b20dae.js";import{C}from"./p-d276468c.js";const T=h({Container:{display:"flex",justifyContent:"flex-end",alignItems:"center",gap:"var(--sl-spacing-small)",width:"100%"},TextContainer:{display:"flex",gap:"var(--sl-spacing-xx-small)"}}),P=T.toString();function j(a){const{states:n,callbacks:o,text:s,buttonType:r}=a,{onNext:i,onPrev:l}=o,{currentPage:c,totalPages:d,loading:u}=n;return 1===d?t(e,null):t("span",{class:T.classes.Container,part:"sqm-base"},t("style",{type:"text/css"},P),!u&&t(e,null,t("sl-button",{exportparts:`base: ${r}button-base`,onClick:l,part:"sqm-pagination-button",circle:!0,disabled:1===c},t("sl-icon",{name:"chevron-left",label:"Previous Page"})),t("div",{class:T.classes.TextContainer},s.paginationText)),t("sl-button",{exportparts:`base: ${r}button-base`,onClick:i,part:"sqm-pagination-button",circle:!0,disabled:c===d},t("sl-icon",{name:"chevron-right",label:"Previous Page"})))}const k=class{constructor(t){a(this,t),this.ignored=!0,this.paginationText="{currentPage} of {totalPages}",this.buttonType="secondary",o(this)}disconnectedCallback(){}render(){const e=i()?function(t){const[e,a]=s(1);return g({states:{currentPage:e,totalPages:5,loading:!1},buttonType:t.buttonType,callbacks:{onNext:()=>a(e+1),onPrev:()=>a(e-1)},text:{paginationText:n.formatMessage({id:"paginationText",defaultMessage:t.paginationText||"{currentPage} of {totalPages}"},{currentPage:e,totalPages:5})}},t.demoData||{},{arrayMerge:(t,e)=>e})}(f(this)):function(t){var e;const a=r(v),o=a.states.currentPage+1,s=null===(e=a.states)||void 0===e?void 0:e.pageCount;return{states:{currentPage:o,totalPages:s,loading:a.states.loading},callbacks:{onNext:()=>{var t,e;return null===(t=a.callbacks)||void 0===t?void 0:t.setCurrentPage((null===(e=a.states)||void 0===e?void 0:e.currentPage)+1)},onPrev:()=>{var t,e;return null===(t=a.callbacks)||void 0===t?void 0:t.setCurrentPage((null===(e=a.states)||void 0===e?void 0:e.currentPage)-1)}},text:{paginationText:n.formatMessage({id:"paginationText",defaultMessage:t.paginationText},{currentPage:o,totalPages:s})}}}(f(this));return t(j,Object.assign({},e))}},E=l.gql`
|
|
2
2
|
query getReferralCode($programId: ID) {
|
|
3
3
|
user: viewer {
|
|
4
4
|
... on User {
|
|
@@ -1 +1 @@
|
|
|
1
|
-
var __makeTemplateObject=this&&this.__makeTemplateObject||function(t,e){if(Object.defineProperty){Object.defineProperty(t,"raw",{value:e})}else{t.raw=e}return t};var __assign=this&&this.__assign||function(){__assign=Object.assign||function(t){for(var e,n=1,a=arguments.length;n<a;n++){e=arguments[n];for(var r in e)if(Object.prototype.hasOwnProperty.call(e,r))t[r]=e[r]}return t};return __assign.apply(this,arguments)};var __awaiter=this&&this.__awaiter||function(t,e,n,a){function r(t){return t instanceof n?t:new n((function(e){e(t)}))}return new(n||(n=Promise))((function(n,o){function i(t){try{l(a.next(t))}catch(t){o(t)}}function s(t){try{l(a["throw"](t))}catch(t){o(t)}}function l(t){t.done?n(t.value):r(t.value).then(i,s)}l((a=a.apply(t,e||[])).next())}))};var __generator=this&&this.__generator||function(t,e){var n={label:0,sent:function(){if(o[0]&1)throw o[1];return o[1]},trys:[],ops:[]},a,r,o,i;return i={next:s(0),throw:s(1),return:s(2)},typeof Symbol==="function"&&(i[Symbol.iterator]=function(){return this}),i;function s(t){return function(e){return l([t,e])}}function l(i){if(a)throw new TypeError("Generator is already executing.");while(n)try{if(a=1,r&&(o=i[0]&2?r["return"]:i[0]?r["throw"]||((o=r["return"])&&o.call(r),0):r.next)&&!(o=o.call(r,i[1])).done)return o;if(r=0,o)i=[i[0]&2,o.value];switch(i[0]){case 0:case 1:o=i;break;case 4:n.label++;return{value:i[1],done:false};case 5:n.label++;r=i[1];i=[0];continue;case 7:i=n.ops.pop();n.trys.pop();continue;default:if(!(o=n.trys,o=o.length>0&&o[o.length-1])&&(i[0]===6||i[0]===2)){n=0;continue}if(i[0]===3&&(!o||i[1]>o[0]&&i[1]<o[3])){n.label=i[1];break}if(i[0]===6&&n.label<o[1]){n.label=o[1];o=i;break}if(o&&n.label<o[2]){n.label=o[2];n.ops.push(i);break}if(o[2])n.ops.pop();n.trys.pop();continue}i=e.call(t,n)}catch(t){i=[6,t];r=0}finally{a=o=0}if(i[0]&5)throw i[1];return{value:i[0]?i[1]:void 0,done:true}}};System.register(["./p-641f968d.system.js","./p-0607b068.system.js","./p-b6504987.system.js","./p-2190dc73.system.js","./p-4bd679a7.system.js","./p-6333265f.system.js","./p-1a673057.system.js","./p-e651593c.system.js","./p-8a6494c7.system.js","./p-97b8073f.system.js"],(function(t){"use strict";var e,n,a,r,o,i,s,l,u,c,d,p,f,v,g,y,h,m,b,x,C,T;return{setters:[function(t){e=t.h;n=t.F;a=t.r},function(t){r=t.i},function(t){o=t.n;i=t.k},function(t){s=t.F;l=t.i;u=t.d;c=t.H;d=t.J;p=t.B;f=t.w;v=t.$},function(t){g=t.c},function(t){y=t.g},function(t){h=t.c},function(t){m=t.R;b=t.a;x=t.S;C=t.u},function(){},function(t){T=t.C}],execute:function(){var _={Container:{display:"flex",justifyContent:"flex-end",alignItems:"center",gap:"var(--sl-spacing-small)",width:"100%"},TextContainer:{display:"flex",gap:"var(--sl-spacing-xx-small)"}};var w=h(_);var P=w.toString();function S(t){var a=t.states,r=t.callbacks,o=t.text,i=t.buttonType;var s=r.onNext,l=r.onPrev;var u=a.currentPage,c=a.totalPages,d=a.loading;if(c===1)return e(n,null);return e("span",{class:w.classes.Container,part:"sqm-base"},e("style",{type:"text/css"},P),!d&&e(n,null,e("sl-button",{exportparts:"base: "+i+"button-base",onClick:l,part:"sqm-pagination-button",circle:true,disabled:u===1},e("sl-icon",{name:"chevron-left",label:"Previous Page"})),e("div",{class:w.classes.TextContainer},o.paginationText)),e("sl-button",{exportparts:"base: "+i+"button-base",onClick:s,part:"sqm-pagination-button",circle:true,disabled:u===c},e("sl-icon",{name:"chevron-right",label:"Previous Page"})))}function j(t){var e;var n=s(m);var a=n.states.currentPage+1;var o=(e=n.states)===null||e===void 0?void 0:e.pageCount;return{states:{currentPage:a,totalPages:o,loading:n.states.loading},callbacks:{onNext:function(){var t,e;return(t=n.callbacks)===null||t===void 0?void 0:t.setCurrentPage(((e=n.states)===null||e===void 0?void 0:e.currentPage)+1)},onPrev:function(){var t,e;return(t=n.callbacks)===null||t===void 0?void 0:t.setCurrentPage(((e=n.states)===null||e===void 0?void 0:e.currentPage)-1)}},text:{paginationText:r.formatMessage({id:"paginationText",defaultMessage:t.paginationText},{currentPage:a,totalPages:o})}}}var k=t("sqm_pagination",function(){function t(t){a(this,t);this.ignored=true;this.paginationText="{currentPage} of {totalPages}";this.buttonType="secondary";o(this)}t.prototype.disconnectedCallback=function(){};t.prototype.render=function(){var t=l()?I(y(this)):j(y(this));return e(S,Object.assign({},t))};return t}());function I(t){var e=i(1),n=e[0],a=e[1];return g({states:{currentPage:n,totalPages:5,loading:false},buttonType:t.buttonType,callbacks:{onNext:function(){return a(n+1)},onPrev:function(){return a(n-1)}},text:{paginationText:r.formatMessage({id:"paginationText",defaultMessage:t.paginationText||"{currentPage} of {totalPages}"},{currentPage:n,totalPages:5})}},t.demoData||{},{arrayMerge:function(t,e){return e}})}var E=u.gql(__makeTemplateObject(["\n query getReferralCode($programId: ID) {\n user: viewer {\n ... on User {\n referralCode(programId: $programId)\n }\n }\n }\n"],["\n query getReferralCode($programId: ID) {\n user: viewer {\n ... on User {\n referralCode(programId: $programId)\n }\n }\n }\n"]));var M=u.gql(__makeTemplateObject(["\n mutation loadEvent($eventMeta: UserAnalyticsEvent!) {\n createUserAnalyticsEvent(eventMeta: $eventMeta)\n }\n"],["\n mutation loadEvent($eventMeta: UserAnalyticsEvent!) {\n createUserAnalyticsEvent(eventMeta: $eventMeta)\n }\n"]));function q(t){var e,n;var a=t.programId,r=a===void 0?c():a;var o=d();var l=p();var u=s(b);var g=f(E,{programId:r},!(o===null||o===void 0?void 0:o.jwt)||(u===null||u===void 0?void 0:u.referralCode)!==undefined).data;var y=v(M)[0];var h=v(x)[0];var m=(n=(u===null||u===void 0?void 0:u.referralCode)||((e=g===null||g===void 0?void 0:g.user)===null||e===void 0?void 0:e.referralCode))!==null&&n!==void 0?n:"...";var C=i(false),T=C[0],_=C[1];function w(){return __awaiter(this,void 0,void 0,(function(){return __generator(this,(function(e){switch(e.label){case 0:if(!u)return[3,2];return[4,h({referralCode:u.referralCode})];case 1:e.sent();u.refresh();e.label=2;case 2:navigator.clipboard.writeText(m);_(true);setTimeout((function(){return _(false)}),t.tooltiplifespan);y({eventMeta:{programId:r,id:o===null||o===void 0?void 0:o.id,accountId:o===null||o===void 0?void 0:o.accountId,type:"USER_REFERRAL_PROGRAM_ENGAGEMENT_EVENT",meta:{engagementMedium:l,shareMedium:"DIRECT"}}});return[2]}}))}))}return __assign(__assign({},t),{onClick:w,open:T,copyString:m,isCopied:u===null||u===void 0?void 0:u.isCopied,showNotificationText:t.showNotificationText&&!!(u===null||u===void 0?void 0:u.singleUse)})}var R=t("sqm_referral_code",function(){function t(t){a(this,t);this.tooltiptext="Copied to Clipboard";this.showNotificationText=false;this.notificationText="You've copied this code before";this.tooltiplifespan=1e3;this.textAlign="left";this.copyButtonLabel="Copy Code";this.buttonStyle="icon";this.buttonType="primary";o(this)}t.prototype.disconnectedCallback=function(){};t.prototype.render=function(){var t=y(this);var n=l()?A(t):q(t);return e(T,Object.assign({},n))};return t}());function A(t){var e=i(false),n=e[0],a=e[1];var r="REFERRALCODE001";return g({copyString:r,tooltiptext:t.tooltiptext,textAlign:t.textAlign,copyButtonLabel:t.copyButtonLabel,buttonStyle:t.buttonStyle,notificationText:t.notificationText,showNotificationText:t.showNotificationText,isCopied:t.showNotificationText,borderColor:t.borderColor,backgroundColor:t.backgroundColor,textColor:t.textColor,borderRadius:t.borderRadius,buttonType:t.buttonType,isUsed:false,rewardStatus:"AVAILABLE",open:n,onClick:function(){navigator.clipboard.writeText(r);a(true);setTimeout((function(){return a(false)}),t.tooltiplifespan)}},t.demoData||{},{arrayMerge:function(t,e){return e}})}function O(t){var n=t.slots,a=t.titleText,r=t.states,o=t.textColor,i=o===void 0?"var(--sqm-text-subdued)":o;var s={Wrapper:{width:"100%",display:"flex",alignItems:"flex-start",justifyContent:"center",flexDirection:"column",gap:"var(--sl-spacing-large)",color:i},HeaderContainer:{display:"flex",alignItems:"center",justifyContent:"space-between",width:"100%"},ShareCodeContainer:{width:"100%",display:"flex",alignItems:"flex-start",justifyContent:"center",flexDirection:"column"},ShareButtonContainer:{width:"100%",display:"flex",alignItems:"flex-start",justifyContent:"center",flexDirection:"column"},TitleText:{fontSize:"var(--sl-font-size-large)",margin:"0"}};var l="\n :host {\n display: block;\n }\n :host([hidden]): {\n display: none;\n }\n ";var u=h(s);var c=u.toString();var d=function(t){if(t.noCodes){return n.empty}if(t.loading){return n.loading}return e("div",{class:u.classes.Wrapper},e("div",{class:u.classes.ShareCodeContainer},n.shareCodes),e("div",{class:u.classes.ShareButtonContainer},n.shareButtons))};return e("div",{class:u.classes.Wrapper,part:"sqm-base"},e("style",{type:"text/css"},l,c),e("div",{class:u.classes.HeaderContainer},e("h2",{class:u.classes.TitleText},a),!r.noCodes&&!r.loading&&n.pagination),d(r))}var U=t("sqm_referral_codes",function(){function t(t){a(this,t);this.titleText="Start sharing";this.emptyStateHeaderText="Your new codes and links aren’t ready yet";this.emptyStateDescriptionText="Please contact our program support team to let them know you’re out of codes.";this.emptyStateImageUrl="https://res.cloudinary.com/saasquatch/image/upload/v1644360953/squatch-assets/empty_leaderboard2.png";o(this)}t.prototype.disconnectedCallback=function(){};t.prototype.render=function(){var t=y(this);var n=l()?$(t):C(t);var a={shareButtons:e("slot",{name:"shareButtons"}),shareCodes:e("slot",{name:"shareCodes"}),pagination:e("slot",{name:"pagination"}),empty:e(D,{headerText:this.emptyStateHeaderText,descriptionText:this.emptyStateDescriptionText,imageUrl:this.emptyStateImageUrl}),loading:e(N,null)};var r=__assign(__assign({slots:a},n),{loading:n.states.loading,noCodes:n.states.noCodes});return e(O,Object.assign({},r))};return t}());function D(t){var n=t.headerText,a=t.descriptionText,r=t.imageUrl;return e("slot",{name:"empty"},e("sqm-empty",{emptyStateHeader:n,emptyStateText:a,emptyStateImage:r}))}function N(){return e("slot",{name:"loading"},e(B,null),e(B,null),e(B,null),e(B,null))}function B(){return e("sqm-skeleton",null)}function $(t){return g({titleText:t.titleText,textColor:t.textColor,states:{noCodes:false,loading:false}},t.demoData||{},{arrayMerge:function(t,e){return e}})}}}}));
|
|
1
|
+
var __makeTemplateObject=this&&this.__makeTemplateObject||function(t,e){if(Object.defineProperty){Object.defineProperty(t,"raw",{value:e})}else{t.raw=e}return t};var __assign=this&&this.__assign||function(){__assign=Object.assign||function(t){for(var e,n=1,a=arguments.length;n<a;n++){e=arguments[n];for(var r in e)if(Object.prototype.hasOwnProperty.call(e,r))t[r]=e[r]}return t};return __assign.apply(this,arguments)};var __awaiter=this&&this.__awaiter||function(t,e,n,a){function r(t){return t instanceof n?t:new n((function(e){e(t)}))}return new(n||(n=Promise))((function(n,o){function i(t){try{l(a.next(t))}catch(t){o(t)}}function s(t){try{l(a["throw"](t))}catch(t){o(t)}}function l(t){t.done?n(t.value):r(t.value).then(i,s)}l((a=a.apply(t,e||[])).next())}))};var __generator=this&&this.__generator||function(t,e){var n={label:0,sent:function(){if(o[0]&1)throw o[1];return o[1]},trys:[],ops:[]},a,r,o,i;return i={next:s(0),throw:s(1),return:s(2)},typeof Symbol==="function"&&(i[Symbol.iterator]=function(){return this}),i;function s(t){return function(e){return l([t,e])}}function l(i){if(a)throw new TypeError("Generator is already executing.");while(n)try{if(a=1,r&&(o=i[0]&2?r["return"]:i[0]?r["throw"]||((o=r["return"])&&o.call(r),0):r.next)&&!(o=o.call(r,i[1])).done)return o;if(r=0,o)i=[i[0]&2,o.value];switch(i[0]){case 0:case 1:o=i;break;case 4:n.label++;return{value:i[1],done:false};case 5:n.label++;r=i[1];i=[0];continue;case 7:i=n.ops.pop();n.trys.pop();continue;default:if(!(o=n.trys,o=o.length>0&&o[o.length-1])&&(i[0]===6||i[0]===2)){n=0;continue}if(i[0]===3&&(!o||i[1]>o[0]&&i[1]<o[3])){n.label=i[1];break}if(i[0]===6&&n.label<o[1]){n.label=o[1];o=i;break}if(o&&n.label<o[2]){n.label=o[2];n.ops.push(i);break}if(o[2])n.ops.pop();n.trys.pop();continue}i=e.call(t,n)}catch(t){i=[6,t];r=0}finally{a=o=0}if(i[0]&5)throw i[1];return{value:i[0]?i[1]:void 0,done:true}}};System.register(["./p-641f968d.system.js","./p-0607b068.system.js","./p-b6504987.system.js","./p-2190dc73.system.js","./p-4bd679a7.system.js","./p-6333265f.system.js","./p-1a673057.system.js","./p-01fcd601.system.js","./p-8a6494c7.system.js","./p-97b8073f.system.js"],(function(t){"use strict";var e,n,a,r,o,i,s,l,u,c,d,p,f,v,g,y,h,m,b,x,C,T;return{setters:[function(t){e=t.h;n=t.F;a=t.r},function(t){r=t.i},function(t){o=t.n;i=t.k},function(t){s=t.F;l=t.i;u=t.d;c=t.H;d=t.J;p=t.B;f=t.w;v=t.$},function(t){g=t.c},function(t){y=t.g},function(t){h=t.c},function(t){m=t.R;b=t.a;x=t.S;C=t.u},function(){},function(t){T=t.C}],execute:function(){var _={Container:{display:"flex",justifyContent:"flex-end",alignItems:"center",gap:"var(--sl-spacing-small)",width:"100%"},TextContainer:{display:"flex",gap:"var(--sl-spacing-xx-small)"}};var w=h(_);var P=w.toString();function S(t){var a=t.states,r=t.callbacks,o=t.text,i=t.buttonType;var s=r.onNext,l=r.onPrev;var u=a.currentPage,c=a.totalPages,d=a.loading;if(c===1)return e(n,null);return e("span",{class:w.classes.Container,part:"sqm-base"},e("style",{type:"text/css"},P),!d&&e(n,null,e("sl-button",{exportparts:"base: "+i+"button-base",onClick:l,part:"sqm-pagination-button",circle:true,disabled:u===1},e("sl-icon",{name:"chevron-left",label:"Previous Page"})),e("div",{class:w.classes.TextContainer},o.paginationText)),e("sl-button",{exportparts:"base: "+i+"button-base",onClick:s,part:"sqm-pagination-button",circle:true,disabled:u===c},e("sl-icon",{name:"chevron-right",label:"Previous Page"})))}function j(t){var e;var n=s(m);var a=n.states.currentPage+1;var o=(e=n.states)===null||e===void 0?void 0:e.pageCount;return{states:{currentPage:a,totalPages:o,loading:n.states.loading},callbacks:{onNext:function(){var t,e;return(t=n.callbacks)===null||t===void 0?void 0:t.setCurrentPage(((e=n.states)===null||e===void 0?void 0:e.currentPage)+1)},onPrev:function(){var t,e;return(t=n.callbacks)===null||t===void 0?void 0:t.setCurrentPage(((e=n.states)===null||e===void 0?void 0:e.currentPage)-1)}},text:{paginationText:r.formatMessage({id:"paginationText",defaultMessage:t.paginationText},{currentPage:a,totalPages:o})}}}var k=t("sqm_pagination",function(){function t(t){a(this,t);this.ignored=true;this.paginationText="{currentPage} of {totalPages}";this.buttonType="secondary";o(this)}t.prototype.disconnectedCallback=function(){};t.prototype.render=function(){var t=l()?I(y(this)):j(y(this));return e(S,Object.assign({},t))};return t}());function I(t){var e=i(1),n=e[0],a=e[1];return g({states:{currentPage:n,totalPages:5,loading:false},buttonType:t.buttonType,callbacks:{onNext:function(){return a(n+1)},onPrev:function(){return a(n-1)}},text:{paginationText:r.formatMessage({id:"paginationText",defaultMessage:t.paginationText||"{currentPage} of {totalPages}"},{currentPage:n,totalPages:5})}},t.demoData||{},{arrayMerge:function(t,e){return e}})}var E=u.gql(__makeTemplateObject(["\n query getReferralCode($programId: ID) {\n user: viewer {\n ... on User {\n referralCode(programId: $programId)\n }\n }\n }\n"],["\n query getReferralCode($programId: ID) {\n user: viewer {\n ... on User {\n referralCode(programId: $programId)\n }\n }\n }\n"]));var M=u.gql(__makeTemplateObject(["\n mutation loadEvent($eventMeta: UserAnalyticsEvent!) {\n createUserAnalyticsEvent(eventMeta: $eventMeta)\n }\n"],["\n mutation loadEvent($eventMeta: UserAnalyticsEvent!) {\n createUserAnalyticsEvent(eventMeta: $eventMeta)\n }\n"]));function q(t){var e,n;var a=t.programId,r=a===void 0?c():a;var o=d();var l=p();var u=s(b);var g=f(E,{programId:r},!(o===null||o===void 0?void 0:o.jwt)||(u===null||u===void 0?void 0:u.referralCode)!==undefined).data;var y=v(M)[0];var h=v(x)[0];var m=(n=(u===null||u===void 0?void 0:u.referralCode)||((e=g===null||g===void 0?void 0:g.user)===null||e===void 0?void 0:e.referralCode))!==null&&n!==void 0?n:"...";var C=i(false),T=C[0],_=C[1];function w(){return __awaiter(this,void 0,void 0,(function(){return __generator(this,(function(e){switch(e.label){case 0:if(!u)return[3,2];return[4,h({referralCode:u.referralCode})];case 1:e.sent();u.refresh();e.label=2;case 2:navigator.clipboard.writeText(m);_(true);setTimeout((function(){return _(false)}),t.tooltiplifespan);y({eventMeta:{programId:r,id:o===null||o===void 0?void 0:o.id,accountId:o===null||o===void 0?void 0:o.accountId,type:"USER_REFERRAL_PROGRAM_ENGAGEMENT_EVENT",meta:{engagementMedium:l,shareMedium:"DIRECT"}}});return[2]}}))}))}return __assign(__assign({},t),{onClick:w,open:T,copyString:m,isCopied:u===null||u===void 0?void 0:u.isCopied,showNotificationText:t.showNotificationText&&!!(u===null||u===void 0?void 0:u.singleUse)})}var R=t("sqm_referral_code",function(){function t(t){a(this,t);this.tooltiptext="Copied to Clipboard";this.showNotificationText=false;this.notificationText="You've copied this code before";this.tooltiplifespan=1e3;this.textAlign="left";this.copyButtonLabel="Copy Code";this.buttonStyle="icon";this.buttonType="primary";o(this)}t.prototype.disconnectedCallback=function(){};t.prototype.render=function(){var t=y(this);var n=l()?A(t):q(t);return e(T,Object.assign({},n))};return t}());function A(t){var e=i(false),n=e[0],a=e[1];var r="REFERRALCODE001";return g({copyString:r,tooltiptext:t.tooltiptext,textAlign:t.textAlign,copyButtonLabel:t.copyButtonLabel,buttonStyle:t.buttonStyle,notificationText:t.notificationText,showNotificationText:t.showNotificationText,isCopied:t.showNotificationText,borderColor:t.borderColor,backgroundColor:t.backgroundColor,textColor:t.textColor,borderRadius:t.borderRadius,buttonType:t.buttonType,isUsed:false,rewardStatus:"AVAILABLE",open:n,onClick:function(){navigator.clipboard.writeText(r);a(true);setTimeout((function(){return a(false)}),t.tooltiplifespan)}},t.demoData||{},{arrayMerge:function(t,e){return e}})}function O(t){var n=t.slots,a=t.titleText,r=t.states,o=t.textColor,i=o===void 0?"var(--sqm-text-subdued)":o;var s={Wrapper:{width:"100%",display:"flex",alignItems:"flex-start",justifyContent:"center",flexDirection:"column",gap:"var(--sl-spacing-large)",color:i},HeaderContainer:{display:"flex",alignItems:"center",justifyContent:"space-between",width:"100%"},ShareCodeContainer:{width:"100%",display:"flex",alignItems:"flex-start",justifyContent:"center",flexDirection:"column"},ShareButtonContainer:{width:"100%",display:"flex",alignItems:"flex-start",justifyContent:"center",flexDirection:"column"},TitleText:{fontSize:"var(--sl-font-size-large)",margin:"0"}};var l="\n :host {\n display: block;\n }\n :host([hidden]): {\n display: none;\n }\n ";var u=h(s);var c=u.toString();var d=function(t){if(t.noCodes){return n.empty}if(t.loading){return n.loading}return e("div",{class:u.classes.Wrapper},e("div",{class:u.classes.ShareCodeContainer},n.shareCodes),e("div",{class:u.classes.ShareButtonContainer},n.shareButtons))};return e("div",{class:u.classes.Wrapper,part:"sqm-base"},e("style",{type:"text/css"},l,c),e("div",{class:u.classes.HeaderContainer},e("h2",{class:u.classes.TitleText},a),!r.noCodes&&!r.loading&&n.pagination),d(r))}var U=t("sqm_referral_codes",function(){function t(t){a(this,t);this.titleText="Start sharing";this.emptyStateHeaderText="Your new codes and links aren’t ready yet";this.emptyStateDescriptionText="Please contact our program support team to let them know you’re out of codes.";this.emptyStateImageUrl="https://res.cloudinary.com/saasquatch/image/upload/v1644360953/squatch-assets/empty_leaderboard2.png";o(this)}t.prototype.disconnectedCallback=function(){};t.prototype.render=function(){var t=y(this);var n=l()?$(t):C(t);var a={shareButtons:e("slot",{name:"shareButtons"}),shareCodes:e("slot",{name:"shareCodes"}),pagination:e("slot",{name:"pagination"}),empty:e(D,{headerText:this.emptyStateHeaderText,descriptionText:this.emptyStateDescriptionText,imageUrl:this.emptyStateImageUrl}),loading:e(N,null)};var r=__assign(__assign({slots:a},n),{loading:n.states.loading,noCodes:n.states.noCodes});return e(O,Object.assign({},r))};return t}());function D(t){var n=t.headerText,a=t.descriptionText,r=t.imageUrl;return e("slot",{name:"empty"},e("sqm-empty",{emptyStateHeader:n,emptyStateText:a,emptyStateImage:r}))}function N(){return e("slot",{name:"loading"},e(B,null),e(B,null),e(B,null),e(B,null))}function B(){return e("sqm-skeleton",null)}function $(t){return g({titleText:t.titleText,textColor:t.textColor,states:{noCodes:false,loading:false}},t.demoData||{},{arrayMerge:function(t,e){return e}})}}}}));
|