@saasquatch/mint-components 2.0.10 → 2.0.11-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.
Files changed (80) hide show
  1. package/dist/cjs/{data-24028727.js → data-62fc9ba5.js} +3 -0
  2. package/dist/cjs/loader.cjs.js +1 -1
  3. package/dist/cjs/mint-components.cjs.js +1 -1
  4. package/dist/cjs/sqm-banking-info-form_10.cjs.entry.js +3 -3
  5. package/dist/cjs/sqm-big-stat_49.cjs.entry.js +1 -1
  6. package/dist/cjs/sqm-referral-table_11.cjs.entry.js +23 -13
  7. package/dist/cjs/sqm-rewards-table_9.cjs.entry.js +35 -10
  8. package/dist/cjs/sqm-stencilbook.cjs.entry.js +785 -270
  9. package/dist/cjs/{sqm-user-info-form-view-c14ba407.js → sqm-user-info-form-view-a61124db.js} +1 -1
  10. package/dist/cjs/{useReferralTable-90d4d6e9.js → useReferralTable-d0c7097e.js} +6 -0
  11. package/dist/collection/components/sqm-referral-table/TaxAndCashReferralTable.stories.js +97 -0
  12. package/dist/collection/components/sqm-referral-table/TaxAndCashReferralTableRewardsCell.stories.js +188 -0
  13. package/dist/collection/components/sqm-referral-table/cells/sqm-referral-table-rewards-cell.js +28 -15
  14. package/dist/collection/components/sqm-referral-table/useReferralTable.js +6 -0
  15. package/dist/collection/components/sqm-rewards-table/RewardsTable.stories.js +1 -43
  16. package/dist/collection/components/sqm-rewards-table/RewardsTableCell.stories.js +91 -61
  17. package/dist/collection/components/sqm-rewards-table/TaxAndCashRewardsTable.stories.js +113 -0
  18. package/dist/collection/components/sqm-rewards-table/TaxAndCashRewardsTableCell.stories.js +213 -0
  19. package/dist/collection/components/sqm-rewards-table/cells/sqm-rewards-table-status-cell.js +49 -9
  20. package/dist/collection/components/sqm-rewards-table/columns/sqm-rewards-table-status-column.js +2 -2
  21. package/dist/collection/components/sqm-rewards-table/useRewardsTable.js +3 -0
  22. package/dist/collection/components/sqm-stencilbook/sqm-stencilbook.js +9 -1
  23. package/dist/collection/components/tax-and-cash/data.js +3 -0
  24. package/dist/esm/{data-f2f77358.js → data-4a551ba6.js} +3 -0
  25. package/dist/esm/loader.js +1 -1
  26. package/dist/esm/mint-components.js +1 -1
  27. package/dist/esm/sqm-banking-info-form_10.entry.js +3 -3
  28. package/dist/esm/sqm-big-stat_49.entry.js +1 -1
  29. package/dist/esm/sqm-referral-table_11.entry.js +23 -13
  30. package/dist/esm/sqm-rewards-table_9.entry.js +35 -10
  31. package/dist/esm/sqm-stencilbook.entry.js +785 -270
  32. package/dist/esm/{sqm-user-info-form-view-0a8999d0.js → sqm-user-info-form-view-74dcb6d0.js} +1 -1
  33. package/dist/esm/{useReferralTable-8e0acee0.js → useReferralTable-8128f0b2.js} +6 -0
  34. package/dist/esm-es5/data-4a551ba6.js +1 -0
  35. package/dist/esm-es5/loader.js +1 -1
  36. package/dist/esm-es5/mint-components.js +1 -1
  37. package/dist/esm-es5/sqm-banking-info-form_10.entry.js +1 -1
  38. package/dist/esm-es5/sqm-big-stat_49.entry.js +1 -1
  39. package/dist/esm-es5/sqm-referral-table_11.entry.js +1 -1
  40. package/dist/esm-es5/sqm-rewards-table_9.entry.js +1 -1
  41. package/dist/esm-es5/sqm-stencilbook.entry.js +1 -1
  42. package/dist/esm-es5/{sqm-user-info-form-view-0a8999d0.js → sqm-user-info-form-view-74dcb6d0.js} +1 -1
  43. package/dist/esm-es5/useReferralTable-8128f0b2.js +1 -0
  44. package/dist/mint-components/mint-components.esm.js +1 -1
  45. package/dist/mint-components/p-1086ca86.system.entry.js +1 -0
  46. package/dist/mint-components/{p-4d60b275.entry.js → p-190769c2.entry.js} +2 -2
  47. package/dist/mint-components/{p-704c903b.system.entry.js → p-25474a76.system.entry.js} +1 -1
  48. package/dist/mint-components/{p-50eaba5b.system.entry.js → p-25703088.system.entry.js} +1 -1
  49. package/dist/mint-components/{p-10ad4cec.js → p-4df0492c.js} +7 -1
  50. package/dist/mint-components/p-517c454d.entry.js +147 -0
  51. package/dist/mint-components/{p-cbeab288.js → p-68be450f.js} +1 -1
  52. package/dist/mint-components/p-68e65602.system.js +1 -0
  53. package/dist/mint-components/p-9c116b6b.entry.js +1 -0
  54. package/dist/mint-components/p-af123d2b.system.js +1 -1
  55. package/dist/mint-components/p-c0f50724.system.entry.js +1 -0
  56. package/dist/mint-components/{p-fb8927aa.js → p-c2e5108e.js} +8 -5
  57. package/dist/mint-components/{p-d0a256b8.entry.js → p-d693782f.entry.js} +1 -1
  58. package/dist/mint-components/p-e599f3fb.system.js +1 -0
  59. package/dist/mint-components/{p-78fc0c3c.entry.js → p-e971050e.entry.js} +1 -1
  60. package/dist/mint-components/{p-55f1801e.system.entry.js → p-ef8b63cd.system.entry.js} +1 -1
  61. package/dist/mint-components/{p-33e1a29e.system.js → p-f61005ce.system.js} +1 -1
  62. package/dist/types/components/sqm-referral-table/TaxAndCashReferralTable.stories.d.ts +5 -0
  63. package/dist/types/components/sqm-referral-table/TaxAndCashReferralTableRewardsCell.stories.d.ts +14 -0
  64. package/dist/types/components/sqm-rewards-table/RewardsTableCell.stories.d.ts +0 -7
  65. package/dist/types/components/sqm-rewards-table/TaxAndCashRewardsTable.stories.d.ts +5 -0
  66. package/dist/types/components/sqm-rewards-table/TaxAndCashRewardsTableCell.stories.d.ts +14 -0
  67. package/dist/types/components/sqm-rewards-table/cells/sqm-rewards-table-status-cell.d.ts +1 -0
  68. package/dist/types/components.d.ts +2 -0
  69. package/docs/docs.docx +0 -0
  70. package/docs/raisins.json +1 -1
  71. package/grapesjs/grapesjs.js +1 -1
  72. package/package.json +1 -1
  73. package/dist/esm-es5/data-f2f77358.js +0 -1
  74. package/dist/esm-es5/useReferralTable-8e0acee0.js +0 -1
  75. package/dist/mint-components/p-342921b9.system.js +0 -1
  76. package/dist/mint-components/p-636a841f.entry.js +0 -1
  77. package/dist/mint-components/p-63a928e0.system.entry.js +0 -1
  78. package/dist/mint-components/p-98e0a022.system.js +0 -1
  79. package/dist/mint-components/p-9d19a0f7.system.entry.js +0 -1
  80. package/dist/mint-components/p-f08dd2a8.entry.js +0 -144
