@saasquatch/mint-components 2.0.2-0 → 2.0.2-2
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-1b38dcfc.js → ShadowViewAddon-925a8fa6.js} +3 -3
- package/dist/cjs/loader.cjs.js +1 -1
- package/dist/cjs/mint-components.cjs.js +1 -1
- package/dist/cjs/sqm-banking-info-form_10.cjs.entry.js +4 -4
- package/dist/cjs/sqm-big-stat_47.cjs.entry.js +13 -7
- package/dist/cjs/sqm-header-logo.cjs.entry.js +10 -4
- package/dist/cjs/sqm-stencilbook.cjs.entry.js +1 -1
- package/dist/collection/components/sqm-header-logo/sqm-header-logo.js +18 -11
- package/dist/collection/components/sqm-portal-footer/sqm-portal-footer-view.js +3 -3
- package/dist/collection/components/tax-and-cash/sqm-payout-status-alert/sqm-payout-status-alert-view.js +12 -6
- package/dist/collection/components/tax-and-cash/sqm-tax-and-cash-dashboard/sqm-tax-and-cash-dashboard-view.js +4 -4
- package/dist/esm/{ShadowViewAddon-1adaf077.js → ShadowViewAddon-aae27c2e.js} +3 -3
- package/dist/esm/loader.js +1 -1
- package/dist/esm/mint-components.js +1 -1
- package/dist/esm/sqm-banking-info-form_10.entry.js +4 -4
- package/dist/esm/sqm-big-stat_47.entry.js +13 -7
- package/dist/esm/sqm-header-logo.entry.js +10 -4
- package/dist/esm/sqm-stencilbook.entry.js +1 -1
- package/dist/esm-es5/{ShadowViewAddon-1adaf077.js → ShadowViewAddon-aae27c2e.js} +1 -1
- package/dist/esm-es5/loader.js +1 -1
- package/dist/esm-es5/mint-components.js +1 -1
- package/dist/esm-es5/sqm-banking-info-form_10.entry.js +1 -1
- package/dist/esm-es5/sqm-big-stat_47.entry.js +1 -1
- package/dist/esm-es5/sqm-header-logo.entry.js +1 -1
- package/dist/esm-es5/sqm-stencilbook.entry.js +1 -1
- package/dist/mint-components/mint-components.esm.js +1 -1
- package/dist/mint-components/{p-612062cd.system.entry.js → p-0649123a.system.entry.js} +1 -1
- package/dist/mint-components/p-09ab53fb.system.entry.js +1 -0
- package/dist/mint-components/{p-2c86af62.system.entry.js → p-2dc720db.system.entry.js} +1 -1
- package/dist/mint-components/{p-9f8d34d1.system.js → p-38f932ae.system.js} +1 -1
- package/dist/mint-components/{p-0e1a1b14.js → p-57ce33dd.js} +1 -1
- package/dist/mint-components/{p-f6a7d4d3.entry.js → p-5f3eafd4.entry.js} +1 -1
- package/dist/mint-components/p-7e009640.system.entry.js +1 -0
- package/dist/mint-components/{p-3219fdbe.entry.js → p-838c6cf8.entry.js} +1 -1
- package/dist/mint-components/p-967a9040.system.js +1 -1
- package/dist/mint-components/p-ab111e29.entry.js +1 -0
- package/dist/mint-components/{p-ef8c9f73.entry.js → p-e728337d.entry.js} +2 -2
- package/dist/types/components/sqm-header-logo/sqm-header-logo.d.ts +3 -3
- package/dist/types/components.d.ts +6 -6
- package/docs/docs.docx +0 -0
- package/docs/raisins.json +1 -1
- package/grapesjs/grapesjs.js +1 -1
- package/package.json +1 -1
- package/dist/mint-components/p-014dc2be.entry.js +0 -1
- package/dist/mint-components/p-09707418.system.entry.js +0 -1
- package/dist/mint-components/p-333d5597.system.entry.js +0 -1
- package/dist/types/global/android.d.ts +0 -7
- package/dist/types/global/demo.d.ts +0 -2
- package/dist/types/stories/features.d.ts +0 -4
- package/dist/types/stories/templates.d.ts +0 -4
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import{r as t,h as e,c as r,F as o}from"./p-c7c11325.js";import{b as a,i}from"./p-db1a0db1.js";import{n,f as s,i as l,k as d,m as c,u,b as h,j as m}from"./p-63e29387.js";import{i as p,_ as f,d as g,J as v,H as b,B as y,$ as x,w,u as k,L as C,y as E,j as _,q as F,r as I,V as S,b as T,Q as R,k as A,M as q,I as N,S as M}from"./p-0ec54f97.js";import{j as P}from"./p-e7e129ac.js";import{c as D}from"./p-c1086930.js";import{g as L,a as B}from"./p-9ec99ced.js";import{c as O}from"./p-cef45012.js";import"./p-9c79ab08.js";import"./p-49b20dae.js";import{C as j}from"./p-4a0a76a5.js";import{a as V}from"./p-f5fff87e.js";import{u as z}from"./p-976ee669.js";import"./p-08700497.js";import"./p-204861a6.js";import{p as $}from"./p-8d363802.js";import{E as U}from"./p-5ff2da11.js";import{R as H,u as Y}from"./p-125a894f.js";import{u as W}from"./p-71af93e3.js";import{R as G,L as K,u as J}from"./p-ed16b35a.js";import{P as Z}from"./p-240bec23.js";import{u as X}from"./p-44fc6029.js";import{A as Q}from"./p-121cdc60.js";import{i as tt}from"./p-513f5d80.js";import{E as et}from"./p-a513c1a6.js";import{u as rt,W as ot,B as at,C as it,c as nt,e as st,D as lt,E as dt,H as ct,I as ut,U as ht,Q as mt,X as pt,L as ft,N as gt,f as vt,P as bt,g as yt,h as xt,i as wt,d as kt,R as Ct,j as Et,Y as _t,J as Ft,a as It,K as St,S as Tt,T as Rt}from"./p-0e1a1b14.js";import"./p-9580aac3.js";import{g as At,L as qt}from"./p-7a268047.js";import{p as Nt,e as Mt}from"./p-0797a946.js";import{u as Pt,T as Dt,a as Lt,U as Bt,C as Ot,b as jt,S as Vt,c as zt,G as $t,d as Ut,e as Ht,F as Yt,f as Wt,g as Gt,h as Kt}from"./p-f17b6de6.js";const Jt={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}},Zt=Object.freeze({__proto__:null,Default:null,Netflix:Jt,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"}}}),Xt=class{constructor(e){t(this,e),this.flexReverse=!1,this.alignment="center",this.ignored=!0,n(this)}disconnectedCallback(){}render(){var t;const{props:r,label:o}=p()?rt(this):ot(this),a=!!(null===(t=f().innerHTML)||void 0===t?void 0:t.trim()),i=e("slot",{name:"label"},a?e("slot",null):o);return e(at,Object.assign({},r,{labelSlot:i}))}};function Qt(t,e,r){return Math.min(Math.max(t,r),e)}class te extends Error{constructor(t){super(`Failed to parse color: "${t}"`)}}function ee(t){if("string"!=typeof t)throw new te(t);if("transparent"===t.trim().toLowerCase())return[0,0,0,0];let e=t.trim();e=de.test(t)?function(t){const e=t.toLowerCase().trim(),r=oe[function(t){let e=5381,r=t.length;for(;r;)e=33*e^t.charCodeAt(--r);return(e>>>0)%2341}(e)];if(!r)throw new te(t);return`#${r}`}(t):t;const r=ie.exec(e);if(r){const t=Array.from(r).slice(1);return[...t.slice(0,3).map((t=>parseInt(ae(t,2),16))),parseInt(ae(t[3]||"f",2),16)/255]}const o=ne.exec(e);if(o){const t=Array.from(o).slice(1);return[...t.slice(0,3).map((t=>parseInt(t,16))),parseInt(t[3]||"ff",16)/255]}const a=se.exec(e);if(a){const t=Array.from(a).slice(1);return[...t.slice(0,3).map((t=>parseInt(t,10))),parseFloat(t[3]||"1")]}const i=le.exec(e);if(i){const[e,r,o,a]=Array.from(i).slice(1).map(parseFloat);if(Qt(0,100,r)!==r)throw new te(t);if(Qt(0,100,o)!==o)throw new te(t);return[...ue(e,r,o),a||1]}throw new te(t)}const re=t=>parseInt(t.replace(/_/g,""),36),oe="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(((t,e)=>{const r=re(e.substring(0,3)),o=re(e.substring(3)).toString(16);let a="";for(let t=0;t<6-o.length;t++)a+="0";return t[r]=`${a}${o}`,t}),{}),ae=(t,e)=>Array.from(Array(e)).map((()=>t)).join(""),ie=new RegExp(`^#${ae("([a-f0-9])",3)}([a-f0-9])?$`,"i"),ne=new RegExp(`^#${ae("([a-f0-9]{2})",3)}([a-f0-9]{2})?$`,"i"),se=new RegExp(`^rgba?\\(\\s*(\\d+)\\s*${ae(",\\s*(\\d+)\\s*",2)}(?:,\\s*([\\d.]+))?\\s*\\)$`,"i"),le=/^hsla?\(\s*([\d.]+)\s*,\s*([\d.]+)%\s*,\s*([\d.]+)%(?:\s*,\s*([\d.]+))?\s*\)$/i,de=/^[a-z]+$/i,ce=t=>Math.round(255*t),ue=(t,e,r)=>{let o=r/100;if(0===e)return[o,o,o].map(ce);const a=(t%360+360)%360/60,i=(1-Math.abs(2*o-1))*(e/100),n=i*(1-Math.abs(a%2-1));let s=0,l=0,d=0;a>=0&&a<1?(s=i,l=n):a>=1&&a<2?(s=n,l=i):a>=2&&a<3?(l=i,d=n):a>=3&&a<4?(l=n,d=i):a>=4&&a<5?(s=n,d=i):a>=5&&a<6&&(s=i,d=n);const c=o-i/2;return[s+c,l+c,d+c].map(ce)},he=[50,100,200,300,400,500,600,700,800,900,950],me=[.95,.86,.76,.66,.56,.46,.39,.32,.25,.18,.15],pe=/^hsla?\(\s*([\d.]+)\s*,\s*([\d.]+)%\s*,\s*([\d.]+)%(?:\s*,\s*([\d.]+))?\s*\)$/i;function fe(t,e="primary"){const[r,o,a,i]=function(t){const e=t.trim(),r=pe.exec(e);if(r){const[e,o,a,i]=Array.from(r).slice(1).map(parseFloat);if(Qt(0,100,o)!==o)throw new te(t);if(Qt(0,100,a)!==a)throw new te(t);return[e,o/100,a,i||1]}return function(t){const[e,r,o,a]=ee(t).map(((t,e)=>3===e?t:t/255)),i=Math.max(e,r,o),n=Math.min(e,r,o),s=(i+n)/2;if(i===n)return[0,0,s,a];const l=i-n;return[60*(e===i?(r-o)/l+(r<o?6:0):r===i?(o-e)/l+2:(e-r)/l+4),s>.5?l/(2-i-n):l/(i+n),s,a]}(t)}(t);return me.map((t=>function(t,e,r,o){return`hsla(${(t%360).toFixed()}, ${Qt(0,100,100*e).toFixed()}%, ${Qt(0,100,100*r).toFixed()}%, ${parseFloat(Qt(0,1,o).toFixed(3))})`}(r,o,t,i))).map(((t,r)=>`--sl-color-${e}-${he[r]}: ${t};\n`))}const ge=class{constructor(e){t(this,e),n(this)}disconnectedCallback(){}render(){var t,o,i,n,l,d;const c=null===(o=null===(t=window.SquatchBrandingConfig)||void 0===t?void 0:t.main)||void 0===o?void 0:o.brandFont,u=(null===(n=null===(i=window.SquatchBrandingConfig)||void 0===i?void 0:i.main)||void 0===n?void 0:n.brandColor)?"":null!==(l=function(t){if(t)try{return function(t,e="primary"){return fe(t,e).join("\n")}(t)}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 t=document.createElement("link");return t.setAttribute("href",a(h)),t.setAttribute("rel","stylesheet"),document.head.appendChild(t),()=>document.head.removeChild(t)}),[h]);const m=null!=h?h:"";return e(r,null,e("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 }`),e("slot",null))}},ve=class{constructor(e){t(this,e),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=Zt[r]||Jt;const o=new CustomEvent("brandingConfigUpdated",{detail:window.SquatchBrandingConfig});window.dispatchEvent(o)}componentDidLoad(){const t=localStorage.getItem("localStorageBrandKey");this.selectedBrand=t}disconnectedCallback(){}updateBrand(t){this.selectedBrand=t;const e=Zt[t]||Jt,r=JSON.stringify(e);localStorage.setItem("localStorageBrandKey",t),localStorage.setItem("localStorageBrandConfigKey",r),window.SquatchBrandingConfig=e,window.location.reload();const o=new CustomEvent("brandingConfigUpdated",{detail:window.SquatchBrandingConfig});window.dispatchEvent(o)}render(){return e(r,null,e("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 "),e("div",{class:"card-container"},e("h2",{class:"card-heading"},"Select Branding"),e("div",{class:"segmented-control-container"},this.brands.map((t=>e("div",{key:t.name,class:"brand-segment "+(this.selectedBrand===t.name?"active":""),onClick:()=>this.updateBrand(t.name)},e("img",{src:t.logoUrl,alt:`${t.name} Logo`,class:"brand-logo",onError:t=>{t.target.src="https://placehold.co/80x40/cccccc/000000?text=Logo"}})))))))}},be=class{constructor(e){t(this,e),this.ignored=!0,this.width=347,this.gap=24,n(this)}disconnectedCallback(){}render(){return e(it,Object.assign({},L(this)),e("slot",null))}};function ye(t){var e;const r=l(H),[o,a]=d(!1);return s((()=>{var e,o;(null===(e=null==r?void 0:r.initialData)||void 0===e?void 0:e[t.checkboxName])&&a(!!(null===(o=null==r?void 0:r.initialData)||void 0===o?void 0:o[t.checkboxName]))}),[null===(e=null==r?void 0:r.initialData)||void 0===e?void 0:e[t.checkboxName]]),{states:{registrationFormState:r,checked:o},callbacks:{setChecked:a}}}const xe=class{constructor(e){t(this,e),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,n(this)}disconnectedCallback(){}render(){const t=B([{attribute:"checkbox-name",value:this.checkboxName}]);if(!p()&&t)return e(G,{missingProps:t,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:a}=p()?D({states:{registrationFormState:{},checked:!1},callbacks:{setChecked:()=>{}}},this.demoData||{},{arrayMerge:(t,e)=>e}):ye(this);return e(nt,{states:o,content:r,callbacks:a})}},we=g.gql`
|
|
1
|
+
import{r as t,h as e,c as r,F as o}from"./p-c7c11325.js";import{b as a,i}from"./p-db1a0db1.js";import{n,f as s,i as l,k as d,m as c,u,b as h,j as m}from"./p-63e29387.js";import{i as p,_ as f,d as g,J as v,H as b,B as y,$ as x,w,u as k,L as C,y as E,j as _,q as F,r as I,V as S,b as T,Q as R,k as A,M as q,I as N,S as M}from"./p-0ec54f97.js";import{j as P}from"./p-e7e129ac.js";import{c as D}from"./p-c1086930.js";import{g as L,a as B}from"./p-9ec99ced.js";import{c as O}from"./p-cef45012.js";import"./p-9c79ab08.js";import"./p-49b20dae.js";import{C as j}from"./p-4a0a76a5.js";import{a as V}from"./p-f5fff87e.js";import{u as z}from"./p-976ee669.js";import"./p-08700497.js";import"./p-204861a6.js";import{p as $}from"./p-8d363802.js";import{E as U}from"./p-5ff2da11.js";import{R as H,u as Y}from"./p-125a894f.js";import{u as W}from"./p-71af93e3.js";import{R as G,L as K,u as J}from"./p-ed16b35a.js";import{P as Z}from"./p-240bec23.js";import{u as X}from"./p-44fc6029.js";import{A as Q}from"./p-121cdc60.js";import{i as tt}from"./p-513f5d80.js";import{E as et}from"./p-a513c1a6.js";import{u as rt,W as ot,B as at,C as it,c as nt,e as st,D as lt,E as dt,H as ct,I as ut,U as ht,Q as mt,X as pt,L as ft,N as gt,f as vt,P as bt,g as yt,h as xt,i as wt,d as kt,R as Ct,j as Et,Y as _t,J as Ft,a as It,K as St,S as Tt,T as Rt}from"./p-57ce33dd.js";import"./p-9580aac3.js";import{g as At,L as qt}from"./p-7a268047.js";import{p as Nt,e as Mt}from"./p-0797a946.js";import{u as Pt,T as Dt,a as Lt,U as Bt,C as Ot,b as jt,S as Vt,c as zt,G as $t,d as Ut,e as Ht,F as Yt,f as Wt,g as Gt,h as Kt}from"./p-f17b6de6.js";const Jt={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}},Zt=Object.freeze({__proto__:null,Default:null,Netflix:Jt,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"}}}),Xt=class{constructor(e){t(this,e),this.flexReverse=!1,this.alignment="center",this.ignored=!0,n(this)}disconnectedCallback(){}render(){var t;const{props:r,label:o}=p()?rt(this):ot(this),a=!!(null===(t=f().innerHTML)||void 0===t?void 0:t.trim()),i=e("slot",{name:"label"},a?e("slot",null):o);return e(at,Object.assign({},r,{labelSlot:i}))}};function Qt(t,e,r){return Math.min(Math.max(t,r),e)}class te extends Error{constructor(t){super(`Failed to parse color: "${t}"`)}}function ee(t){if("string"!=typeof t)throw new te(t);if("transparent"===t.trim().toLowerCase())return[0,0,0,0];let e=t.trim();e=de.test(t)?function(t){const e=t.toLowerCase().trim(),r=oe[function(t){let e=5381,r=t.length;for(;r;)e=33*e^t.charCodeAt(--r);return(e>>>0)%2341}(e)];if(!r)throw new te(t);return`#${r}`}(t):t;const r=ie.exec(e);if(r){const t=Array.from(r).slice(1);return[...t.slice(0,3).map((t=>parseInt(ae(t,2),16))),parseInt(ae(t[3]||"f",2),16)/255]}const o=ne.exec(e);if(o){const t=Array.from(o).slice(1);return[...t.slice(0,3).map((t=>parseInt(t,16))),parseInt(t[3]||"ff",16)/255]}const a=se.exec(e);if(a){const t=Array.from(a).slice(1);return[...t.slice(0,3).map((t=>parseInt(t,10))),parseFloat(t[3]||"1")]}const i=le.exec(e);if(i){const[e,r,o,a]=Array.from(i).slice(1).map(parseFloat);if(Qt(0,100,r)!==r)throw new te(t);if(Qt(0,100,o)!==o)throw new te(t);return[...ue(e,r,o),a||1]}throw new te(t)}const re=t=>parseInt(t.replace(/_/g,""),36),oe="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(((t,e)=>{const r=re(e.substring(0,3)),o=re(e.substring(3)).toString(16);let a="";for(let t=0;t<6-o.length;t++)a+="0";return t[r]=`${a}${o}`,t}),{}),ae=(t,e)=>Array.from(Array(e)).map((()=>t)).join(""),ie=new RegExp(`^#${ae("([a-f0-9])",3)}([a-f0-9])?$`,"i"),ne=new RegExp(`^#${ae("([a-f0-9]{2})",3)}([a-f0-9]{2})?$`,"i"),se=new RegExp(`^rgba?\\(\\s*(\\d+)\\s*${ae(",\\s*(\\d+)\\s*",2)}(?:,\\s*([\\d.]+))?\\s*\\)$`,"i"),le=/^hsla?\(\s*([\d.]+)\s*,\s*([\d.]+)%\s*,\s*([\d.]+)%(?:\s*,\s*([\d.]+))?\s*\)$/i,de=/^[a-z]+$/i,ce=t=>Math.round(255*t),ue=(t,e,r)=>{let o=r/100;if(0===e)return[o,o,o].map(ce);const a=(t%360+360)%360/60,i=(1-Math.abs(2*o-1))*(e/100),n=i*(1-Math.abs(a%2-1));let s=0,l=0,d=0;a>=0&&a<1?(s=i,l=n):a>=1&&a<2?(s=n,l=i):a>=2&&a<3?(l=i,d=n):a>=3&&a<4?(l=n,d=i):a>=4&&a<5?(s=n,d=i):a>=5&&a<6&&(s=i,d=n);const c=o-i/2;return[s+c,l+c,d+c].map(ce)},he=[50,100,200,300,400,500,600,700,800,900,950],me=[.95,.86,.76,.66,.56,.46,.39,.32,.25,.18,.15],pe=/^hsla?\(\s*([\d.]+)\s*,\s*([\d.]+)%\s*,\s*([\d.]+)%(?:\s*,\s*([\d.]+))?\s*\)$/i;function fe(t,e="primary"){const[r,o,a,i]=function(t){const e=t.trim(),r=pe.exec(e);if(r){const[e,o,a,i]=Array.from(r).slice(1).map(parseFloat);if(Qt(0,100,o)!==o)throw new te(t);if(Qt(0,100,a)!==a)throw new te(t);return[e,o/100,a,i||1]}return function(t){const[e,r,o,a]=ee(t).map(((t,e)=>3===e?t:t/255)),i=Math.max(e,r,o),n=Math.min(e,r,o),s=(i+n)/2;if(i===n)return[0,0,s,a];const l=i-n;return[60*(e===i?(r-o)/l+(r<o?6:0):r===i?(o-e)/l+2:(e-r)/l+4),s>.5?l/(2-i-n):l/(i+n),s,a]}(t)}(t);return me.map((t=>function(t,e,r,o){return`hsla(${(t%360).toFixed()}, ${Qt(0,100,100*e).toFixed()}%, ${Qt(0,100,100*r).toFixed()}%, ${parseFloat(Qt(0,1,o).toFixed(3))})`}(r,o,t,i))).map(((t,r)=>`--sl-color-${e}-${he[r]}: ${t};\n`))}const ge=class{constructor(e){t(this,e),n(this)}disconnectedCallback(){}render(){var t,o,i,n,l,d;const c=null===(o=null===(t=window.SquatchBrandingConfig)||void 0===t?void 0:t.main)||void 0===o?void 0:o.brandFont,u=(null===(n=null===(i=window.SquatchBrandingConfig)||void 0===i?void 0:i.main)||void 0===n?void 0:n.brandColor)?"":null!==(l=function(t){if(t)try{return function(t,e="primary"){return fe(t,e).join("\n")}(t)}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 t=document.createElement("link");return t.setAttribute("href",a(h)),t.setAttribute("rel","stylesheet"),document.head.appendChild(t),()=>document.head.removeChild(t)}),[h]);const m=null!=h?h:"";return e(r,null,e("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 }`),e("slot",null))}},ve=class{constructor(e){t(this,e),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=Zt[r]||Jt;const o=new CustomEvent("brandingConfigUpdated",{detail:window.SquatchBrandingConfig});window.dispatchEvent(o)}componentDidLoad(){const t=localStorage.getItem("localStorageBrandKey");this.selectedBrand=t}disconnectedCallback(){}updateBrand(t){this.selectedBrand=t;const e=Zt[t]||Jt,r=JSON.stringify(e);localStorage.setItem("localStorageBrandKey",t),localStorage.setItem("localStorageBrandConfigKey",r),window.SquatchBrandingConfig=e,window.location.reload();const o=new CustomEvent("brandingConfigUpdated",{detail:window.SquatchBrandingConfig});window.dispatchEvent(o)}render(){return e(r,null,e("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 "),e("div",{class:"card-container"},e("h2",{class:"card-heading"},"Select Branding"),e("div",{class:"segmented-control-container"},this.brands.map((t=>e("div",{key:t.name,class:"brand-segment "+(this.selectedBrand===t.name?"active":""),onClick:()=>this.updateBrand(t.name)},e("img",{src:t.logoUrl,alt:`${t.name} Logo`,class:"brand-logo",onError:t=>{t.target.src="https://placehold.co/80x40/cccccc/000000?text=Logo"}})))))))}},be=class{constructor(e){t(this,e),this.ignored=!0,this.width=347,this.gap=24,n(this)}disconnectedCallback(){}render(){return e(it,Object.assign({},L(this)),e("slot",null))}};function ye(t){var e;const r=l(H),[o,a]=d(!1);return s((()=>{var e,o;(null===(e=null==r?void 0:r.initialData)||void 0===e?void 0:e[t.checkboxName])&&a(!!(null===(o=null==r?void 0:r.initialData)||void 0===o?void 0:o[t.checkboxName]))}),[null===(e=null==r?void 0:r.initialData)||void 0===e?void 0:e[t.checkboxName]]),{states:{registrationFormState:r,checked:o},callbacks:{setChecked:a}}}const xe=class{constructor(e){t(this,e),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,n(this)}disconnectedCallback(){}render(){const t=B([{attribute:"checkbox-name",value:this.checkboxName}]);if(!p()&&t)return e(G,{missingProps:t,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:a}=p()?D({states:{registrationFormState:{},checked:!1},callbacks:{setChecked:()=>{}}},this.demoData||{},{arrayMerge:(t,e)=>e}):ye(this);return e(nt,{states:o,content:r,callbacks:a})}},we=g.gql`
|
|
2
2
|
query fuelTankRewardsQuery($programId: ID!) {
|
|
3
3
|
user: viewer {
|
|
4
4
|
... on User {
|
|
@@ -167,7 +167,7 @@ import{r as t,h as e,c as r,F as o}from"./p-c7c11325.js";import{b as a,i}from"./
|
|
|
167
167
|
}
|
|
168
168
|
}
|
|
169
169
|
}
|
|
170
|
-
`,nr=class{constructor(e){t(this,e),this.payoutButtonText="Payouts & Tax Settings",this.payoutButtonDescription="Check your payout settings to see when you’ll get paid out next",this.ignored=!0,n(this)}disconnectedCallback(){}getTextProps(){return L(this)}render(){const t=p()?function(t){return D({states:{payoutSettingsComplete:!1},text:t.getTextProps()},t.demoData||{},{arrayMerge:(t,e)=>e})}(this):function(t){var e,r,o;const{data:a,refetch:i}=w(ir,{});return s((()=>{const t=()=>i();return window.addEventListener("sqm:tax-form-updated",t),()=>window.removeEventListener("sqm:tax-form-updated",t)}),[]),{states:{payoutSettingsComplete:!!(null===(o=null===(r=null===(e=null==a?void 0:a.user)||void 0===e?void 0:e.impactConnection)||void 0===r?void 0:r.publisher)||void 0===o?void 0:o.payoutsAccount)},text:t.getTextProps()}}(this);return e(ar,Object.assign({},t))}},sr=O({SkeletonOne:{width:"50%",height:"16px"},AlertDescriptionText:{margin:"0",marginBottom:"var(--sl-spacing-small)"},Dialog:{"&::part(panel)":{height:"600px"},"&::part(close-button)":{marginBottom:"var(--sl-spacing-xx-large)"},"&::part(title)":{display:"none"},"&::part(header)":{},"&::part(body)":{padding:"0"},"&::part(footer)":{}}}),lr=sr.toString();function dr(t){const{text:r,states:a,data:n,callbacks:s}=t;if(a.loading)return e("sl-skeleton",{class:sr.classes.SkeletonOne});const l=function(t){if(a.error)return{header:r.errorHeader,description:r.errorDescription,buttonText:null,alertType:"error"};switch(t){case"INFORMATION_REQUIRED":return{header:r.informationRequiredHeader,description:r.informationRequiredDescription,buttonText:r.informationRequiredButtonText,alertType:"info"};case"VERIFICATION:REQUIRED":return{header:r.verificationRequiredHeader,description:i.formatMessage({id:"verificationRequiredDescription",defaultMessage:r.verificationRequiredDescription},{supportLink:e("a",{target:"_blank",href:"mailto:advocate-support@impact.com"},r.supportLink)}),buttonText:r.verificationRequiredButtonText,alertType:"warning"};case"VERIFICATION:INTERNAL":return{header:r.verificationRequiredInternalHeader,description:i.formatMessage({id:"verificationRequiredInternalDescription",defaultMessage:r.verificationRequiredInternalDescription},{supportLink:e("a",{target:"_blank",href:"mailto:advocate-support@impact.com"},r.supportLink)}),alertType:"warning"};case"VERIFICATION:REVIEW":return{header:r.verificationReviewInternalHeader,description:i.formatMessage({id:"verificationReviewInternalDescription",defaultMessage:r.verificationReviewInternalDescription},{supportLink:e("a",{target:"_blank",href:"mailto:advocate-support@impact.com"},r.supportLink)}),alertType:"warning"};case"VERIFICATION:FAILED":return{header:r.verificationFailedInternalHeader,description:i.formatMessage({id:"verificationFailedInternalDescription",defaultMessage:r.verificationFailedInternalDescription},{supportLink:e("a",{target:"_blank",href:"mailto:advocate-support@impact.com"},r.supportLink)}),alertType:"error"};case"OVER_W9_THRESHOLD":return"CASH_ONLY_DEFER_W9"===a.enforceUsTaxComplianceOption?{header:r.w9RequiredHeader,description:i.formatMessage({id:"w9RequiredDescription",defaultMessage:r.w9RequiredDescription},{termsAndConditions:e("a",{target:"_blank",href:"https://terms.advocate.impact.com/PayoutTermsAndConditions.html"},r.termsAndConditions)}),buttonText:r.w9RequiredButtonText,alertType:"warning",icon:"exclamation-triangle"}:{header:r.holdHeader,description:i.formatMessage({id:"holdDescription",defaultMessage:r.holdDescription},{supportLink:e("a",{target:"_blank",href:"mailto:advocate-support@impact.com"},r.supportLink)}),buttonText:null,alertType:"warning",icon:"exclamation-triangle"};case"NEW_PAYEE_REVIEW":return{header:r.accountReviewHeader,description:i.formatMessage({id:"accountReviewDescription",defaultMessage:r.accountReviewDescription},{supportLink:e("a",{target:"_blank",href:"mailto:advocate-support@impact.com"},r.supportLink)}),buttonText:null,alertType:"warning",icon:"exclamation-triangle"};case"PAYMENT_HOLD_ON_CHANGE":return{header:r.paymentHoldOnChangeHeader,description:i.formatMessage({id:"accountReviewDescription",defaultMessage:r.paymentHoldOnChangeDescription},{supportLink:e("a",{target:"_blank",href:"mailto:advocate-support@impact.com"},r.supportLink)}),buttonText:null,alertType:"warning",icon:"exclamation-triangle"};case"BENEFICIARY_NAME_INVALID":return{header:r.beneficiaryNameInvalidHeader,description:i.formatMessage({id:"accountReviewDescription",defaultMessage:r.beneficiaryNameInvalidDescription},{supportLink:e("a",{target:"_blank",href:"mailto:advocate-support@impact.com"},r.supportLink)}),buttonText:r.editPaymentInformationButton,alertType:"warning",icon:"exclamation-triangle"};case"BENEFICIARY_NAME_MISMATCH":return{header:r.beneficiaryNameMismatchHeader,description:i.formatMessage({id:"accountReviewDescription",defaultMessage:r.beneficiaryNameMismatchDescription},{supportLink:e("a",{target:"_blank",href:"mailto:advocate-support@impact.com"},r.supportLink)}),buttonText:r.editPaymentInformationButton,alertType:"warning",icon:"exclamation-triangle"};case"BANK_TAX_NAME_MISMATCH":return{header:r.bankTaxNameMismatchHeader,description:i.formatMessage({id:"accountReviewDescription",defaultMessage:r.bankTaxNameMismatchDescription},{supportLink:e("a",{target:"_blank",href:"mailto:advocate-support@impact.com"},r.supportLink)}),buttonText:r.editPaymentInformationButton,alertType:"warning",icon:"exclamation-triangle"};case"WITHDRAWAL_SETTINGS_INVALID":return{header:r.withdrawalSettingsInvalidHeader,description:i.formatMessage({id:"accountReviewDescription",defaultMessage:r.withdrawalSettingsInvalidDescription},{supportLink:e("a",{target:"_blank",href:"mailto:advocate-support@impact.com"},r.supportLink)}),buttonText:r.editPaymentInformationButton,alertType:"warning",icon:"exclamation-triangle"};case"PAYMENT_RETURNED":return{header:r.paymentReturnedHeader,description:i.formatMessage({id:"accountReviewDescription",defaultMessage:r.paymentReturnedDescription},{supportLink:e("a",{target:"_blank",href:"mailto:advocate-support@impact.com"},r.supportLink)}),button:e(o,null,e("sl-button",{disabled:a.loading,type:"default",onClick:s.onPaymentInfoClick},r.editPaymentInformationButton),e("sl-button",{disabled:a.loading,type:"default",onClick:s.onNewFormClick},r.newFormButton)),alertType:"warning",icon:"exclamation-triangle"};case"HOLD":return{header:r.holdHeader,description:i.formatMessage({id:"holdDescription",defaultMessage:r.holdDescription},{supportLink:e("a",{target:"_blank",href:"mailto:advocate-support@impact.com"},r.supportLink)}),buttonText:null,alertType:"warning"};default:return}}(a.status);return"DONE"!==a.status&&l?e("div",{part:"sqm-base"},e("style",{type:"text/css"},lr),e("style",{type:"text/css"},"\n a {\n color: inherit;\n text-decoration: underline;\n cursor: pointer;\n }\n"),e("sqm-form-message",{type:l.alertType},e("p",{part:"alert-title"},l.header),e("p",{part:"alert-description"},l.description),function(t){switch(t){case"OVER_W9_THRESHOLD":if("CASH_ONLY"===a.enforceUsTaxComplianceOption)return;return"SquatchJS2"===n.type?e("sqm-scroll",{"scroll-tag-name":"sqm-tabs","button-text":r.w9RequiredButtonText,"scroll-animation":"smooth"}):e("sl-button","SquatchPortal"===n.type?{type:"default",onClick:s.onTermsClick}:{type:"default"},r.w9RequiredButtonText);case"INFORMATION_REQUIRED":return e("div",{style:{paddingTop:"10px"}},"SquatchJS2"===n.type?e("sqm-scroll",{"scroll-tag-name":"sqm-tabs","button-text":r.informationRequiredButtonText,"scroll-animation":"smooth"}):e("sl-button","SquatchPortal"===n.type?{type:"secondary",exportparts:"base: secondarybutton-base",onClick:s.onTermsClick}:{type:"secondary",exportparts:"base: secondarybutton-base"},r.informationRequiredButtonText));case"VERIFICATION:REQUIRED":return e("div",{style:{paddingTop:"10px"}},e("sl-button",{type:"secondary",exportparts:"base: secondarybutton-base",loading:a.veriffLoading,onClick:s.onClick},r.verificationRequiredButtonText));default:return l.button?l.button:void 0}}(a.status))):e("div",null)}const cr=class{constructor(e){t(this,e),this.informationRequiredHeader="Payout and tax information required",this.editPaymentInformationButton="Edit Payout Information",this.newFormButton="Submit new form",this.informationRequiredDescription="Submit your banking details and tax documents to receive your rewards.",this.informationRequiredButtonText="Payouts & Tax Settings",this.verificationRequiredHeader="Verify your identity",this.verificationRequiredDescription="It should only take a few minutes verify. If you run in to an issue verifying your identity contact our {supportLink}.",this.verificationRequiredButtonText="Start Verification",this.verificationRequiredInternalHeader="Identity Verification in Progress",this.verificationRequiredInternalDescription="Identity verification submission has been received. Our system is currently performing additional checks and analyzing the results. You will be updated shortly. If you don't hear from us contact our {supportLink}.",this.verificationReviewInternalHeader="Identity Verification Under Review",this.verificationReviewInternalDescription="Identity verification requires further review due to a potential error. Our team is reviewing the information and will update you shortly. If you don't hear from us contact our {supportLink}.",this.verificationFailedInternalHeader="Identity Verification Unsuccessful",this.verificationFailedInternalDescription="Identity verification has failed. Our team is reviewing the report and will contact you with further information. If you don't hear from us contact our {supportLink}.",this.accountReviewHeader="Your account is under review",this.accountReviewDescription="This process takes 48 hours, payouts are on hold until it's completed. You will receive an email from our referral provider, Impact.com, if any issues arise. It contains details on how to resolve this issue. If you need further assistance, please reach out to our {supportLink}.",this.paymentHoldOnChangeHeader="We are reviewing your new payout settings",this.paymentHoldOnChangeDescription="Your payout is temporarily on hold while we review your new payment information, this process is usually resolved within 48 hours.",this.beneficiaryNameInvalidHeader="Your payment information does not match your tax form",this.beneficiaryNameInvalidDescription="The beneficiary name in your payment information does not match what was submitted in your tax form. Please review and update your payment information or tax form so that they match exactly and do not include any invalid characters. Your payouts are on hold until this is resolved.",this.beneficiaryNameMismatchHeader="Your payment information does not match your tax form",this.beneficiaryNameMismatchDescription="The beneficiary name in your payment information does not match what was submitted in your tax form. Please review and update your payment information or tax form so that they match exactly and do not include any invalid characters. Your payouts are on hold until this is resolved.",this.bankTaxNameMismatchHeader="Your payment information does not match your tax form",this.bankTaxNameMismatchDescription="The bank name in your payment information does not match what was submitted in your tax form. Please review and update your payment information or tax form so that they match exactly and do not include any invalid characters. Your payouts are on hold until this is resolved.",this.withdrawalSettingsInvalidHeader="Your payment information includes invalid characters",this.withdrawalSettingsInvalidDescription="There are invalid characters in your payment information. Please review your information and make sure it is correct with no invalid characters. Your payouts are on hold until this is resolved.",this.paymentReturnedHeader="Payout unsuccessful",this.paymentReturnedDescription="Our recent payment attempt for your earnings was unsuccessful. Please review your payment information and make sure it is correct.",this.w9RequiredHeader="Your next payout is on hold",this.w9RequiredDescription="You have surpassed the $600 threshold requiring a W-9 form or have multiple accounts with impact.com. To remove the hold, please submit your W-9 form.",this.w9RequiredButtonText="Submit W-9",this.holdHeader="Your payouts and account are on hold",this.holdDescription="Please check your inbox for an email from our referral provider, impact.com. It contains details on how to resolve this issue. If you need further assistance, feel free to reach out to our {supportLink}.",this.cashPayoutsPageUrl="/taxAndCash",this.supportLink="support team",this.termsAndConditions="Terms and Conditions",this.errorHeader="Could not determine payout status.",this.errorDescription="There was an error with determining your payout status.",this.stateController="{}",n(this)}disconnectedCallback(){}getTextProps(){return L(this)}render(){const t=p()?function(t){const e=Nt(t.stateController),r=Object.keys(e).reduce(((t,r)=>"sqm-payout-status-alert"===r?{...t,...e[r]}:{...t,[`${r}_stateController`]:e[r]}),{});return D({states:{error:!1,status:"INFORMATION_REQUIRED",loading:!1,veriffLoading:!1},data:{type:"SquatchAdmin"},text:t.getTextProps(),callbacks:{onTermsClick:()=>{},onClick:()=>console.log("show"),onPaymentInfoClick:()=>{},onNewFormClick:()=>{}}},r||t.demoData||{},{arrayMerge:(t,e)=>e})}(this):Pt(this);return e(dr,Object.assign({},t))}},ur=g.gql`
|
|
170
|
+
`,nr=class{constructor(e){t(this,e),this.payoutButtonText="Payouts & Tax Settings",this.payoutButtonDescription="Check your payout settings to see when you’ll get paid out next",this.ignored=!0,n(this)}disconnectedCallback(){}getTextProps(){return L(this)}render(){const t=p()?function(t){return D({states:{payoutSettingsComplete:!1},text:t.getTextProps()},t.demoData||{},{arrayMerge:(t,e)=>e})}(this):function(t){var e,r,o;const{data:a,refetch:i}=w(ir,{});return s((()=>{const t=()=>i();return window.addEventListener("sqm:tax-form-updated",t),()=>window.removeEventListener("sqm:tax-form-updated",t)}),[]),{states:{payoutSettingsComplete:!!(null===(o=null===(r=null===(e=null==a?void 0:a.user)||void 0===e?void 0:e.impactConnection)||void 0===r?void 0:r.publisher)||void 0===o?void 0:o.payoutsAccount)},text:t.getTextProps()}}(this);return e(ar,Object.assign({},t))}},sr=O({SkeletonOne:{width:"50%",height:"16px"},AlertDescriptionText:{margin:"0",marginBottom:"var(--sl-spacing-small)"},Dialog:{"&::part(panel)":{height:"600px"},"&::part(close-button)":{marginBottom:"var(--sl-spacing-xx-large)"},"&::part(title)":{display:"none"},"&::part(header)":{},"&::part(body)":{padding:"0"},"&::part(footer)":{}}}),lr=sr.toString();function dr(t){const{text:r,states:a,data:n,callbacks:s}=t;if(a.loading)return e("sl-skeleton",{class:sr.classes.SkeletonOne});const l=function(t){if(a.error)return{header:r.errorHeader,description:r.errorDescription,buttonText:null,alertType:"error"};switch(t){case"INFORMATION_REQUIRED":return{header:r.informationRequiredHeader,description:r.informationRequiredDescription,buttonText:r.informationRequiredButtonText,alertType:"info"};case"VERIFICATION:REQUIRED":return{header:r.verificationRequiredHeader,description:i.formatMessage({id:"verificationRequiredDescription",defaultMessage:r.verificationRequiredDescription},{supportLink:e("a",{target:"_blank",href:"mailto:advocate-support@impact.com"},r.supportLink)}),buttonText:r.verificationRequiredButtonText,alertType:"warning"};case"VERIFICATION:INTERNAL":return{header:r.verificationRequiredInternalHeader,description:i.formatMessage({id:"verificationRequiredInternalDescription",defaultMessage:r.verificationRequiredInternalDescription},{supportLink:e("a",{target:"_blank",href:"mailto:advocate-support@impact.com"},r.supportLink)}),alertType:"warning"};case"VERIFICATION:REVIEW":return{header:r.verificationReviewInternalHeader,description:i.formatMessage({id:"verificationReviewInternalDescription",defaultMessage:r.verificationReviewInternalDescription},{supportLink:e("a",{target:"_blank",href:"mailto:advocate-support@impact.com"},r.supportLink)}),alertType:"warning"};case"VERIFICATION:FAILED":return{header:r.verificationFailedInternalHeader,description:i.formatMessage({id:"verificationFailedInternalDescription",defaultMessage:r.verificationFailedInternalDescription},{supportLink:e("a",{target:"_blank",href:"mailto:advocate-support@impact.com"},r.supportLink)}),alertType:"error"};case"OVER_W9_THRESHOLD":return"CASH_ONLY_DEFER_W9"===a.enforceUsTaxComplianceOption?{header:r.w9RequiredHeader,description:i.formatMessage({id:"w9RequiredDescription",defaultMessage:r.w9RequiredDescription},{termsAndConditions:e("a",{target:"_blank",href:"https://terms.advocate.impact.com/PayoutTermsAndConditions.html"},r.termsAndConditions)}),buttonText:r.w9RequiredButtonText,alertType:"warning",icon:"exclamation-triangle"}:{header:r.holdHeader,description:i.formatMessage({id:"holdDescription",defaultMessage:r.holdDescription},{supportLink:e("a",{target:"_blank",href:"mailto:advocate-support@impact.com"},r.supportLink)}),buttonText:null,alertType:"warning",icon:"exclamation-triangle"};case"NEW_PAYEE_REVIEW":return{header:r.accountReviewHeader,description:i.formatMessage({id:"accountReviewDescription",defaultMessage:r.accountReviewDescription},{supportLink:e("a",{target:"_blank",href:"mailto:advocate-support@impact.com"},r.supportLink)}),buttonText:null,alertType:"warning",icon:"exclamation-triangle"};case"PAYMENT_HOLD_ON_CHANGE":return{header:r.paymentHoldOnChangeHeader,description:i.formatMessage({id:"accountReviewDescription",defaultMessage:r.paymentHoldOnChangeDescription},{supportLink:e("a",{target:"_blank",href:"mailto:advocate-support@impact.com"},r.supportLink)}),buttonText:null,alertType:"warning",icon:"exclamation-triangle"};case"BENEFICIARY_NAME_INVALID":return{header:r.beneficiaryNameInvalidHeader,description:i.formatMessage({id:"accountReviewDescription",defaultMessage:r.beneficiaryNameInvalidDescription},{supportLink:e("a",{target:"_blank",href:"mailto:advocate-support@impact.com"},r.supportLink)}),button:e(o,null,e("sl-button",{disabled:a.loading,type:"primary",onClick:s.onPaymentInfoClick},r.editPaymentInformationButton),e("sl-button",{disabled:a.loading,type:"default",onClick:s.onNewFormClick},r.newFormButton)),alertType:"warning",icon:"exclamation-triangle"};case"BENEFICIARY_NAME_MISMATCH":return{header:r.beneficiaryNameMismatchHeader,description:i.formatMessage({id:"accountReviewDescription",defaultMessage:r.beneficiaryNameMismatchDescription},{supportLink:e("a",{target:"_blank",href:"mailto:advocate-support@impact.com"},r.supportLink)}),button:e(o,null,e("sl-button",{disabled:a.loading,type:"primary",onClick:s.onPaymentInfoClick},r.editPaymentInformationButton),e("sl-button",{disabled:a.loading,type:"default",onClick:s.onNewFormClick},r.newFormButton)),alertType:"warning",icon:"exclamation-triangle"};case"BANK_TAX_NAME_MISMATCH":return{header:r.bankTaxNameMismatchHeader,description:i.formatMessage({id:"accountReviewDescription",defaultMessage:r.bankTaxNameMismatchDescription},{supportLink:e("a",{target:"_blank",href:"mailto:advocate-support@impact.com"},r.supportLink)}),button:e(o,null,e("sl-button",{disabled:a.loading,type:"primary",onClick:s.onPaymentInfoClick},r.editPaymentInformationButton),e("sl-button",{disabled:a.loading,type:"default",onClick:s.onNewFormClick},r.newFormButton)),alertType:"warning",icon:"exclamation-triangle"};case"WITHDRAWAL_SETTINGS_INVALID":return{header:r.withdrawalSettingsInvalidHeader,description:i.formatMessage({id:"accountReviewDescription",defaultMessage:r.withdrawalSettingsInvalidDescription},{supportLink:e("a",{target:"_blank",href:"mailto:advocate-support@impact.com"},r.supportLink)}),button:e(o,null,e("sl-button",{disabled:a.loading,type:"primary",onClick:s.onPaymentInfoClick},r.editPaymentInformationButton)),alertType:"warning",icon:"exclamation-triangle"};case"PAYMENT_RETURNED":return{header:r.paymentReturnedHeader,description:i.formatMessage({id:"accountReviewDescription",defaultMessage:r.paymentReturnedDescription},{supportLink:e("a",{target:"_blank",href:"mailto:advocate-support@impact.com"},r.supportLink)}),button:e(o,null,e("sl-button",{disabled:a.loading,type:"primary",onClick:s.onPaymentInfoClick},r.editPaymentInformationButton)),alertType:"warning",icon:"exclamation-triangle"};case"HOLD":return{header:r.holdHeader,description:i.formatMessage({id:"holdDescription",defaultMessage:r.holdDescription},{supportLink:e("a",{target:"_blank",href:"mailto:advocate-support@impact.com"},r.supportLink)}),buttonText:null,alertType:"warning"};default:return}}(a.status);return"DONE"!==a.status&&l?e("div",{part:"sqm-base"},e("style",{type:"text/css"},lr),e("style",{type:"text/css"},"\n a {\n color: inherit;\n text-decoration: underline;\n cursor: pointer;\n }\n"),e("sqm-form-message",{type:l.alertType},e("p",{part:"alert-title"},l.header),e("p",{part:"alert-description"},l.description),function(t){switch(t){case"OVER_W9_THRESHOLD":if("CASH_ONLY"===a.enforceUsTaxComplianceOption)return;return"SquatchJS2"===n.type?e("sqm-scroll",{"scroll-tag-name":"sqm-tabs","button-text":r.w9RequiredButtonText,"scroll-animation":"smooth"}):e("sl-button","SquatchPortal"===n.type?{type:"default",onClick:s.onTermsClick}:{type:"default"},r.w9RequiredButtonText);case"INFORMATION_REQUIRED":return e("div",{style:{paddingTop:"10px"}},"SquatchJS2"===n.type?e("sqm-scroll",{"scroll-tag-name":"sqm-tabs","button-text":r.informationRequiredButtonText,"scroll-animation":"smooth"}):e("sl-button","SquatchPortal"===n.type?{type:"secondary",exportparts:"base: secondarybutton-base",onClick:s.onTermsClick}:{type:"secondary",exportparts:"base: secondarybutton-base"},r.informationRequiredButtonText));case"VERIFICATION:REQUIRED":return e("div",{style:{paddingTop:"10px"}},e("sl-button",{type:"secondary",exportparts:"base: secondarybutton-base",loading:a.veriffLoading,onClick:s.onClick},r.verificationRequiredButtonText));default:return l.button?l.button:void 0}}(a.status))):e("div",null)}const cr=class{constructor(e){t(this,e),this.informationRequiredHeader="Payout and tax information required",this.editPaymentInformationButton="Edit Payout Information",this.newFormButton="Submit new form",this.informationRequiredDescription="Submit your banking details and tax documents to receive your rewards.",this.informationRequiredButtonText="Payouts & Tax Settings",this.verificationRequiredHeader="Verify your identity",this.verificationRequiredDescription="It should only take a few minutes verify. If you run in to an issue verifying your identity contact our {supportLink}.",this.verificationRequiredButtonText="Start Verification",this.verificationRequiredInternalHeader="Identity Verification in Progress",this.verificationRequiredInternalDescription="Identity verification submission has been received. Our system is currently performing additional checks and analyzing the results. You will be updated shortly. If you don't hear from us contact our {supportLink}.",this.verificationReviewInternalHeader="Identity Verification Under Review",this.verificationReviewInternalDescription="Identity verification requires further review due to a potential error. Our team is reviewing the information and will update you shortly. If you don't hear from us contact our {supportLink}.",this.verificationFailedInternalHeader="Identity Verification Unsuccessful",this.verificationFailedInternalDescription="Identity verification has failed. Our team is reviewing the report and will contact you with further information. If you don't hear from us contact our {supportLink}.",this.accountReviewHeader="Your account is under review",this.accountReviewDescription="This process takes 48 hours, payouts are on hold until it's completed. You will receive an email from our referral provider, Impact.com, if any issues arise. It contains details on how to resolve this issue. If you need further assistance, please reach out to our {supportLink}.",this.paymentHoldOnChangeHeader="We are reviewing your new payout settings",this.paymentHoldOnChangeDescription="Your payout is temporarily on hold while we review your new payment information, this process is usually resolved within 48 hours.",this.beneficiaryNameInvalidHeader="Your payment information does not match your tax form",this.beneficiaryNameInvalidDescription="The beneficiary name in your payment information does not match what was submitted in your tax form. Please review and update your payment information or tax form so that they match exactly and do not include any invalid characters. Your payouts are on hold until this is resolved.",this.beneficiaryNameMismatchHeader="Your payment information does not match your tax form",this.beneficiaryNameMismatchDescription="The beneficiary name in your payment information does not match what was submitted in your tax form. Please review and update your payment information or tax form so that they match exactly and do not include any invalid characters. Your payouts are on hold until this is resolved.",this.bankTaxNameMismatchHeader="Your payment information does not match your tax form",this.bankTaxNameMismatchDescription="The bank name in your payment information does not match what was submitted in your tax form. Please review and update your payment information or tax form so that they match exactly and do not include any invalid characters. Your payouts are on hold until this is resolved.",this.withdrawalSettingsInvalidHeader="Your payment information includes invalid characters",this.withdrawalSettingsInvalidDescription="There are invalid characters in your payment information. Please review your information and make sure it is correct with no invalid characters. Your payouts are on hold until this is resolved.",this.paymentReturnedHeader="Payout unsuccessful",this.paymentReturnedDescription="Our recent payment attempt for your earnings was unsuccessful. Please review your payment information and make sure it is correct.",this.w9RequiredHeader="Your next payout is on hold",this.w9RequiredDescription="You have surpassed the $600 threshold requiring a W-9 form or have multiple accounts with impact.com. To remove the hold, please submit your W-9 form.",this.w9RequiredButtonText="Submit W-9",this.holdHeader="Your payouts and account are on hold",this.holdDescription="Please check your inbox for an email from our referral provider, impact.com. It contains details on how to resolve this issue. If you need further assistance, feel free to reach out to our {supportLink}.",this.cashPayoutsPageUrl="/taxAndCash",this.supportLink="support team",this.termsAndConditions="Terms and Conditions",this.errorHeader="Could not determine payout status.",this.errorDescription="There was an error with determining your payout status.",this.stateController="{}",n(this)}disconnectedCallback(){}getTextProps(){return L(this)}render(){const t=p()?function(t){const e=Nt(t.stateController),r=Object.keys(e).reduce(((t,r)=>"sqm-payout-status-alert"===r?{...t,...e[r]}:{...t,[`${r}_stateController`]:e[r]}),{});return D({states:{error:!1,status:"INFORMATION_REQUIRED",loading:!1,veriffLoading:!1},data:{type:"SquatchAdmin"},text:t.getTextProps(),callbacks:{onTermsClick:()=>{},onClick:()=>console.log("show"),onPaymentInfoClick:()=>{},onNewFormClick:()=>{}}},r||t.demoData||{},{arrayMerge:(t,e)=>e})}(this):Pt(this);return e(dr,Object.assign({},t))}},ur=g.gql`
|
|
171
171
|
query {
|
|
172
172
|
viewer {
|
|
173
173
|
... on User {
|
|
@@ -14,12 +14,12 @@ export declare class HeroImage {
|
|
|
14
14
|
*/
|
|
15
15
|
logoText?: string;
|
|
16
16
|
/**
|
|
17
|
-
* @uiName Logo text
|
|
17
|
+
* @uiName Logo text size
|
|
18
18
|
*/
|
|
19
|
-
logoTextSize?:
|
|
19
|
+
logoTextSize?: number;
|
|
20
20
|
/**
|
|
21
21
|
* @uiWidget color
|
|
22
|
-
* @uiName Logo text
|
|
22
|
+
* @uiName Logo text color
|
|
23
23
|
*/
|
|
24
24
|
logoTextColor?: string;
|
|
25
25
|
/**
|
|
@@ -1025,13 +1025,13 @@ export namespace Components {
|
|
|
1025
1025
|
"logoText"?: string;
|
|
1026
1026
|
/**
|
|
1027
1027
|
* @uiWidget color
|
|
1028
|
-
* @uiName Logo text
|
|
1028
|
+
* @uiName Logo text color
|
|
1029
1029
|
*/
|
|
1030
1030
|
"logoTextColor"?: string;
|
|
1031
1031
|
/**
|
|
1032
|
-
* @uiName Logo text
|
|
1032
|
+
* @uiName Logo text size
|
|
1033
1033
|
*/
|
|
1034
|
-
"logoTextSize"?:
|
|
1034
|
+
"logoTextSize"?: number;
|
|
1035
1035
|
/**
|
|
1036
1036
|
* Page participants are navigated to after clicking the header logo.
|
|
1037
1037
|
* @uiName Redirect path
|
|
@@ -8907,13 +8907,13 @@ declare namespace LocalJSX {
|
|
|
8907
8907
|
"logoText"?: string;
|
|
8908
8908
|
/**
|
|
8909
8909
|
* @uiWidget color
|
|
8910
|
-
* @uiName Logo text
|
|
8910
|
+
* @uiName Logo text color
|
|
8911
8911
|
*/
|
|
8912
8912
|
"logoTextColor"?: string;
|
|
8913
8913
|
/**
|
|
8914
|
-
* @uiName Logo text
|
|
8914
|
+
* @uiName Logo text size
|
|
8915
8915
|
*/
|
|
8916
|
-
"logoTextSize"?:
|
|
8916
|
+
"logoTextSize"?: number;
|
|
8917
8917
|
/**
|
|
8918
8918
|
* Page participants are navigated to after clicking the header logo.
|
|
8919
8919
|
* @uiName Redirect path
|
package/docs/docs.docx
CHANGED
|
Binary file
|