@@ -1,4 +1,4 @@
1
- import{r as t,h as e,c as r}from"./p-c7c11325.js";import{b as o,i}from"./p-a82c8b60.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-63e29387.js";import{i as m,_ as p,d as g,J as f,H as v,B as b,$ as y,w as x,u as w,L as k,y as C,j as E,o as _,p as F,q as I,r as S,V as T,b as R,Q as A,k as q,M as N,I as P,S as M}from"./p-747479dc.js";import{j as L}from"./p-e7e129ac.js";import{c as D}from"./p-c1086930.js";import{g as B,a as O,s as j}from"./p-9ec99ced.js";import{c as z}from"./p-cef45012.js";import"./p-2ce4c7a3.js";import"./p-49b20dae.js";import{C as V}from"./p-4a0a76a5.js";import{a as $}from"./p-e08b7435.js";import{u as U}from"./p-26fdb210.js";import"./p-08700497.js";import"./p-204861a6.js";import{p as H}from"./p-8d363802.js";import{E as Y}from"./p-5ff2da11.js";import{R as W,a as G,u as K}from"./p-964b09f2.js";import{u as J}from"./p-7ab26f3d.js";import{R as Z,L as X,u as Q}from"./p-24e20ee2.js";import{i as tt}from"./p-1830bbfb.js";import{P as et}from"./p-68043f30.js";import{A as rt,u as ot}from"./p-c4e08253.js";import{E as it}from"./p-a513c1a6.js";import{u as at,Y as nt,B as st,C as lt,d as dt,f as ct,D as ut,E as ht,H as mt,I as pt,W as gt,V as ft,Z as vt,L as bt,N as yt,g as xt,P as wt,h as kt,i as Ct,j as Et,k as _t,c as Ft,e as It,R as St,l as Tt,_ as Rt,M as At,a as qt,O as Nt,S as Pt,T as Mt}from"./p-2edc81c6.js";import"./p-9580aac3.js";import{T as Lt,a as Dt,U as Bt,C as Ot,b as jt,S as zt,g as Vt,c as $t,G as Ut,d as Ht,e as Yt,h as Wt,i as Gt,j as Kt,k as Jt,L as Zt}from"./p-fb8927aa.js";import{p as Xt,e as Qt}from"./p-0797a946.js";import{u as te}from"./p-3fede0f7.js";const ee={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}},re=Object.freeze({__proto__:null,Default:null,Netflix:ee,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"}}}),oe=class{constructor(e){t(this,e),this.flexReverse=!1,this.alignment="center",this.ignored=!0,a(this)}disconnectedCallback(){}render(){var t;const{props:r,label:o}=m()?at(this):nt(this),i=!!(null===(t=p().innerHTML)||void 0===t?void 0:t.trim()),a=e("slot",{name:"label"},i?e("slot",null):o);return e(st,Object.assign({},r,{labelSlot:a}))}};function ie(t,e,r){return Math.min(Math.max(t,r),e)}class ae extends Error{constructor(t){super(`Failed to parse color: "${t}"`)}}function ne(t){if("string"!=typeof t)throw new ae(t);if("transparent"===t.trim().toLowerCase())return[0,0,0,0];let e=t.trim();e=pe.test(t)?function(t){const e=t.toLowerCase().trim(),r=le[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 ae(t);return`#${r}`}(t):t;const r=ce.exec(e);if(r){const t=Array.from(r).slice(1);return[...t.slice(0,3).map((t=>parseInt(de(t,2),16))),parseInt(de(t[3]||"f",2),16)/255]}const o=ue.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 i=he.exec(e);if(i){const t=Array.from(i).slice(1);return[...t.slice(0,3).map((t=>parseInt(t,10))),parseFloat(t[3]||"1")]}const a=me.exec(e);if(a){const[e,r,o,i]=Array.from(a).slice(1).map(parseFloat);if(ie(0,100,r)!==r)throw new ae(t);if(ie(0,100,o)!==o)throw new ae(t);return[...fe(e,r,o),i||1]}throw new ae(t)}const se=t=>parseInt(t.replace(/_/g,""),36),le="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=se(e.substring(0,3)),o=se(e.substring(3)).toString(16);let i="";for(let t=0;t<6-o.length;t++)i+="0";return t[r]=`${i}${o}`,t}),{}),de=(t,e)=>Array.from(Array(e)).map((()=>t)).join(""),ce=new RegExp(`^#${de("([a-f0-9])",3)}([a-f0-9])?$`,"i"),ue=new RegExp(`^#${de("([a-f0-9]{2})",3)}([a-f0-9]{2})?$`,"i"),he=new RegExp(`^rgba?\\(\\s*(\\d+)\\s*${de(",\\s*(\\d+)\\s*",2)}(?:,\\s*([\\d.]+))?\\s*\\)$`,"i"),me=/^hsla?\(\s*([\d.]+)\s*,\s*([\d.]+)%\s*,\s*([\d.]+)%(?:\s*,\s*([\d.]+))?\s*\)$/i,pe=/^[a-z]+$/i,ge=t=>Math.round(255*t),fe=(t,e,r)=>{let o=r/100;if(0===e)return[o,o,o].map(ge);const i=(t%360+360)%360/60,a=(1-Math.abs(2*o-1))*(e/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(ge)},ve=[50,100,200,300,400,500,600,700,800,900,950],be=[.95,.86,.76,.66,.56,.46,.39,.32,.25,.18,.15],ye=/^hsla?\(\s*([\d.]+)\s*,\s*([\d.]+)%\s*,\s*([\d.]+)%(?:\s*,\s*([\d.]+))?\s*\)$/i;function xe(t,e="primary"){const[r,o,i,a]=function(t){const e=t.trim(),r=ye.exec(e);if(r){const[e,o,i,a]=Array.from(r).slice(1).map(parseFloat);if(ie(0,100,o)!==o)throw new ae(t);if(ie(0,100,i)!==i)throw new ae(t);return[e,o/100,i,a||1]}return function(t){const[e,r,o,i]=ne(t).map(((t,e)=>3===e?t:t/255)),a=Math.max(e,r,o),n=Math.min(e,r,o),s=(a+n)/2;if(a===n)return[0,0,s,i];const l=a-n;return[60*(e===a?(r-o)/l+(r<o?6:0):r===a?(o-e)/l+2:(e-r)/l+4),s>.5?l/(2-a-n):l/(a+n),s,i]}(t)}(t);return be.map((t=>function(t,e,r,o){return`hsla(${(t%360).toFixed()}, ${ie(0,100,100*e).toFixed()}%, ${ie(0,100,100*r).toFixed()}%, ${parseFloat(ie(0,1,o).toFixed(3))})`}(r,o,t,a))).map(((t,r)=>`--sl-color-${e}-${ve[r]}: ${t};\n`))}const we=class{constructor(e){t(this,e),a(this)}disconnectedCallback(){}render(){var t,i,a,s,l,d;const c=null===(i=null===(t=window.SquatchBrandingConfig)||void 0===t?void 0:t.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(t){if(t)try{return function(t,e="primary"){return xe(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;n((()=>{if(!h||c)return;const t=document.createElement("link");return t.setAttribute("href",o(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))}},ke=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=re[r]||ee;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=re[t]||ee,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"}})))))))}},Ce=class{constructor(e){t(this,e),this.ignored=!0,this.width=347,this.gap=24,a(this)}disconnectedCallback(){}render(){return e(lt,Object.assign({},B(this)),e("slot",null))}};function Ee(t){var e;const r=s(W),[o,i]=l(!1);return n((()=>{var e,o;(null===(e=null==r?void 0:r.initialData)||void 0===e?void 0:e[t.checkboxName])&&i(!!(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:i}}}const _e=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,a(this)}disconnectedCallback(){}render(){const t=O([{attribute:"checkbox-name",value:this.checkboxName}]);if(!m()&&t)return e(Z,{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={...B(this)},{states:o,callbacks:i}=m()?D({states:{registrationFormState:{},checked:!1},callbacks:{setChecked:()=>{}}},this.demoData||{},{arrayMerge:(t,e)=>e}):Ee(this);return e(dt,{states:o,content:r,callbacks:i})}},Fe=g.gql`
1
+ import{r as t,h as e,c as r}from"./p-c7c11325.js";import{b as o,i}from"./p-a82c8b60.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-63e29387.js";import{i as m,_ as p,d as g,J as f,H as v,B as b,$ as y,w as x,u as w,L as k,y as C,j as E,o as _,p as F,q as I,r as S,V as T,b as R,Q as A,k as q,M as N,I as P,S as M}from"./p-747479dc.js";import{j as L}from"./p-e7e129ac.js";import{c as D}from"./p-c1086930.js";import{g as B,a as O,s as j}from"./p-9ec99ced.js";import{c as z}from"./p-cef45012.js";import"./p-2ce4c7a3.js";import"./p-49b20dae.js";import{C as V}from"./p-4a0a76a5.js";import{a as $}from"./p-e08b7435.js";import{u as U}from"./p-26fdb210.js";import"./p-08700497.js";import"./p-204861a6.js";import{p as H}from"./p-8d363802.js";import{E as Y}from"./p-5ff2da11.js";import{R as W,a as G,u as K}from"./p-964b09f2.js";import{u as J}from"./p-7ab26f3d.js";import{R as Z,L as X,u as Q}from"./p-24e20ee2.js";import{i as tt}from"./p-1830bbfb.js";import{P as et}from"./p-68043f30.js";import{A as rt,u as ot}from"./p-c4e08253.js";import{E as it}from"./p-a513c1a6.js";import{u as at,Y as nt,B as st,C as lt,d as dt,f as ct,D as ut,E as ht,H as mt,I as pt,W as gt,V as ft,Z as vt,L as bt,N as yt,g as xt,P as wt,h as kt,i as Ct,j as Et,k as _t,c as Ft,e as It,R as St,l as Tt,_ as Rt,M as At,a as qt,O as Nt,S as Pt,T as Mt}from"./p-2edc81c6.js";import"./p-9580aac3.js";import{T as Lt,a as Dt,U as Bt,C as Ot,b as jt,S as zt,g as Vt,c as $t,G as Ut,d as Ht,e as Yt,h as Wt,i as Gt,j as Kt,k as Jt,L as Zt}from"./p-c2e5108e.js";import{p as Xt,e as Qt}from"./p-0797a946.js";import{u as te}from"./p-3fede0f7.js";const ee={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}},re=Object.freeze({__proto__:null,Default:null,Netflix:ee,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"}}}),oe=class{constructor(e){t(this,e),this.flexReverse=!1,this.alignment="center",this.ignored=!0,a(this)}disconnectedCallback(){}render(){var t;const{props:r,label:o}=m()?at(this):nt(this),i=!!(null===(t=p().innerHTML)||void 0===t?void 0:t.trim()),a=e("slot",{name:"label"},i?e("slot",null):o);return e(st,Object.assign({},r,{labelSlot:a}))}};function ie(t,e,r){return Math.min(Math.max(t,r),e)}class ae extends Error{constructor(t){super(`Failed to parse color: "${t}"`)}}function ne(t){if("string"!=typeof t)throw new ae(t);if("transparent"===t.trim().toLowerCase())return[0,0,0,0];let e=t.trim();e=pe.test(t)?function(t){const e=t.toLowerCase().trim(),r=le[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 ae(t);return`#${r}`}(t):t;const r=ce.exec(e);if(r){const t=Array.from(r).slice(1);return[...t.slice(0,3).map((t=>parseInt(de(t,2),16))),parseInt(de(t[3]||"f",2),16)/255]}const o=ue.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 i=he.exec(e);if(i){const t=Array.from(i).slice(1);return[...t.slice(0,3).map((t=>parseInt(t,10))),parseFloat(t[3]||"1")]}const a=me.exec(e);if(a){const[e,r,o,i]=Array.from(a).slice(1).map(parseFloat);if(ie(0,100,r)!==r)throw new ae(t);if(ie(0,100,o)!==o)throw new ae(t);return[...fe(e,r,o),i||1]}throw new ae(t)}const se=t=>parseInt(t.replace(/_/g,""),36),le="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=se(e.substring(0,3)),o=se(e.substring(3)).toString(16);let i="";for(let t=0;t<6-o.length;t++)i+="0";return t[r]=`${i}${o}`,t}),{}),de=(t,e)=>Array.from(Array(e)).map((()=>t)).join(""),ce=new RegExp(`^#${de("([a-f0-9])",3)}([a-f0-9])?$`,"i"),ue=new RegExp(`^#${de("([a-f0-9]{2})",3)}([a-f0-9]{2})?$`,"i"),he=new RegExp(`^rgba?\\(\\s*(\\d+)\\s*${de(",\\s*(\\d+)\\s*",2)}(?:,\\s*([\\d.]+))?\\s*\\)$`,"i"),me=/^hsla?\(\s*([\d.]+)\s*,\s*([\d.]+)%\s*,\s*([\d.]+)%(?:\s*,\s*([\d.]+))?\s*\)$/i,pe=/^[a-z]+$/i,ge=t=>Math.round(255*t),fe=(t,e,r)=>{let o=r/100;if(0===e)return[o,o,o].map(ge);const i=(t%360+360)%360/60,a=(1-Math.abs(2*o-1))*(e/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(ge)},ve=[50,100,200,300,400,500,600,700,800,900,950],be=[.95,.86,.76,.66,.56,.46,.39,.32,.25,.18,.15],ye=/^hsla?\(\s*([\d.]+)\s*,\s*([\d.]+)%\s*,\s*([\d.]+)%(?:\s*,\s*([\d.]+))?\s*\)$/i;function xe(t,e="primary"){const[r,o,i,a]=function(t){const e=t.trim(),r=ye.exec(e);if(r){const[e,o,i,a]=Array.from(r).slice(1).map(parseFloat);if(ie(0,100,o)!==o)throw new ae(t);if(ie(0,100,i)!==i)throw new ae(t);return[e,o/100,i,a||1]}return function(t){const[e,r,o,i]=ne(t).map(((t,e)=>3===e?t:t/255)),a=Math.max(e,r,o),n=Math.min(e,r,o),s=(a+n)/2;if(a===n)return[0,0,s,i];const l=a-n;return[60*(e===a?(r-o)/l+(r<o?6:0):r===a?(o-e)/l+2:(e-r)/l+4),s>.5?l/(2-a-n):l/(a+n),s,i]}(t)}(t);return be.map((t=>function(t,e,r,o){return`hsla(${(t%360).toFixed()}, ${ie(0,100,100*e).toFixed()}%, ${ie(0,100,100*r).toFixed()}%, ${parseFloat(ie(0,1,o).toFixed(3))})`}(r,o,t,a))).map(((t,r)=>`--sl-color-${e}-${ve[r]}: ${t};\n`))}const we=class{constructor(e){t(this,e),a(this)}disconnectedCallback(){}render(){var t,i,a,s,l,d;const c=null===(i=null===(t=window.SquatchBrandingConfig)||void 0===t?void 0:t.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(t){if(t)try{return function(t,e="primary"){return xe(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;n((()=>{if(!h||c)return;const t=document.createElement("link");return t.setAttribute("href",o(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))}},ke=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=re[r]||ee;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=re[t]||ee,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"}})))))))}},Ce=class{constructor(e){t(this,e),this.ignored=!0,this.width=347,this.gap=24,a(this)}disconnectedCallback(){}render(){return e(lt,Object.assign({},B(this)),e("slot",null))}};function Ee(t){var e;const r=s(W),[o,i]=l(!1);return n((()=>{var e,o;(null===(e=null==r?void 0:r.initialData)||void 0===e?void 0:e[t.checkboxName])&&i(!!(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:i}}}const _e=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,a(this)}disconnectedCallback(){}render(){const t=O([{attribute:"checkbox-name",value:this.checkboxName}]);if(!m()&&t)return e(Z,{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={...B(this)},{states:o,callbacks:i}=m()?D({states:{registrationFormState:{},checked:!1},callbacks:{setChecked:()=>{}}},this.demoData||{},{arrayMerge:(t,e)=>e}):Ee(this);return e(dt,{states:o,content:r,callbacks:i})}},Fe=g.gql`
2
2
  query fuelTankRewardsQuery($programId: ID!) {
3
3
  user: viewer {
4
4
  ... on User {
@@ -0,0 +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,r=1,a=arguments.length;r<a;r++){n=arguments[r];for(var t in n)if(Object.prototype.hasOwnProperty.call(n,t))e[t]=n[t]}return e};return __assign.apply(this,arguments)};var __awaiter=this&&this.__awaiter||function(e,n,r,a){function t(e){return e instanceof r?e:new r((function(n){n(e)}))}return new(r||(r=Promise))((function(r,d){function o(e){try{l(a.next(e))}catch(e){d(e)}}function i(e){try{l(a["throw"](e))}catch(e){d(e)}}function l(e){e.done?r(e.value):t(e.value).then(o,i)}l((a=a.apply(e,n||[])).next())}))};var __generator=this&&this.__generator||function(e,n){var r={label:0,sent:function(){if(d[0]&1)throw d[1];return d[1]},trys:[],ops:[]},a,t,d,o;return o={next:i(0),throw:i(1),return:i(2)},typeof Symbol==="function"&&(o[Symbol.iterator]=function(){return this}),o;function i(e){return function(n){return l([e,n])}}function l(o){if(a)throw new TypeError("Generator is already executing.");while(r)try{if(a=1,t&&(d=o[0]&2?t["return"]:o[0]?t["throw"]||((d=t["return"])&&d.call(t),0):t.next)&&!(d=d.call(t,o[1])).done)return d;if(t=0,d)o=[o[0]&2,d.value];switch(o[0]){case 0:case 1:d=o;break;case 4:r.label++;return{value:o[1],done:false};case 5:r.label++;t=o[1];o=[0];continue;case 7:o=r.ops.pop();r.trys.pop();continue;default:if(!(d=r.trys,d=d.length>0&&d[d.length-1])&&(o[0]===6||o[0]===2)){r=0;continue}if(o[0]===3&&(!d||o[1]>d[0]&&o[1]<d[3])){r.label=o[1];break}if(o[0]===6&&r.label<d[1]){r.label=d[1];d=o;break}if(d&&r.label<d[2]){r.label=d[2];r.ops.push(o);break}if(d[2])r.ops.pop();r.trys.pop();continue}o=n.call(e,r)}catch(e){o=[6,e];t=0}finally{a=d=0}if(o[0]&5)throw o[1];return{value:o[0]?o[1]:void 0,done:true}}};var __spreadArrays=this&&this.__spreadArrays||function(){for(var e=0,n=0,r=arguments.length;n<r;n++)e+=arguments[n].length;for(var a=Array(e),t=0,n=0;n<r;n++)for(var d=arguments[n],o=0,i=d.length;o<i;o++,t++)a[t]=d[o];return a};System.register(["./p-59b028db.system.js","./p-4f5329a2.system.js","./p-08c49143.system.js","./p-b5559e34.system.js","./p-c09d2b35.system.js"],(function(e){"use strict";var n,r,a,t,d,o,i,l,s,u,c,f;return{setters:[function(e){n=e.h},function(e){r=e.b;a=e.j;t=e.f},function(e){d=e.d;o=e.J;i=e.H;l=e.L;s=e.w;u=e.R},function(e){c=e.u},function(e){f=e.u}],execute:function(){e({g:y,t:R,u:w});var m=r("sq:useReferralTable");var p="sqm-referral-table";var v=d.gql(__makeTemplateObject(["\n query getReferrals(\n $programId: ID\n $rewardFilter: RewardFilterInput\n $locale: RSLocale\n ) {\n viewer {\n ... on User {\n referredByReferral(programId: $programId) {\n dateConverted\n dateFraudChecksCompleted\n dateModerated\n dateModified\n dateReferralEnded\n dateReferralPaid\n dateReferralStarted\n dateUserModified\n referrerUser {\n firstName\n lastName\n }\n rewards(filter: $rewardFilter) {\n id\n type\n value\n unit\n name\n dateGiven\n dateExpires\n dateCancelled\n dateRedeemed\n dateScheduledFor\n fuelTankCode\n fuelTankType\n currency\n prettyValue(locale: $locale)\n statuses\n globalRewardKey\n programRewardKey\n partnerFundsTransfer {\n id\n status\n dateScheduled\n dateCreated\n dateTransferred\n }\n meta {\n status\n integration {\n name\n }\n message\n customMeta\n }\n rewardRedemptionTransactions {\n data {\n exchangedRewards {\n data {\n prettyValue(locale: $locale)\n type\n fuelTankCode\n globalRewardKey\n }\n }\n }\n }\n }\n }\n }\n }\n }\n"],["\n query getReferrals(\n $programId: ID\n $rewardFilter: RewardFilterInput\n $locale: RSLocale\n ) {\n viewer {\n ... on User {\n referredByReferral(programId: $programId) {\n dateConverted\n dateFraudChecksCompleted\n dateModerated\n dateModified\n dateReferralEnded\n dateReferralPaid\n dateReferralStarted\n dateUserModified\n referrerUser {\n firstName\n lastName\n }\n rewards(filter: $rewardFilter) {\n id\n type\n value\n unit\n name\n dateGiven\n dateExpires\n dateCancelled\n dateRedeemed\n dateScheduledFor\n fuelTankCode\n fuelTankType\n currency\n prettyValue(locale: $locale)\n statuses\n globalRewardKey\n programRewardKey\n partnerFundsTransfer {\n id\n status\n dateScheduled\n dateCreated\n dateTransferred\n }\n meta {\n status\n integration {\n name\n }\n message\n customMeta\n }\n rewardRedemptionTransactions {\n data {\n exchangedRewards {\n data {\n prettyValue(locale: $locale)\n type\n fuelTankCode\n globalRewardKey\n }\n }\n }\n }\n }\n }\n }\n }\n }\n"]));var g=d.gql(__makeTemplateObject(['\n query getReferrals(\n $limit: Int!\n $offset: Int!\n $referralFilter: ReferralFilterInput\n $rewardFilter: RewardFilterInput\n $locale: RSLocale\n ) {\n viewer {\n ... on User {\n id\n paidReferrals: referrals(\n filter: { dateReferralPaid_timeframe: "this_10_years" }\n limit: 1\n ) {\n totalCount\n }\n referrals(limit: $limit, offset: $offset, filter: $referralFilter) {\n totalCount\n count\n data {\n id\n referredUser {\n id\n accountId\n firstName\n lastName\n email\n programGoals {\n goalId\n programId\n count\n firstDate\n lastDate\n conversionCount\n }\n }\n shareLinkUsed\n referralCodeUsed\n moderationStatus\n dateConverted\n dateFraudChecksCompleted\n dateModerated\n dateModified\n dateReferralEnded\n dateReferralPaid\n dateReferralStarted\n dateUserModified\n programId\n program {\n id\n name\n }\n fraudData {\n autoModerationStatus\n manualModerationStatus\n moderationStatus\n }\n rewards(filter: $rewardFilter) {\n id\n type\n value\n unit\n name\n dateGiven\n dateExpires\n dateCancelled\n dateRedeemed\n dateScheduledFor\n fuelTankCode\n fuelTankType\n currency\n prettyValue(locale: $locale)\n pendingReasons\n statuses\n globalRewardKey\n programRewardKey\n partnerFundsTransfer {\n id\n status\n dateScheduled\n dateCreated\n dateTransferred\n }\n referral {\n dateModerated\n fraudData {\n autoModerationStatus\n manualModerationStatus\n moderationStatus\n }\n }\n meta {\n status\n integration {\n name\n }\n message\n customMeta\n }\n rewardRedemptionTransactions {\n data {\n exchangedRewards {\n data {\n prettyValue(locale: $locale)\n type\n fuelTankCode\n globalRewardKey\n }\n }\n }\n }\n }\n childNodes(limit: 10, offset: 0) {\n data {\n data {\n id\n ... on FlatReward {\n id\n statuses\n type\n value\n }\n ... on ProgramEmailTransaction {\n id\n rewardId\n dateCreated\n dateSent\n dateQueued\n }\n }\n depth\n }\n }\n }\n }\n }\n }\n }\n'],['\n query getReferrals(\n $limit: Int!\n $offset: Int!\n $referralFilter: ReferralFilterInput\n $rewardFilter: RewardFilterInput\n $locale: RSLocale\n ) {\n viewer {\n ... on User {\n id\n paidReferrals: referrals(\n filter: { dateReferralPaid_timeframe: "this_10_years" }\n limit: 1\n ) {\n totalCount\n }\n referrals(limit: $limit, offset: $offset, filter: $referralFilter) {\n totalCount\n count\n data {\n id\n referredUser {\n id\n accountId\n firstName\n lastName\n email\n programGoals {\n goalId\n programId\n count\n firstDate\n lastDate\n conversionCount\n }\n }\n shareLinkUsed\n referralCodeUsed\n moderationStatus\n dateConverted\n dateFraudChecksCompleted\n dateModerated\n dateModified\n dateReferralEnded\n dateReferralPaid\n dateReferralStarted\n dateUserModified\n programId\n program {\n id\n name\n }\n fraudData {\n autoModerationStatus\n manualModerationStatus\n moderationStatus\n }\n rewards(filter: $rewardFilter) {\n id\n type\n value\n unit\n name\n dateGiven\n dateExpires\n dateCancelled\n dateRedeemed\n dateScheduledFor\n fuelTankCode\n fuelTankType\n currency\n prettyValue(locale: $locale)\n pendingReasons\n statuses\n globalRewardKey\n programRewardKey\n partnerFundsTransfer {\n id\n status\n dateScheduled\n dateCreated\n dateTransferred\n }\n referral {\n dateModerated\n fraudData {\n autoModerationStatus\n manualModerationStatus\n moderationStatus\n }\n }\n meta {\n status\n integration {\n name\n }\n message\n customMeta\n }\n rewardRedemptionTransactions {\n data {\n exchangedRewards {\n data {\n prettyValue(locale: $locale)\n type\n fuelTankCode\n globalRewardKey\n }\n }\n }\n }\n }\n childNodes(limit: 10, offset: 0) {\n data {\n data {\n id\n ... on FlatReward {\n id\n statuses\n type\n value\n }\n ... on ProgramEmailTransaction {\n id\n rewardId\n dateCreated\n dateSent\n dateQueued\n }\n }\n depth\n }\n }\n }\n }\n }\n }\n }\n']));var h=d.gql(__makeTemplateObject(["\n query getImpactTax {\n viewer {\n ... on User {\n id\n impactConnection {\n connected\n taxHandlingEnabled\n publisher {\n requiredTaxDocumentType\n currentTaxDocument {\n status\n type\n dateCreated\n }\n withdrawalSettings {\n paymentMethod\n }\n payoutsAccount {\n hold\n holdReasons\n balance\n }\n }\n }\n }\n }\n }\n"],["\n query getImpactTax {\n viewer {\n ... on User {\n id\n impactConnection {\n connected\n taxHandlingEnabled\n publisher {\n requiredTaxDocumentType\n currentTaxDocument {\n status\n type\n dateCreated\n }\n withdrawalSettings {\n paymentMethod\n }\n payoutsAccount {\n hold\n holdReasons\n balance\n }\n }\n }\n }\n }\n }\n"]));function w(e,r,d){var m,w,y,_;var b=o();var C=i();var T=(m=e.programId)!==null&&m!==void 0?m:C;var S=T?T==="classic"?{programId_exists:false}:{programId_eq:T}:{};var P={userId_eq:b===null||b===void 0?void 0:b.id,accountId_eq:b===null||b===void 0?void 0:b.accountId};var I=a((function(e,n){return __assign(__assign({},e),n)}),{columns:[],rows:[],loading:false,page:0}),$=I[0],F=I[1];var k=l();var M=s(v,{programId:T==="classic"?null:T,rewardFilter:P,locale:k},!e.showReferrer||!(b===null||b===void 0?void 0:b.jwt)),x=M.data,L=M.loading,j=M.refetch;var E=(w=x===null||x===void 0?void 0:x.viewer)===null||w===void 0?void 0:w.referredByReferral;var U=e.showReferrer&&!!(E===null||E===void 0?void 0:E.dateReferralStarted);var q=s(h,{},!(b===null||b===void 0?void 0:b.jwt)),D=q.data,N=q.loading;var K=(y=D===null||D===void 0?void 0:D.viewer)===null||y===void 0?void 0:y.impactConnection;var O=u(g,(function(e){var n;return(n=e===null||e===void 0?void 0:e.viewer)===null||n===void 0?void 0:n.referrals}),{limit:e.perPage,offset:0},{referralFilter:S,rewardFilter:P,locale:k},e.showReferrer&&L&&!x||!(b===null||b===void 0?void 0:b.jwt)),V=O.envelope,A=O.states,B=O.callbacks;t((function(){if(A.currentPage===0&&U)B.setLimit(e.perPage-1)}),[U]);t((function(){if(e.showReferrer&&U){B.setLimit(e.perPage-1);B.setCurrentPage(0)}else{B.setLimit(e.perPage);B.setCurrentPage(0)}}),[e.showReferrer]);var G=c();var H=V===null||V===void 0?void 0:V.data;var J=f();function Q(e){return __awaiter(this,void 0,void 0,(function(){var r,a,t,d,o,i,l,s,u,c;var f=this;return __generator(this,(function(m){switch(m.label){case 0:r=e.filter((function(e){return e.slot!=="loading"&&e.slot!=="empty"}));a=r===null||r===void 0?void 0:r.map((function(e){return __awaiter(f,void 0,void 0,(function(){return __generator(this,(function(n){return[2,R(e,(function(){return e.renderLabel()}))]}))}))}));if(!(U&&A.currentPage===0))return[3,2];d=r===null||r===void 0?void 0:r.map((function(e){return __awaiter(f,void 0,void 0,(function(){return __generator(this,(function(r){return[2,R(e,(function(){return e.renderReferrerCell(E,k,n)}))]}))}))}));return[4,Promise.all(d)];case 1:t=m.sent();m.label=2;case 2:o=H===null||H===void 0?void 0:H.map((function(e){return __awaiter(f,void 0,void 0,(function(){var a,t;var d=this;return __generator(this,(function(o){switch(o.label){case 0:a=r===null||r===void 0?void 0:r.map((function(r){return __awaiter(d,void 0,void 0,(function(){return __generator(this,(function(a){return[2,R(r,(function(){return r.renderCell(e,{locale:k,taxConnection:K},n)}))]}))}))}));return[4,Promise.all(a)];case 1:t=o.sent();return[2,t]}}))}))}));l=o;if(!l)return[3,4];s=[[t]];return[4,Promise.all(o)];case 3:l=__spreadArrays.apply(void 0,s.concat([m.sent()])).filter((function(e){return e}));m.label=4;case 4:i=l;F({rows:i});c=a;if(!c)return[3,6];return[4,Promise.all(a)];case 5:c=m.sent();m.label=6;case 6:u=c;F({columns:u,loading:false,page:A.currentPage});return[2]}}))}))}t((function(){F({loading:true});V&&Q(J)}),[V,J,G]);var z=!((_=$===null||$===void 0?void 0:$.rows)===null||_===void 0?void 0:_.length)&&!(H===null||H===void 0?void 0:H.length);var W=A.loading||$.loading||N?"loading":z?"empty":"rows";return{states:{hasNext:A.currentPage<A.pageCount-1,hasPrev:A.currentPage>0,show:W,namespace:p},data:{textOverrides:{showLabels:!e.hideLabels,prevLabel:e.prevLabel,moreLabel:e.moreLabel},hiddenColumns:e.hiddenColumns,smBreakpoint:e.smBreakpoint,mdBreakpoint:e.mdBreakpoint},elements:{columns:$.columns,rows:$.rows,emptyElement:r,loadingElement:d},callbacks:{nextPage:function(){if(A.currentPage===0&&U)B.setLimit(e.perPage);B.setCurrentPage(A.currentPage+1)},prevPage:function(){if(A.currentPage===1&&U)B.setLimit(e.perPage-1);B.setCurrentPage(A.currentPage-1)}}}}function y(e){try{return JSON.stringify(e)}catch(e){return"An unknown error"}}function R(e,r){return __awaiter(this,void 0,void 0,(function(){var a,t,d,o;return __generator(this,(function(i){switch(i.label){case 0:a=e.tagName.toLowerCase();return[4,customElements.whenDefined(a)];case 1:i.sent();try{t=r()}catch(e){if(r.name==="renderReferrerCell"){m("column does not have a renderReferrerCell method.")}else{m("label promise failed",e)}m("label promise failed",e);return[2,n("span",null)]}i.label=2;case 2:i.trys.push([2,4,,5]);return[4,t];case 3:return[2,i.sent()];case 4:d=i.sent();m("Error rendering label",d);o=y(d);return[2,n("details",null,n("summary",null,"Error"),o)];case 5:return[2]}}))}))}}}}));
@@ -1,4 +1,4 @@
1
- import{h as e,r as t,c as a,g as o}from"./p-c7c11325.js";import{i as n}from"./p-a82c8b60.js";import{m as i,k as r,f as l,n as s,u as d,b as c,j as u}from"./p-63e29387.js";import{d as p,_ as m,L as v,J as h,t as y,F as g,x as f,$ as b,i as x,h as C,u as w,R as k,w as S}from"./p-747479dc.js";import{j as T}from"./p-e7e129ac.js";import{c as I}from"./p-c1086930.js";import{g as P}from"./p-9ec99ced.js";import{c as A}from"./p-cef45012.js";import"./p-49b20dae.js";import{G as D}from"./p-f1dc581f.js";import{u as E,a as N}from"./p-e08b7435.js";import{u as R}from"./p-26fdb210.js";import{l as M}from"./p-08700497.js";import{g as q}from"./p-10ad4cec.js";import{a as B,b as L,O as F,I as _,v as U,A as W,U as O}from"./p-cbeab288.js";import{F as j,a as z,S as H,c as V,T as Y,h as $,t as G,l as K,U as X,d as J,g as Q,C as Z,o as ee}from"./p-fb8927aa.js";import{b as te}from"./p-38c7775a.js";import{T as ae,a as oe,g as ne,V as ie}from"./p-3fede0f7.js";const re={CAD:[{countryCode:"CA",currency:"CAD",defaultFinancePaymentMethodId:3,withdrawalSettingId:37},{countryCode:"CA",currency:"CAD",defaultFinancePaymentMethodId:7,withdrawalSettingId:37}],AUD:[{countryCode:"US",currency:"AUD",defaultFinancePaymentMethodId:5,withdrawalSettingId:23},{countryCode:"CA",currency:"AUD",defaultFinancePaymentMethodId:5,withdrawalSettingId:21},{countryCode:"ES",currency:"AUD",defaultFinancePaymentMethodId:5,withdrawalSettingId:25},{countryCode:"IE",currency:"AUD",defaultFinancePaymentMethodId:5,withdrawalSettingId:25},{countryCode:"GB",currency:"AUD",defaultFinancePaymentMethodId:5,withdrawalSettingId:25},{countryCode:"JP",currency:"AUD",defaultFinancePaymentMethodId:5,withdrawalSettingId:21},{countryCode:"AR",currency:"AUD",defaultFinancePaymentMethodId:5,withdrawalSettingId:21},{countryCode:"AU",currency:"AUD",defaultFinancePaymentMethodId:3,withdrawalSettingId:37},{countryCode:"AU",currency:"AUD",defaultFinancePaymentMethodId:7,withdrawalSettingId:37}],EUR:[{countryCode:"US",currency:"EUR",defaultFinancePaymentMethodId:5,withdrawalSettingId:23},{countryCode:"CA",currency:"EUR",defaultFinancePaymentMethodId:5,withdrawalSettingId:21},{countryCode:"ES",currency:"EUR",defaultFinancePaymentMethodId:3,withdrawalSettingId:25},{countryCode:"IE",currency:"EUR",defaultFinancePaymentMethodId:3,withdrawalSettingId:25},{countryCode:"GB",currency:"EUR",defaultFinancePaymentMethodId:3,withdrawalSettingId:25},{countryCode:"JP",currency:"EUR",defaultFinancePaymentMethodId:5,withdrawalSettingId:21},{countryCode:"AU",currency:"EUR",defaultFinancePaymentMethodId:5,withdrawalSettingId:21},{countryCode:"AR",currency:"EUR",defaultFinancePaymentMethodId:5,withdrawalSettingId:21},{countryCode:"NL",currency:"EUR",defaultFinancePaymentMethodId:7,withdrawalSettingId:25}],GBP:[{countryCode:"US",currency:"GBP",defaultFinancePaymentMethodId:5,withdrawalSettingId:23},{countryCode:"CA",currency:"GBP",defaultFinancePaymentMethodId:5,withdrawalSettingId:21},{countryCode:"ES",currency:"GBP",defaultFinancePaymentMethodId:5,withdrawalSettingId:25},{countryCode:"IE",currency:"GBP",defaultFinancePaymentMethodId:5,withdrawalSettingId:25},{countryCode:"GB",currency:"GBP",defaultFinancePaymentMethodId:3,withdrawalSettingId:25},{countryCode:"JP",currency:"GBP",defaultFinancePaymentMethodId:5,withdrawalSettingId:21},{countryCode:"AU",currency:"GBP",defaultFinancePaymentMethodId:5,withdrawalSettingId:21},{countryCode:"AR",currency:"GBP",defaultFinancePaymentMethodId:5,withdrawalSettingId:21},{countryCode:"GB",currency:"GBP",defaultFinancePaymentMethodId:7,withdrawalSettingId:25}],USD:[{countryCode:"US",currency:"USD",defaultFinancePaymentMethodId:3,withdrawalSettingId:39},{countryCode:"CA",currency:"USD",defaultFinancePaymentMethodId:5,withdrawalSettingId:21},{countryCode:"ES",currency:"USD",defaultFinancePaymentMethodId:5,withdrawalSettingId:25},{countryCode:"IE",currency:"USD",defaultFinancePaymentMethodId:5,withdrawalSettingId:25},{countryCode:"GB",currency:"USD",defaultFinancePaymentMethodId:5,withdrawalSettingId:25},{countryCode:"JP",currency:"USD",defaultFinancePaymentMethodId:5,withdrawalSettingId:21},{countryCode:"AU",currency:"USD",defaultFinancePaymentMethodId:5,withdrawalSettingId:21},{countryCode:"AR",currency:"USD",defaultFinancePaymentMethodId:5,withdrawalSettingId:21},{countryCode:"US",currency:"USD",defaultFinancePaymentMethodId:7,withdrawalSettingId:39}],JPY:[{countryCode:"JP",currency:"JPY",defaultFinancePaymentMethodId:5,withdrawalSettingId:8279},{countryCode:"JP",currency:"JPY",defaultFinancePaymentMethodId:7,withdrawalSettingId:8279}],KRW:[{countryCode:"KR",currency:"KRW",defaultFinancePaymentMethodId:5,withdrawalSettingId:149}],MYR:[{countryCode:"MY",currency:"MYR",defaultFinancePaymentMethodId:5,withdrawalSettingId:16405}],MXN:[{countryCode:"MX",currency:"MXN",defaultFinancePaymentMethodId:5,withdrawalSettingId:4181},{countryCode:"MX",currency:"MXN",defaultFinancePaymentMethodId:7,withdrawalSettingId:4181}],RUB:[{countryCode:"RU",currency:"RUB",defaultFinancePaymentMethodId:5,withdrawalSettingId:1685},{countryCode:"RU",currency:"RUB",defaultFinancePaymentMethodId:7,withdrawalSettingId:1717}],ARS:[{countryCode:"AR",currency:"ARS",defaultFinancePaymentMethodId:5,withdrawalSettingId:149}]},le=A({ModalTitleContainer:{display:"flex",gap:"var(--sl-spacing-small)",alignItems:"center"},FormWrapper:{display:"flex",justifyContent:"flex-start",flexDirection:"column"},CheckboxContainer:{alignItems:"flex-start",justifyContent:"flex-start",gap:"var(--sl-spacing-xx-small)"},TitleContainer:{display:"flex",flexDirection:"row",alignItems:"center",justifyContent:"flex-start",gap:"var(--sl-spacing-small)"},TextContainer:{display:"flex",justifyContent:"flex-start",flexDirection:"column",gap:"var(--sl-spacing-medium)",paddingBottom:"16px"},BtnContainer:{paddingTop:"36px",display:"flex",gap:"8px"},ErrorText:{color:"var(--sqm-danger-color-icon)",marginTop:"10px"},PageDescriptionText:{color:"var(--sqm-text-subdued)",fontSize:"var(--sl-font-size-medium)"},DescriptionText:{color:"var(--sqm-text-subdued)"},RadioContainer:{display:"flex",flexDirection:"column"},Checkbox:{"&::part(control)":{borderRadius:"50% !important"},"&::part(label)":{fontSize:"var(--sl-font-size-small)"}},InputContainer:{padding:"16px",margin:"16px 0px 16px 0px",borderTop:"var(--sqm-border-thickness, 1px) solid var(--sqm-border-color)",borderBottom:"var(--sqm-border-thickness, 1px) solid var(--sqm-border-color)",display:"flex",flexDirection:"column",width:"100%",gap:"16px","& sl-input::part(base)":{maxWidth:"450px"},"& sl-input::part(label)":{fontSize:"var(--sl-font-size-small)"},"& sl-select::part(base)":{maxWidth:"450px"},"& sl-select::part(label)":{fontSize:"var(--sl-font-size-small)"}},CheckboxSkeleton:{width:"16px",height:"16px",borderRadius:"50%",background:"var(--sqm-skeleton-background)"},SmallSkeleton:{width:"100px",height:"16px",borderRadius:"50px",background:"var(--sqm-skeleton-background)"},LargeSkeleton:{width:"100%",maxWidth:"320px",height:"40px",borderRadius:"50px",background:"var(--sqm-skeleton-background)"},InfoWarningIcon:{height:"26px",width:"26px"},Dialog:{"&::part(panel)":{maxWidth:"420px"},"&::part(title)":{fontSize:"var(--sl-font-size-large)",fontWeight:"600"},"&::part(body)":{padding:"0 var(--sl-spacing-x-large) 0 var(--sl-spacing-x-large)",fontSize:"var(--sl-font-size-small)"},"&::part(footer)":{display:"flex",flexDirection:"column",gap:"var(--sl-spacing-small)",marginBottom:"var(--sl-spacing-xx-small)",alignItems:"center",flex:"1"}},DialogButton:{margin:"auto",width:"100%"}}),se=le.toString(),de=t=>{var a;const{states:o,states:{formState:i},callbacks:r,text:l,refs:s,slots:d}=t,{classes:c}=le,u=(t,a)=>{let o=Array(a).fill(0);const n={display:"flex",gap:"8px"};return void 0===t?e("div",{style:{...n,flexDirection:"column",gap:"16px"}},e("div",{class:c.SmallSkeleton}),e("div",{style:{...n,flexDirection:"row"}},e("div",{class:c.CheckboxSkeleton}),e("div",{class:c.SmallSkeleton})),e("div",{style:{...n,flexDirection:"row"}},e("div",{class:c.CheckboxSkeleton}),e("div",{class:c.SmallSkeleton}))):"toPayPalAccount"===t?e("div",{style:{...n,flexDirection:"column"}},e("div",{class:c.SmallSkeleton}),e("div",{class:c.LargeSkeleton})):o.map(((t,a)=>e("div",{style:{...n,flexDirection:"column"},key:a},e("div",{class:c.SmallSkeleton}),e("div",{class:c.LargeSkeleton}))))};return e("sl-form",{class:c.FormWrapper,"onSl-submit":r.onSubmit,ref:e=>s.formRef.current=e,novalidate:!0},e("style",{type:"text/css"},se,"\n :host{\n display: block; \n }\n * {\n margin: 0;\n padding: 0;\n box-sizing: border-box;\n }\n\n & sl-select::part(label) {\n font-size: var(--sl-font-size-small);\n font-weight: 600\n }\n\n /* this class is dynamically applied in controller */\n .error-input::part(base) {\n --sqm-input-border-color: var(--sqm-danger-color-border);\n --sl-input-border-color: var(--sqm-danger-color-border);\n --sl-input-border-color-hover: var(--sqm-danger-color-border); \n --sl-input-border-color-focus: var(--sqm-danger-color-background);\n }\n\n .error-input::part(help-text) {\n color: var(--sqm-danger-color-text);\n }\n \n "),e("sl-dialog",{class:le.classes.Dialog,open:o.showModal,"onSl-hide":r.onModalClose},e("div",{class:c.ModalTitleContainer,slot:"label"},e("sl-icon",{name:"info-circle",style:{color:"var(--sl-color-info-500)"}}),e("h2",{style:{fontSize:"var(--sl-font-size-large)"}},l.modalTitle)),e("p",null,l.modalDescription),e("sl-button",{slot:"footer",type:"primary",class:le.classes.DialogButton,submit:!0,exportparts:"base: primarybutton-base"},l.modalButtonText)),e("div",{class:c.TextContainer},e("div",null,!o.hideSteps&&e("p",null,n.formatMessage({id:"formStep",defaultMessage:l.formStep},{step:o.step,count:j})),e("h3",{style:{fontSize:"24px"}},l.taxAndPayouts),e("p",{class:c.PageDescriptionText},l.taxAndPayoutsDescription)),(null===(a=i.errors)||void 0===a?void 0:a.general)&&e("sqm-form-message",{type:"error"},e("p",{part:"alert-title"},l.error.generalTitle),n.formatMessage({id:"generalDescription",defaultMessage:l.error.generalDescription},{supportLink:e("a",{target:"_blank",href:"mailto:advocate-support@impact.com"},l.supportLink)})),o.isPartner&&!o.hideSteps&&e("sqm-form-message",{type:"info"},e("p",{part:"alert-title"},l.isPartnerAlertHeader),n.formatMessage({id:"isPartnerAlertDescription",defaultMessage:l.isPartnerAlertDescription},{supportLink:e("a",{target:"_blank",href:"mailto:advocate-support@impact.com"},l.supportLink)})),e("div",null,e("h4",null,l.paymentMethod),e("p",{class:c.DescriptionText},l.paymentMethodSubtext))),e("div",null,e("div",{class:c.CheckboxContainer},o.loading&&void 0===i.paymentMethodChecked?u(void 0):e("div",{class:c.RadioContainer},o.hasPayPal&&e("sl-radio",{class:c.Checkbox,exportparts:"base: radio-base",checked:"toBankAccount"===i.paymentMethodChecked,onInput:()=>r.setPaymentMethodChecked("toBankAccount"),disabled:o.disabled,id:"toBankAccount",name:"/toBankAccount"},l.directlyToBankAccount),"toBankAccount"===i.paymentMethodChecked&&e("div",{class:c.InputContainer,style:o.hideBanking?{display:"none"}:{}},o.loading?u("toBankAccount",d.formInputsSlot.length+3):[d.countryInputSlot,d.paymentMethodSlot,d.formInputsSlot]),o.hasPayPal&&e("sl-radio",{class:c.Checkbox,exportparts:"base: radio-base",checked:"toPayPalAccount"===i.paymentMethodChecked,onInput:()=>r.setPaymentMethodChecked("toPayPalAccount"),disabled:o.disabled,id:"toPayPalAccount",name:"/toPayPalAccount"},n.formatMessage({id:"paypal-input-label",defaultMessage:l.toPayPalAccount},{feeCap:o.feeCap})),"toPayPalAccount"===i.paymentMethodChecked&&e("div",{class:c.InputContainer,style:o.hidePayPal?{display:"none"}:{}},o.loading?u("toPayPalAccount"):d.paypalInputSlot),e("div",{style:{paddingTop:"24px",paddingBottom:"12px"}},e("h4",null,l.paymentSchedule)),e("sl-radio",{class:c.Checkbox,exportparts:"base: radio-base",checked:"BALANCE_THRESHOLD"===i.paymentScheduleChecked,onInput:()=>r.setPaymentScheduleChecked("BALANCE_THRESHOLD"),disabled:o.disabled,id:"paymentSchedulingType",name:"/paymentSchedulingType",value:"BALANCE_THRESHOLD"},l.paymentScheduleBalanceThreshold),"BALANCE_THRESHOLD"===i.paymentScheduleChecked&&e("div",{class:c.InputContainer,style:o.hideBalanceThreshold?{display:"none"}:{}},o.loading?u("toPayPalAccount"):d.paymentThresholdSelectSlot),e("sl-radio",{class:c.Checkbox,exportparts:"base: radio-base",checked:"FIXED_DAY"===i.paymentScheduleChecked,onInput:()=>r.setPaymentScheduleChecked("FIXED_DAY"),disabled:o.disabled,id:"paymentSchedulingType",name:"/paymentSchedulingType",value:"FIXED_DAY"},l.paymentScheduleFixedDay),"FIXED_DAY"===i.paymentScheduleChecked&&e("div",{class:c.InputContainer,style:o.hideFixedDay?{display:"none"}:{}},o.loading?u("toPayPalAccount"):d.paymentFixedDaySelectSlot))),e("div",{class:c.BtnContainer},e("sl-button",Object.assign({type:"primary",disabled:o.disabled||o.saveDisabled,loading:o.saveLoading},o.hideSteps?{onClick:r.onModalOpen}:{submit:"submit"},{exportparts:"base: primarybutton-base"}),l.continueButton),!o.hideBackButton&&e("sl-button",{exportparts:"base: secondarybutton-base",type:"secondary",onClick:r.onBack},l.backButton))))},ce={USD:"USD20.00",GBP:"GBP30.00",EUR:"EUR35.00",AUD:"AUD60.00",CAD:"CAD50.00",NZD:"NZD60.00",HKD:"HKD320.00",DKK:"DKK250.00",ILS:"ILS160.00",MXN:"MXN600.00",RUB:"RUB1200.00",PHP:"PHP2000.00",JPY:"JPY2000.00"},ue=p.gql`
1
+ import{h as e,r as t,c as a,g as o}from"./p-c7c11325.js";import{i as n}from"./p-a82c8b60.js";import{m as i,k as r,f as l,n as s,u as d,b as c,j as u}from"./p-63e29387.js";import{d as p,_ as m,L as v,J as h,t as y,F as g,x as f,$ as b,i as x,h as C,u as w,R as k,w as S}from"./p-747479dc.js";import{j as T}from"./p-e7e129ac.js";import{c as I}from"./p-c1086930.js";import{g as P}from"./p-9ec99ced.js";import{c as A}from"./p-cef45012.js";import"./p-49b20dae.js";import{G as D}from"./p-f1dc581f.js";import{u as E,a as N}from"./p-e08b7435.js";import{u as R}from"./p-26fdb210.js";import{l as M}from"./p-08700497.js";import{g as q}from"./p-4df0492c.js";import{a as B,b as L,O as F,I as _,v as U,A as W,U as O}from"./p-68be450f.js";import{F as j,a as z,S as H,c as V,T as Y,h as $,t as G,l as K,U as X,d as J,g as Q,C as Z,o as ee}from"./p-c2e5108e.js";import{b as te}from"./p-38c7775a.js";import{T as ae,a as oe,g as ne,V as ie}from"./p-3fede0f7.js";const re={CAD:[{countryCode:"CA",currency:"CAD",defaultFinancePaymentMethodId:3,withdrawalSettingId:37},{countryCode:"CA",currency:"CAD",defaultFinancePaymentMethodId:7,withdrawalSettingId:37}],AUD:[{countryCode:"US",currency:"AUD",defaultFinancePaymentMethodId:5,withdrawalSettingId:23},{countryCode:"CA",currency:"AUD",defaultFinancePaymentMethodId:5,withdrawalSettingId:21},{countryCode:"ES",currency:"AUD",defaultFinancePaymentMethodId:5,withdrawalSettingId:25},{countryCode:"IE",currency:"AUD",defaultFinancePaymentMethodId:5,withdrawalSettingId:25},{countryCode:"GB",currency:"AUD",defaultFinancePaymentMethodId:5,withdrawalSettingId:25},{countryCode:"JP",currency:"AUD",defaultFinancePaymentMethodId:5,withdrawalSettingId:21},{countryCode:"AR",currency:"AUD",defaultFinancePaymentMethodId:5,withdrawalSettingId:21},{countryCode:"AU",currency:"AUD",defaultFinancePaymentMethodId:3,withdrawalSettingId:37},{countryCode:"AU",currency:"AUD",defaultFinancePaymentMethodId:7,withdrawalSettingId:37}],EUR:[{countryCode:"US",currency:"EUR",defaultFinancePaymentMethodId:5,withdrawalSettingId:23},{countryCode:"CA",currency:"EUR",defaultFinancePaymentMethodId:5,withdrawalSettingId:21},{countryCode:"ES",currency:"EUR",defaultFinancePaymentMethodId:3,withdrawalSettingId:25},{countryCode:"IE",currency:"EUR",defaultFinancePaymentMethodId:3,withdrawalSettingId:25},{countryCode:"GB",currency:"EUR",defaultFinancePaymentMethodId:3,withdrawalSettingId:25},{countryCode:"JP",currency:"EUR",defaultFinancePaymentMethodId:5,withdrawalSettingId:21},{countryCode:"AU",currency:"EUR",defaultFinancePaymentMethodId:5,withdrawalSettingId:21},{countryCode:"AR",currency:"EUR",defaultFinancePaymentMethodId:5,withdrawalSettingId:21},{countryCode:"NL",currency:"EUR",defaultFinancePaymentMethodId:7,withdrawalSettingId:25}],GBP:[{countryCode:"US",currency:"GBP",defaultFinancePaymentMethodId:5,withdrawalSettingId:23},{countryCode:"CA",currency:"GBP",defaultFinancePaymentMethodId:5,withdrawalSettingId:21},{countryCode:"ES",currency:"GBP",defaultFinancePaymentMethodId:5,withdrawalSettingId:25},{countryCode:"IE",currency:"GBP",defaultFinancePaymentMethodId:5,withdrawalSettingId:25},{countryCode:"GB",currency:"GBP",defaultFinancePaymentMethodId:3,withdrawalSettingId:25},{countryCode:"JP",currency:"GBP",defaultFinancePaymentMethodId:5,withdrawalSettingId:21},{countryCode:"AU",currency:"GBP",defaultFinancePaymentMethodId:5,withdrawalSettingId:21},{countryCode:"AR",currency:"GBP",defaultFinancePaymentMethodId:5,withdrawalSettingId:21},{countryCode:"GB",currency:"GBP",defaultFinancePaymentMethodId:7,withdrawalSettingId:25}],USD:[{countryCode:"US",currency:"USD",defaultFinancePaymentMethodId:3,withdrawalSettingId:39},{countryCode:"CA",currency:"USD",defaultFinancePaymentMethodId:5,withdrawalSettingId:21},{countryCode:"ES",currency:"USD",defaultFinancePaymentMethodId:5,withdrawalSettingId:25},{countryCode:"IE",currency:"USD",defaultFinancePaymentMethodId:5,withdrawalSettingId:25},{countryCode:"GB",currency:"USD",defaultFinancePaymentMethodId:5,withdrawalSettingId:25},{countryCode:"JP",currency:"USD",defaultFinancePaymentMethodId:5,withdrawalSettingId:21},{countryCode:"AU",currency:"USD",defaultFinancePaymentMethodId:5,withdrawalSettingId:21},{countryCode:"AR",currency:"USD",defaultFinancePaymentMethodId:5,withdrawalSettingId:21},{countryCode:"US",currency:"USD",defaultFinancePaymentMethodId:7,withdrawalSettingId:39}],JPY:[{countryCode:"JP",currency:"JPY",defaultFinancePaymentMethodId:5,withdrawalSettingId:8279},{countryCode:"JP",currency:"JPY",defaultFinancePaymentMethodId:7,withdrawalSettingId:8279}],KRW:[{countryCode:"KR",currency:"KRW",defaultFinancePaymentMethodId:5,withdrawalSettingId:149}],MYR:[{countryCode:"MY",currency:"MYR",defaultFinancePaymentMethodId:5,withdrawalSettingId:16405}],MXN:[{countryCode:"MX",currency:"MXN",defaultFinancePaymentMethodId:5,withdrawalSettingId:4181},{countryCode:"MX",currency:"MXN",defaultFinancePaymentMethodId:7,withdrawalSettingId:4181}],RUB:[{countryCode:"RU",currency:"RUB",defaultFinancePaymentMethodId:5,withdrawalSettingId:1685},{countryCode:"RU",currency:"RUB",defaultFinancePaymentMethodId:7,withdrawalSettingId:1717}],ARS:[{countryCode:"AR",currency:"ARS",defaultFinancePaymentMethodId:5,withdrawalSettingId:149}]},le=A({ModalTitleContainer:{display:"flex",gap:"var(--sl-spacing-small)",alignItems:"center"},FormWrapper:{display:"flex",justifyContent:"flex-start",flexDirection:"column"},CheckboxContainer:{alignItems:"flex-start",justifyContent:"flex-start",gap:"var(--sl-spacing-xx-small)"},TitleContainer:{display:"flex",flexDirection:"row",alignItems:"center",justifyContent:"flex-start",gap:"var(--sl-spacing-small)"},TextContainer:{display:"flex",justifyContent:"flex-start",flexDirection:"column",gap:"var(--sl-spacing-medium)",paddingBottom:"16px"},BtnContainer:{paddingTop:"36px",display:"flex",gap:"8px"},ErrorText:{color:"var(--sqm-danger-color-icon)",marginTop:"10px"},PageDescriptionText:{color:"var(--sqm-text-subdued)",fontSize:"var(--sl-font-size-medium)"},DescriptionText:{color:"var(--sqm-text-subdued)"},RadioContainer:{display:"flex",flexDirection:"column"},Checkbox:{"&::part(control)":{borderRadius:"50% !important"},"&::part(label)":{fontSize:"var(--sl-font-size-small)"}},InputContainer:{padding:"16px",margin:"16px 0px 16px 0px",borderTop:"var(--sqm-border-thickness, 1px) solid var(--sqm-border-color)",borderBottom:"var(--sqm-border-thickness, 1px) solid var(--sqm-border-color)",display:"flex",flexDirection:"column",width:"100%",gap:"16px","& sl-input::part(base)":{maxWidth:"450px"},"& sl-input::part(label)":{fontSize:"var(--sl-font-size-small)"},"& sl-select::part(base)":{maxWidth:"450px"},"& sl-select::part(label)":{fontSize:"var(--sl-font-size-small)"}},CheckboxSkeleton:{width:"16px",height:"16px",borderRadius:"50%",background:"var(--sqm-skeleton-background)"},SmallSkeleton:{width:"100px",height:"16px",borderRadius:"50px",background:"var(--sqm-skeleton-background)"},LargeSkeleton:{width:"100%",maxWidth:"320px",height:"40px",borderRadius:"50px",background:"var(--sqm-skeleton-background)"},InfoWarningIcon:{height:"26px",width:"26px"},Dialog:{"&::part(panel)":{maxWidth:"420px"},"&::part(title)":{fontSize:"var(--sl-font-size-large)",fontWeight:"600"},"&::part(body)":{padding:"0 var(--sl-spacing-x-large) 0 var(--sl-spacing-x-large)",fontSize:"var(--sl-font-size-small)"},"&::part(footer)":{display:"flex",flexDirection:"column",gap:"var(--sl-spacing-small)",marginBottom:"var(--sl-spacing-xx-small)",alignItems:"center",flex:"1"}},DialogButton:{margin:"auto",width:"100%"}}),se=le.toString(),de=t=>{var a;const{states:o,states:{formState:i},callbacks:r,text:l,refs:s,slots:d}=t,{classes:c}=le,u=(t,a)=>{let o=Array(a).fill(0);const n={display:"flex",gap:"8px"};return void 0===t?e("div",{style:{...n,flexDirection:"column",gap:"16px"}},e("div",{class:c.SmallSkeleton}),e("div",{style:{...n,flexDirection:"row"}},e("div",{class:c.CheckboxSkeleton}),e("div",{class:c.SmallSkeleton})),e("div",{style:{...n,flexDirection:"row"}},e("div",{class:c.CheckboxSkeleton}),e("div",{class:c.SmallSkeleton}))):"toPayPalAccount"===t?e("div",{style:{...n,flexDirection:"column"}},e("div",{class:c.SmallSkeleton}),e("div",{class:c.LargeSkeleton})):o.map(((t,a)=>e("div",{style:{...n,flexDirection:"column"},key:a},e("div",{class:c.SmallSkeleton}),e("div",{class:c.LargeSkeleton}))))};return e("sl-form",{class:c.FormWrapper,"onSl-submit":r.onSubmit,ref:e=>s.formRef.current=e,novalidate:!0},e("style",{type:"text/css"},se,"\n :host{\n display: block; \n }\n * {\n margin: 0;\n padding: 0;\n box-sizing: border-box;\n }\n\n & sl-select::part(label) {\n font-size: var(--sl-font-size-small);\n font-weight: 600\n }\n\n /* this class is dynamically applied in controller */\n .error-input::part(base) {\n --sqm-input-border-color: var(--sqm-danger-color-border);\n --sl-input-border-color: var(--sqm-danger-color-border);\n --sl-input-border-color-hover: var(--sqm-danger-color-border); \n --sl-input-border-color-focus: var(--sqm-danger-color-background);\n }\n\n .error-input::part(help-text) {\n color: var(--sqm-danger-color-text);\n }\n \n "),e("sl-dialog",{class:le.classes.Dialog,open:o.showModal,"onSl-hide":r.onModalClose},e("div",{class:c.ModalTitleContainer,slot:"label"},e("sl-icon",{name:"info-circle",style:{color:"var(--sl-color-info-500)"}}),e("h2",{style:{fontSize:"var(--sl-font-size-large)"}},l.modalTitle)),e("p",null,l.modalDescription),e("sl-button",{slot:"footer",type:"primary",class:le.classes.DialogButton,submit:!0,exportparts:"base: primarybutton-base"},l.modalButtonText)),e("div",{class:c.TextContainer},e("div",null,!o.hideSteps&&e("p",null,n.formatMessage({id:"formStep",defaultMessage:l.formStep},{step:o.step,count:j})),e("h3",{style:{fontSize:"24px"}},l.taxAndPayouts),e("p",{class:c.PageDescriptionText},l.taxAndPayoutsDescription)),(null===(a=i.errors)||void 0===a?void 0:a.general)&&e("sqm-form-message",{type:"error"},e("p",{part:"alert-title"},l.error.generalTitle),n.formatMessage({id:"generalDescription",defaultMessage:l.error.generalDescription},{supportLink:e("a",{target:"_blank",href:"mailto:advocate-support@impact.com"},l.supportLink)})),o.isPartner&&!o.hideSteps&&e("sqm-form-message",{type:"info"},e("p",{part:"alert-title"},l.isPartnerAlertHeader),n.formatMessage({id:"isPartnerAlertDescription",defaultMessage:l.isPartnerAlertDescription},{supportLink:e("a",{target:"_blank",href:"mailto:advocate-support@impact.com"},l.supportLink)})),e("div",null,e("h4",null,l.paymentMethod),e("p",{class:c.DescriptionText},l.paymentMethodSubtext))),e("div",null,e("div",{class:c.CheckboxContainer},o.loading&&void 0===i.paymentMethodChecked?u(void 0):e("div",{class:c.RadioContainer},o.hasPayPal&&e("sl-radio",{class:c.Checkbox,exportparts:"base: radio-base",checked:"toBankAccount"===i.paymentMethodChecked,onInput:()=>r.setPaymentMethodChecked("toBankAccount"),disabled:o.disabled,id:"toBankAccount",name:"/toBankAccount"},l.directlyToBankAccount),"toBankAccount"===i.paymentMethodChecked&&e("div",{class:c.InputContainer,style:o.hideBanking?{display:"none"}:{}},o.loading?u("toBankAccount",d.formInputsSlot.length+3):[d.countryInputSlot,d.paymentMethodSlot,d.formInputsSlot]),o.hasPayPal&&e("sl-radio",{class:c.Checkbox,exportparts:"base: radio-base",checked:"toPayPalAccount"===i.paymentMethodChecked,onInput:()=>r.setPaymentMethodChecked("toPayPalAccount"),disabled:o.disabled,id:"toPayPalAccount",name:"/toPayPalAccount"},n.formatMessage({id:"paypal-input-label",defaultMessage:l.toPayPalAccount},{feeCap:o.feeCap})),"toPayPalAccount"===i.paymentMethodChecked&&e("div",{class:c.InputContainer,style:o.hidePayPal?{display:"none"}:{}},o.loading?u("toPayPalAccount"):d.paypalInputSlot),e("div",{style:{paddingTop:"24px",paddingBottom:"12px"}},e("h4",null,l.paymentSchedule)),e("sl-radio",{class:c.Checkbox,exportparts:"base: radio-base",checked:"BALANCE_THRESHOLD"===i.paymentScheduleChecked,onInput:()=>r.setPaymentScheduleChecked("BALANCE_THRESHOLD"),disabled:o.disabled,id:"paymentSchedulingType",name:"/paymentSchedulingType",value:"BALANCE_THRESHOLD"},l.paymentScheduleBalanceThreshold),"BALANCE_THRESHOLD"===i.paymentScheduleChecked&&e("div",{class:c.InputContainer,style:o.hideBalanceThreshold?{display:"none"}:{}},o.loading?u("toPayPalAccount"):d.paymentThresholdSelectSlot),e("sl-radio",{class:c.Checkbox,exportparts:"base: radio-base",checked:"FIXED_DAY"===i.paymentScheduleChecked,onInput:()=>r.setPaymentScheduleChecked("FIXED_DAY"),disabled:o.disabled,id:"paymentSchedulingType",name:"/paymentSchedulingType",value:"FIXED_DAY"},l.paymentScheduleFixedDay),"FIXED_DAY"===i.paymentScheduleChecked&&e("div",{class:c.InputContainer,style:o.hideFixedDay?{display:"none"}:{}},o.loading?u("toPayPalAccount"):d.paymentFixedDaySelectSlot))),e("div",{class:c.BtnContainer},e("sl-button",Object.assign({type:"primary",disabled:o.disabled||o.saveDisabled,loading:o.saveLoading},o.hideSteps?{onClick:r.onModalOpen}:{submit:"submit"},{exportparts:"base: primarybutton-base"}),l.continueButton),!o.hideBackButton&&e("sl-button",{exportparts:"base: secondarybutton-base",type:"secondary",onClick:r.onBack},l.backButton))))},ce={USD:"USD20.00",GBP:"GBP30.00",EUR:"EUR35.00",AUD:"AUD60.00",CAD:"CAD50.00",NZD:"NZD60.00",HKD:"HKD320.00",DKK:"DKK250.00",ILS:"ILS160.00",MXN:"MXN600.00",RUB:"RUB1200.00",PHP:"PHP2000.00",JPY:"JPY2000.00"},ue=p.gql`
2
2
  mutation setImpactPublisherWithdrawalSettings(
3
3
  $setImpactPublisherWithdrawalSettingsInput: SetImpactPublisherWithdrawalSettingsInput!
4
4
  ) {