@saasquatch/mint-components 1.5.3-2 → 1.5.3-5
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-8de07cc1.js → ShadowViewAddon-a94a1ff9.js} +12 -3
- package/dist/cjs/sqm-big-stat_35.cjs.entry.js +16 -12
- package/dist/cjs/sqm-stencilbook.cjs.entry.js +34 -8
- package/dist/collection/components/sqm-checkbox-field/CheckboxField.stories.js +4 -1
- package/dist/collection/components/sqm-checkbox-field/UseCheckboxField.stories.js +7 -1
- package/dist/collection/components/sqm-checkbox-field/sqm-checkbox-field-view.js +4 -1
- package/dist/collection/components/sqm-checkbox-field/sqm-checkbox-field.js +1 -1
- package/dist/collection/components/sqm-dropdown-field/UseDropdownField.stories.js +8 -0
- package/dist/collection/components/sqm-dropdown-field/sqm-dropdown-field-view.js +5 -1
- package/dist/collection/components/sqm-dropdown-field/sqm-dropdown-field.js +3 -2
- package/dist/collection/components/sqm-input-field/UseInputField.stories.js +6 -0
- package/dist/collection/components/sqm-input-field/sqm-input-field-view.js +5 -1
- package/dist/collection/components/sqm-input-field/sqm-input-field.js +1 -1
- package/dist/collection/utils/RequiredPropsError.js +11 -7
- package/dist/esm/{ShadowViewAddon-63a40a95.js → ShadowViewAddon-87c6e4d6.js} +12 -3
- package/dist/esm/sqm-big-stat_35.entry.js +16 -12
- package/dist/esm/sqm-stencilbook.entry.js +34 -8
- package/dist/esm-es5/{ShadowViewAddon-63a40a95.js → ShadowViewAddon-87c6e4d6.js} +1 -1
- package/dist/esm-es5/sqm-big-stat_35.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-d336a610.system.js → p-02b6ea85.system.js} +1 -1
- package/dist/mint-components/p-436da6b8.system.js +1 -1
- package/dist/mint-components/{p-ff22834a.entry.js → p-4bf2f76f.entry.js} +2 -2
- package/dist/mint-components/p-bd39e245.system.entry.js +1 -0
- package/dist/mint-components/{p-86263d7f.js → p-c195994f.js} +1 -1
- package/dist/mint-components/{p-e218474f.entry.js → p-e77873f3.entry.js} +2 -2
- package/dist/mint-components/{p-aa5474be.system.entry.js → p-f31aa58a.system.entry.js} +1 -1
- package/dist/types/components/sqm-checkbox-field/UseCheckboxField.stories.d.ts +6 -0
- package/dist/types/components/sqm-dropdown-field/UseDropdownField.stories.d.ts +6 -0
- package/dist/types/components/sqm-input-field/UseInputField.stories.d.ts +6 -0
- package/dist/types/global/android.d.ts +7 -0
- package/dist/types/global/demo.d.ts +1 -0
- package/dist/types/stories/features.d.ts +4 -0
- package/dist/types/stories/templates.d.ts +4 -0
- package/dist/types/utils/RequiredPropsError.d.ts +1 -1
- package/package.json +1 -1
- package/dist/mint-components/p-9e34ff81.system.entry.js +0 -1
|
@@ -265,4 +265,4 @@ import{h as e,c as a,d as t,g as l}from"./p-64c3217a.js";import{k as r,b as i,i
|
|
|
265
265
|
}
|
|
266
266
|
}
|
|
267
267
|
}
|
|
268
|
-
`,{fieldName:t,goalId:l,locale:a},(e=>{var a,l,r;const i=null===(r=null===(l=null===(a=e.data)||void 0===a?void 0:a.viewer)||void 0===l?void 0:l.customFields)||void 0===r?void 0:r[t];return{value:i||0,statvalue:(null==i?void 0:i.toString())||"0"}}))}},ie=[{name:"programGoals",route:"/(programGoals)/:metricType/:goalId"},{name:"customFields",route:"/(customFields)/:customField"},{name:"referralsCount",route:"/(referralsCount)/:status?"},{name:"referralsMonth",route:"/(referralsMonth)"},{name:"referralsWeek",route:"/(referralsWeek)"},{name:"rewardsCount",route:"/(rewardsCount)/:global?"},{name:"rewardsMonth",route:"/(rewardsMonth)/:global?"},{name:"rewardsWeek",route:"/(rewardsWeek)/:global?"},{name:"rewardsCountFiltered",route:"/(rewardsCountFiltered)/:statType([INTEGRATION|PCT_DISCOUNT|CREDIT]*)?/:unit((?!global)(?!PENDING)(?!CANCELLED)(?!EXPIRED)(?!REDEEMED)(?!AVAILABLE)[a-zA-Z0-9%]+)?/:status([PENDING|CANCELLED|EXPIRED|REDEEMED|AVAILABLE]*)?/:global?"},{name:"integrationRewardsCountFiltered",route:"/(integrationRewardsCountFiltered)/:status([PENDING|CANCELLED|EXPIRED|REDEEMED|AVAILABLE]*)?/:global?"},{name:"rewardsAssigned",route:"/(rewardsAssigned)/:statType/:unit/:global?"},{name:"rewardsRedeemed",route:"/(rewardsRedeemed)/:statType/:unit/:global?"},{name:"rewardsAvailable",route:"/(rewardsAvailable)/:statType/:unit/:global?"},{name:"rewardBalance",route:"/(rewardBalance)/:statType/:unit/:format([prettyValue|value]*)?/:global?"}],se=ie.map((e=>ee(e.route)));function oe(e){var a;const{statType:t,flexReverse:l,alignment:r,programId:i=d()}=e,o=m(),n=c(),u=s((()=>se.find((e=>e.exec(t)))),[t]);if(!(null==u?void 0:u.exec(t)))return{props:{value:0,statvalue:"!!!",flexReverse:l,alignment:r,loading:!1},label:"BAD PROP TYPE"};const p=u.exec(t)[1],v=ie.find((e=>e.name===p)),g=[],f=ee(null==v?void 0:v.route,g,{strict:!1,sensitive:!1,end:!0}).exec(t),h=g.map(((e,a)=>f[a+1]?decodeURIComponent(f[a+1]):void 0));h.shift();const b=re[p].label,x=(null==n?void 0:n.jwt)&&re[p].query(i,o,...h);return ae("stat:",x),{props:{value:null==x?void 0:x.value,statvalue:null!==(a=null==x?void 0:x.statvalue)&&void 0!==a?a:"...",loading:null==x?void 0:x.loading,flexReverse:l,alignment:r},label:b}}function ne(e){const{statType:a}=e,t=s((()=>se.find((e=>e.exec(a)))),[a]);if(!(null==t?void 0:t.exec(a)))return{props:{value:0,statvalue:"!!!",loading:!1,flexReverse:!1,alignment:"center"},label:"BAD PROP TYPE"};const l=t.exec(a),r=re[l[1]].label;return{props:f({statvalue:"12345",value:0,flexReverse:!1,alignment:"center"},e.demoData||{},{arrayMerge:(e,a)=>a}),label:null!=r?r:"Demo Label"}}function de(a,t){const l=()=>{const e=getComputedStyle(document.documentElement).getPropertyValue(`--sl-spacing-${a.space}`);return`${Math.floor(parseInt(e)/2)}rem`},r={StatContainer:{width:"100%",display:a.display||"grid","grid-template-columns":"repeat(auto-fill, minmax(130px, auto))",gap:l(),"& > *":{"border-right":"1px solid #EAEAEA","padding-right":l()},"& > :last-child":{"border-right":"none"},"& > ::slotted(*)":{"border-right":"1px solid #EAEAEA","padding-right":l(),height:"100%"},"& > ::slotted(*:last-child)":{"border-right":"none"}},StatFrame:{display:"flex"},BorderFix:{"border-right":"1px solid transparent",width:"0px","margin-left":"-1px"}},i=C(r),s=i.toString();return e("div",{class:i.classes.StatFrame},e("div",{class:i.classes.StatContainer},e("style",{type:"text/css"},s),t),e("div",{class:i.classes.BorderFix}))}function ce(a){const{states:t,callbacks:l}=a,r=C({Dialog:{padding:"0","&::part(close-button)":{"margin-top":"var(--sl-spacing-medium)"},"&::part(body)":{padding:"0 var(--sl-spacing-x-large) var(--sl-spacing-x-large) var(--sl-spacing-x-large)"}},Error:{"&::part(erroralert-base)":{"margin-bottom":"15px"}},Success:{"&::part(successalert-base)":{"margin-bottom":"15px"}},InputContainer:{"& > :not(:last-child)":{"margin-bottom":"var(--sl-spacing-x-large)"}},CancelButton:{width:"25%",margin:"var(--sl-spacing-large) auto"},PasswordField:{marginBottom:"var(--sl-spacing-large) !important",display:"block"},ChangePasswordButton:{paddingTop:"var(--sl-spacing-x-large)"}}),i=r.toString();return e("div",null,e("style",{type:"text/css"},i),e("sl-dialog",{class:r.classes.Dialog,open:t.open,"onSl-hide":()=>l.setOpen(!1)},e(I,Object.assign({},{labelMargin:"x-large",padding:"none",label:e(k,Object.assign({},{type:"h2"}),t.content.modalChangePasswordHeader),content:e(q,Object.assign({},{direction:"column",padding:"none",gap:"32px"}),t.error&&e("sqm-form-message",{class:r.classes.Error,type:"error",exportparts:"erroralert-icon"},e("div",{part:"erroralert-text"},t.error)),t.success&&e("sqm-form-message",{class:r.classes.Success,type:"success",exportparts:"successalert-icon"},e("div",{part:"successalert-text"},t.content.successMessage)),e("sl-form",{"onSl-submit":l.submit},e("div",{class:r.classes.InputContainer},e("sqm-password-field",{exportparts:"input-label: input-label",class:r.classes.PasswordField,fieldLabel:t.content.passwordFieldLabel}),e("sl-input",{exportparts:"label: input-label",name:"/confirmPassword",label:t.content.confirmPasswordFieldLabel,required:!0,togglePassword:!0,disabled:t.loading,type:"password"})),e(q,Object.assign({},{direction:"row",padding:"none",gap:"20px"}),e("sl-button",{class:r.classes.ChangePasswordButton,type:"primary",submit:!0,loading:t.loading},t.content.changePasswordButtonText),e("sl-button",{class:r.classes.CancelButton,type:"text",onClick:()=>l.setOpen(!1)},t.content.cancelText))))}))),e(I,Object.assign({},{labelMargin:"x-large",padding:"xxx-large",label:e(k,Object.assign({},{type:"h2"}),t.content.portalChangePasswordHeader),content:e("sl-button",{onClick:()=>l.setOpen(!0)},t.content.portalChangePasswordButtonText)}),e("style",{type:"text/css"},i)))}const ue=C({Wrapper:b,Column:x,ForgotButtonContainer:{display:"inline",cursor:"pointer","font-size":"13px","font-weight":"600",color:"#AAAAAA",margin:"0"},ButtonsContainer:y}),pe=ue.toString();function ve(a){const{states:t,callbacks:l,content:r}=a;return e("div",{class:ue.classes.Wrapper},e("style",{type:"text/css"},"\n:host {\n display: block;\n}\n:host([hidden]): {\n display: none;\n}\n",pe),e(k,{type:"h3"},r.pageLabel),e("sl-form",{class:ue.classes.Column,"onSl-submit":l.submit},a.states.error&&e("sqm-form-message",{type:"error",exportparts:"erroralert-icon"},e("div",{part:"erroralert-text"},a.states.error)),e("sl-input",{exportparts:"label: input-label",type:"email",name:"/email",label:r.emailLabel||"Email",disabled:t.loading,required:!0}),e("div",null,e("sl-input",{exportparts:"label: input-label",type:"password",name:"/password",label:r.passwordLabel||"Password",disabled:t.loading,required:!0}),e("div",{class:ue.classes.ForgotButtonContainer},r.forgotPasswordButton)),e("div",{class:ue.classes.ButtonsContainer},e("sl-button",{submit:!0,loading:t.loading,exportparts:"base: primarybutton-base",type:"primary"},r.submitLabel||"Login"),r.secondaryButton)))}const ge={Wrapper:{...b,"max-width":"600px"},Column:x,HostBlock:h,":host":{margin:"0 auto",width:"100%"},ButtonsContainer:y,ErrorStyle:w},me=C(ge),fe=me.toString();function he(a){var t,l,r,i,s,o,n,d;const{states:c,refs:u,callbacks:p,content:v}=a;return c.error&&window.scrollTo({top:0,left:0,behavior:"smooth"}),e("div",{class:me.classes.Wrapper},e("style",{type:"text/css"},"\nsqm-portal-register {\n margin: 0 auto;\n width: 100%;\n display: block;\n}\n\n:host{\n display: block;\n}\n\n:host([hidden]) {\n display: none;\n}\n",fe),e(k,{type:"h3"},v.pageLabel),e("sl-form",{class:me.classes.Column,"onSl-submit":p.submit,ref:e=>u.formRef.current=e,novalidate:!0},c.error&&e("sqm-form-message",{type:"error",exportparts:"erroralert-icon"},e("div",{part:"erroralert-text"},a.states.error)),v.formData,!c.hideInputs&&e("sl-input",Object.assign({exportparts:"label: input-label",type:"email",name:"/email",label:v.emailLabel||"Email",disabled:c.loading,required:!0,validationError:({value:e})=>e?e.includes("@")?void 0:"Must be a valid email address":"Cannot be empty"},(null===(l=null===(t=c.validationState)||void 0===t?void 0:t.validationErrors)||void 0===l?void 0:l.email)?{class:me.classes.ErrorStyle,helpText:(null===(i=null===(r=c.validationState)||void 0===r?void 0:r.validationErrors)||void 0===i?void 0:i.email)||"Cannot be empty"}:[])),!c.hideInputs&&e("sqm-password-field",{fieldLabel:v.passwordLabel,"enable-validation":c.enablePasswordValidation}),v.passwordField,!c.hideInputs&&c.confirmPassword&&e("sl-input",Object.assign({exportparts:"label: input-label",type:"password",name:"/confirmPassword",label:v.confirmPasswordLabel,disabled:c.loading,required:!0},(null===(o=null===(s=c.validationState)||void 0===s?void 0:s.validationErrors)||void 0===o?void 0:o.confirmPassword)?{class:me.classes.ErrorStyle,helpText:(null===(d=null===(n=c.validationState)||void 0===n?void 0:n.validationErrors)||void 0===d?void 0:d.confirmPassword)||"Cannot be empty"}:[])),v.terms,e("div",{class:me.classes.ButtonsContainer},e("sl-button",{submit:!0,loading:c.loading,exportparts:"base: primarybutton-base",type:"primary"},v.submitLabel||"Register"),v.secondaryButton)))}const be=C({Description:{"& input[type=checkbox]":{display:"none"},"& input:checked ~ .details":{transform:"rotate(-180deg)"},"& .details":{position:"absolute",top:"var(--sl-spacing-medium)",right:"var(--sl-spacing-medium)",color:"var(--sl-color-neutral-700)",fontSize:"var(--sl-font-size-large)","& :hover":{color:"var(--sl-color-primary-700)"},transformOrigin:"50% 37%",transition:"transform var(--sl-transition-medium) ease",cursor:"pointer"},"& input:checked ~ .summary":{transition:"all var(--sl-transition-medium) ease",maxHeight:"300px",marginBottom:"var(--sl-spacing-x-large)"},"& input:checked ~ .summary[progress-bar]":{marginBottom:"var(--sl-spacing-xx-large)"},"& .summary":{display:"block",overflow:"hidden",fontSize:"var(--sl-font-size-small)",maxHeight:"0px",transition:"all var(--sl-transition-fast) ease-out",marginBottom:"var(--sl-spacing-medium)"}}}),xe=be.toString();function ye(a){const t=Math.random().toString(36).slice(2);return e("div",{style:{opacity:a.opacity}},e("style",{type:"text/css"},xe),e("span",{class:be.classes.Description},e("input",{type:"checkbox",id:"details-"+t}),e("label",{class:"details",htmlFor:"details-"+t},e("sl-icon",{name:"chevron-down"})),e("span",{class:"summary","progress-bar":a.progressBar},a.content.description)))}const we=()=>e("svg",{width:"16",height:"16",viewBox:"0 0 16 16",fill:"none",xmlns:"http://www.w3.org/2000/svg"},e("path",{d:"M15 5H12.4508H9V16H13.5C14.0523 16 14.5 15.5523 14.5 15V9H15C15.5523 9 16 8.55228 16 8V6C16 5.44772 15.5523 5 15 5Z",fill:"#F2C94C"}),e("path",{d:"M1.5 9V15C1.5 15.5523 1.94772 16 2.5 16H7V5H4.64242H1C0.447715 5 0 5.44772 0 6V8C0 8.55228 0.447715 9 1 9H1.5Z",fill:"#F2C94C"}),e("path",{"fill-rule":"evenodd","clip-rule":"evenodd",d:"M1.5 9V10H14.5V9H1.5Z",fill:"#BE9720"}),e("path",{"fill-rule":"evenodd","clip-rule":"evenodd",d:"M14 2.70949C14 3.59565 12.6694 4.93746 12 5H9V16H7.00179V5H4.58792C3.21247 4.70182 2 3.64537 2 2.52072C2 1.42474 2.47603 0.556701 3.34184 0.182041C4.16921 -0.175986 5.12452 0.0203328 5.87976 0.544666C6.80676 1.18825 7.32679 2.3963 7.79856 3.49226C7.83996 3.58845 7.88099 3.68378 7.9219 3.77778C7.96173 3.68865 8.00186 3.59793 8.0425 3.50608C8.50995 2.44948 9.04359 1.24325 9.9404 0.59563C10.7332 0.0231438 11.741 -0.193157 12.6121 0.198945C13.5129 0.604397 14 1.53453 14 2.70949ZM10.6123 1.5C11.0928 1.15305 11.668 1.09012 12.1597 1.5C12.5879 1.85694 12.6108 2.02497 12.6658 2.42926L12.6755 2.5C12.6755 3.09851 12.1597 4 11.6439 4C11.2785 4 10.9914 3.99691 10.7224 3.99402C10.2319 3.98875 9.80131 3.98412 9.06496 4C9.20533 3.72786 9.31743 3.46669 9.42434 3.21761C9.71026 2.55143 9.95907 1.97176 10.6123 1.5ZM4.93861 1.5C4.70607 1.33855 4.17281 1.4106 3.95166 1.5063C3.76894 1.58537 3.49602 1.82658 3.49602 2.52072C3.49602 3.19524 4.58792 3.77778 4.58792 3.77778C4.58792 3.77778 5.45441 4 7.00179 4C6.47506 2.69451 5.7289 2.04867 4.93861 1.5Z",fill:"#EB5757"})),Ce=()=>e("svg",{width:"16",height:"16",viewBox:"0 0 16 16",fill:"none",xmlns:"http://www.w3.org/2000/svg"},e("path",{d:"M15 5H12.4508H9V16H13.5C14.0523 16 14.5 15.5523 14.5 15V9H15C15.5523 9 16 8.55228 16 8V6C16 5.44772 15.5523 5 15 5Z",fill:"#C9C9C9"}),e("path",{d:"M1.5 9V15C1.5 15.5523 1.94772 16 2.5 16H7V5H4.64242H1C0.447715 5 0 5.44772 0 6V8C0 8.55228 0.447715 9 1 9H1.5Z",fill:"#C9C9C9"}),e("path",{"fill-rule":"evenodd","clip-rule":"evenodd",d:"M1.5 9V10H14.5V9H1.5Z",fill:"#A5A3A3"}),e("path",{"fill-rule":"evenodd","clip-rule":"evenodd",d:"M14 2.70949C14 3.59565 12.6694 4.93746 12 5H9V16H7.00179V5H4.58792C3.21247 4.70182 2 3.64537 2 2.52072C2 1.42474 2.47603 0.556701 3.34184 0.182041C4.16921 -0.175986 5.12452 0.0203328 5.87976 0.544666C6.80676 1.18825 7.32679 2.3963 7.79856 3.49226C7.83996 3.58845 7.88099 3.68378 7.9219 3.77778C7.96173 3.68865 8.00186 3.59793 8.0425 3.50608C8.50995 2.44948 9.04359 1.24325 9.9404 0.59563C10.7332 0.0231438 11.741 -0.193157 12.6121 0.198945C13.5129 0.604397 14 1.53453 14 2.70949ZM10.6123 1.5C11.0928 1.15305 11.668 1.09012 12.1597 1.5C12.5879 1.85694 12.6108 2.02497 12.6658 2.42926L12.6755 2.5C12.6755 3.09851 12.1597 4 11.6439 4C11.2785 4 10.9914 3.99691 10.7224 3.99402C10.2319 3.98875 9.80131 3.98412 9.06496 4C9.20533 3.72786 9.31743 3.46669 9.42434 3.21761C9.71026 2.55143 9.95907 1.97176 10.6123 1.5ZM4.93861 1.5C4.70607 1.33855 4.17281 1.4106 3.95166 1.5063C3.76894 1.58537 3.49602 1.82658 3.49602 2.52072C3.49602 3.19524 4.58792 3.77778 4.58792 3.77778C4.58792 3.77778 5.45441 4 7.00179 4C6.47506 2.69451 5.7289 2.04867 4.93861 1.5Z",fill:"#828282"})),Ee=C({ProgressBar:{"& .progress-bar":{height:"0",marginTop:"var(--sl-spacing-large)",marginBottom:"var(--sl-spacing-xxx-large)",marginRight:"var(--sl-spacing-x-small)",fontSize:"var(--sl-font-size-x-small)",display:"grid",lineHeight:"45px",userSelect:"none"},"& .progress-bar.repeatable-steps":{marginLeft:"var(--sl-spacing-x-small)"},"&[data-steps]":{marginTop:"calc(-1*var(--sl-spacing-x-small))"},"&[data-steps] .progress-bar":{marginTop:"var(--sl-spacing-medium)"},"&[data-expired] .progress::after":{backgroundColor:"#bfbfbf"},"&[data-expired] .filled::after":{backgroundColor:"#bfbfbf"},"&[data-complete] .filled::after .progress::after":{backgroundColor:"var(--sl-color-primary-200)"},"& .gift":{textAlign:"center",marginLeft:"-100px",marginRight:"-100px",position:"relative",top:"-18px"},"& .gift.start":{transform:"scale(80%)",top:"-20px"},"& .filled:after":{content:'""',display:"flex",width:"100%",height:"4px",borderRadius:"4px",backgroundColor:"var(--sl-color-primary-300)"},"& .progress":{display:"block",textAlign:"center",marginLeft:"-100px",marginRight:"-100px"},"& .progress::after":{content:'""',width:"12px",height:"12px",display:"flex",backgroundColor:"var(--sl-color-primary-300)",borderRadius:"50%",position:"relative",left:"47%",top:"-85%"},"& .progress.bg:after":{width:"0",height:"0",border:"none"},"& .progress.top":{position:"relative",top:"-40px"},"& .progress.top:after":{top:"-16%"},"& .empty":{display:"block",textAlign:"center",marginLeft:"-100px",marginRight:"-100px"},"& .empty::after":{content:'""',width:"12px",height:"12px",border:"2px solid #E0E0E0",margin:"-2px",display:"flex",backgroundColor:"white",borderRadius:"50%",position:"relative",left:"47%",top:"-85%"},"& .empty.bg:after":{width:"0",height:"0",border:"none"},"& .remain:after":{content:'""',display:"flex",width:"100%",height:"4px",borderRadius:"4px",backgroundColor:"#E0E0E0"}}},{classNamePrefix:"sqm-prog-bar"}),_e=Ee.toString();function Re(a){const{progress:t=0,goal:l=1,steps:r=!1,progressBarUnit:i="",repeatable:s=!1,complete:o=!1,expired:n=!1,finite:d=0,opacity:c="1"}=a;let u=function(a,t,l){return a?t?function({progress:a,goal:t,finite:l,expired:r}){const i=[],s=[];let o=Math.floor(a/t);if(o<2){let l=1/t;for(let o=1;o<2*t+1;o++)s.push(l+"fr"),s.push("0fr"),o>a?o==t?(s.push("0fr"),i.push(e("div",{class:"remain"})),i.push(e("div",{class:"empty bg"},t)),i.push(e("div",{class:"gift"},e(Ce,null)))):o==2*t?(s.push("0fr"),s.push("0fr"),i.push(e("div",{class:"remain"})),i.push(e("div",{class:"empty bg"},2*t)),i.push(e("div",{class:"gift"},e(Ce,null)))):(i.push(e("div",{class:"remain"})),i.push(e("div",{class:"empty"},o))):o==t?(s.push("0fr"),i.push(e("div",{class:"filled"})),i.push(e("div",{class:"progress bg"},o)),i.push(e("div",{class:"gift"},e(r?Ce:we,null)))):(i.push(e("div",{class:"filled"})),i.push(e("div",{class:"progress"},o)))}else if(l&&o>=l){let n=1/t;o>2&&(s.push("0fr"),s.push("0fr"),i.push(e("div",{class:"progress bg"},t*(l-2))),i.push(e("div",{class:"gift start"},e(r?Ce:we,null))));for(let o=1;o<2*t+1;o++)s.push(n+"fr"),s.push("0fr"),o>a?o==t&&(s.push("0fr"),i.push(e("div",{class:"remain"})),i.push(e("div",{class:"progress bg"},t*(l-1))),i.push(e("div",{class:"gift"},e(Ce,null)))):o==t?(s.push("0fr"),i.push(e("div",{class:"filled"})),i.push(e("div",{class:"progress bg"},t*(l-1))),i.push(e("div",{class:"gift"},e(r?Ce:we,null)))):o==2*t?(s.push("0fr"),s.push("0fr"),i.push(e("div",{class:"filled"})),i.push(e("div",{class:"progress bg"},t*l)),i.push(e("div",{class:"gift"},e(r?Ce:we,null)))):(i.push(e("div",{class:"filled"})),i.push(e("div",{class:"progress"},o+t*(l-2))))}else{let l=a%t+t,n=1/t;s.push("0fr"),s.push("0fr"),i.push(e("div",{class:"progress bg"},t*(o-1))),i.push(e("div",{class:"gift start"},e(r?Ce:we,null)));for(let a=1;a<2*t+1;a++)s.push(n+"fr"),s.push("0fr"),a<=t?a==t?(s.push("0fr"),i.push(e("div",{class:"filled"})),i.push(e("div",{class:"progress bg"},a+t*(o-1))),i.push(e("div",{class:"gift"},e(r?Ce:we,null)))):(i.push(e("div",{class:"filled"})),i.push(e("div",{class:"progress"},a+t*(o-1)))):a>l?a==2*t?(s.push("0fr"),s.push("0fr"),i.push(e("div",{class:"remain"})),i.push(e("div",{class:"empty bg"},a+t*(o-1))),i.push(e("div",{class:"gift"},e(Ce,null)))):(i.push(e("div",{class:"remain"})),i.push(e("div",{class:"empty"},a+t*(o-1)))):(i.push(e("div",{class:"filled"})),i.push(e("div",{class:"progress"},a+t*(o-1))))}return{items:i,columns:s.join(" ")}}(l):function({progress:a,goal:t,progressBarUnit:l,finite:r,expired:i}){let s=Math.floor(a/t),o=a%t/t*.5;const n=[];let d="";return 0==s?(d=o+"fr 0fr "+(.5-o)+"fr 0fr 0fr 0.5fr 0fr 0fr",n.push(e("div",{class:"filled"})),n.push(e("div",{class:a==t?"progress top bg":"progress top"},l+a)),n.push(e("div",{class:"remain"})),n.push(e("div",{class:"progress bg"},l+t)),n.push(e("div",{class:"gift"},e(a==t?i?Ce:we:Ce,null))),n.push(e("div",{class:"remain"})),n.push(e("div",{class:"progress bg"},l+2*t)),n.push(e("div",{class:"gift"},e(Ce,null)))):1==s?(d="0.5fr 0fr 0fr "+o+"fr 0fr "+(.5-o)+"fr 0fr 0fr",n.push(e("div",{class:"filled"})),n.push(e("div",{class:"progress bg"},l+t)),n.push(e("div",{class:"gift"},e(i?Ce:we,null))),n.push(e("div",{class:"filled"})),n.push(e("div",{class:a==t?"progress top bg":"progress top"},a==t?"":l+a)),n.push(e("div",{class:"remain"})),n.push(e("div",{class:"progress bg"},l+2*t)),n.push(e("div",{class:"gift"},e(Ce,null)))):r&&s>=r?(s>2?(n.push(e("div",{class:"progress bg"},l+t*(r-2))),n.push(e("div",{class:"gift start"},e(i?Ce:we,null))),d="0fr 0fr 0.5fr 0fr 0fr 0.5fr 0fr 0fr"):d="0.5fr 0fr 0fr 0.5fr 0fr 0fr",n.push(e("div",{class:"filled"})),n.push(e("div",{class:"progress bg"},l+t*(r-1))),n.push(e("div",{class:"gift"},e(i?Ce:we,null))),n.push(e("div",{class:"filled"})),n.push(e("div",{class:"progress bg"},l+t*r)),n.push(e("div",{class:"gift"},e(i?Ce:we,null)))):(d="0fr 0fr 0.5fr 0fr 0fr "+o+"fr 0fr "+(.5-o)+"fr 0fr 0fr",n.push(e("div",{class:"progress bg"},l+t*(s-1))),n.push(e("div",{class:"gift start"},e(i?Ce:we,null))),n.push(e("div",{class:"filled"})),n.push(e("div",{class:"progress bg"},l+t*s)),n.push(e("div",{class:"gift"},e(i?Ce:we,null))),n.push(e("div",{class:"filled"})),n.push(e("div",{class:a==t*s?"progress top bg":"progress top"},a==t*s?"":l+a)),n.push(e("div",{class:"remain"})),n.push(e("div",{class:"progress bg"},l+t*(s+1))),n.push(e("div",{class:"gift"},e(Ce,null)))),{items:n,columns:d}}(l):t?function({progress:a,goal:t,expired:l}){const r=[],i=[];let s=1/t;for(let l=1;l<t;l++)i.push(s+"fr"),i.push("0fr"),l>a?(r.push(e("div",{class:"remain"})),r.push(e("div",{class:"empty"},l))):(r.push(e("div",{class:"filled"})),r.push(e("div",{class:"progress"},l)));return i.push(s+"fr"),i.push("0fr"),t<=a?(i.push("0fr"),r.push(e("div",{class:"filled"})),r.push(e("div",{class:"progress bg"},t)),r.push(e("div",{class:"gift"},e(l?Ce:we,null)))):(i.push("0fr"),r.push(e("div",{class:"remain"})),r.push(e("div",{class:"empty bg"},t)),r.push(e("div",{class:"gift"},e(Ce,null)))),{items:r,columns:i.join(" ")}}(l):function({progress:a,goal:t,progressBarUnit:l,expired:r}){const i=[];let s="";const o=a/t;return s=Se(o,0,1)+"fr 0fr "+Se(1-o,0,1)+"fr 0fr 0fr",i.push(e("div",{class:"filled"})),i.push(e("div",{class:Se(a,0,t)==t?"progress top bg":"progress top"},Se(a,0,t)==t?"":l+Se(a,0,t))),i.push(e("div",{class:"remain"})),i.push(e("div",{class:"progress bg"},l+t)),i.push(e("div",{class:"gift"},Se(a,0,t)==t?e(r?Ce:we,null):e(Ce,null))),{items:i,columns:s}}(l)}(s,r,a);const{columns:p,items:v}=u;return e("div",{class:Ee.classes.ProgressBar,"data-expired":n,"data-complete":o,"data-steps":r,"data-done":l<=t,style:{opacity:c}},e("style",{type:"text/css"},_e),e("div",{class:!Boolean(d)&&t>=2*l||Boolean(d)&&t>2*l?"progress-bar repeatable-steps":"progress-bar",style:{gridTemplateColumns:p,marginLeft:0!==t||r?"":"var(--sl-spacing-x-small)"}},v))}function Se(e,a,t){return Math.min(Math.max(e,a),t)}const ke=C({TaskCard:{display:"inline-block",width:"100%","& .main":{position:"relative",boxSizing:"border-box",background:"var(--sl-color-neutral-0)",border:"1px solid var(--sl-color-neutral-200)",borderRadius:"var(--sl-border-radius-large)",boxShadow:"1px 2px 4px rgba(211, 211, 211, 0.2)",fontSize:"var(--sl-font-size-small)",lineHeight:"var(--sl-line-height-dense)",color:"var(--sl-color-neutral-600)"},"& .main.complete":{background:"var(--sl-color-primary-50)",borderColor:"var(--sl-color-primary-500)"},"& .main.expired":{color:"var(--sl-color-neutral-600)",background:"var(--sl-color-neutral-50)"},"& .title":{fontSize:"var(--sl-font-size-medium)",color:"var(--sl-color-neutral-950)"},"& .container":{margin:"var(--sl-spacing-medium)"},"& .container.subdued":{opacity:"0.45"},"& .container > div":{margin:"var(--sl-spacing-medium) 0"}},NotStarted:{fontSize:"var(--sl-font-size-small)",padding:"var(--sl-spacing-medium)",color:"var(--sl-color-primary-600)",border:"1px solid var(--sl-color-neutral-200)",borderRadius:"var(--sl-border-radius-large) var(--sl-border-radius-large) 0 0",borderBottom:"none",background:"var(--sl-color-primary-50)",fontWeight:"var(--sl-font-weight-semibold)",lineHeight:"var(--sl-line-height-dense)","& .icon":{position:"relative",top:"0.1em",marginRight:"var(--sl-spacing-small)",color:"var(--sl-color-primary-500)"}},Ended:{fontSize:"var(--sl-font-size-small)",padding:"var(--sl-spacing-medium)",color:"var(--sl-color-warning-600)",border:"1px solid var(--sl-color-neutral-200)",borderRadius:"var(--sl-border-radius-large) var(--sl-border-radius-large) 0 0",borderBottom:"none",background:"var(--sl-color-warning-50)",fontWeight:"var(--sl-font-weight-semibold)",lineHeight:"var(--sl-line-height-dense)","& .icon":{position:"relative",top:"0.1em",marginRight:"var(--sl-spacing-small)",color:"var(--sl-color-warning-500)"}},Header:{display:"flex","& .icon":{position:"relative",top:"5%",alignSelf:"center",lineHeight:"0",color:"var(--sl-color-primary-400)",fontSize:"var(--sl-font-size-large)",marginRight:"var(--sl-spacing-x-small)"},"& .value":{alignSelf:"center",fontSize:"var(--sl-font-size-x-large)",fontWeight:"var(--sl-font-weight-semibold)",color:"var(--sl-color-neutral-950)",lineHeight:"100%",marginRight:"var(--sl-spacing-xx-small)"},"& .text":{alignSelf:"end",textTransform:"uppercase",fontSize:"var(--sl-font-size-x-small)",color:"var(--sl-color-neutral-950)",lineHeight:"var(--sl-font-size-medium)",marginRight:"var(--sl-spacing-xx-small)"},"& .end":{color:"var(--sl-color-warning-500)",fontWeight:"var(--sl-font-weight-semibold)",marginBottom:"var(--sl-spacing-xx-small)"},"& .neutral":{color:"var(--sl-color-neutral-400)"}},Footer:{"&[data-subdue] .success":{color:"var(--sl-color-primary-300)"},"&[data-subdue] .neutral":{color:"var(--sl-color-neutral-300)"},display:"flex","& .icon":{fontSize:"var(--sl-font-size-xx-small)",marginRight:"var(--sl-spacing-xx-small)",verticalAlign:"middle"},"& .text":{marginTop:"auto",verticalAlign:"text-bottom",fontSize:"var(--sl-font-size-x-small)",color:"var(--sl-color-neutral-400)"},"& .success":{color:"var(--sl-color-primary-500)",fontWeight:"var(--sl-font-weight-semibold)"},"& .action":{marginTop:"auto",marginLeft:"auto","&::part(base)":{color:"var(--sl-color-neutral-0)"},"&.disabled::part(base)":{border:"1px solid var(--sl-color-primary-400)",background:"var(--sl-color-primary-400)"},"&.neutral::part(base)":{border:"1px solid var(--sl-color-neutral-400)",background:"var(--sl-color-neutral-400)"}},"& .neutral":{color:"var(--sl-color-neutral-400)"},"& .datetime":{display:"block",marginTop:"var(--sl-spacing-xx-small)"}}}),qe=ke.toString();function Ie(a){var t,l;const{callbacks:r,states:i,content:s}=a,n=s.rewardDuration&&R.DateTime.fromISO(s.rewardDuration.split("/")[0]),d=s.rewardDuration&&R.DateTime.fromISO(s.rewardDuration.split("/")[1]),c=R.DateTime.now();if(s.displayDuration){const a=null===(t=s.displayDuration.split("/"))||void 0===t?void 0:t[0],r=null===(l=s.displayDuration.split("/"))||void 0===l?void 0:l[1],i=a?R.DateTime.fromISO(a):c,o=r?R.DateTime.fromISO(r):c;if(c<i||c>o)return e("span",null)}const u=e("svg",{width:"20",height:"20",viewBox:"0 0 20 20",fill:"none",xmlns:"http://www.w3.org/2000/svg"},e("path",{"fill-rule":"evenodd","clip-rule":"evenodd",d:"M1.81818 10C1.81818 5.48131 5.48131 1.81818 10 1.81818C14.5187 1.81818 18.1818 5.48131 18.1818 10C18.1818 14.5187 14.5187 18.1818 10 18.1818C5.48131 18.1818 1.81818 14.5187 1.81818 10ZM10 0C4.47715 0 0 4.47715 0 10C0 15.5228 4.47715 20 10 20C15.5228 20 20 15.5228 20 10C20 4.47715 15.5228 0 10 0ZM15.7692 6.96189C16.1398 6.48683 16.0551 5.80132 15.58 5.43077C15.1049 5.06022 14.4194 5.14495 14.0489 5.62001L8.72994 12.4391L5.86229 9.5715C5.43627 9.14548 4.74554 9.14548 4.31952 9.5715C3.89349 9.99752 3.89349 10.6882 4.31952 11.1143L8.05976 14.8545C8.28083 15.0756 8.58613 15.1912 8.89818 15.172C9.21023 15.1528 9.49905 15.0006 9.69133 14.7541L15.7692 6.96189Z",fill:"currentColor"})),p=e("svg",{width:"20",height:"20",viewBox:"0 0 20 20",fill:"none",xmlns:"http://www.w3.org/2000/svg"},e("circle",{cx:"10",cy:"10",r:"10",fill:"currentColor"}),e("path",{"fill-rule":"evenodd","clip-rule":"evenodd",d:"M14.65 6.19231C15.0459 6.5011 15.1165 7.07236 14.8077 7.46825L9.74277 13.9617C9.58254 14.1672 9.34186 14.294 9.08182 14.31C8.82178 14.326 8.56736 14.2297 8.38314 14.0454L5.26627 10.9286C4.91124 10.5735 4.91124 9.99794 5.26627 9.64292C5.62129 9.2879 6.19689 9.2879 6.55191 9.64292L8.94162 12.0326L13.3741 6.35001C13.6828 5.95412 14.2541 5.88352 14.65 6.19231Z",fill:"white"})),v=e("svg",{width:11,height:12,fill:"none",xmlns:"http://www.w3.org/2000/svg"},e("path",{"fill-rule":"evenodd","clip-rule":"evenodd",d:"M10.265 2.789a.346.346 0 000-.489L8.066.101a.346.346 0 10-.489.489l1.61 1.609H2.073a.691.691 0 00-.69.691v1.728a.346.346 0 00.69 0V2.89h7.114L7.577 4.5a.346.346 0 10.49.488l2.198-2.2zM.101 9.21a.346.346 0 000 .489l2.2 2.199a.346.346 0 00.488-.489l-1.61-1.609h7.114c.382 0 .691-.31.691-.691V7.382a.346.346 0 00-.691 0V9.11H1.18L2.789 7.5a.346.346 0 10-.489-.488l-2.199 2.2z",fill:"currentColor"})),g=i.progress>=s.goal,m=s.showProgressBar?Math.floor(i.progress/s.goal):i.progress,f=g&&!1===s.repeatable||s.finite&&i.progress>=s.finite*s.goal,h=s.rewardDuration&&d<=c,b=s.rewardDuration&&c<=n,x=h||b;return e("div",{class:ke.classes.TaskCard},e("style",{type:"text/css"},qe,"\n\t:host{\n\t\tdisplay: block;\n\t\tmargin-bottom: var(--sl-spacing-large);\n\t}\n "),!i.loading&&b&&e("div",{class:ke.classes.NotStarted},e("span",{class:"icon"},e("sl-icon",{name:"info-circle-fill"})),o.formatMessage({id:"startsOnMessage",defaultMessage:s.startsOnMessage},{startDate:n.setLocale(S(i.locale)).toLocaleString(R.DateTime.DATETIME_MED)})),!i.loading&&h&&e("div",{class:ke.classes.Ended},e("span",{class:"icon"},e("sl-icon",{name:"exclamation-triangle-fill"})),o.formatMessage({id:"endedMessage",defaultMessage:s.endedMessage},{endDate:d.setLocale(S(i.locale)).toLocaleString(R.DateTime.DATETIME_MED)})),e("div",{style:{borderRadius:x&&"0 0 var(--sl-border-radius-large) var(--sl-border-radius-large)"},class:x?"main expired":f?"main complete":"main"},e("div",{class:"container","data-subdue":f||x},e("div",{class:ke.classes.Header,style:{opacity:f||x?"0.45":"1"}},i.loading?e("sl-skeleton",{style:{width:"22%",margin:"0"}}):e("div",null,g&&e("span",{class:x?"icon neutral":"icon"},f?p:u),e("span",{class:"value"},s.rewardAmount),e("span",{class:"text"},s.rewardUnit))),i.loading?e("sl-skeleton",{style:{width:"42%",margin:"var(--sl-spacing-medium) 0"}}):e("div",{class:"title",style:{marginBottom:s.description?"":s.steps?"var(--sl-spacing-x-large)":s.showProgressBar?"var(--sl-spacing-xx-large)":"",opacity:f||x?"0.45":"1"}},s.cardTitle),i.loading?e("sl-skeleton",{style:{margin:"var(--sl-spacing-medium) 0"}}):s.description&&e(ye,Object.assign({},a,{opacity:f||x?"0.45":"1"})),s.showProgressBar&&i.loading?e("sl-skeleton",{style:{margin:"var(--sl-spacing-medium) 0"}}):s.showProgressBar&&e(Re,Object.assign({},a.content,a.states,{opacity:f||x?"0.45":"1",complete:f,expired:x})),e("div",{class:ke.classes.Footer,"data-subdue":f||x},i.loading?e("sl-skeleton",{style:{width:"25%",marginLeft:"auto"}}):e("div",{style:{display:"contents"}},e("span",{class:"text"},s.repeatable&&e("div",null,e("span",{class:m>0?x?"icon neutral":"icon success":"icon neutral","data-subdue":f||x},v),e("span",{class:m>0?x?"neutral":"success":"neutral","data-subdue":f||x},o.formatMessage({id:"completedMessage",defaultMessage:s.completedText},{finite:s.finite,count:s.finite?Math.min(m,s.finite):m}))),d&&!x&&e("span",{class:"datetime neutral","data-subdue":f||x},o.formatMessage({id:"expiryMessage",defaultMessage:s.expiryMessage},{endDate:d.setLocale(S(i.locale)).toLocaleString(R.DateTime.DATETIME_MED)}))),e("sl-button",{class:x?"action neutral":f?"action disabled":"action",type:"primary",size:"small",onClick:r.onClick,loading:i.loadingEvent,disabled:f||x,style:{opacity:f||x?"0.45":"1"}},s.buttonText))))))}function Ae(a){const{states:t,data:l}=a,{content:r}=t,i=C({Container:{position:"relative",width:r.iframeWidth,height:r.iframeHeight},IFrame:{position:"absolute",width:"100%",height:"100%",border:"0",top:"0",left:"0",right:"0"}}),s=i.toString();return e("div",{class:i.classes.Container},e("style",{type:"text/css"},s),e("iframe",{class:i.classes.IFrame,src:`${r.iframeSrc}?rsCode=${l.shareCode}`}))}const Me=C({ErrorStyle:w,FieldsContainer:{"& sl-input":{"margin-bottom":"var(--sl-spacing-large)"}}}),Te=Me.toString();function $e(a){const{states:t}=a,l=null==t?void 0:t.validationErrors;return e("div",{class:Me.classes.FieldsContainer},e("style",{type:"text/css"},"\n:host {\n margin: 0 auto;\n width: 100%;\n display: block;\n}\n\nsl-input::part(label){\n font-size: var(--sl-input-label-font-size-small);\n font-weight: var(--sl-font-weight-semibold);\n}\n",Te),e("sl-input",Object.assign({exportparts:"label: input-label",name:"/firstName",type:"text",label:t.content.firstNameLabel,required:!0},(null==l?void 0:l.firstName)?{class:Me.classes.ErrorStyle,helpText:(null==l?void 0:l.firstName)||"Cannot be empty"}:[])),e("sl-input",Object.assign({exportparts:"label: input-label",name:"/lastName",type:"text",label:t.content.lastNameLabel,required:!0},(null==l?void 0:l.lastName)?{class:Me.classes.ErrorStyle,helpText:(null==l?void 0:l.lastName)||"Cannot be empty"}:[])))}E.setup(_());const ze=E.createStyleSheet({ErrorStyle:{"&::part(control)":{background:"var(--sl-color-danger-10)",borderColor:"var(--sl-color-danger-500)",outline:"var(--sl-color-danger-500)"},"&:host":{"--focus-ring":"0 0 0 var(--sl-focus-ring-width) red !important"}},ErrorMessageStyle:{margin:0,marginTop:"5px",color:"var(--sl-color-danger-500)",fontSize:"var(--sl-input-help-text-font-size-medium)",fontFamily:"var(--sl-font-sans)",fontWeight:"var(--sl-font-weight-normal)"},FieldContainer:{"margin-bottom":"var(--sl-spacing-large)"}}),De=ze.toString();function Pe(a){const{states:t,content:l,callbacks:r}=a,i=null==t?void 0:t.validationErrors;return e("div",{class:ze.classes.FieldContainer},e("style",{type:"text/css"},"\n:host {\n margin: 0 auto;\n width: 100%;\n display: block;\n}\nsl-checkbox::part(label){\n font-size: var(--sl-input-label-font-size-small);\n font-weight: var(--sl-font-weight-normal);\n line-height: 20px;\n}\nsl-checkbox::part(base){\n align-items: start;\n}\n",De),e("sl-checkbox",Object.assign({exportparts:"label: input-label",name:`/${l.checkboxName}`,checked:t.checked,"onSl-change":e=>{e.target.value=e.target.checked,r.setChecked(e.target.value)}},l.checkboxOptional?[]:{required:!0},!t.checked&&(null==i?void 0:i[l.checkboxName])?{class:ze.classes.ErrorStyle}:[]),o.formatMessage({id:l.checkboxName+"-message",defaultMessage:l.checkboxLabel},{labelLink:e("a",{href:l.checkboxLabelLink,target:"_blank"},l.checkboxLabelLinkText||l.checkboxLabelLink)}),!t.checked&&(null==i?void 0:i[l.checkboxName])&&e("p",{class:ze.classes.ErrorMessageStyle},l.errorMessage)))}E.setup(_());const Be=E.createStyleSheet({ErrorStyle:{"--sl-input-border-color":"var(--sl-color-danger-500)","--sl-input-background-color":"var(--sl-color-danger-10)","--sl-input-border-color-focus":"var(--sl-color-danger-500)","--sl-input-border-color-hover":"var(--sl-color-danger-500)"},ErrorMessageStyle:{margin:0,color:"var(--sl-color-danger-500)",fontSize:"var(--sl-input-help-text-font-size-medium)"},FieldContainer:{"margin-bottom":"var(--sl-spacing-large)"}}),Fe=Be.toString();function Le(a){const{states:t,content:l}=a,r=null==t?void 0:t.validationErrors;return e("div",{class:Be.classes.FieldContainer},e("style",{type:"text/css"},"\n:host {\n margin: 0 auto;\n width: 100%;\n display: block;\n}\nsl-select::part(label){\n font-size: var(--sl-input-label-font-size-small);\n font-weight: var(--sl-font-weight-semibold);\n}\n",Fe),e("sl-select",Object.assign({exportparts:"label: input-label",label:l.dropdownLabel,name:`/${l.dropdownName}`},l.dropdownOptional?[]:{required:!0},(null==r?void 0:r[l.dropdownName])?{class:Be.classes.ErrorStyle}:[]),l.selectOptions),(null==r?void 0:r[l.dropdownName])&&e("p",{class:Be.classes.ErrorMessageStyle},l.errorMessage))}const Ve={ErrorStyle:w,FieldContainer:{"margin-bottom":"var(--sl-spacing-large)"}};E.setup(_());const He=E.createStyleSheet(Ve),je=He.toString();function Ue(a){const{states:t,content:l}=a,r=null==t?void 0:t.validationErrors;return e("div",{class:He.classes.FieldContainer},e("style",{type:"text/css"},"\n:host {\n margin: 0 auto;\n width: 100%;\n display: block;\n}\n",je),e("sl-input",Object.assign({exportparts:"label: input-label",name:`/${l.fieldName}`,type:l.fieldType,label:l.fieldLabel},l.fieldOptional?[]:{required:!0},(null==r?void 0:r[l.fieldName])?{class:He.classes.ErrorStyle,helpText:l.errorMessage||(null==r?void 0:r[l.fieldName])}:[])))}const Ne=()=>e("svg",{width:12,height:10,fill:"none",xmlns:"http://www.w3.org/2000/svg"},e("path",{"fill-rule":"evenodd","clip-rule":"evenodd",d:"M11.58.23c.475.371.56 1.057.19 1.532L5.69 9.554a1.091 1.091 0 0 1-1.631.1L.32 5.915a1.09 1.09 0 1 1 1.542-1.542L4.73 7.239 10.049.42A1.09 1.09 0 0 1 11.58.23Z",fill:"#fff"})),We=()=>e("svg",{width:"18",height:"18",viewBox:"0 0 18 18",fill:"none",xmlns:"http://www.w3.org/2000/svg"},e("path",{d:"M0 9C0 4.02944 4.02944 0 9 0C13.9706 0 18 4.02944 18 9C18 13.9706 13.9706 18 9 18C4.02944 18 0 13.9706 0 9Z",fill:"currentColor"}),e("path",{d:"M5.68394 8.77046C5.28103 8.39273 4.64819 8.41315 4.27046 8.81606C3.89273 9.21897 3.91315 9.85181 4.31606 10.2295L5.68394 8.77046ZM7.66667 12L6.98273 12.7295C7.36738 13.0902 7.96595 13.0902 8.35061 12.7295L7.66667 12ZM13.6839 7.72954C14.0869 7.35181 14.1073 6.71897 13.7295 6.31606C13.3518 5.91315 12.719 5.89273 12.3161 6.27046L13.6839 7.72954ZM4.31606 10.2295L6.98273 12.7295L8.35061 11.2705L5.68394 8.77046L4.31606 10.2295ZM8.35061 12.7295L13.6839 7.72954L12.3161 6.27046L6.98273 11.2705L8.35061 12.7295Z",fill:"white"})),Oe=()=>e("svg",{width:156,height:157,fill:"none",xmlns:"http://www.w3.org/2000/svg"},e("path",{d:"M40.18 126h83.663a3 3 0 0 0 3-3V73.966a3 3 0 0 0-3-3H40.18a3 3 0 0 0-3 3V123a3 3 0 0 0 3 3Z",fill:"#FFD34F"}),e("path",{"fill-rule":"evenodd","clip-rule":"evenodd",d:"M37.18 73.862v7.966h89.663v-7.966H37.18Z",fill:"#E9BB30"}),e("path",{d:"M133.039 74.224a2.18 2.18 0 0 0 2.187-2.172v-19.19c0-1.2-.98-2.172-2.187-2.172H31.347a2.18 2.18 0 0 0-2.187 2.172v19.19c0 1.2.98 2.172 2.187 2.172H133.04Z",fill:"#FFC000"}),e("path",{"fill-rule":"evenodd","clip-rule":"evenodd",d:"M123.287 35.172c0 6.056-9.155 15.226-13.76 15.654H88.888V126H75.141V50.826H58.534c-9.462-2.038-17.803-9.258-17.803-16.944 0-7.49 3.274-13.422 9.23-15.983 5.693-2.446 12.265-1.105 17.46 2.479 6.378 4.398 9.956 12.654 13.202 20.144.284.657.567 1.308.848 1.95.274-.608.55-1.228.83-1.856 3.216-7.22 6.887-15.464 13.057-19.89 5.454-3.913 12.387-5.39 18.38-2.711 6.197 2.77 9.549 9.127 9.549 17.157Zm-23.306-8.266c3.305-2.37 7.262-2.8 10.645 0 2.946 2.44 3.103 3.588 3.482 6.351l.067.483c0 4.09-3.549 10.252-7.097 10.252-2.515 0-4.489-.022-6.34-.041-3.375-.036-6.337-.068-11.403.04.966-1.86 1.737-3.644 2.473-5.346 1.967-4.553 3.678-8.515 8.173-11.739Zm-39.034 0c-1.6-1.103-5.268-.61-6.79.043-1.257.54-3.134 2.19-3.134 6.933 0 4.61 7.511 8.59 7.511 8.59s5.962 1.52 16.607 1.52c-3.624-8.922-8.757-13.336-14.194-17.086Z",fill:"#EB5757"}),e("path",{d:"M75.086 74.224h13.85v7.604h-13.85v-7.604Z",fill:"#DD4747"}),e("g",{filter:"url(#a)"},e("ellipse",{cx:82.008,cy:141.207,rx:36.813,ry:5.793,fill:"#E0DDDD","fill-opacity":.8})),e("path",{d:"M150.446 79.134a.5.5 0 0 1 .9 0l1.133 2.336c.05.102.132.184.234.233l2.344 1.122a.5.5 0 0 1 0 .902l-2.344 1.122a.503.503 0 0 0-.234.233l-1.133 2.336a.5.5 0 0 1-.9 0l-1.134-2.336a.499.499 0 0 0-.234-.233l-2.343-1.122a.5.5 0 0 1 0-.902l2.343-1.122a.499.499 0 0 0 .234-.233l1.134-2.336Z",fill:"#FAB6B6"}),e("path",{d:"M14.86 29.168a.5.5 0 0 1 .9 0l1.133 2.336a.5.5 0 0 0 .234.233l2.344 1.122a.5.5 0 0 1 0 .902l-2.344 1.122a.5.5 0 0 0-.234.233l-1.133 2.336a.5.5 0 0 1-.9 0l-1.134-2.336a.5.5 0 0 0-.234-.233l-2.343-1.122a.5.5 0 0 1 0-.902l2.344-1.122a.5.5 0 0 0 .233-.233l1.134-2.336Z",fill:"#F4EFBC"}),e("path",{d:"m125.382 0 .712 1.466 1.475.706-1.475.707-.712 1.466-.711-1.466-1.476-.707 1.476-.706.711-1.466Z",fill:"#FDA802"}),e("path",{d:"m2.187 103.552.711 1.466 1.476.706-1.476.707-.711 1.466-.711-1.466L0 105.724l1.476-.706.71-1.466Z",fill:"#E4599C"}),e("defs",null,e("filter",{id:"a",x:35.195,y:125.414,width:93.625,height:31.586,filterUnits:"userSpaceOnUse","color-interpolation-filters":"s-rGB"},e("feFlood",{"flood-opacity":0,result:"BackgroundImageFix"}),e("feBlend",{in:"SourceGraphic",in2:"BackgroundImageFix",result:"shape"}),e("feGaussianBlur",{stdDeviation:5,result:"effect1_foregroundBlur_653_17907"}))));function Ze({active:a,completed:t,incomplete:l,stage:r}){return e("div",{style:{display:"flex"}},e("div",{style:{backgroundColor:t?"var(--sl-color-success-500)":l?"var(--sl-color-neutral-200)":"var(--sl-color-neutral-0)",border:a?"1px solid var(--sl-color-success-500)":l?"1px solid var(--sl-color-neutral-200)":"1px solid var(--sl-color-success-500)",borderRadius:"50%",width:"23px",height:"23px",margin:"-11px",zIndex:"1",boxSizing:"content-box"}},t?e("div",{style:{top:"-10.5%",left:"23.5%",position:"relative"}},e(Ne,null)):e("div",{style:{color:a?"var(--sl-color-success-500)":"var(--sl-color-neutral-50)",width:"23px",lineHeight:"24px",textAlign:"center",position:"relative"}},r+1)))}function Ge({incomplete:a=!1,active:t=!1,invisible:l=!1}){return e("div",{style:{content:"''",flex:"0.5 0.5 0",height:"4px",borderRadius:"4px",background:a||t?"var(--sl-color-neutral-200)":"var(--sl-color-success-500)",position:"relative",bottom:"0",left:"0",display:"flex",justifyContent:"center",columnGap:"50px",marginRight:"-2px",boxSizing:"content-box",opacity:l?"0":"1"}})}function Xe({active:a,completed:t,incomplete:l,stage:r}){return[e(Ge,{incomplete:l,invisible:0===r}),e(Ze,{active:a,completed:t,incomplete:l,stage:r}),e(Ge,{incomplete:l,active:a,invisible:2===r})]}function Qe({stageCount:a,currentStage:t}){return e("div",{style:{display:"flex",columnGap:"-2px"}},Array.from(Array(a).keys()).map((a=>e(Xe,{active:t===a,completed:t>a,incomplete:t<a,stage:a}))))}const Je=C({HostBlock:h,Container:{minWidth:"300px",position:"relative"},FullImage:{objectFit:"contain",maxWidth:"100%",height:"250px",display:"flex",margin:"0 auto"},Select:{"&::part(label)":{},"&::part(menu)":{maxHeight:"50vh"},"& sl-menu-item::part(checked-icon)":{top:"8px"},"& sl-menu-item::part(base)":{flexDirection:"column"},"& sl-menu-item::part(base):focus":{background:"transparent",color:"var(--sl-color-gray-700)"}},ProgressBar:{maxWidth:"350px",width:"100%",margin:"auto",marginBottom:"var(--sl-spacing-xxx-large)","& .text-area":{marginTop:"5px",display:"flex",justifyContent:"center",textAlign:"center",whiteSpace:"nowrap",marginBottom:"6px","& .text":{marginBottom:"var(--sl-spacing-x-small)",flex:"1 1 0"},"& .text.subdued":{color:"var(--sl-color-neutral-200)"}}},CardLayout:{display:"flex",width:"100%",borderRadius:"3px",background:"rgba(0, 0, 0, 0)"},Card:{display:"flex",userSelect:"none",height:"120px","&::part(base)":{boxShadow:"none",width:"100%"},"&::part(body)":{display:"flex",padding:0},"& .selected":{position:"relative",top:"-2%",left:"100%",color:"var(--sl-color-primary-500)",margin:"-9px"}},Title:{fontSize:"var(--sl-font-size-large)",fontWeight:"var(--sl-font-weight-semibold)",margin:"var(--sl-spacing-large) 0"},Image:{padding:"var(--sl-spacing-small)",minWidth:"96px",maxWidth:"96px","& .image":{width:"100%",height:"100%",objectFit:"contain",borderRadius:"4px"},"& .image.subdued":{filter:"brightness(0.95)",opacity:"0.5"}},TextArea:{textAlign:"left",padding:"var(--sl-spacing-small)",paddingLeft:"0","& .title":{fontSize:"var(--sl-font-size-medium)",lineHeight:"var(--sl-line-height-dense)",fontWeight:"600",color:"var(--sl-color-neutral-1000)",display:"-webkit-box","-webkit-line-clamp":"1","-webkit-box-orient":"vertical",overflow:"hidden"},"& .amount":{fontSize:"var(--sl-font-size-small)",lineHeight:"var(--sl-line-height-dense)",marginTop:"var(--sl-spacing-x-small)",color:"var(--sl-color-neutral-500)",display:"-webkit-box","-webkit-line-clamp":"1","-webkit-box-orient":"vertical",overflow:"hidden"},"& .error":{fontSize:"var(--sl-font-size-small)",lineHeight:"var(--sl-line-height-dense)",marginTop:"var(--sl-spacing-x-small)",fontWeight:"600",color:"var(--sl-color-warning-600)",display:"-webkit-box","-webkit-line-clamp":"1","-webkit-box-orient":"vertical",overflow:"hidden","& .icon":{position:"relative",top:"0.1em",marginRight:"var(--sl-spacing-xx-small)"}}},ChooseAmount:{maxWidth:"800px",margin:"auto","& .wrapper":{display:"flex",gap:"var(--sl-spacing-xx-large)","@media (max-width: 799px)":{flexDirection:"column"}},"& .image":{width:"50%",objectFit:"contain",maxWidth:"100%",height:"250px",display:"flex","@media (max-width: 799px)":{width:"auto"}},"& .text":{width:"50%",maxWidth:"400px","@media (max-width: 799px)":{width:"auto",margin:"auto"}},"& .title":{fontSize:"var(--sl-font-size-large)",fontWeight:"var(--sl-font-weight-semibold)",color:"var(--sl-color-neutral-1000)"},"& .points":{fontSize:"var(--sl-font-size-large)",fontWeight:"var(--sl-font-weight-semibold)",color:"var(--sl-color-primary-500)"},"& .description":{fontSize:"var(--sl-font-size-medium)",fontWeight:"var(--sl-font-weight-normal)",color:"var(--sl-color-neutral-500)",margin:"var(--sl-spacing-medium) 0",lineHeight:"var(--sl-line-height-dense)",marginTop:"var(--sl-spacing-xx-small)"},"& .space":{marginBottom:"var(--sl-spacing-xxx-large)"},"& sl-menu-item[disabled]::part(label)":{color:"var(--sl-color-neutral-300)"},"& sl-menu-item[disabled]":{"& .step-cost":{color:"var(--sl-color-neutral-300)"},"& .step-value":{color:"var(--sl-color-neutral-300)"}}},SelectItem:{display:"flex",flexDirection:"column","&::part(label)":{color:"var(--sl-color-neutral-900)",margin:"0"},"& .step-cost":{color:"var(--sl-color-neutral-500)",marginBottom:"var(--sl-spacing-x-small)"},"& .step-unavailable":{fontSize:"var(--sl-font-size-small)",color:"var(--sl-color-warning-500)",margin:"0"}},Success:{textAlign:"center","& .title":{fontSize:"var(--sl-font-size-large)",fontWeight:"var(--sl-font-weight-semibold)",color:"var(--sl-color-neutral-1000)"},"& .description":{color:"var(--sl-color-neutral-400)",maxWidth:"350px",margin:"0 auto",lineHeight:"var(--sl-line-height-dense)",marginBottom:"var(--sl-spacing-xx-large)",marginTop:"var(--sl-spacing-xx-small)"},"& .promo":{maxWidth:"350px",margin:"-30px auto var(--sl-spacing-xxx-large) auto",textAlign:"left",color:"var(--sl-color-neutral-700)"}},Grid:{display:"grid",justifyContent:"center",gap:"20px",gridTemplateColumns:"repeat(auto-fill, minmax(300px, 1fr))"},Confirmation:{maxWidth:"800px",margin:"auto","& .wrapper":{display:"flex","@media (max-width: 499px)":{flexDirection:"column"}},"& .reward-item-container":{"@media (max-width: 499px)":{display:"flex",flexDirection:"row-reverse",justifyContent:"flex-end",alignItems:"center"}},"& .reward-item-container .reward-title":{paddingBottom:"var(--sl-spacing-medium)",lineHeight:"20px","@media (max-width: 499px)":{paddingBottom:"none",paddingLeft:"var(--sl-spacing-small)"}},"& .padding":{padding:"var(--sl-spacing-medium) 0","@media (max-width: 499px)":{padding:"var(--sl-spacing-small) 0"}},"& .field":{width:"30%",textTransform:"uppercase",fontSize:"var(--sl-font-size-medium)",fontWeight:"var(--sl-font-weight-normal)",color:"var(--sl-color-neutral-400)",textAlign:"left",paddingRight:"var(--sl-spacing-xxx-large)","@media (max-width: 499px)":{width:"100%",paddingRight:"0",paddingBottom:"0"}},"& .value":{fontSize:"var(--sl-font-size-large)",fontWeight:"var(--sl-font-weight-semibold)"},"& .top-border":{borderTop:"1px solid var(--sl-color-neutral-200)"},"& .image":{width:"200px","@media (max-width: 499px)":{width:"100px"}}},Button:{display:"flex",flexWrap:"wrap-reverse",margin:"var(--sl-spacing-medium) 0","& .cancel":{marginLeft:"auto",marginRight:"var(--sl-spacing-medium)","&::part(base)":{fontWeight:"var(--sl-font-weight-normal)",color:"var(--sl-color-neutral-1000)"},"@media (max-width: 499px)":{width:"100%",marginRight:"0",marginTop:"var(--sl-spacing-small)"}},"& .continue":{"&::part(base)":{background:"var(--sl-color-primary-500)",borderColor:"var(--sl-color-primary-500)",fontWeight:"var(--sl-font-weight-normal)",color:"var(--sl-color-neutral-0)"},"@media (max-width: 499px)":{width:"100%"}},"& .continue.right":{marginLeft:"auto"},"& .continue.center":{margin:"0 auto"}},Confetti:{pointerEvents:"none",position:"absolute",width:"100%",height:"100%",top:"0%",left:"0%",zIndex:"1"}}),Ke=Je.toString(),Ye=["chooseReward","chooseAmount","confirmation","success"];function ea(a){const{states:l,data:r,callbacks:i,refs:s}=a,{selectedItem:n,selectedStep:d}=l,c={chooseReward:l.content.text.chooseRewardTitle,chooseAmount:l.content.text.chooseAmountTitle,confirmation:l.content.text.confirmationTitle};const u={chooseReward:()=>{return[e("div",null,e("div",{class:Je.classes.Title},l.content.text.rewardTitle),e("div",{class:Je.classes.Grid},l.loading||l.queryError?[...Array(l.content.text.skeletonCardNum)].map((()=>e("div",null,e("sl-card",{class:Je.classes.Card},e("div",{class:Je.classes.CardLayout},e("div",null,e("sl-skeleton",{style:{width:"100px",height:"100px",margin:"9px","--border-radius":"4px"}})),e("div",{style:{margin:"var(--sl-spacing-small) var(--sl-spacing-small) 0 0",width:"100%"}},e("sl-skeleton",{style:{marginBottom:"var(--sl-spacing-small)"}}),e("sl-skeleton",{style:{marginBottom:"var(--sl-spacing-small)"}}),e("sl-skeleton",{style:{width:"45%"}}))))))):null===(a=r.exchangeList)||void 0===a?void 0:a.map((a=>{var r,s,d,c,u;return e("div",{key:a.key,style:{boxShadow:a.key===(null==n?void 0:n.key)?"0 0 0 2px var(--sl-color-primary-500)":"none",borderRadius:"4px"}},e("sl-card",{class:Je.classes.Card,style:{cursor:a.unavailableReasonCode?"not-allowed":"pointer"},onClick:()=>a.available&&i.setExchangeState({selectedItem:a})},a.key===(null==n?void 0:n.key)&&e("div",{class:"selected"},e(We,null)),e("div",{style:{display:"flex",width:"100%",height:"120px",borderRadius:"3px",background:a.unavailableReasonCode?"rgba(0, 0, 0, 0.05)":"rgba(0, 0, 0, 0)"}},e("div",{class:Je.classes.Image,style:{opacity:a.unavailableReasonCode?"0.5":"1"}},e("img",{class:a.unavailableReasonCode?"image subdued":"image",src:(null==a?void 0:a.imageUrl)||t("./assets/Reward-image.png")})),e("div",{class:Je.classes.TextArea,style:{opacity:a.unavailableReasonCode?"0.5":"1"}},e("div",{class:"title",style:{"-webkit-line-clamp":a.unavailableReasonCode?"1":"2"}},null!==(r=a.name)&&void 0!==r?r:""),e("div",{class:"amount",style:{"-webkit-line-clamp":a.unavailableReasonCode?"1":"2"}},o.formatMessage({id:"sourceAmountMessage",defaultMessage:null===(d=null===(s=l.content)||void 0===s?void 0:s.text)||void 0===d?void 0:d.sourceAmountMessage},{ruleType:a.ruleType,sourceValue:a.prettySourceValue,sourceMinValue:a.prettySourceMinValue,sourceMaxValue:a.prettySourceMaxValue})),a.unavailableReasonCode&&e("div",{class:"error"},e("sl-icon",{class:"icon",name:"exclamation-triangle-fill"}),o.formatMessage({id:"unavailableCode",defaultMessage:null===(u=null===(c=l.content)||void 0===c?void 0:c.text)||void 0===u?void 0:u.notAvailableError},{unavailableReasonCode:a.unavailableReasonCode,sourceUnit:a.sourceUnit,sourceValue:a.prettySourceValue||a.prettySourceMinValue}))))))}))),e("div",{class:Je.classes.Button},e("sl-button",{class:"continue right",size:"large",onClick:()=>i.setStage("chooseAmount"),loading:l.loading,disabled:!l.selectedItem},l.content.text.continueText)))];var a},chooseAmount:()=>function(){var a,r,s,d;const c=function(){var a,t,r;const s=l.selectedItem;return s&&"FIXED_GLOBAL_REWARD"!==(null==s?void 0:s.ruleType)?(null===(a=s.steps)||void 0===a?void 0:a.length)?e("sl-select",{style:{width:"auto"},label:null===(t=null==l?void 0:l.content)||void 0===t?void 0:t.text.selectText,class:Je.classes.Select,value:l.selectedStep,"onSl-select":e=>{var a,t,l,r,s;return i.setExchangeState({amount:null===(l=null===(t=null===(a=e.detail)||void 0===a?void 0:a.item)||void 0===t?void 0:t.value)||void 0===l?void 0:l.sourceValue,selectedStep:null===(s=null===(r=e.detail)||void 0===r?void 0:r.item)||void 0===s?void 0:s.value})}},null===(r=s.steps)||void 0===r?void 0:r.map((a=>{var t,r;return e("sl-menu-item",{value:a,disabled:!a.available,class:Je.classes.SelectItem},a.prettyDestinationValue,e("br",null),e("div",{class:"step-cost",slot:"suffix"},a.prettySourceValue,a.unavailableReasonCode&&e("p",{class:"step-unavailable"},o.formatMessage({id:"unavailableCode",defaultMessage:null===(r=null===(t=l.content)||void 0===t?void 0:t.text)||void 0===r?void 0:r.notAvailableError},{unavailableReasonCode:a.unavailableReasonCode,sourceUnit:s.sourceUnit,sourceValue:a.prettySourceValue||s.prettySourceMinValue}))))}))):e("p",null,o.formatMessage({id:"notEnoughError",defaultMessage:l.content.text.notEnoughError},{sourceUnit:s.sourceUnit})):e("span",{class:"points"},null==s?void 0:s.prettySourceValue)}(),u="FIXED_GLOBAL_REWARD"!==(null===(a=l.selectedItem)||void 0===a?void 0:a.ruleType)&&c&&!l.amount;return e("div",null,e("div",{class:Je.classes.ChooseAmount},e("div",{class:"wrapper"},e("img",{class:"image",src:(null==n?void 0:n.imageUrl)||t("./assets/Reward-image.png")}),e("div",{class:"text"},e("div",{class:"title"},null!==(r=null==n?void 0:n.name)&&void 0!==r?r:""),"FIXED_GLOBAL_REWARD"===(null===(s=l.selectedItem)||void 0===s?void 0:s.ruleType)?e("div",{class:"points"},c):e("div",{class:"description"},null==n?void 0:n.description),"FIXED_GLOBAL_REWARD"===(null===(d=l.selectedItem)||void 0===d?void 0:d.ruleType)?e("div",{class:"description"},null==n?void 0:n.description):e("div",null,c),e("div",{class:"space"}))),e("div",{class:Je.classes.Button},e("sl-button",{class:"cancel",size:"large",type:"text",onClick:()=>i.resetState()},l.content.text.cancelText),e("sl-button",{class:"continue",size:"large",onClick:()=>i.setStage("confirmation"),disabled:u},l.content.text.continueToConfirmationText))))}(),confirmation:()=>function(){const a=(null==d?void 0:d.prettySourceValue)||n.prettySourceValue,r=null==d?void 0:d.prettyDestinationValue;return e("div",null,e("div",{class:Je.classes.Confirmation},e("div",{class:Je.classes.Title},l.content.text.redeemTitle),e("div",{class:"wrapper"},e("div",{class:"field"},l.content.text.rewardNameTitle),e("div",{class:"reward-item-container"},e("div",{class:"reward-title"},n.name),e("img",{class:"image",src:(null==n?void 0:n.imageUrl)||t("./assets/Reward-image.png")}))),e("div",{class:"wrapper padding"},e("div",{class:"field"})),r&&e("div",{class:"wrapper top-border padding"},e("div",{class:"field"},l.content.text.rewardAmountTitle),e("div",null,r)),e("div",{class:"wrapper top-border padding"},e("div",{class:"field"},l.content.text.costTitle),e("div",{class:"value"},a)),e("div",{class:Je.classes.Button},e("sl-button",{class:"cancel",type:"text",size:"large",onClick:()=>i.setStage("chooseAmount")},l.content.text.backText),e("sl-button",{class:"continue",size:"large",loading:l.loading,onClick:i.exchangeReward},l.content.text.redeemText))))}(),success:()=>{return e("div",{class:Je.classes.Success},e(Oe,null),e(p,null),e("div",{class:"title"},null===(a=l.content.text)||void 0===a?void 0:a.rewardRedeemedText),e("div",{class:"description"},o.formatMessage({id:"successMessage",defaultMessage:l.content.text.redemptionSuccessText},{sourceValue:null!==(t=l.selectedItem.prettySourceValue)&&void 0!==t?t:null===(s=l.selectedStep)||void 0===s?void 0:s.prettySourceValue,destinationValue:(null===(n=l.selectedStep)||void 0===n?void 0:n.prettyDestinationValue)||(null===(d=l.selectedItem)||void 0===d?void 0:d.name)||l.selectedItem.globalRewardKey})),(null==r?void 0:r.fuelTankCode)&&e("div",{class:"promo"},l.content.text.promoCode,e(L,{shareString:r.fuelTankCode,tooltiptext:null===(c=null==l?void 0:l.content)||void 0===c?void 0:c.text.tooltipText,open:l.open,onClick:i.copyFuelTankCode})),e("div",{class:Je.classes.Button},e("sl-button",{class:"continue center",type:"primary",size:"large",onClick:()=>i.resetState(!0)},l.content.text.doneText)));var a,t,s,n,d,c}}[l.redeemStage];function p(){return e("canvas",{ref:e=>{(null==s?void 0:s.canvasRef)&&(s.canvasRef.current=e)},id:"my-canvas",class:Je.classes.Confetti})}return l.noExchangeOptions?l.content.text.empty:e("div",{class:Je.classes.Container},e("style",{type:"text/css"},Ke),e("div",null,function(){const a=Ye.indexOf(l.redeemStage);return e("div",{class:Je.classes.ProgressBar},e("div",{class:"text-area"},Object.keys(c).map((t=>Ye.indexOf(t)<=a?e("span",{class:"text"},c[t]):e("span",{class:"text subdued"},c[t])))),e(Qe,{stageCount:3,currentStage:a}))}(),l.exchangeError&&e("sl-alert",{type:"danger",open:!0},e("sl-icon",{slot:"icon",name:"exclamation-octagon"}),l.content.text.redemptionError),l.queryError&&!l.exchangeError&&e("sl-alert",{type:"danger",open:!0},e("sl-icon",{slot:"icon",name:"exclamation-octagon"}),l.content.text.queryError),u&&u(),"success"===l.redeemStage))}const aa=(a,t="chooseReward",l=null,r=null,i=!1,s=!1,o=null,n=!1,d=!1)=>({states:{content:{text:{notAvailableError:"{unavailableReasonCode, select, NOT_CHAMPION {CUSTOM ERROR MESSAGE } US_TAX {Exceeds tax limit for this year} INSUFFICIENT_REDEEMABLE_CREDIT {{sourceValue} required} AVAILABILITY_PREDICATE {Not available} other {unavailableReasonCode} }",chooseRewardTitle:"Rewards",chooseAmountTitle:"Select",confirmationTitle:"Confirm",rewardTitle:"Choose a reward",cancelText:"Cancel",backText:"Back",continueText:"Continue",continueToConfirmationText:"Continue to confirmation",redeemText:"Redeem",redeemTitle:"Confirm and redeem",redemptionSuccessText:"Redeemed {sourceValue} for {destinationValue}",doneText:"Done",tooltipText:"Copied!",selectText:"Select amount to receive",sourceAmountMessage:"{ruleType, select, FIXED_GLOBAL_REWARD {{sourceValue}} other {{sourceMinValue} to {sourceMaxValue}}}",rewardRedeemedText:"Reward redeemed",redemptionError:"An error occured trying to redeem this reward. Please try again",queryError:"Unable to load reward exchange list. Please try again",promoCode:"Promo code",skeletonCardNum:8,rewardNameTitle:"Reward Name",rewardAmountTitle:"Reward Amount",costTitle:"Cost",notEnoughError:"Sorry not enough!",empty:e("sqm-empty",{emptyStateImage:"https://res.cloudinary.com/saasquatch/image/upload/v1644360953/squatch-assets/empty_exchange2.png",emptyStateHeader:"Redeem rewards",emptyStateText:"Use your points to redeem rewards once they become available"})}},queryError:d,redeemStage:t,amount:0,exchangeError:i,loading:s,selectedItem:l,selectedStep:r,noExchangeOptions:n,open:!1},data:{exchangeList:a,fuelTankCode:o},callbacks:{exchangeReward:null,resetState:null,setStage:null,setExchangeState:null,copyFuelTankCode:null,refs:null},refs:null}),ta={key:"",name:"",description:"Description of reward. Lorem ipsum dolor sit amet, consectetur adipiscing. Id nec semper sapien dignissim rhoncus nunc.",imageUrl:"",available:!0,unavailableReasonCode:null,ruleType:"FIXED_GLOBAL_REWARD",sourceUnit:"POINT",sourceValue:10,prettySourceValue:"10 SaaSquatch Points",sourceMinValue:null,prettySourceMinValue:null,sourceMaxValue:null,prettySourceMaxValue:null,destinationMinValue:null,prettyDestinationMinValue:null,destinationMaxValue:null,prettyDestinationMaxValue:null,globalRewardKey:"",destinationUnit:null,steps:[]},la={available:!1,unavailableReasonCode:"INSUFFICIENT_REDEEMABLE_CREDIT"},ra={key:"r1"},ia=e=>({imageUrl:e}),sa=e=>({name:e}),oa=e=>({description:e}),na=e=>({prettySourceValue:e}),da=(e,a,t)=>({ruleType:"VARIABLE_CREDIT_REWARD",sourceMinValue:e,prettySourceMinValue:e+" "+t,sourceMaxValue:a,prettySourceMaxValue:a+" "+t}),ca=[{...ta,...sa("Free swag with a promo code"),...ia("https://res.cloudinary.com/saasquatch/image/upload/v1643653103/squatch-assets/default_rewards_1.png"),...na("40 Points")},{...ta,...ra,...sa("Visa® Prepaid Card USD"),...ia("https://res.cloudinary.com/saasquatch/image/upload/v1644000268/squatch-assets/veHErQX.png"),...da(20,80,"Points")},{...ta,...sa("$50 Store credit"),...ia("https://res.cloudinary.com/saasquatch/image/upload/v1644000270/squatch-assets/WkCMVSE.png"),...na("100 Points")},{...ta,...sa("Variable amount of store credit"),...ia("https://res.cloudinary.com/saasquatch/image/upload/v1644000240/squatch-assets/Jn2fE0s.png"),...da(20,100,"Points")}],ua=[{...ta,...sa("Free swag with a promo code"),...ia("https://res.cloudinary.com/saasquatch/image/upload/v1643653103/squatch-assets/default_rewards_1.png"),...na("40 SaaSquatch Points")},{...ta,...ra,...sa("Visa® Prepaid Card USD"),...ia("https://res.cloudinary.com/saasquatch/image/upload/v1644000268/squatch-assets/veHErQX.png"),...da(20,80,"Points")},{...ta,...sa("A very exclusive gift box"),...ia("https://res.cloudinary.com/saasquatch/image/upload/v1644000223/squatch-assets/93BvEgH.png"),...na("30 SaaSquatch Points")},{...ta,...sa("$50 Store credit"),...ia("https://res.cloudinary.com/saasquatch/image/upload/v1644000270/squatch-assets/WkCMVSE.png"),...na("100 SaaSquatch Points")},{...ta,...sa("Variable amount of store credit"),...ia("https://res.cloudinary.com/saasquatch/image/upload/v1644000240/squatch-assets/Jn2fE0s.png"),...da(20,100,"Points")},{...ta,...la,...sa("A very rare cactus"),...ia("https://res.cloudinary.com/saasquatch/image/upload/v1644000224/squatch-assets/hhlF2Ey.png"),...na("2000 SaaSquatch Points")},{...ta,available:!1,unavailableReasonCode:"US_TAX",...sa("$1000 Store credit with a really super long name in the front page"),...ia("https://res.cloudinary.com/saasquatch/image/upload/v1644000273/squatch-assets/y9HSls1.png"),...na("2000 SaaSquatch Long Points")},{...ta,...la,...sa("A holiday gift box"),...ia("https://res.cloudinary.com/saasquatch/image/upload/v1644000223/squatch-assets/dWEdB3p.png"),...na("100 SaaSquatch Points")}],pa={...aa(ua)},va={...aa(ca)},ga={...aa([{...ta,...la,...sa("Lorem ipsum dolor sit amet consectetur adipisicing elit. Sunt ratione a itaque non obcaecati iste, amet repudiandae at consequatur adipisci culpa nam, incidunt exercitationem aliquid."),...ia("https://res.cloudinary.com/saasquatch/image/upload/v1644000223/squatch-assets/dWEdB3p.png"),...na("Lorem ipsum dolor sit amet consectetur adipisicing elit. Sunt ratione a itaque non obcaecati iste, amet repudiandae at consequatur adipisci culpa nam, incidunt exercitationem aliquid.")},{...ta,...sa("Lorem ipsum dolor sit amet consectetur adipisicing elit. Sunt ratione a itaque non obcaecati iste, amet repudiandae at consequatur adipisci culpa nam, incidunt exercitationem aliquid."),...ia("https://res.cloudinary.com/saasquatch/image/upload/v1644000273/squatch-assets/y9HSls1.png"),...na("Lorem ipsum dolor sit amet consectetur adipisicing elit. Sunt ratione a itaque non obcaecati iste, amet repudiandae at consequatur adipisci culpa nam, incidunt exercitationem aliquid.")},{...ta,...sa("Suuuuuuuuper aweeeeesssssoooommme reward!!!!!!"),...ia("https://res.cloudinary.com/saasquatch/image/upload/v1644000270/squatch-assets/WkCMVSE.png"),...na("Lorem ipsum dolor sit amet consectetur adipisicing elit. Sunt ratione a itaque non obcaecati iste, amet repudiandae at consequatur adipisci culpa nam, incidunt exercitationem aliquid.")},...ua])},ma={...aa([{...ta,available:!1,unavailableReasonCode:"NOT_CHAMPION",...sa("A very rare cactus"),...ia("https://res.cloudinary.com/saasquatch/image/upload/v1644000224/squatch-assets/hhlF2Ey.png"),...na("2000 SaaSquatch Points")},...ua])},fa={...aa(ua,"chooseReward",{...ta,...ra,...sa("Visa® Prepaid Card USD"),...ia("https://res.cloudinary.com/saasquatch/image/upload/v1644000268/squatch-assets/veHErQX.png"),...da(20,80,"Points")})},ha=(e,a,t,l,r=!0,i=null)=>({destinationValue:e,prettyDestinationValue:a+e,sourceValue:t,prettySourceValue:t+" "+l,available:r,unavailableReasonCode:i}),ba={...aa(ua,"chooseAmount",{...ta,...sa("Visa® Prepaid Card USD"),...ia("https://res.cloudinary.com/saasquatch/image/upload/v1644000268/squatch-assets/veHErQX.png"),...da(20,80,"Points"),steps:[ha(20,"$",40,"Points"),ha(30,"$",60,"Points"),ha(40,"$",80,"Points"),ha(50,"$",100,"Points"),ha(60,"$",120,"Points")]})},xa={...aa(ua,"chooseAmount",{...ta,...sa("Visa® Prepaid Card USD"),...oa(""),...ia("https://i.imgur.com/veHErQX.png"),...da(20,80,"Points"),steps:[ha(20,"$",40,"Points"),ha(30,"$",60,"Points"),ha(40,"$",80,"Points"),ha(50,"$",100,"Points"),ha(60,"$",120,"Points")]})},ya={...aa(ua,"chooseAmount",{...ta,...sa("Visa® Prepaid Card USD"),...ia("https://res.cloudinary.com/saasquatch/image/upload/v1644000268/squatch-assets/veHErQX.png"),...da(20,80,"Points"),steps:[ha(20,"$",40,"Points"),ha(30,"$",60,"Points"),ha(40,"$",80,"Points",!1,"INSUFFICIENT_REDEEMABLE_CREDIT"),ha(50,"$",100,"Points",!1,"INSUFFICIENT_REDEEMABLE_CREDIT"),ha(60,"$",120,"Points",!1,"INSUFFICIENT_REDEEMABLE_CREDIT")]})},wa={...aa(ua,"chooseAmount",{...ta,...sa("Visa® Prepaid Card USD"),...ia("https://res.cloudinary.com/saasquatch/image/upload/v1644000268/squatch-assets/veHErQX.png"),...da(20,80,"Points"),steps:[ha(20,"$",40,"Points"),ha(30,"$",60,"Points"),ha(40,"$",80,"Points",!1,"US_TAX"),ha(50,"$",100,"Points",!1,"US_TAX"),ha(60,"$",120,"Points",!1,"US_TAX")]})},Ca={...aa(ua,"chooseAmount",{...ta,...sa("Free swag with a promo code"),...ia("https://res.cloudinary.com/saasquatch/image/upload/v1644000252/squatch-assets/n7vC4BR.png"),...na("40 SaaSquatch Points")})},Ea={...aa(ua,"chooseAmount",{...ta,...oa(""),...sa("Free swag with a promo code"),...ia("https://i.imgur.com/n7vC4BR.png"),...na("40 SaaSquatch Points")})},_a={...aa(ua,"confirmation",{...ta,...sa("Free swag with a promo code"),...ia("https://res.cloudinary.com/saasquatch/image/upload/v1644000252/squatch-assets/n7vC4BR.png"),...na("40 SaaSquatch Points")})},Ra={...aa(ua,"confirmation",{...ta,...sa("Visa® Prepaid Card USD"),...ia("https://res.cloudinary.com/saasquatch/image/upload/v1644000268/squatch-assets/veHErQX.png"),...da(20,80,"Points")},ha(20,"$",40,"Points"))},Sa={...aa(ua,"confirmation",{...ta,...sa("Visa® Prepaid Card USD"),...ia("https://res.cloudinary.com/saasquatch/image/upload/v1644000268/squatch-assets/veHErQX.png"),...da(20,80,"Points")},ha(20,"$",40,"Points"),!0)},ka={...aa(void 0,"chooseReward",void 0,void 0,void 0,void 0,void 0,void 0,!0)},qa={...aa(ua,"success",{...ta,...sa("Free swag with a promo code"),...ia("https://res.cloudinary.com/saasquatch/image/upload/v1644000252/squatch-assets/n7vC4BR.png"),...na("40 SaaSquatch Points")},void 0,void 0,void 0,"4ah2-hh46-gk7r")},Ia={...aa(ua,"success",{...ta,...sa("Visa® Prepaid Card USD"),...ia("https://res.cloudinary.com/saasquatch/image/upload/v1644000223/squatch-assets/93BvEgH.png"),...da(20,80,"Points")},ha(20,"$",40,"Points"))},Aa={...aa(null,"chooseReward",null,null,!1,!0)},Ma={...aa(null,"chooseReward",null,null,!1,!1,null,!0)};function Ta(a,t){const l=C({Container:{columnGap:a.gap+"px",columnWidth:a.width+"px","& > div":{marginBottom:"24px"}}}),r=l.toString();return e("div",null,e("style",{type:"text/css"},r,"\n :host{\n display: block; \n }\n\n "),e("div",{class:l.classes.Container},t))}function $a(e,a,t){return Math.min(Math.max(e,t),a)}class za extends Error{constructor(e){super(`Failed to parse color: "${e}"`)}}function Da(e){if("string"!=typeof e)throw new za(e);if("transparent"===e.trim().toLowerCase())return[0,0,0,0];let a=e.trim();a=Ua.test(e)?function(e){const a=e.toLowerCase().trim(),t=Ba[function(e){let a=5381,t=e.length;for(;t;)a=33*a^e.charCodeAt(--t);return(a>>>0)%2341}(a)];if(!t)throw new za(e);return`#${t}`}(e):e;const t=La.exec(a);if(t){const e=Array.from(t).slice(1);return[...e.slice(0,3).map((e=>parseInt(Fa(e,2),16))),parseInt(Fa(e[3]||"f",2),16)/255]}const l=Va.exec(a);if(l){const e=Array.from(l).slice(1);return[...e.slice(0,3).map((e=>parseInt(e,16))),parseInt(e[3]||"ff",16)/255]}const r=Ha.exec(a);if(r){const e=Array.from(r).slice(1);return[...e.slice(0,3).map((e=>parseInt(e,10))),parseFloat(e[3]||"1")]}const i=ja.exec(a);if(i){const[a,t,l,r]=Array.from(i).slice(1).map(parseFloat);if($a(0,100,t)!==t)throw new za(e);if($a(0,100,l)!==l)throw new za(e);return[...Wa(a,t,l),r||1]}throw new za(e)}const Pa=e=>parseInt(e.replace(/_/g,""),36),Ba="1q29ehhb 1n09sgk7 1kl1ekf_ _yl4zsno 16z9eiv3 1p29lhp8 _bd9zg04 17u0____ _iw9zhe5 _to73___ _r45e31e _7l6g016 _jh8ouiv _zn3qba8 1jy4zshs 11u87k0u 1ro9yvyo 1aj3xael 1gz9zjz0 _3w8l4xo 1bf1ekf_ _ke3v___ _4rrkb__ 13j776yz _646mbhl _nrjr4__ _le6mbhl 1n37ehkb _m75f91n _qj3bzfz 1939yygw 11i5z6x8 _1k5f8xs 1509441m 15t5lwgf _ae2th1n _tg1ugcv 1lp1ugcv 16e14up_ _h55rw7n _ny9yavn _7a11xb_ 1ih442g9 _pv442g9 1mv16xof 14e6y7tu 1oo9zkds 17d1cisi _4v9y70f _y98m8kc 1019pq0v 12o9zda8 _348j4f4 1et50i2o _8epa8__ _ts6senj 1o350i2o 1mi9eiuo 1259yrp0 1ln80gnw _632xcoy 1cn9zldc _f29edu4 1n490c8q _9f9ziet 1b94vk74 _m49zkct 1kz6s73a 1eu9dtog _q58s1rz 1dy9sjiq __u89jo3 _aj5nkwg _ld89jo3 13h9z6wx _qa9z2ii _l119xgq _bs5arju 1hj4nwk9 1qt4nwk9 1ge6wau6 14j9zlcw 11p1edc_ _ms1zcxe _439shk6 _jt9y70f _754zsow 1la40eju _oq5p___ _x279qkz 1fa5r3rv _yd2d9ip _424tcku _8y1di2_ _zi2uabw _yy7rn9h 12yz980_ __39ljp6 1b59zg0x _n39zfzp 1fy9zest _b33k___ _hp9wq92 1il50hz4 _io472ub _lj9z3eo 19z9ykg0 _8t8iu3a 12b9bl4a 1ak5yw0o _896v4ku _tb8k8lv _s59zi6t _c09ze0p 1lg80oqn 1id9z8wb _238nba5 1kq6wgdi _154zssg _tn3zk49 _da9y6tc 1sg7cv4f _r12jvtt 1gq5fmkz 1cs9rvci _lp9jn1c _xw1tdnb 13f9zje6 16f6973h _vo7ir40 _bt5arjf _rc45e4t _hr4e100 10v4e100 _hc9zke2 _w91egv_ _sj2r1kk 13c87yx8 _vqpds__ _ni8ggk8 _tj9yqfb 1ia2j4r4 _7x9b10u 1fc9ld4j 1eq9zldr _5j9lhpx _ez9zl6o _md61fzm".split(" ").reduce(((e,a)=>{const t=Pa(a.substring(0,3)),l=Pa(a.substring(3)).toString(16);let r="";for(let e=0;e<6-l.length;e++)r+="0";return e[t]=`${r}${l}`,e}),{}),Fa=(e,a)=>Array.from(Array(a)).map((()=>e)).join(""),La=new RegExp(`^#${Fa("([a-f0-9])",3)}([a-f0-9])?$`,"i"),Va=new RegExp(`^#${Fa("([a-f0-9]{2})",3)}([a-f0-9]{2})?$`,"i"),Ha=new RegExp(`^rgba?\\(\\s*(\\d+)\\s*${Fa(",\\s*(\\d+)\\s*",2)}(?:,\\s*([\\d.]+))?\\s*\\)$`,"i"),ja=/^hsla?\(\s*([\d.]+)\s*,\s*([\d.]+)%\s*,\s*([\d.]+)%(?:\s*,\s*([\d.]+))?\s*\)$/i,Ua=/^[a-z]+$/i,Na=e=>Math.round(255*e),Wa=(e,a,t)=>{let l=t/100;if(0===a)return[l,l,l].map(Na);const r=(e%360+360)%360/60,i=(1-Math.abs(2*l-1))*(a/100),s=i*(1-Math.abs(r%2-1));let o=0,n=0,d=0;r>=0&&r<1?(o=i,n=s):r>=1&&r<2?(o=s,n=i):r>=2&&r<3?(n=i,d=s):r>=3&&r<4?(n=s,d=i):r>=4&&r<5?(o=s,d=i):r>=5&&r<6&&(o=i,d=s);const c=l-i/2;return[o+c,n+c,d+c].map(Na)},Oa=[50,100,200,300,400,500,600,700,800,900,950],Za=[.95,.86,.76,.66,.56,.46,.39,.32,.25,.18,.15],Ga=/^hsla?\(\s*([\d.]+)\s*,\s*([\d.]+)%\s*,\s*([\d.]+)%(?:\s*,\s*([\d.]+))?\s*\)$/i;function Xa(e,a="primary"){const[t,l,r,i]=function(e){const a=e.trim(),t=Ga.exec(a);if(t){const[a,l,r,i]=Array.from(t).slice(1).map(parseFloat);if($a(0,100,l)!==l)throw new za(e);if($a(0,100,r)!==r)throw new za(e);return[a,l/100,r,i||1]}return function(e){const[a,t,l,r]=Da(e).map(((e,a)=>3===a?e:e/255)),i=Math.max(a,t,l),s=Math.min(a,t,l),o=(i+s)/2;if(i===s)return[0,0,o,r];const n=i-s;return[60*(a===i?(t-l)/n+(t<l?6:0):t===i?(l-a)/n+2:(a-t)/n+4),o>.5?n/(2-i-s):n/(i+s),o,r]}(e)}(e);return Za.map((e=>function(e,a,t,l){return`hsla(${(e%360).toFixed()}, ${$a(0,100,100*a).toFixed()}%, ${$a(0,100,100*t).toFixed()}%, ${parseFloat($a(0,1,l).toFixed(3))})`}(t,l,e,i))).map(((e,t)=>`--sl-color-${a}-${Oa[t]}: ${e};\n`))}function Qa(e,a="primary"){return Xa(e,a).join("\n")}const Ja=new Map;function Ka(e){const a=l(e);let t=e.render.bind(e);e.render=()=>{const e=a.getAttribute("stencilbook-shadow-view");if(e){const a=Ja.get(e);if(a)return a}return t()}}const Ya=({story:a},t)=>{var l;let r=null===(l=a.parent.parameters)||void 0===l?void 0:l.tagname;if(!r)return t;const i=Math.round(1e5*Math.random());return Ja.set(i+"",t),e("stencilbook-shawdow-view-"+i,null,e(r,{"stencilbook-shadow-view":i}))};export{Ma as A,V as B,Pe as C,Le as D,N as E,pa as F,Ta as G,Qa as H,Ue as I,Ya as J,oe as K,P as L,Ka as M,$e as N,va as O,U as P,ee as Q,Ae as R,$ as S,Ie as T,L as a,Q as b,ne as c,de as d,ce as e,ve as f,he as g,Re as h,ea as i,ga as j,fa as k,Ca as l,Ea as m,ba as n,xa as o,ya as p,wa as q,ma as r,_a as s,Ra as t,Z as u,Sa as v,ka as w,qa as x,Ia as y,Aa as z}
|
|
268
|
+
`,{fieldName:t,goalId:l,locale:a},(e=>{var a,l,r;const i=null===(r=null===(l=null===(a=e.data)||void 0===a?void 0:a.viewer)||void 0===l?void 0:l.customFields)||void 0===r?void 0:r[t];return{value:i||0,statvalue:(null==i?void 0:i.toString())||"0"}}))}},ie=[{name:"programGoals",route:"/(programGoals)/:metricType/:goalId"},{name:"customFields",route:"/(customFields)/:customField"},{name:"referralsCount",route:"/(referralsCount)/:status?"},{name:"referralsMonth",route:"/(referralsMonth)"},{name:"referralsWeek",route:"/(referralsWeek)"},{name:"rewardsCount",route:"/(rewardsCount)/:global?"},{name:"rewardsMonth",route:"/(rewardsMonth)/:global?"},{name:"rewardsWeek",route:"/(rewardsWeek)/:global?"},{name:"rewardsCountFiltered",route:"/(rewardsCountFiltered)/:statType([INTEGRATION|PCT_DISCOUNT|CREDIT]*)?/:unit((?!global)(?!PENDING)(?!CANCELLED)(?!EXPIRED)(?!REDEEMED)(?!AVAILABLE)[a-zA-Z0-9%]+)?/:status([PENDING|CANCELLED|EXPIRED|REDEEMED|AVAILABLE]*)?/:global?"},{name:"integrationRewardsCountFiltered",route:"/(integrationRewardsCountFiltered)/:status([PENDING|CANCELLED|EXPIRED|REDEEMED|AVAILABLE]*)?/:global?"},{name:"rewardsAssigned",route:"/(rewardsAssigned)/:statType/:unit/:global?"},{name:"rewardsRedeemed",route:"/(rewardsRedeemed)/:statType/:unit/:global?"},{name:"rewardsAvailable",route:"/(rewardsAvailable)/:statType/:unit/:global?"},{name:"rewardBalance",route:"/(rewardBalance)/:statType/:unit/:format([prettyValue|value]*)?/:global?"}],se=ie.map((e=>ee(e.route)));function oe(e){var a;const{statType:t,flexReverse:l,alignment:r,programId:i=d()}=e,o=m(),n=c(),u=s((()=>se.find((e=>e.exec(t)))),[t]);if(!(null==u?void 0:u.exec(t)))return{props:{value:0,statvalue:"!!!",flexReverse:l,alignment:r,loading:!1},label:"BAD PROP TYPE"};const p=u.exec(t)[1],v=ie.find((e=>e.name===p)),g=[],f=ee(null==v?void 0:v.route,g,{strict:!1,sensitive:!1,end:!0}).exec(t),h=g.map(((e,a)=>f[a+1]?decodeURIComponent(f[a+1]):void 0));h.shift();const b=re[p].label,x=(null==n?void 0:n.jwt)&&re[p].query(i,o,...h);return ae("stat:",x),{props:{value:null==x?void 0:x.value,statvalue:null!==(a=null==x?void 0:x.statvalue)&&void 0!==a?a:"...",loading:null==x?void 0:x.loading,flexReverse:l,alignment:r},label:b}}function ne(e){const{statType:a}=e,t=s((()=>se.find((e=>e.exec(a)))),[a]);if(!(null==t?void 0:t.exec(a)))return{props:{value:0,statvalue:"!!!",loading:!1,flexReverse:!1,alignment:"center"},label:"BAD PROP TYPE"};const l=t.exec(a),r=re[l[1]].label;return{props:f({statvalue:"12345",value:0,flexReverse:!1,alignment:"center"},e.demoData||{},{arrayMerge:(e,a)=>a}),label:null!=r?r:"Demo Label"}}function de(a,t){const l=()=>{const e=getComputedStyle(document.documentElement).getPropertyValue(`--sl-spacing-${a.space}`);return`${Math.floor(parseInt(e)/2)}rem`},r={StatContainer:{width:"100%",display:a.display||"grid","grid-template-columns":"repeat(auto-fill, minmax(130px, auto))",gap:l(),"& > *":{"border-right":"1px solid #EAEAEA","padding-right":l()},"& > :last-child":{"border-right":"none"},"& > ::slotted(*)":{"border-right":"1px solid #EAEAEA","padding-right":l(),height:"100%"},"& > ::slotted(*:last-child)":{"border-right":"none"}},StatFrame:{display:"flex"},BorderFix:{"border-right":"1px solid transparent",width:"0px","margin-left":"-1px"}},i=C(r),s=i.toString();return e("div",{class:i.classes.StatFrame},e("div",{class:i.classes.StatContainer},e("style",{type:"text/css"},s),t),e("div",{class:i.classes.BorderFix}))}function ce(a){const{states:t,callbacks:l}=a,r=C({Dialog:{padding:"0","&::part(close-button)":{"margin-top":"var(--sl-spacing-medium)"},"&::part(body)":{padding:"0 var(--sl-spacing-x-large) var(--sl-spacing-x-large) var(--sl-spacing-x-large)"}},Error:{"&::part(erroralert-base)":{"margin-bottom":"15px"}},Success:{"&::part(successalert-base)":{"margin-bottom":"15px"}},InputContainer:{"& > :not(:last-child)":{"margin-bottom":"var(--sl-spacing-x-large)"}},CancelButton:{width:"25%",margin:"var(--sl-spacing-large) auto"},PasswordField:{marginBottom:"var(--sl-spacing-large) !important",display:"block"},ChangePasswordButton:{paddingTop:"var(--sl-spacing-x-large)"}}),i=r.toString();return e("div",null,e("style",{type:"text/css"},i),e("sl-dialog",{class:r.classes.Dialog,open:t.open,"onSl-hide":()=>l.setOpen(!1)},e(I,Object.assign({},{labelMargin:"x-large",padding:"none",label:e(k,Object.assign({},{type:"h2"}),t.content.modalChangePasswordHeader),content:e(q,Object.assign({},{direction:"column",padding:"none",gap:"32px"}),t.error&&e("sqm-form-message",{class:r.classes.Error,type:"error",exportparts:"erroralert-icon"},e("div",{part:"erroralert-text"},t.error)),t.success&&e("sqm-form-message",{class:r.classes.Success,type:"success",exportparts:"successalert-icon"},e("div",{part:"successalert-text"},t.content.successMessage)),e("sl-form",{"onSl-submit":l.submit},e("div",{class:r.classes.InputContainer},e("sqm-password-field",{exportparts:"input-label: input-label",class:r.classes.PasswordField,fieldLabel:t.content.passwordFieldLabel}),e("sl-input",{exportparts:"label: input-label",name:"/confirmPassword",label:t.content.confirmPasswordFieldLabel,required:!0,togglePassword:!0,disabled:t.loading,type:"password"})),e(q,Object.assign({},{direction:"row",padding:"none",gap:"20px"}),e("sl-button",{class:r.classes.ChangePasswordButton,type:"primary",submit:!0,loading:t.loading},t.content.changePasswordButtonText),e("sl-button",{class:r.classes.CancelButton,type:"text",onClick:()=>l.setOpen(!1)},t.content.cancelText))))}))),e(I,Object.assign({},{labelMargin:"x-large",padding:"xxx-large",label:e(k,Object.assign({},{type:"h2"}),t.content.portalChangePasswordHeader),content:e("sl-button",{onClick:()=>l.setOpen(!0)},t.content.portalChangePasswordButtonText)}),e("style",{type:"text/css"},i)))}const ue=C({Wrapper:b,Column:x,ForgotButtonContainer:{display:"inline",cursor:"pointer","font-size":"13px","font-weight":"600",color:"#AAAAAA",margin:"0"},ButtonsContainer:y}),pe=ue.toString();function ve(a){const{states:t,callbacks:l,content:r}=a;return e("div",{class:ue.classes.Wrapper},e("style",{type:"text/css"},"\n:host {\n display: block;\n}\n:host([hidden]): {\n display: none;\n}\n",pe),e(k,{type:"h3"},r.pageLabel),e("sl-form",{class:ue.classes.Column,"onSl-submit":l.submit},a.states.error&&e("sqm-form-message",{type:"error",exportparts:"erroralert-icon"},e("div",{part:"erroralert-text"},a.states.error)),e("sl-input",{exportparts:"label: input-label",type:"email",name:"/email",label:r.emailLabel||"Email",disabled:t.loading,required:!0}),e("div",null,e("sl-input",{exportparts:"label: input-label",type:"password",name:"/password",label:r.passwordLabel||"Password",disabled:t.loading,required:!0}),e("div",{class:ue.classes.ForgotButtonContainer},r.forgotPasswordButton)),e("div",{class:ue.classes.ButtonsContainer},e("sl-button",{submit:!0,loading:t.loading,exportparts:"base: primarybutton-base",type:"primary"},r.submitLabel||"Login"),r.secondaryButton)))}const ge={Wrapper:{...b,"max-width":"600px"},Column:x,HostBlock:h,":host":{margin:"0 auto",width:"100%"},ButtonsContainer:y,ErrorStyle:w},me=C(ge),fe=me.toString();function he(a){var t,l,r,i,s,o,n,d;const{states:c,refs:u,callbacks:p,content:v}=a;return c.error&&window.scrollTo({top:0,left:0,behavior:"smooth"}),e("div",{class:me.classes.Wrapper},e("style",{type:"text/css"},"\nsqm-portal-register {\n margin: 0 auto;\n width: 100%;\n display: block;\n}\n\n:host{\n display: block;\n}\n\n:host([hidden]) {\n display: none;\n}\n",fe),e(k,{type:"h3"},v.pageLabel),e("sl-form",{class:me.classes.Column,"onSl-submit":p.submit,ref:e=>u.formRef.current=e,novalidate:!0},c.error&&e("sqm-form-message",{type:"error",exportparts:"erroralert-icon"},e("div",{part:"erroralert-text"},a.states.error)),v.formData,!c.hideInputs&&e("sl-input",Object.assign({exportparts:"label: input-label",type:"email",name:"/email",label:v.emailLabel||"Email",disabled:c.loading,required:!0,validationError:({value:e})=>e?e.includes("@")?void 0:"Must be a valid email address":"Cannot be empty"},(null===(l=null===(t=c.validationState)||void 0===t?void 0:t.validationErrors)||void 0===l?void 0:l.email)?{class:me.classes.ErrorStyle,helpText:(null===(i=null===(r=c.validationState)||void 0===r?void 0:r.validationErrors)||void 0===i?void 0:i.email)||"Cannot be empty"}:[])),!c.hideInputs&&e("sqm-password-field",{fieldLabel:v.passwordLabel,"enable-validation":c.enablePasswordValidation}),v.passwordField,!c.hideInputs&&c.confirmPassword&&e("sl-input",Object.assign({exportparts:"label: input-label",type:"password",name:"/confirmPassword",label:v.confirmPasswordLabel,disabled:c.loading,required:!0},(null===(o=null===(s=c.validationState)||void 0===s?void 0:s.validationErrors)||void 0===o?void 0:o.confirmPassword)?{class:me.classes.ErrorStyle,helpText:(null===(d=null===(n=c.validationState)||void 0===n?void 0:n.validationErrors)||void 0===d?void 0:d.confirmPassword)||"Cannot be empty"}:[])),v.terms,e("div",{class:me.classes.ButtonsContainer},e("sl-button",{submit:!0,loading:c.loading,exportparts:"base: primarybutton-base",type:"primary"},v.submitLabel||"Register"),v.secondaryButton)))}const be=C({Description:{"& input[type=checkbox]":{display:"none"},"& input:checked ~ .details":{transform:"rotate(-180deg)"},"& .details":{position:"absolute",top:"var(--sl-spacing-medium)",right:"var(--sl-spacing-medium)",color:"var(--sl-color-neutral-700)",fontSize:"var(--sl-font-size-large)","& :hover":{color:"var(--sl-color-primary-700)"},transformOrigin:"50% 37%",transition:"transform var(--sl-transition-medium) ease",cursor:"pointer"},"& input:checked ~ .summary":{transition:"all var(--sl-transition-medium) ease",maxHeight:"300px",marginBottom:"var(--sl-spacing-x-large)"},"& input:checked ~ .summary[progress-bar]":{marginBottom:"var(--sl-spacing-xx-large)"},"& .summary":{display:"block",overflow:"hidden",fontSize:"var(--sl-font-size-small)",maxHeight:"0px",transition:"all var(--sl-transition-fast) ease-out",marginBottom:"var(--sl-spacing-medium)"}}}),xe=be.toString();function ye(a){const t=Math.random().toString(36).slice(2);return e("div",{style:{opacity:a.opacity}},e("style",{type:"text/css"},xe),e("span",{class:be.classes.Description},e("input",{type:"checkbox",id:"details-"+t}),e("label",{class:"details",htmlFor:"details-"+t},e("sl-icon",{name:"chevron-down"})),e("span",{class:"summary","progress-bar":a.progressBar},a.content.description)))}const we=()=>e("svg",{width:"16",height:"16",viewBox:"0 0 16 16",fill:"none",xmlns:"http://www.w3.org/2000/svg"},e("path",{d:"M15 5H12.4508H9V16H13.5C14.0523 16 14.5 15.5523 14.5 15V9H15C15.5523 9 16 8.55228 16 8V6C16 5.44772 15.5523 5 15 5Z",fill:"#F2C94C"}),e("path",{d:"M1.5 9V15C1.5 15.5523 1.94772 16 2.5 16H7V5H4.64242H1C0.447715 5 0 5.44772 0 6V8C0 8.55228 0.447715 9 1 9H1.5Z",fill:"#F2C94C"}),e("path",{"fill-rule":"evenodd","clip-rule":"evenodd",d:"M1.5 9V10H14.5V9H1.5Z",fill:"#BE9720"}),e("path",{"fill-rule":"evenodd","clip-rule":"evenodd",d:"M14 2.70949C14 3.59565 12.6694 4.93746 12 5H9V16H7.00179V5H4.58792C3.21247 4.70182 2 3.64537 2 2.52072C2 1.42474 2.47603 0.556701 3.34184 0.182041C4.16921 -0.175986 5.12452 0.0203328 5.87976 0.544666C6.80676 1.18825 7.32679 2.3963 7.79856 3.49226C7.83996 3.58845 7.88099 3.68378 7.9219 3.77778C7.96173 3.68865 8.00186 3.59793 8.0425 3.50608C8.50995 2.44948 9.04359 1.24325 9.9404 0.59563C10.7332 0.0231438 11.741 -0.193157 12.6121 0.198945C13.5129 0.604397 14 1.53453 14 2.70949ZM10.6123 1.5C11.0928 1.15305 11.668 1.09012 12.1597 1.5C12.5879 1.85694 12.6108 2.02497 12.6658 2.42926L12.6755 2.5C12.6755 3.09851 12.1597 4 11.6439 4C11.2785 4 10.9914 3.99691 10.7224 3.99402C10.2319 3.98875 9.80131 3.98412 9.06496 4C9.20533 3.72786 9.31743 3.46669 9.42434 3.21761C9.71026 2.55143 9.95907 1.97176 10.6123 1.5ZM4.93861 1.5C4.70607 1.33855 4.17281 1.4106 3.95166 1.5063C3.76894 1.58537 3.49602 1.82658 3.49602 2.52072C3.49602 3.19524 4.58792 3.77778 4.58792 3.77778C4.58792 3.77778 5.45441 4 7.00179 4C6.47506 2.69451 5.7289 2.04867 4.93861 1.5Z",fill:"#EB5757"})),Ce=()=>e("svg",{width:"16",height:"16",viewBox:"0 0 16 16",fill:"none",xmlns:"http://www.w3.org/2000/svg"},e("path",{d:"M15 5H12.4508H9V16H13.5C14.0523 16 14.5 15.5523 14.5 15V9H15C15.5523 9 16 8.55228 16 8V6C16 5.44772 15.5523 5 15 5Z",fill:"#C9C9C9"}),e("path",{d:"M1.5 9V15C1.5 15.5523 1.94772 16 2.5 16H7V5H4.64242H1C0.447715 5 0 5.44772 0 6V8C0 8.55228 0.447715 9 1 9H1.5Z",fill:"#C9C9C9"}),e("path",{"fill-rule":"evenodd","clip-rule":"evenodd",d:"M1.5 9V10H14.5V9H1.5Z",fill:"#A5A3A3"}),e("path",{"fill-rule":"evenodd","clip-rule":"evenodd",d:"M14 2.70949C14 3.59565 12.6694 4.93746 12 5H9V16H7.00179V5H4.58792C3.21247 4.70182 2 3.64537 2 2.52072C2 1.42474 2.47603 0.556701 3.34184 0.182041C4.16921 -0.175986 5.12452 0.0203328 5.87976 0.544666C6.80676 1.18825 7.32679 2.3963 7.79856 3.49226C7.83996 3.58845 7.88099 3.68378 7.9219 3.77778C7.96173 3.68865 8.00186 3.59793 8.0425 3.50608C8.50995 2.44948 9.04359 1.24325 9.9404 0.59563C10.7332 0.0231438 11.741 -0.193157 12.6121 0.198945C13.5129 0.604397 14 1.53453 14 2.70949ZM10.6123 1.5C11.0928 1.15305 11.668 1.09012 12.1597 1.5C12.5879 1.85694 12.6108 2.02497 12.6658 2.42926L12.6755 2.5C12.6755 3.09851 12.1597 4 11.6439 4C11.2785 4 10.9914 3.99691 10.7224 3.99402C10.2319 3.98875 9.80131 3.98412 9.06496 4C9.20533 3.72786 9.31743 3.46669 9.42434 3.21761C9.71026 2.55143 9.95907 1.97176 10.6123 1.5ZM4.93861 1.5C4.70607 1.33855 4.17281 1.4106 3.95166 1.5063C3.76894 1.58537 3.49602 1.82658 3.49602 2.52072C3.49602 3.19524 4.58792 3.77778 4.58792 3.77778C4.58792 3.77778 5.45441 4 7.00179 4C6.47506 2.69451 5.7289 2.04867 4.93861 1.5Z",fill:"#828282"})),Ee=C({ProgressBar:{"& .progress-bar":{height:"0",marginTop:"var(--sl-spacing-large)",marginBottom:"var(--sl-spacing-xxx-large)",marginRight:"var(--sl-spacing-x-small)",fontSize:"var(--sl-font-size-x-small)",display:"grid",lineHeight:"45px",userSelect:"none"},"& .progress-bar.repeatable-steps":{marginLeft:"var(--sl-spacing-x-small)"},"&[data-steps]":{marginTop:"calc(-1*var(--sl-spacing-x-small))"},"&[data-steps] .progress-bar":{marginTop:"var(--sl-spacing-medium)"},"&[data-expired] .progress::after":{backgroundColor:"#bfbfbf"},"&[data-expired] .filled::after":{backgroundColor:"#bfbfbf"},"&[data-complete] .filled::after .progress::after":{backgroundColor:"var(--sl-color-primary-200)"},"& .gift":{textAlign:"center",marginLeft:"-100px",marginRight:"-100px",position:"relative",top:"-18px"},"& .gift.start":{transform:"scale(80%)",top:"-20px"},"& .filled:after":{content:'""',display:"flex",width:"100%",height:"4px",borderRadius:"4px",backgroundColor:"var(--sl-color-primary-300)"},"& .progress":{display:"block",textAlign:"center",marginLeft:"-100px",marginRight:"-100px"},"& .progress::after":{content:'""',width:"12px",height:"12px",display:"flex",backgroundColor:"var(--sl-color-primary-300)",borderRadius:"50%",position:"relative",left:"47%",top:"-85%"},"& .progress.bg:after":{width:"0",height:"0",border:"none"},"& .progress.top":{position:"relative",top:"-40px"},"& .progress.top:after":{top:"-16%"},"& .empty":{display:"block",textAlign:"center",marginLeft:"-100px",marginRight:"-100px"},"& .empty::after":{content:'""',width:"12px",height:"12px",border:"2px solid #E0E0E0",margin:"-2px",display:"flex",backgroundColor:"white",borderRadius:"50%",position:"relative",left:"47%",top:"-85%"},"& .empty.bg:after":{width:"0",height:"0",border:"none"},"& .remain:after":{content:'""',display:"flex",width:"100%",height:"4px",borderRadius:"4px",backgroundColor:"#E0E0E0"}}},{classNamePrefix:"sqm-prog-bar"}),_e=Ee.toString();function Re(a){const{progress:t=0,goal:l=1,steps:r=!1,progressBarUnit:i="",repeatable:s=!1,complete:o=!1,expired:n=!1,finite:d=0,opacity:c="1"}=a;let u=function(a,t,l){return a?t?function({progress:a,goal:t,finite:l,expired:r}){const i=[],s=[];let o=Math.floor(a/t);if(o<2){let l=1/t;for(let o=1;o<2*t+1;o++)s.push(l+"fr"),s.push("0fr"),o>a?o==t?(s.push("0fr"),i.push(e("div",{class:"remain"})),i.push(e("div",{class:"empty bg"},t)),i.push(e("div",{class:"gift"},e(Ce,null)))):o==2*t?(s.push("0fr"),s.push("0fr"),i.push(e("div",{class:"remain"})),i.push(e("div",{class:"empty bg"},2*t)),i.push(e("div",{class:"gift"},e(Ce,null)))):(i.push(e("div",{class:"remain"})),i.push(e("div",{class:"empty"},o))):o==t?(s.push("0fr"),i.push(e("div",{class:"filled"})),i.push(e("div",{class:"progress bg"},o)),i.push(e("div",{class:"gift"},e(r?Ce:we,null)))):(i.push(e("div",{class:"filled"})),i.push(e("div",{class:"progress"},o)))}else if(l&&o>=l){let n=1/t;o>2&&(s.push("0fr"),s.push("0fr"),i.push(e("div",{class:"progress bg"},t*(l-2))),i.push(e("div",{class:"gift start"},e(r?Ce:we,null))));for(let o=1;o<2*t+1;o++)s.push(n+"fr"),s.push("0fr"),o>a?o==t&&(s.push("0fr"),i.push(e("div",{class:"remain"})),i.push(e("div",{class:"progress bg"},t*(l-1))),i.push(e("div",{class:"gift"},e(Ce,null)))):o==t?(s.push("0fr"),i.push(e("div",{class:"filled"})),i.push(e("div",{class:"progress bg"},t*(l-1))),i.push(e("div",{class:"gift"},e(r?Ce:we,null)))):o==2*t?(s.push("0fr"),s.push("0fr"),i.push(e("div",{class:"filled"})),i.push(e("div",{class:"progress bg"},t*l)),i.push(e("div",{class:"gift"},e(r?Ce:we,null)))):(i.push(e("div",{class:"filled"})),i.push(e("div",{class:"progress"},o+t*(l-2))))}else{let l=a%t+t,n=1/t;s.push("0fr"),s.push("0fr"),i.push(e("div",{class:"progress bg"},t*(o-1))),i.push(e("div",{class:"gift start"},e(r?Ce:we,null)));for(let a=1;a<2*t+1;a++)s.push(n+"fr"),s.push("0fr"),a<=t?a==t?(s.push("0fr"),i.push(e("div",{class:"filled"})),i.push(e("div",{class:"progress bg"},a+t*(o-1))),i.push(e("div",{class:"gift"},e(r?Ce:we,null)))):(i.push(e("div",{class:"filled"})),i.push(e("div",{class:"progress"},a+t*(o-1)))):a>l?a==2*t?(s.push("0fr"),s.push("0fr"),i.push(e("div",{class:"remain"})),i.push(e("div",{class:"empty bg"},a+t*(o-1))),i.push(e("div",{class:"gift"},e(Ce,null)))):(i.push(e("div",{class:"remain"})),i.push(e("div",{class:"empty"},a+t*(o-1)))):(i.push(e("div",{class:"filled"})),i.push(e("div",{class:"progress"},a+t*(o-1))))}return{items:i,columns:s.join(" ")}}(l):function({progress:a,goal:t,progressBarUnit:l,finite:r,expired:i}){let s=Math.floor(a/t),o=a%t/t*.5;const n=[];let d="";return 0==s?(d=o+"fr 0fr "+(.5-o)+"fr 0fr 0fr 0.5fr 0fr 0fr",n.push(e("div",{class:"filled"})),n.push(e("div",{class:a==t?"progress top bg":"progress top"},l+a)),n.push(e("div",{class:"remain"})),n.push(e("div",{class:"progress bg"},l+t)),n.push(e("div",{class:"gift"},e(a==t?i?Ce:we:Ce,null))),n.push(e("div",{class:"remain"})),n.push(e("div",{class:"progress bg"},l+2*t)),n.push(e("div",{class:"gift"},e(Ce,null)))):1==s?(d="0.5fr 0fr 0fr "+o+"fr 0fr "+(.5-o)+"fr 0fr 0fr",n.push(e("div",{class:"filled"})),n.push(e("div",{class:"progress bg"},l+t)),n.push(e("div",{class:"gift"},e(i?Ce:we,null))),n.push(e("div",{class:"filled"})),n.push(e("div",{class:a==t?"progress top bg":"progress top"},a==t?"":l+a)),n.push(e("div",{class:"remain"})),n.push(e("div",{class:"progress bg"},l+2*t)),n.push(e("div",{class:"gift"},e(Ce,null)))):r&&s>=r?(s>2?(n.push(e("div",{class:"progress bg"},l+t*(r-2))),n.push(e("div",{class:"gift start"},e(i?Ce:we,null))),d="0fr 0fr 0.5fr 0fr 0fr 0.5fr 0fr 0fr"):d="0.5fr 0fr 0fr 0.5fr 0fr 0fr",n.push(e("div",{class:"filled"})),n.push(e("div",{class:"progress bg"},l+t*(r-1))),n.push(e("div",{class:"gift"},e(i?Ce:we,null))),n.push(e("div",{class:"filled"})),n.push(e("div",{class:"progress bg"},l+t*r)),n.push(e("div",{class:"gift"},e(i?Ce:we,null)))):(d="0fr 0fr 0.5fr 0fr 0fr "+o+"fr 0fr "+(.5-o)+"fr 0fr 0fr",n.push(e("div",{class:"progress bg"},l+t*(s-1))),n.push(e("div",{class:"gift start"},e(i?Ce:we,null))),n.push(e("div",{class:"filled"})),n.push(e("div",{class:"progress bg"},l+t*s)),n.push(e("div",{class:"gift"},e(i?Ce:we,null))),n.push(e("div",{class:"filled"})),n.push(e("div",{class:a==t*s?"progress top bg":"progress top"},a==t*s?"":l+a)),n.push(e("div",{class:"remain"})),n.push(e("div",{class:"progress bg"},l+t*(s+1))),n.push(e("div",{class:"gift"},e(Ce,null)))),{items:n,columns:d}}(l):t?function({progress:a,goal:t,expired:l}){const r=[],i=[];let s=1/t;for(let l=1;l<t;l++)i.push(s+"fr"),i.push("0fr"),l>a?(r.push(e("div",{class:"remain"})),r.push(e("div",{class:"empty"},l))):(r.push(e("div",{class:"filled"})),r.push(e("div",{class:"progress"},l)));return i.push(s+"fr"),i.push("0fr"),t<=a?(i.push("0fr"),r.push(e("div",{class:"filled"})),r.push(e("div",{class:"progress bg"},t)),r.push(e("div",{class:"gift"},e(l?Ce:we,null)))):(i.push("0fr"),r.push(e("div",{class:"remain"})),r.push(e("div",{class:"empty bg"},t)),r.push(e("div",{class:"gift"},e(Ce,null)))),{items:r,columns:i.join(" ")}}(l):function({progress:a,goal:t,progressBarUnit:l,expired:r}){const i=[];let s="";const o=a/t;return s=Se(o,0,1)+"fr 0fr "+Se(1-o,0,1)+"fr 0fr 0fr",i.push(e("div",{class:"filled"})),i.push(e("div",{class:Se(a,0,t)==t?"progress top bg":"progress top"},Se(a,0,t)==t?"":l+Se(a,0,t))),i.push(e("div",{class:"remain"})),i.push(e("div",{class:"progress bg"},l+t)),i.push(e("div",{class:"gift"},Se(a,0,t)==t?e(r?Ce:we,null):e(Ce,null))),{items:i,columns:s}}(l)}(s,r,a);const{columns:p,items:v}=u;return e("div",{class:Ee.classes.ProgressBar,"data-expired":n,"data-complete":o,"data-steps":r,"data-done":l<=t,style:{opacity:c}},e("style",{type:"text/css"},_e),e("div",{class:!Boolean(d)&&t>=2*l||Boolean(d)&&t>2*l?"progress-bar repeatable-steps":"progress-bar",style:{gridTemplateColumns:p,marginLeft:0!==t||r?"":"var(--sl-spacing-x-small)"}},v))}function Se(e,a,t){return Math.min(Math.max(e,a),t)}const ke=C({TaskCard:{display:"inline-block",width:"100%","& .main":{position:"relative",boxSizing:"border-box",background:"var(--sl-color-neutral-0)",border:"1px solid var(--sl-color-neutral-200)",borderRadius:"var(--sl-border-radius-large)",boxShadow:"1px 2px 4px rgba(211, 211, 211, 0.2)",fontSize:"var(--sl-font-size-small)",lineHeight:"var(--sl-line-height-dense)",color:"var(--sl-color-neutral-600)"},"& .main.complete":{background:"var(--sl-color-primary-50)",borderColor:"var(--sl-color-primary-500)"},"& .main.expired":{color:"var(--sl-color-neutral-600)",background:"var(--sl-color-neutral-50)"},"& .title":{fontSize:"var(--sl-font-size-medium)",color:"var(--sl-color-neutral-950)"},"& .container":{margin:"var(--sl-spacing-medium)"},"& .container.subdued":{opacity:"0.45"},"& .container > div":{margin:"var(--sl-spacing-medium) 0"}},NotStarted:{fontSize:"var(--sl-font-size-small)",padding:"var(--sl-spacing-medium)",color:"var(--sl-color-primary-600)",border:"1px solid var(--sl-color-neutral-200)",borderRadius:"var(--sl-border-radius-large) var(--sl-border-radius-large) 0 0",borderBottom:"none",background:"var(--sl-color-primary-50)",fontWeight:"var(--sl-font-weight-semibold)",lineHeight:"var(--sl-line-height-dense)","& .icon":{position:"relative",top:"0.1em",marginRight:"var(--sl-spacing-small)",color:"var(--sl-color-primary-500)"}},Ended:{fontSize:"var(--sl-font-size-small)",padding:"var(--sl-spacing-medium)",color:"var(--sl-color-warning-600)",border:"1px solid var(--sl-color-neutral-200)",borderRadius:"var(--sl-border-radius-large) var(--sl-border-radius-large) 0 0",borderBottom:"none",background:"var(--sl-color-warning-50)",fontWeight:"var(--sl-font-weight-semibold)",lineHeight:"var(--sl-line-height-dense)","& .icon":{position:"relative",top:"0.1em",marginRight:"var(--sl-spacing-small)",color:"var(--sl-color-warning-500)"}},Header:{display:"flex","& .icon":{position:"relative",top:"5%",alignSelf:"center",lineHeight:"0",color:"var(--sl-color-primary-400)",fontSize:"var(--sl-font-size-large)",marginRight:"var(--sl-spacing-x-small)"},"& .value":{alignSelf:"center",fontSize:"var(--sl-font-size-x-large)",fontWeight:"var(--sl-font-weight-semibold)",color:"var(--sl-color-neutral-950)",lineHeight:"100%",marginRight:"var(--sl-spacing-xx-small)"},"& .text":{alignSelf:"end",textTransform:"uppercase",fontSize:"var(--sl-font-size-x-small)",color:"var(--sl-color-neutral-950)",lineHeight:"var(--sl-font-size-medium)",marginRight:"var(--sl-spacing-xx-small)"},"& .end":{color:"var(--sl-color-warning-500)",fontWeight:"var(--sl-font-weight-semibold)",marginBottom:"var(--sl-spacing-xx-small)"},"& .neutral":{color:"var(--sl-color-neutral-400)"}},Footer:{"&[data-subdue] .success":{color:"var(--sl-color-primary-300)"},"&[data-subdue] .neutral":{color:"var(--sl-color-neutral-300)"},display:"flex","& .icon":{fontSize:"var(--sl-font-size-xx-small)",marginRight:"var(--sl-spacing-xx-small)",verticalAlign:"middle"},"& .text":{marginTop:"auto",verticalAlign:"text-bottom",fontSize:"var(--sl-font-size-x-small)",color:"var(--sl-color-neutral-400)"},"& .success":{color:"var(--sl-color-primary-500)",fontWeight:"var(--sl-font-weight-semibold)"},"& .action":{marginTop:"auto",marginLeft:"auto","&::part(base)":{color:"var(--sl-color-neutral-0)"},"&.disabled::part(base)":{border:"1px solid var(--sl-color-primary-400)",background:"var(--sl-color-primary-400)"},"&.neutral::part(base)":{border:"1px solid var(--sl-color-neutral-400)",background:"var(--sl-color-neutral-400)"}},"& .neutral":{color:"var(--sl-color-neutral-400)"},"& .datetime":{display:"block",marginTop:"var(--sl-spacing-xx-small)"}}}),qe=ke.toString();function Ie(a){var t,l;const{callbacks:r,states:i,content:s}=a,n=s.rewardDuration&&R.DateTime.fromISO(s.rewardDuration.split("/")[0]),d=s.rewardDuration&&R.DateTime.fromISO(s.rewardDuration.split("/")[1]),c=R.DateTime.now();if(s.displayDuration){const a=null===(t=s.displayDuration.split("/"))||void 0===t?void 0:t[0],r=null===(l=s.displayDuration.split("/"))||void 0===l?void 0:l[1],i=a?R.DateTime.fromISO(a):c,o=r?R.DateTime.fromISO(r):c;if(c<i||c>o)return e("span",null)}const u=e("svg",{width:"20",height:"20",viewBox:"0 0 20 20",fill:"none",xmlns:"http://www.w3.org/2000/svg"},e("path",{"fill-rule":"evenodd","clip-rule":"evenodd",d:"M1.81818 10C1.81818 5.48131 5.48131 1.81818 10 1.81818C14.5187 1.81818 18.1818 5.48131 18.1818 10C18.1818 14.5187 14.5187 18.1818 10 18.1818C5.48131 18.1818 1.81818 14.5187 1.81818 10ZM10 0C4.47715 0 0 4.47715 0 10C0 15.5228 4.47715 20 10 20C15.5228 20 20 15.5228 20 10C20 4.47715 15.5228 0 10 0ZM15.7692 6.96189C16.1398 6.48683 16.0551 5.80132 15.58 5.43077C15.1049 5.06022 14.4194 5.14495 14.0489 5.62001L8.72994 12.4391L5.86229 9.5715C5.43627 9.14548 4.74554 9.14548 4.31952 9.5715C3.89349 9.99752 3.89349 10.6882 4.31952 11.1143L8.05976 14.8545C8.28083 15.0756 8.58613 15.1912 8.89818 15.172C9.21023 15.1528 9.49905 15.0006 9.69133 14.7541L15.7692 6.96189Z",fill:"currentColor"})),p=e("svg",{width:"20",height:"20",viewBox:"0 0 20 20",fill:"none",xmlns:"http://www.w3.org/2000/svg"},e("circle",{cx:"10",cy:"10",r:"10",fill:"currentColor"}),e("path",{"fill-rule":"evenodd","clip-rule":"evenodd",d:"M14.65 6.19231C15.0459 6.5011 15.1165 7.07236 14.8077 7.46825L9.74277 13.9617C9.58254 14.1672 9.34186 14.294 9.08182 14.31C8.82178 14.326 8.56736 14.2297 8.38314 14.0454L5.26627 10.9286C4.91124 10.5735 4.91124 9.99794 5.26627 9.64292C5.62129 9.2879 6.19689 9.2879 6.55191 9.64292L8.94162 12.0326L13.3741 6.35001C13.6828 5.95412 14.2541 5.88352 14.65 6.19231Z",fill:"white"})),v=e("svg",{width:11,height:12,fill:"none",xmlns:"http://www.w3.org/2000/svg"},e("path",{"fill-rule":"evenodd","clip-rule":"evenodd",d:"M10.265 2.789a.346.346 0 000-.489L8.066.101a.346.346 0 10-.489.489l1.61 1.609H2.073a.691.691 0 00-.69.691v1.728a.346.346 0 00.69 0V2.89h7.114L7.577 4.5a.346.346 0 10.49.488l2.198-2.2zM.101 9.21a.346.346 0 000 .489l2.2 2.199a.346.346 0 00.488-.489l-1.61-1.609h7.114c.382 0 .691-.31.691-.691V7.382a.346.346 0 00-.691 0V9.11H1.18L2.789 7.5a.346.346 0 10-.489-.488l-2.199 2.2z",fill:"currentColor"})),g=i.progress>=s.goal,m=s.showProgressBar?Math.floor(i.progress/s.goal):i.progress,f=g&&!1===s.repeatable||s.finite&&i.progress>=s.finite*s.goal,h=s.rewardDuration&&d<=c,b=s.rewardDuration&&c<=n,x=h||b;return e("div",{class:ke.classes.TaskCard},e("style",{type:"text/css"},qe,"\n\t:host{\n\t\tdisplay: block;\n\t\tmargin-bottom: var(--sl-spacing-large);\n\t}\n "),!i.loading&&b&&e("div",{class:ke.classes.NotStarted},e("span",{class:"icon"},e("sl-icon",{name:"info-circle-fill"})),o.formatMessage({id:"startsOnMessage",defaultMessage:s.startsOnMessage},{startDate:n.setLocale(S(i.locale)).toLocaleString(R.DateTime.DATETIME_MED)})),!i.loading&&h&&e("div",{class:ke.classes.Ended},e("span",{class:"icon"},e("sl-icon",{name:"exclamation-triangle-fill"})),o.formatMessage({id:"endedMessage",defaultMessage:s.endedMessage},{endDate:d.setLocale(S(i.locale)).toLocaleString(R.DateTime.DATETIME_MED)})),e("div",{style:{borderRadius:x&&"0 0 var(--sl-border-radius-large) var(--sl-border-radius-large)"},class:x?"main expired":f?"main complete":"main"},e("div",{class:"container","data-subdue":f||x},e("div",{class:ke.classes.Header,style:{opacity:f||x?"0.45":"1"}},i.loading?e("sl-skeleton",{style:{width:"22%",margin:"0"}}):e("div",null,g&&e("span",{class:x?"icon neutral":"icon"},f?p:u),e("span",{class:"value"},s.rewardAmount),e("span",{class:"text"},s.rewardUnit))),i.loading?e("sl-skeleton",{style:{width:"42%",margin:"var(--sl-spacing-medium) 0"}}):e("div",{class:"title",style:{marginBottom:s.description?"":s.steps?"var(--sl-spacing-x-large)":s.showProgressBar?"var(--sl-spacing-xx-large)":"",opacity:f||x?"0.45":"1"}},s.cardTitle),i.loading?e("sl-skeleton",{style:{margin:"var(--sl-spacing-medium) 0"}}):s.description&&e(ye,Object.assign({},a,{opacity:f||x?"0.45":"1"})),s.showProgressBar&&i.loading?e("sl-skeleton",{style:{margin:"var(--sl-spacing-medium) 0"}}):s.showProgressBar&&e(Re,Object.assign({},a.content,a.states,{opacity:f||x?"0.45":"1",complete:f,expired:x})),e("div",{class:ke.classes.Footer,"data-subdue":f||x},i.loading?e("sl-skeleton",{style:{width:"25%",marginLeft:"auto"}}):e("div",{style:{display:"contents"}},e("span",{class:"text"},s.repeatable&&e("div",null,e("span",{class:m>0?x?"icon neutral":"icon success":"icon neutral","data-subdue":f||x},v),e("span",{class:m>0?x?"neutral":"success":"neutral","data-subdue":f||x},o.formatMessage({id:"completedMessage",defaultMessage:s.completedText},{finite:s.finite,count:s.finite?Math.min(m,s.finite):m}))),d&&!x&&e("span",{class:"datetime neutral","data-subdue":f||x},o.formatMessage({id:"expiryMessage",defaultMessage:s.expiryMessage},{endDate:d.setLocale(S(i.locale)).toLocaleString(R.DateTime.DATETIME_MED)}))),e("sl-button",{class:x?"action neutral":f?"action disabled":"action",type:"primary",size:"small",onClick:r.onClick,loading:i.loadingEvent,disabled:f||x,style:{opacity:f||x?"0.45":"1"}},s.buttonText))))))}function Ae(a){const{states:t,data:l}=a,{content:r}=t,i=C({Container:{position:"relative",width:r.iframeWidth,height:r.iframeHeight},IFrame:{position:"absolute",width:"100%",height:"100%",border:"0",top:"0",left:"0",right:"0"}}),s=i.toString();return e("div",{class:i.classes.Container},e("style",{type:"text/css"},s),e("iframe",{class:i.classes.IFrame,src:`${r.iframeSrc}?rsCode=${l.shareCode}`}))}const Me=C({ErrorStyle:w,FieldsContainer:{"& sl-input":{"margin-bottom":"var(--sl-spacing-large)"}}}),Te=Me.toString();function $e(a){const{states:t}=a,l=null==t?void 0:t.validationErrors;return e("div",{class:Me.classes.FieldsContainer},e("style",{type:"text/css"},"\n:host {\n margin: 0 auto;\n width: 100%;\n display: block;\n}\n\nsl-input::part(label){\n font-size: var(--sl-input-label-font-size-small);\n font-weight: var(--sl-font-weight-semibold);\n}\n",Te),e("sl-input",Object.assign({exportparts:"label: input-label",name:"/firstName",type:"text",label:t.content.firstNameLabel,required:!0},(null==l?void 0:l.firstName)?{class:Me.classes.ErrorStyle,helpText:(null==l?void 0:l.firstName)||"Cannot be empty"}:[])),e("sl-input",Object.assign({exportparts:"label: input-label",name:"/lastName",type:"text",label:t.content.lastNameLabel,required:!0},(null==l?void 0:l.lastName)?{class:Me.classes.ErrorStyle,helpText:(null==l?void 0:l.lastName)||"Cannot be empty"}:[])))}E.setup(_());const ze=E.createStyleSheet({ErrorStyle:{"&::part(control)":{background:"var(--sl-color-danger-10)",borderColor:"var(--sl-color-danger-500)",outline:"var(--sl-color-danger-500)"},"&:host":{"--focus-ring":"0 0 0 var(--sl-focus-ring-width) red !important"}},ErrorMessageStyle:{margin:0,marginTop:"5px",color:"var(--sl-color-danger-500)",fontSize:"var(--sl-input-help-text-font-size-medium)",fontFamily:"var(--sl-font-sans)",fontWeight:"var(--sl-font-weight-normal)"},FieldContainer:{"margin-bottom":"var(--sl-spacing-large)"}}),De=ze.toString();function Pe(a){const{states:t,content:l,callbacks:r}=a,i=null==t?void 0:t.validationErrors;return e("div",{class:ze.classes.FieldContainer},e("style",{type:"text/css"},"\n:host {\n margin: 0 auto;\n width: 100%;\n display: block;\n}\nsl-checkbox::part(label){\n font-size: var(--sl-input-label-font-size-small);\n font-weight: var(--sl-font-weight-normal);\n line-height: 20px;\n}\nsl-checkbox::part(base){\n align-items: start;\n}\n",De),e("sl-checkbox",Object.assign({exportparts:"label: input-label",name:`/${l.checkboxName}`,checked:t.checked,"onSl-change":e=>{e.target.value=e.target.checked,r.setChecked(e.target.value)}},l.checkboxOptional?[]:{required:!0},!t.checked&&(null==i?void 0:i[l.checkboxName])?{class:ze.classes.ErrorStyle}:[]),o.formatMessage({id:l.checkboxName+"-message",defaultMessage:l.checkboxLabel},{labelLink:e("a",{href:l.checkboxLabelLink,target:"_blank"},l.checkboxLabelLinkText||l.checkboxLabelLink)}),!t.checked&&(null==i?void 0:i[l.checkboxName])&&e("p",{class:ze.classes.ErrorMessageStyle},o.formatMessage({id:`errorMessage-${l.checkboxName}`,defaultMessage:l.errorMessage}))))}E.setup(_());const Be=E.createStyleSheet({ErrorStyle:{"--sl-input-border-color":"var(--sl-color-danger-500)","--sl-input-background-color":"var(--sl-color-danger-10)","--sl-input-border-color-focus":"var(--sl-color-danger-500)","--sl-input-border-color-hover":"var(--sl-color-danger-500)"},ErrorMessageStyle:{margin:0,color:"var(--sl-color-danger-500)",fontSize:"var(--sl-input-help-text-font-size-medium)"},FieldContainer:{"margin-bottom":"var(--sl-spacing-large)"}}),Fe=Be.toString();function Le(a){const{states:t,content:l}=a,r=null==t?void 0:t.validationErrors;return e("div",{class:Be.classes.FieldContainer},e("style",{type:"text/css"},"\n:host {\n margin: 0 auto;\n width: 100%;\n display: block;\n}\nsl-select::part(label){\n font-size: var(--sl-input-label-font-size-small);\n font-weight: var(--sl-font-weight-semibold);\n}\n",Fe),e("sl-select",Object.assign({exportparts:"label: input-label",label:l.dropdownLabel,name:`/${l.dropdownName}`},l.dropdownOptional?[]:{required:!0},(null==r?void 0:r[l.dropdownName])?{class:Be.classes.ErrorStyle}:[]),l.selectOptions),(null==r?void 0:r[l.dropdownName])&&e("p",{class:Be.classes.ErrorMessageStyle},o.formatMessage({id:`errorMessage-${l.dropdownName}`,defaultMessage:l.errorMessage})))}const Ve={ErrorStyle:w,FieldContainer:{"margin-bottom":"var(--sl-spacing-large)"}};E.setup(_());const He=E.createStyleSheet(Ve),je=He.toString();function Ue(a){const{states:t,content:l}=a,r=null==t?void 0:t.validationErrors;return e("div",{class:He.classes.FieldContainer},e("style",{type:"text/css"},"\n:host {\n margin: 0 auto;\n width: 100%;\n display: block;\n}\n",je),e("sl-input",Object.assign({exportparts:"label: input-label",name:`/${l.fieldName}`,type:l.fieldType,label:l.fieldLabel},l.fieldOptional?[]:{required:!0},(null==r?void 0:r[l.fieldName])?{class:He.classes.ErrorStyle,helpText:o.formatMessage({id:`errorMessage-${l.fieldName}`,defaultMessage:l.errorMessage||(null==r?void 0:r[l.fieldName])})}:[])))}const Ne=()=>e("svg",{width:12,height:10,fill:"none",xmlns:"http://www.w3.org/2000/svg"},e("path",{"fill-rule":"evenodd","clip-rule":"evenodd",d:"M11.58.23c.475.371.56 1.057.19 1.532L5.69 9.554a1.091 1.091 0 0 1-1.631.1L.32 5.915a1.09 1.09 0 1 1 1.542-1.542L4.73 7.239 10.049.42A1.09 1.09 0 0 1 11.58.23Z",fill:"#fff"})),We=()=>e("svg",{width:"18",height:"18",viewBox:"0 0 18 18",fill:"none",xmlns:"http://www.w3.org/2000/svg"},e("path",{d:"M0 9C0 4.02944 4.02944 0 9 0C13.9706 0 18 4.02944 18 9C18 13.9706 13.9706 18 9 18C4.02944 18 0 13.9706 0 9Z",fill:"currentColor"}),e("path",{d:"M5.68394 8.77046C5.28103 8.39273 4.64819 8.41315 4.27046 8.81606C3.89273 9.21897 3.91315 9.85181 4.31606 10.2295L5.68394 8.77046ZM7.66667 12L6.98273 12.7295C7.36738 13.0902 7.96595 13.0902 8.35061 12.7295L7.66667 12ZM13.6839 7.72954C14.0869 7.35181 14.1073 6.71897 13.7295 6.31606C13.3518 5.91315 12.719 5.89273 12.3161 6.27046L13.6839 7.72954ZM4.31606 10.2295L6.98273 12.7295L8.35061 11.2705L5.68394 8.77046L4.31606 10.2295ZM8.35061 12.7295L13.6839 7.72954L12.3161 6.27046L6.98273 11.2705L8.35061 12.7295Z",fill:"white"})),Oe=()=>e("svg",{width:156,height:157,fill:"none",xmlns:"http://www.w3.org/2000/svg"},e("path",{d:"M40.18 126h83.663a3 3 0 0 0 3-3V73.966a3 3 0 0 0-3-3H40.18a3 3 0 0 0-3 3V123a3 3 0 0 0 3 3Z",fill:"#FFD34F"}),e("path",{"fill-rule":"evenodd","clip-rule":"evenodd",d:"M37.18 73.862v7.966h89.663v-7.966H37.18Z",fill:"#E9BB30"}),e("path",{d:"M133.039 74.224a2.18 2.18 0 0 0 2.187-2.172v-19.19c0-1.2-.98-2.172-2.187-2.172H31.347a2.18 2.18 0 0 0-2.187 2.172v19.19c0 1.2.98 2.172 2.187 2.172H133.04Z",fill:"#FFC000"}),e("path",{"fill-rule":"evenodd","clip-rule":"evenodd",d:"M123.287 35.172c0 6.056-9.155 15.226-13.76 15.654H88.888V126H75.141V50.826H58.534c-9.462-2.038-17.803-9.258-17.803-16.944 0-7.49 3.274-13.422 9.23-15.983 5.693-2.446 12.265-1.105 17.46 2.479 6.378 4.398 9.956 12.654 13.202 20.144.284.657.567 1.308.848 1.95.274-.608.55-1.228.83-1.856 3.216-7.22 6.887-15.464 13.057-19.89 5.454-3.913 12.387-5.39 18.38-2.711 6.197 2.77 9.549 9.127 9.549 17.157Zm-23.306-8.266c3.305-2.37 7.262-2.8 10.645 0 2.946 2.44 3.103 3.588 3.482 6.351l.067.483c0 4.09-3.549 10.252-7.097 10.252-2.515 0-4.489-.022-6.34-.041-3.375-.036-6.337-.068-11.403.04.966-1.86 1.737-3.644 2.473-5.346 1.967-4.553 3.678-8.515 8.173-11.739Zm-39.034 0c-1.6-1.103-5.268-.61-6.79.043-1.257.54-3.134 2.19-3.134 6.933 0 4.61 7.511 8.59 7.511 8.59s5.962 1.52 16.607 1.52c-3.624-8.922-8.757-13.336-14.194-17.086Z",fill:"#EB5757"}),e("path",{d:"M75.086 74.224h13.85v7.604h-13.85v-7.604Z",fill:"#DD4747"}),e("g",{filter:"url(#a)"},e("ellipse",{cx:82.008,cy:141.207,rx:36.813,ry:5.793,fill:"#E0DDDD","fill-opacity":.8})),e("path",{d:"M150.446 79.134a.5.5 0 0 1 .9 0l1.133 2.336c.05.102.132.184.234.233l2.344 1.122a.5.5 0 0 1 0 .902l-2.344 1.122a.503.503 0 0 0-.234.233l-1.133 2.336a.5.5 0 0 1-.9 0l-1.134-2.336a.499.499 0 0 0-.234-.233l-2.343-1.122a.5.5 0 0 1 0-.902l2.343-1.122a.499.499 0 0 0 .234-.233l1.134-2.336Z",fill:"#FAB6B6"}),e("path",{d:"M14.86 29.168a.5.5 0 0 1 .9 0l1.133 2.336a.5.5 0 0 0 .234.233l2.344 1.122a.5.5 0 0 1 0 .902l-2.344 1.122a.5.5 0 0 0-.234.233l-1.133 2.336a.5.5 0 0 1-.9 0l-1.134-2.336a.5.5 0 0 0-.234-.233l-2.343-1.122a.5.5 0 0 1 0-.902l2.344-1.122a.5.5 0 0 0 .233-.233l1.134-2.336Z",fill:"#F4EFBC"}),e("path",{d:"m125.382 0 .712 1.466 1.475.706-1.475.707-.712 1.466-.711-1.466-1.476-.707 1.476-.706.711-1.466Z",fill:"#FDA802"}),e("path",{d:"m2.187 103.552.711 1.466 1.476.706-1.476.707-.711 1.466-.711-1.466L0 105.724l1.476-.706.71-1.466Z",fill:"#E4599C"}),e("defs",null,e("filter",{id:"a",x:35.195,y:125.414,width:93.625,height:31.586,filterUnits:"userSpaceOnUse","color-interpolation-filters":"s-rGB"},e("feFlood",{"flood-opacity":0,result:"BackgroundImageFix"}),e("feBlend",{in:"SourceGraphic",in2:"BackgroundImageFix",result:"shape"}),e("feGaussianBlur",{stdDeviation:5,result:"effect1_foregroundBlur_653_17907"}))));function Ze({active:a,completed:t,incomplete:l,stage:r}){return e("div",{style:{display:"flex"}},e("div",{style:{backgroundColor:t?"var(--sl-color-success-500)":l?"var(--sl-color-neutral-200)":"var(--sl-color-neutral-0)",border:a?"1px solid var(--sl-color-success-500)":l?"1px solid var(--sl-color-neutral-200)":"1px solid var(--sl-color-success-500)",borderRadius:"50%",width:"23px",height:"23px",margin:"-11px",zIndex:"1",boxSizing:"content-box"}},t?e("div",{style:{top:"-10.5%",left:"23.5%",position:"relative"}},e(Ne,null)):e("div",{style:{color:a?"var(--sl-color-success-500)":"var(--sl-color-neutral-50)",width:"23px",lineHeight:"24px",textAlign:"center",position:"relative"}},r+1)))}function Ge({incomplete:a=!1,active:t=!1,invisible:l=!1}){return e("div",{style:{content:"''",flex:"0.5 0.5 0",height:"4px",borderRadius:"4px",background:a||t?"var(--sl-color-neutral-200)":"var(--sl-color-success-500)",position:"relative",bottom:"0",left:"0",display:"flex",justifyContent:"center",columnGap:"50px",marginRight:"-2px",boxSizing:"content-box",opacity:l?"0":"1"}})}function Xe({active:a,completed:t,incomplete:l,stage:r}){return[e(Ge,{incomplete:l,invisible:0===r}),e(Ze,{active:a,completed:t,incomplete:l,stage:r}),e(Ge,{incomplete:l,active:a,invisible:2===r})]}function Qe({stageCount:a,currentStage:t}){return e("div",{style:{display:"flex",columnGap:"-2px"}},Array.from(Array(a).keys()).map((a=>e(Xe,{active:t===a,completed:t>a,incomplete:t<a,stage:a}))))}const Je=C({HostBlock:h,Container:{minWidth:"300px",position:"relative"},FullImage:{objectFit:"contain",maxWidth:"100%",height:"250px",display:"flex",margin:"0 auto"},Select:{"&::part(label)":{},"&::part(menu)":{maxHeight:"50vh"},"& sl-menu-item::part(checked-icon)":{top:"8px"},"& sl-menu-item::part(base)":{flexDirection:"column"},"& sl-menu-item::part(base):focus":{background:"transparent",color:"var(--sl-color-gray-700)"}},ProgressBar:{maxWidth:"350px",width:"100%",margin:"auto",marginBottom:"var(--sl-spacing-xxx-large)","& .text-area":{marginTop:"5px",display:"flex",justifyContent:"center",textAlign:"center",whiteSpace:"nowrap",marginBottom:"6px","& .text":{marginBottom:"var(--sl-spacing-x-small)",flex:"1 1 0"},"& .text.subdued":{color:"var(--sl-color-neutral-200)"}}},CardLayout:{display:"flex",width:"100%",borderRadius:"3px",background:"rgba(0, 0, 0, 0)"},Card:{display:"flex",userSelect:"none",height:"120px","&::part(base)":{boxShadow:"none",width:"100%"},"&::part(body)":{display:"flex",padding:0},"& .selected":{position:"relative",top:"-2%",left:"100%",color:"var(--sl-color-primary-500)",margin:"-9px"}},Title:{fontSize:"var(--sl-font-size-large)",fontWeight:"var(--sl-font-weight-semibold)",margin:"var(--sl-spacing-large) 0"},Image:{padding:"var(--sl-spacing-small)",minWidth:"96px",maxWidth:"96px","& .image":{width:"100%",height:"100%",objectFit:"contain",borderRadius:"4px"},"& .image.subdued":{filter:"brightness(0.95)",opacity:"0.5"}},TextArea:{textAlign:"left",padding:"var(--sl-spacing-small)",paddingLeft:"0","& .title":{fontSize:"var(--sl-font-size-medium)",lineHeight:"var(--sl-line-height-dense)",fontWeight:"600",color:"var(--sl-color-neutral-1000)",display:"-webkit-box","-webkit-line-clamp":"1","-webkit-box-orient":"vertical",overflow:"hidden"},"& .amount":{fontSize:"var(--sl-font-size-small)",lineHeight:"var(--sl-line-height-dense)",marginTop:"var(--sl-spacing-x-small)",color:"var(--sl-color-neutral-500)",display:"-webkit-box","-webkit-line-clamp":"1","-webkit-box-orient":"vertical",overflow:"hidden"},"& .error":{fontSize:"var(--sl-font-size-small)",lineHeight:"var(--sl-line-height-dense)",marginTop:"var(--sl-spacing-x-small)",fontWeight:"600",color:"var(--sl-color-warning-600)",display:"-webkit-box","-webkit-line-clamp":"1","-webkit-box-orient":"vertical",overflow:"hidden","& .icon":{position:"relative",top:"0.1em",marginRight:"var(--sl-spacing-xx-small)"}}},ChooseAmount:{maxWidth:"800px",margin:"auto","& .wrapper":{display:"flex",gap:"var(--sl-spacing-xx-large)","@media (max-width: 799px)":{flexDirection:"column"}},"& .image":{width:"50%",objectFit:"contain",maxWidth:"100%",height:"250px",display:"flex","@media (max-width: 799px)":{width:"auto"}},"& .text":{width:"50%",maxWidth:"400px","@media (max-width: 799px)":{width:"auto",margin:"auto"}},"& .title":{fontSize:"var(--sl-font-size-large)",fontWeight:"var(--sl-font-weight-semibold)",color:"var(--sl-color-neutral-1000)"},"& .points":{fontSize:"var(--sl-font-size-large)",fontWeight:"var(--sl-font-weight-semibold)",color:"var(--sl-color-primary-500)"},"& .description":{fontSize:"var(--sl-font-size-medium)",fontWeight:"var(--sl-font-weight-normal)",color:"var(--sl-color-neutral-500)",margin:"var(--sl-spacing-medium) 0",lineHeight:"var(--sl-line-height-dense)",marginTop:"var(--sl-spacing-xx-small)"},"& .space":{marginBottom:"var(--sl-spacing-xxx-large)"},"& sl-menu-item[disabled]::part(label)":{color:"var(--sl-color-neutral-300)"},"& sl-menu-item[disabled]":{"& .step-cost":{color:"var(--sl-color-neutral-300)"},"& .step-value":{color:"var(--sl-color-neutral-300)"}}},SelectItem:{display:"flex",flexDirection:"column","&::part(label)":{color:"var(--sl-color-neutral-900)",margin:"0"},"& .step-cost":{color:"var(--sl-color-neutral-500)",marginBottom:"var(--sl-spacing-x-small)"},"& .step-unavailable":{fontSize:"var(--sl-font-size-small)",color:"var(--sl-color-warning-500)",margin:"0"}},Success:{textAlign:"center","& .title":{fontSize:"var(--sl-font-size-large)",fontWeight:"var(--sl-font-weight-semibold)",color:"var(--sl-color-neutral-1000)"},"& .description":{color:"var(--sl-color-neutral-400)",maxWidth:"350px",margin:"0 auto",lineHeight:"var(--sl-line-height-dense)",marginBottom:"var(--sl-spacing-xx-large)",marginTop:"var(--sl-spacing-xx-small)"},"& .promo":{maxWidth:"350px",margin:"-30px auto var(--sl-spacing-xxx-large) auto",textAlign:"left",color:"var(--sl-color-neutral-700)"}},Grid:{display:"grid",justifyContent:"center",gap:"20px",gridTemplateColumns:"repeat(auto-fill, minmax(300px, 1fr))"},Confirmation:{maxWidth:"800px",margin:"auto","& .wrapper":{display:"flex","@media (max-width: 499px)":{flexDirection:"column"}},"& .reward-item-container":{"@media (max-width: 499px)":{display:"flex",flexDirection:"row-reverse",justifyContent:"flex-end",alignItems:"center"}},"& .reward-item-container .reward-title":{paddingBottom:"var(--sl-spacing-medium)",lineHeight:"20px","@media (max-width: 499px)":{paddingBottom:"none",paddingLeft:"var(--sl-spacing-small)"}},"& .padding":{padding:"var(--sl-spacing-medium) 0","@media (max-width: 499px)":{padding:"var(--sl-spacing-small) 0"}},"& .field":{width:"30%",textTransform:"uppercase",fontSize:"var(--sl-font-size-medium)",fontWeight:"var(--sl-font-weight-normal)",color:"var(--sl-color-neutral-400)",textAlign:"left",paddingRight:"var(--sl-spacing-xxx-large)","@media (max-width: 499px)":{width:"100%",paddingRight:"0",paddingBottom:"0"}},"& .value":{fontSize:"var(--sl-font-size-large)",fontWeight:"var(--sl-font-weight-semibold)"},"& .top-border":{borderTop:"1px solid var(--sl-color-neutral-200)"},"& .image":{width:"200px","@media (max-width: 499px)":{width:"100px"}}},Button:{display:"flex",flexWrap:"wrap-reverse",margin:"var(--sl-spacing-medium) 0","& .cancel":{marginLeft:"auto",marginRight:"var(--sl-spacing-medium)","&::part(base)":{fontWeight:"var(--sl-font-weight-normal)",color:"var(--sl-color-neutral-1000)"},"@media (max-width: 499px)":{width:"100%",marginRight:"0",marginTop:"var(--sl-spacing-small)"}},"& .continue":{"&::part(base)":{background:"var(--sl-color-primary-500)",borderColor:"var(--sl-color-primary-500)",fontWeight:"var(--sl-font-weight-normal)",color:"var(--sl-color-neutral-0)"},"@media (max-width: 499px)":{width:"100%"}},"& .continue.right":{marginLeft:"auto"},"& .continue.center":{margin:"0 auto"}},Confetti:{pointerEvents:"none",position:"absolute",width:"100%",height:"100%",top:"0%",left:"0%",zIndex:"1"}}),Ke=Je.toString(),Ye=["chooseReward","chooseAmount","confirmation","success"];function ea(a){const{states:l,data:r,callbacks:i,refs:s}=a,{selectedItem:n,selectedStep:d}=l,c={chooseReward:l.content.text.chooseRewardTitle,chooseAmount:l.content.text.chooseAmountTitle,confirmation:l.content.text.confirmationTitle};const u={chooseReward:()=>{return[e("div",null,e("div",{class:Je.classes.Title},l.content.text.rewardTitle),e("div",{class:Je.classes.Grid},l.loading||l.queryError?[...Array(l.content.text.skeletonCardNum)].map((()=>e("div",null,e("sl-card",{class:Je.classes.Card},e("div",{class:Je.classes.CardLayout},e("div",null,e("sl-skeleton",{style:{width:"100px",height:"100px",margin:"9px","--border-radius":"4px"}})),e("div",{style:{margin:"var(--sl-spacing-small) var(--sl-spacing-small) 0 0",width:"100%"}},e("sl-skeleton",{style:{marginBottom:"var(--sl-spacing-small)"}}),e("sl-skeleton",{style:{marginBottom:"var(--sl-spacing-small)"}}),e("sl-skeleton",{style:{width:"45%"}}))))))):null===(a=r.exchangeList)||void 0===a?void 0:a.map((a=>{var r,s,d,c,u;return e("div",{key:a.key,style:{boxShadow:a.key===(null==n?void 0:n.key)?"0 0 0 2px var(--sl-color-primary-500)":"none",borderRadius:"4px"}},e("sl-card",{class:Je.classes.Card,style:{cursor:a.unavailableReasonCode?"not-allowed":"pointer"},onClick:()=>a.available&&i.setExchangeState({selectedItem:a})},a.key===(null==n?void 0:n.key)&&e("div",{class:"selected"},e(We,null)),e("div",{style:{display:"flex",width:"100%",height:"120px",borderRadius:"3px",background:a.unavailableReasonCode?"rgba(0, 0, 0, 0.05)":"rgba(0, 0, 0, 0)"}},e("div",{class:Je.classes.Image,style:{opacity:a.unavailableReasonCode?"0.5":"1"}},e("img",{class:a.unavailableReasonCode?"image subdued":"image",src:(null==a?void 0:a.imageUrl)||t("./assets/Reward-image.png")})),e("div",{class:Je.classes.TextArea,style:{opacity:a.unavailableReasonCode?"0.5":"1"}},e("div",{class:"title",style:{"-webkit-line-clamp":a.unavailableReasonCode?"1":"2"}},null!==(r=a.name)&&void 0!==r?r:""),e("div",{class:"amount",style:{"-webkit-line-clamp":a.unavailableReasonCode?"1":"2"}},o.formatMessage({id:"sourceAmountMessage",defaultMessage:null===(d=null===(s=l.content)||void 0===s?void 0:s.text)||void 0===d?void 0:d.sourceAmountMessage},{ruleType:a.ruleType,sourceValue:a.prettySourceValue,sourceMinValue:a.prettySourceMinValue,sourceMaxValue:a.prettySourceMaxValue})),a.unavailableReasonCode&&e("div",{class:"error"},e("sl-icon",{class:"icon",name:"exclamation-triangle-fill"}),o.formatMessage({id:"unavailableCode",defaultMessage:null===(u=null===(c=l.content)||void 0===c?void 0:c.text)||void 0===u?void 0:u.notAvailableError},{unavailableReasonCode:a.unavailableReasonCode,sourceUnit:a.sourceUnit,sourceValue:a.prettySourceValue||a.prettySourceMinValue}))))))}))),e("div",{class:Je.classes.Button},e("sl-button",{class:"continue right",size:"large",onClick:()=>i.setStage("chooseAmount"),loading:l.loading,disabled:!l.selectedItem},l.content.text.continueText)))];var a},chooseAmount:()=>function(){var a,r,s,d;const c=function(){var a,t,r;const s=l.selectedItem;return s&&"FIXED_GLOBAL_REWARD"!==(null==s?void 0:s.ruleType)?(null===(a=s.steps)||void 0===a?void 0:a.length)?e("sl-select",{style:{width:"auto"},label:null===(t=null==l?void 0:l.content)||void 0===t?void 0:t.text.selectText,class:Je.classes.Select,value:l.selectedStep,"onSl-select":e=>{var a,t,l,r,s;return i.setExchangeState({amount:null===(l=null===(t=null===(a=e.detail)||void 0===a?void 0:a.item)||void 0===t?void 0:t.value)||void 0===l?void 0:l.sourceValue,selectedStep:null===(s=null===(r=e.detail)||void 0===r?void 0:r.item)||void 0===s?void 0:s.value})}},null===(r=s.steps)||void 0===r?void 0:r.map((a=>{var t,r;return e("sl-menu-item",{value:a,disabled:!a.available,class:Je.classes.SelectItem},a.prettyDestinationValue,e("br",null),e("div",{class:"step-cost",slot:"suffix"},a.prettySourceValue,a.unavailableReasonCode&&e("p",{class:"step-unavailable"},o.formatMessage({id:"unavailableCode",defaultMessage:null===(r=null===(t=l.content)||void 0===t?void 0:t.text)||void 0===r?void 0:r.notAvailableError},{unavailableReasonCode:a.unavailableReasonCode,sourceUnit:s.sourceUnit,sourceValue:a.prettySourceValue||s.prettySourceMinValue}))))}))):e("p",null,o.formatMessage({id:"notEnoughError",defaultMessage:l.content.text.notEnoughError},{sourceUnit:s.sourceUnit})):e("span",{class:"points"},null==s?void 0:s.prettySourceValue)}(),u="FIXED_GLOBAL_REWARD"!==(null===(a=l.selectedItem)||void 0===a?void 0:a.ruleType)&&c&&!l.amount;return e("div",null,e("div",{class:Je.classes.ChooseAmount},e("div",{class:"wrapper"},e("img",{class:"image",src:(null==n?void 0:n.imageUrl)||t("./assets/Reward-image.png")}),e("div",{class:"text"},e("div",{class:"title"},null!==(r=null==n?void 0:n.name)&&void 0!==r?r:""),"FIXED_GLOBAL_REWARD"===(null===(s=l.selectedItem)||void 0===s?void 0:s.ruleType)?e("div",{class:"points"},c):e("div",{class:"description"},null==n?void 0:n.description),"FIXED_GLOBAL_REWARD"===(null===(d=l.selectedItem)||void 0===d?void 0:d.ruleType)?e("div",{class:"description"},null==n?void 0:n.description):e("div",null,c),e("div",{class:"space"}))),e("div",{class:Je.classes.Button},e("sl-button",{class:"cancel",size:"large",type:"text",onClick:()=>i.resetState()},l.content.text.cancelText),e("sl-button",{class:"continue",size:"large",onClick:()=>i.setStage("confirmation"),disabled:u},l.content.text.continueToConfirmationText))))}(),confirmation:()=>function(){const a=(null==d?void 0:d.prettySourceValue)||n.prettySourceValue,r=null==d?void 0:d.prettyDestinationValue;return e("div",null,e("div",{class:Je.classes.Confirmation},e("div",{class:Je.classes.Title},l.content.text.redeemTitle),e("div",{class:"wrapper"},e("div",{class:"field"},l.content.text.rewardNameTitle),e("div",{class:"reward-item-container"},e("div",{class:"reward-title"},n.name),e("img",{class:"image",src:(null==n?void 0:n.imageUrl)||t("./assets/Reward-image.png")}))),e("div",{class:"wrapper padding"},e("div",{class:"field"})),r&&e("div",{class:"wrapper top-border padding"},e("div",{class:"field"},l.content.text.rewardAmountTitle),e("div",null,r)),e("div",{class:"wrapper top-border padding"},e("div",{class:"field"},l.content.text.costTitle),e("div",{class:"value"},a)),e("div",{class:Je.classes.Button},e("sl-button",{class:"cancel",type:"text",size:"large",onClick:()=>i.setStage("chooseAmount")},l.content.text.backText),e("sl-button",{class:"continue",size:"large",loading:l.loading,onClick:i.exchangeReward},l.content.text.redeemText))))}(),success:()=>{return e("div",{class:Je.classes.Success},e(Oe,null),e(p,null),e("div",{class:"title"},null===(a=l.content.text)||void 0===a?void 0:a.rewardRedeemedText),e("div",{class:"description"},o.formatMessage({id:"successMessage",defaultMessage:l.content.text.redemptionSuccessText},{sourceValue:null!==(t=l.selectedItem.prettySourceValue)&&void 0!==t?t:null===(s=l.selectedStep)||void 0===s?void 0:s.prettySourceValue,destinationValue:(null===(n=l.selectedStep)||void 0===n?void 0:n.prettyDestinationValue)||(null===(d=l.selectedItem)||void 0===d?void 0:d.name)||l.selectedItem.globalRewardKey})),(null==r?void 0:r.fuelTankCode)&&e("div",{class:"promo"},l.content.text.promoCode,e(L,{shareString:r.fuelTankCode,tooltiptext:null===(c=null==l?void 0:l.content)||void 0===c?void 0:c.text.tooltipText,open:l.open,onClick:i.copyFuelTankCode})),e("div",{class:Je.classes.Button},e("sl-button",{class:"continue center",type:"primary",size:"large",onClick:()=>i.resetState(!0)},l.content.text.doneText)));var a,t,s,n,d,c}}[l.redeemStage];function p(){return e("canvas",{ref:e=>{(null==s?void 0:s.canvasRef)&&(s.canvasRef.current=e)},id:"my-canvas",class:Je.classes.Confetti})}return l.noExchangeOptions?l.content.text.empty:e("div",{class:Je.classes.Container},e("style",{type:"text/css"},Ke),e("div",null,function(){const a=Ye.indexOf(l.redeemStage);return e("div",{class:Je.classes.ProgressBar},e("div",{class:"text-area"},Object.keys(c).map((t=>Ye.indexOf(t)<=a?e("span",{class:"text"},c[t]):e("span",{class:"text subdued"},c[t])))),e(Qe,{stageCount:3,currentStage:a}))}(),l.exchangeError&&e("sl-alert",{type:"danger",open:!0},e("sl-icon",{slot:"icon",name:"exclamation-octagon"}),l.content.text.redemptionError),l.queryError&&!l.exchangeError&&e("sl-alert",{type:"danger",open:!0},e("sl-icon",{slot:"icon",name:"exclamation-octagon"}),l.content.text.queryError),u&&u(),"success"===l.redeemStage))}const aa=(a,t="chooseReward",l=null,r=null,i=!1,s=!1,o=null,n=!1,d=!1)=>({states:{content:{text:{notAvailableError:"{unavailableReasonCode, select, NOT_CHAMPION {CUSTOM ERROR MESSAGE } US_TAX {Exceeds tax limit for this year} INSUFFICIENT_REDEEMABLE_CREDIT {{sourceValue} required} AVAILABILITY_PREDICATE {Not available} other {unavailableReasonCode} }",chooseRewardTitle:"Rewards",chooseAmountTitle:"Select",confirmationTitle:"Confirm",rewardTitle:"Choose a reward",cancelText:"Cancel",backText:"Back",continueText:"Continue",continueToConfirmationText:"Continue to confirmation",redeemText:"Redeem",redeemTitle:"Confirm and redeem",redemptionSuccessText:"Redeemed {sourceValue} for {destinationValue}",doneText:"Done",tooltipText:"Copied!",selectText:"Select amount to receive",sourceAmountMessage:"{ruleType, select, FIXED_GLOBAL_REWARD {{sourceValue}} other {{sourceMinValue} to {sourceMaxValue}}}",rewardRedeemedText:"Reward redeemed",redemptionError:"An error occured trying to redeem this reward. Please try again",queryError:"Unable to load reward exchange list. Please try again",promoCode:"Promo code",skeletonCardNum:8,rewardNameTitle:"Reward Name",rewardAmountTitle:"Reward Amount",costTitle:"Cost",notEnoughError:"Sorry not enough!",empty:e("sqm-empty",{emptyStateImage:"https://res.cloudinary.com/saasquatch/image/upload/v1644360953/squatch-assets/empty_exchange2.png",emptyStateHeader:"Redeem rewards",emptyStateText:"Use your points to redeem rewards once they become available"})}},queryError:d,redeemStage:t,amount:0,exchangeError:i,loading:s,selectedItem:l,selectedStep:r,noExchangeOptions:n,open:!1},data:{exchangeList:a,fuelTankCode:o},callbacks:{exchangeReward:null,resetState:null,setStage:null,setExchangeState:null,copyFuelTankCode:null,refs:null},refs:null}),ta={key:"",name:"",description:"Description of reward. Lorem ipsum dolor sit amet, consectetur adipiscing. Id nec semper sapien dignissim rhoncus nunc.",imageUrl:"",available:!0,unavailableReasonCode:null,ruleType:"FIXED_GLOBAL_REWARD",sourceUnit:"POINT",sourceValue:10,prettySourceValue:"10 SaaSquatch Points",sourceMinValue:null,prettySourceMinValue:null,sourceMaxValue:null,prettySourceMaxValue:null,destinationMinValue:null,prettyDestinationMinValue:null,destinationMaxValue:null,prettyDestinationMaxValue:null,globalRewardKey:"",destinationUnit:null,steps:[]},la={available:!1,unavailableReasonCode:"INSUFFICIENT_REDEEMABLE_CREDIT"},ra={key:"r1"},ia=e=>({imageUrl:e}),sa=e=>({name:e}),oa=e=>({description:e}),na=e=>({prettySourceValue:e}),da=(e,a,t)=>({ruleType:"VARIABLE_CREDIT_REWARD",sourceMinValue:e,prettySourceMinValue:e+" "+t,sourceMaxValue:a,prettySourceMaxValue:a+" "+t}),ca=[{...ta,...sa("Free swag with a promo code"),...ia("https://res.cloudinary.com/saasquatch/image/upload/v1643653103/squatch-assets/default_rewards_1.png"),...na("40 Points")},{...ta,...ra,...sa("Visa® Prepaid Card USD"),...ia("https://res.cloudinary.com/saasquatch/image/upload/v1644000268/squatch-assets/veHErQX.png"),...da(20,80,"Points")},{...ta,...sa("$50 Store credit"),...ia("https://res.cloudinary.com/saasquatch/image/upload/v1644000270/squatch-assets/WkCMVSE.png"),...na("100 Points")},{...ta,...sa("Variable amount of store credit"),...ia("https://res.cloudinary.com/saasquatch/image/upload/v1644000240/squatch-assets/Jn2fE0s.png"),...da(20,100,"Points")}],ua=[{...ta,...sa("Free swag with a promo code"),...ia("https://res.cloudinary.com/saasquatch/image/upload/v1643653103/squatch-assets/default_rewards_1.png"),...na("40 SaaSquatch Points")},{...ta,...ra,...sa("Visa® Prepaid Card USD"),...ia("https://res.cloudinary.com/saasquatch/image/upload/v1644000268/squatch-assets/veHErQX.png"),...da(20,80,"Points")},{...ta,...sa("A very exclusive gift box"),...ia("https://res.cloudinary.com/saasquatch/image/upload/v1644000223/squatch-assets/93BvEgH.png"),...na("30 SaaSquatch Points")},{...ta,...sa("$50 Store credit"),...ia("https://res.cloudinary.com/saasquatch/image/upload/v1644000270/squatch-assets/WkCMVSE.png"),...na("100 SaaSquatch Points")},{...ta,...sa("Variable amount of store credit"),...ia("https://res.cloudinary.com/saasquatch/image/upload/v1644000240/squatch-assets/Jn2fE0s.png"),...da(20,100,"Points")},{...ta,...la,...sa("A very rare cactus"),...ia("https://res.cloudinary.com/saasquatch/image/upload/v1644000224/squatch-assets/hhlF2Ey.png"),...na("2000 SaaSquatch Points")},{...ta,available:!1,unavailableReasonCode:"US_TAX",...sa("$1000 Store credit with a really super long name in the front page"),...ia("https://res.cloudinary.com/saasquatch/image/upload/v1644000273/squatch-assets/y9HSls1.png"),...na("2000 SaaSquatch Long Points")},{...ta,...la,...sa("A holiday gift box"),...ia("https://res.cloudinary.com/saasquatch/image/upload/v1644000223/squatch-assets/dWEdB3p.png"),...na("100 SaaSquatch Points")}],pa={...aa(ua)},va={...aa(ca)},ga={...aa([{...ta,...la,...sa("Lorem ipsum dolor sit amet consectetur adipisicing elit. Sunt ratione a itaque non obcaecati iste, amet repudiandae at consequatur adipisci culpa nam, incidunt exercitationem aliquid."),...ia("https://res.cloudinary.com/saasquatch/image/upload/v1644000223/squatch-assets/dWEdB3p.png"),...na("Lorem ipsum dolor sit amet consectetur adipisicing elit. Sunt ratione a itaque non obcaecati iste, amet repudiandae at consequatur adipisci culpa nam, incidunt exercitationem aliquid.")},{...ta,...sa("Lorem ipsum dolor sit amet consectetur adipisicing elit. Sunt ratione a itaque non obcaecati iste, amet repudiandae at consequatur adipisci culpa nam, incidunt exercitationem aliquid."),...ia("https://res.cloudinary.com/saasquatch/image/upload/v1644000273/squatch-assets/y9HSls1.png"),...na("Lorem ipsum dolor sit amet consectetur adipisicing elit. Sunt ratione a itaque non obcaecati iste, amet repudiandae at consequatur adipisci culpa nam, incidunt exercitationem aliquid.")},{...ta,...sa("Suuuuuuuuper aweeeeesssssoooommme reward!!!!!!"),...ia("https://res.cloudinary.com/saasquatch/image/upload/v1644000270/squatch-assets/WkCMVSE.png"),...na("Lorem ipsum dolor sit amet consectetur adipisicing elit. Sunt ratione a itaque non obcaecati iste, amet repudiandae at consequatur adipisci culpa nam, incidunt exercitationem aliquid.")},...ua])},ma={...aa([{...ta,available:!1,unavailableReasonCode:"NOT_CHAMPION",...sa("A very rare cactus"),...ia("https://res.cloudinary.com/saasquatch/image/upload/v1644000224/squatch-assets/hhlF2Ey.png"),...na("2000 SaaSquatch Points")},...ua])},fa={...aa(ua,"chooseReward",{...ta,...ra,...sa("Visa® Prepaid Card USD"),...ia("https://res.cloudinary.com/saasquatch/image/upload/v1644000268/squatch-assets/veHErQX.png"),...da(20,80,"Points")})},ha=(e,a,t,l,r=!0,i=null)=>({destinationValue:e,prettyDestinationValue:a+e,sourceValue:t,prettySourceValue:t+" "+l,available:r,unavailableReasonCode:i}),ba={...aa(ua,"chooseAmount",{...ta,...sa("Visa® Prepaid Card USD"),...ia("https://res.cloudinary.com/saasquatch/image/upload/v1644000268/squatch-assets/veHErQX.png"),...da(20,80,"Points"),steps:[ha(20,"$",40,"Points"),ha(30,"$",60,"Points"),ha(40,"$",80,"Points"),ha(50,"$",100,"Points"),ha(60,"$",120,"Points")]})},xa={...aa(ua,"chooseAmount",{...ta,...sa("Visa® Prepaid Card USD"),...oa(""),...ia("https://i.imgur.com/veHErQX.png"),...da(20,80,"Points"),steps:[ha(20,"$",40,"Points"),ha(30,"$",60,"Points"),ha(40,"$",80,"Points"),ha(50,"$",100,"Points"),ha(60,"$",120,"Points")]})},ya={...aa(ua,"chooseAmount",{...ta,...sa("Visa® Prepaid Card USD"),...ia("https://res.cloudinary.com/saasquatch/image/upload/v1644000268/squatch-assets/veHErQX.png"),...da(20,80,"Points"),steps:[ha(20,"$",40,"Points"),ha(30,"$",60,"Points"),ha(40,"$",80,"Points",!1,"INSUFFICIENT_REDEEMABLE_CREDIT"),ha(50,"$",100,"Points",!1,"INSUFFICIENT_REDEEMABLE_CREDIT"),ha(60,"$",120,"Points",!1,"INSUFFICIENT_REDEEMABLE_CREDIT")]})},wa={...aa(ua,"chooseAmount",{...ta,...sa("Visa® Prepaid Card USD"),...ia("https://res.cloudinary.com/saasquatch/image/upload/v1644000268/squatch-assets/veHErQX.png"),...da(20,80,"Points"),steps:[ha(20,"$",40,"Points"),ha(30,"$",60,"Points"),ha(40,"$",80,"Points",!1,"US_TAX"),ha(50,"$",100,"Points",!1,"US_TAX"),ha(60,"$",120,"Points",!1,"US_TAX")]})},Ca={...aa(ua,"chooseAmount",{...ta,...sa("Free swag with a promo code"),...ia("https://res.cloudinary.com/saasquatch/image/upload/v1644000252/squatch-assets/n7vC4BR.png"),...na("40 SaaSquatch Points")})},Ea={...aa(ua,"chooseAmount",{...ta,...oa(""),...sa("Free swag with a promo code"),...ia("https://i.imgur.com/n7vC4BR.png"),...na("40 SaaSquatch Points")})},_a={...aa(ua,"confirmation",{...ta,...sa("Free swag with a promo code"),...ia("https://res.cloudinary.com/saasquatch/image/upload/v1644000252/squatch-assets/n7vC4BR.png"),...na("40 SaaSquatch Points")})},Ra={...aa(ua,"confirmation",{...ta,...sa("Visa® Prepaid Card USD"),...ia("https://res.cloudinary.com/saasquatch/image/upload/v1644000268/squatch-assets/veHErQX.png"),...da(20,80,"Points")},ha(20,"$",40,"Points"))},Sa={...aa(ua,"confirmation",{...ta,...sa("Visa® Prepaid Card USD"),...ia("https://res.cloudinary.com/saasquatch/image/upload/v1644000268/squatch-assets/veHErQX.png"),...da(20,80,"Points")},ha(20,"$",40,"Points"),!0)},ka={...aa(void 0,"chooseReward",void 0,void 0,void 0,void 0,void 0,void 0,!0)},qa={...aa(ua,"success",{...ta,...sa("Free swag with a promo code"),...ia("https://res.cloudinary.com/saasquatch/image/upload/v1644000252/squatch-assets/n7vC4BR.png"),...na("40 SaaSquatch Points")},void 0,void 0,void 0,"4ah2-hh46-gk7r")},Ia={...aa(ua,"success",{...ta,...sa("Visa® Prepaid Card USD"),...ia("https://res.cloudinary.com/saasquatch/image/upload/v1644000223/squatch-assets/93BvEgH.png"),...da(20,80,"Points")},ha(20,"$",40,"Points"))},Aa={...aa(null,"chooseReward",null,null,!1,!0)},Ma={...aa(null,"chooseReward",null,null,!1,!1,null,!0)};function Ta(a,t){const l=C({Container:{columnGap:a.gap+"px",columnWidth:a.width+"px","& > div":{marginBottom:"24px"}}}),r=l.toString();return e("div",null,e("style",{type:"text/css"},r,"\n :host{\n display: block; \n }\n\n "),e("div",{class:l.classes.Container},t))}function $a(e,a,t){return Math.min(Math.max(e,t),a)}class za extends Error{constructor(e){super(`Failed to parse color: "${e}"`)}}function Da(e){if("string"!=typeof e)throw new za(e);if("transparent"===e.trim().toLowerCase())return[0,0,0,0];let a=e.trim();a=Ua.test(e)?function(e){const a=e.toLowerCase().trim(),t=Ba[function(e){let a=5381,t=e.length;for(;t;)a=33*a^e.charCodeAt(--t);return(a>>>0)%2341}(a)];if(!t)throw new za(e);return`#${t}`}(e):e;const t=La.exec(a);if(t){const e=Array.from(t).slice(1);return[...e.slice(0,3).map((e=>parseInt(Fa(e,2),16))),parseInt(Fa(e[3]||"f",2),16)/255]}const l=Va.exec(a);if(l){const e=Array.from(l).slice(1);return[...e.slice(0,3).map((e=>parseInt(e,16))),parseInt(e[3]||"ff",16)/255]}const r=Ha.exec(a);if(r){const e=Array.from(r).slice(1);return[...e.slice(0,3).map((e=>parseInt(e,10))),parseFloat(e[3]||"1")]}const i=ja.exec(a);if(i){const[a,t,l,r]=Array.from(i).slice(1).map(parseFloat);if($a(0,100,t)!==t)throw new za(e);if($a(0,100,l)!==l)throw new za(e);return[...Wa(a,t,l),r||1]}throw new za(e)}const Pa=e=>parseInt(e.replace(/_/g,""),36),Ba="1q29ehhb 1n09sgk7 1kl1ekf_ _yl4zsno 16z9eiv3 1p29lhp8 _bd9zg04 17u0____ _iw9zhe5 _to73___ _r45e31e _7l6g016 _jh8ouiv _zn3qba8 1jy4zshs 11u87k0u 1ro9yvyo 1aj3xael 1gz9zjz0 _3w8l4xo 1bf1ekf_ _ke3v___ _4rrkb__ 13j776yz _646mbhl _nrjr4__ _le6mbhl 1n37ehkb _m75f91n _qj3bzfz 1939yygw 11i5z6x8 _1k5f8xs 1509441m 15t5lwgf _ae2th1n _tg1ugcv 1lp1ugcv 16e14up_ _h55rw7n _ny9yavn _7a11xb_ 1ih442g9 _pv442g9 1mv16xof 14e6y7tu 1oo9zkds 17d1cisi _4v9y70f _y98m8kc 1019pq0v 12o9zda8 _348j4f4 1et50i2o _8epa8__ _ts6senj 1o350i2o 1mi9eiuo 1259yrp0 1ln80gnw _632xcoy 1cn9zldc _f29edu4 1n490c8q _9f9ziet 1b94vk74 _m49zkct 1kz6s73a 1eu9dtog _q58s1rz 1dy9sjiq __u89jo3 _aj5nkwg _ld89jo3 13h9z6wx _qa9z2ii _l119xgq _bs5arju 1hj4nwk9 1qt4nwk9 1ge6wau6 14j9zlcw 11p1edc_ _ms1zcxe _439shk6 _jt9y70f _754zsow 1la40eju _oq5p___ _x279qkz 1fa5r3rv _yd2d9ip _424tcku _8y1di2_ _zi2uabw _yy7rn9h 12yz980_ __39ljp6 1b59zg0x _n39zfzp 1fy9zest _b33k___ _hp9wq92 1il50hz4 _io472ub _lj9z3eo 19z9ykg0 _8t8iu3a 12b9bl4a 1ak5yw0o _896v4ku _tb8k8lv _s59zi6t _c09ze0p 1lg80oqn 1id9z8wb _238nba5 1kq6wgdi _154zssg _tn3zk49 _da9y6tc 1sg7cv4f _r12jvtt 1gq5fmkz 1cs9rvci _lp9jn1c _xw1tdnb 13f9zje6 16f6973h _vo7ir40 _bt5arjf _rc45e4t _hr4e100 10v4e100 _hc9zke2 _w91egv_ _sj2r1kk 13c87yx8 _vqpds__ _ni8ggk8 _tj9yqfb 1ia2j4r4 _7x9b10u 1fc9ld4j 1eq9zldr _5j9lhpx _ez9zl6o _md61fzm".split(" ").reduce(((e,a)=>{const t=Pa(a.substring(0,3)),l=Pa(a.substring(3)).toString(16);let r="";for(let e=0;e<6-l.length;e++)r+="0";return e[t]=`${r}${l}`,e}),{}),Fa=(e,a)=>Array.from(Array(a)).map((()=>e)).join(""),La=new RegExp(`^#${Fa("([a-f0-9])",3)}([a-f0-9])?$`,"i"),Va=new RegExp(`^#${Fa("([a-f0-9]{2})",3)}([a-f0-9]{2})?$`,"i"),Ha=new RegExp(`^rgba?\\(\\s*(\\d+)\\s*${Fa(",\\s*(\\d+)\\s*",2)}(?:,\\s*([\\d.]+))?\\s*\\)$`,"i"),ja=/^hsla?\(\s*([\d.]+)\s*,\s*([\d.]+)%\s*,\s*([\d.]+)%(?:\s*,\s*([\d.]+))?\s*\)$/i,Ua=/^[a-z]+$/i,Na=e=>Math.round(255*e),Wa=(e,a,t)=>{let l=t/100;if(0===a)return[l,l,l].map(Na);const r=(e%360+360)%360/60,i=(1-Math.abs(2*l-1))*(a/100),s=i*(1-Math.abs(r%2-1));let o=0,n=0,d=0;r>=0&&r<1?(o=i,n=s):r>=1&&r<2?(o=s,n=i):r>=2&&r<3?(n=i,d=s):r>=3&&r<4?(n=s,d=i):r>=4&&r<5?(o=s,d=i):r>=5&&r<6&&(o=i,d=s);const c=l-i/2;return[o+c,n+c,d+c].map(Na)},Oa=[50,100,200,300,400,500,600,700,800,900,950],Za=[.95,.86,.76,.66,.56,.46,.39,.32,.25,.18,.15],Ga=/^hsla?\(\s*([\d.]+)\s*,\s*([\d.]+)%\s*,\s*([\d.]+)%(?:\s*,\s*([\d.]+))?\s*\)$/i;function Xa(e,a="primary"){const[t,l,r,i]=function(e){const a=e.trim(),t=Ga.exec(a);if(t){const[a,l,r,i]=Array.from(t).slice(1).map(parseFloat);if($a(0,100,l)!==l)throw new za(e);if($a(0,100,r)!==r)throw new za(e);return[a,l/100,r,i||1]}return function(e){const[a,t,l,r]=Da(e).map(((e,a)=>3===a?e:e/255)),i=Math.max(a,t,l),s=Math.min(a,t,l),o=(i+s)/2;if(i===s)return[0,0,o,r];const n=i-s;return[60*(a===i?(t-l)/n+(t<l?6:0):t===i?(l-a)/n+2:(a-t)/n+4),o>.5?n/(2-i-s):n/(i+s),o,r]}(e)}(e);return Za.map((e=>function(e,a,t,l){return`hsla(${(e%360).toFixed()}, ${$a(0,100,100*a).toFixed()}%, ${$a(0,100,100*t).toFixed()}%, ${parseFloat($a(0,1,l).toFixed(3))})`}(t,l,e,i))).map(((e,t)=>`--sl-color-${a}-${Oa[t]}: ${e};\n`))}function Qa(e,a="primary"){return Xa(e,a).join("\n")}const Ja=new Map;function Ka(e){const a=l(e);let t=e.render.bind(e);e.render=()=>{const e=a.getAttribute("stencilbook-shadow-view");if(e){const a=Ja.get(e);if(a)return a}return t()}}const Ya=({story:a},t)=>{var l;let r=null===(l=a.parent.parameters)||void 0===l?void 0:l.tagname;if(!r)return t;const i=Math.round(1e5*Math.random());return Ja.set(i+"",t),e("stencilbook-shawdow-view-"+i,null,e(r,{"stencilbook-shadow-view":i}))};export{Ma as A,V as B,Pe as C,Le as D,N as E,pa as F,Ta as G,Qa as H,Ue as I,Ya as J,oe as K,P as L,Ka as M,$e as N,va as O,U as P,ee as Q,Ae as R,$ as S,Ie as T,L as a,Q as b,ne as c,de as d,ce as e,ve as f,he as g,Re as h,ea as i,ga as j,fa as k,Ca as l,Ea as m,ba as n,xa as o,ya as p,wa as q,ma as r,_a as s,Ra as t,Z as u,Sa as v,ka as w,qa as x,Ia as y,Aa as z}
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import{r as d,h as t,c as e}from"./p-64c3217a.js";import{m as n,e as i,k as r,y as a,o as s,f as o,b as $,u as l}from"./p-27455c4c.js";import{i as u}from"./p-f0b9e163.js";import{u as c}from"./p-982ad256.js";import{j as h,P as f,d as v,i as m,b as p,q as g,M as y,r as b,c as w,g as x,E as k,D as C,H as E,l as N,R as S,A as I}from"./p-95398ce2.js";import"./p-81f34787.js";import{j as M}from"./p-e7e129ac.js";import{c as R}from"./p-c1086930.js";import"./p-61ff3ceb.js";import{c as P}from"./p-ab8f86d3.js";import{a as A}from"./p-ec7dd6f7.js";import{u as T}from"./p-274a87bd.js";import"./p-7794c289.js";import{g as L,a as O,s as _}from"./p-9c5f124f.js";import"./p-46416f3e.js";import"./p-227ccb7c.js";import{c as F,K as D,B,H as G,G as V,C as j,D as q,E as U,I as H,M as W,L as z,N as K,e as Z,P as Y,f as X,g as J,R as Q,O as dd,i as td,Q as ed,b as nd,S as id,a as rd,u as ad,d as sd,T as od}from"./p-
|
|
1
|
+
import{r as d,h as t,c as e}from"./p-64c3217a.js";import{m as n,e as i,k as r,y as a,o as s,f as o,b as $,u as l}from"./p-27455c4c.js";import{i as u}from"./p-f0b9e163.js";import{u as c}from"./p-982ad256.js";import{j as h,P as f,d as v,i as m,b as p,q as g,M as y,r as b,c as w,g as x,E as k,D as C,H as E,l as N,R as S,A as I}from"./p-95398ce2.js";import"./p-81f34787.js";import{j as M}from"./p-e7e129ac.js";import{c as R}from"./p-c1086930.js";import"./p-61ff3ceb.js";import{c as P}from"./p-ab8f86d3.js";import{a as A}from"./p-ec7dd6f7.js";import{u as T}from"./p-274a87bd.js";import"./p-7794c289.js";import{g as L,a as O,s as _}from"./p-9c5f124f.js";import"./p-46416f3e.js";import"./p-227ccb7c.js";import{c as F,K as D,B,H as G,G as V,C as j,D as q,E as U,I as H,M as W,L as z,N as K,e as Z,P as Y,f as X,g as J,R as Q,O as dd,i as td,Q as ed,b as nd,S as id,a as rd,u as ad,d as sd,T as od}from"./p-c195994f.js";import"./p-16b6aea4.js";const $d=class{constructor(t){d(this,t),this.flexReverse=!1,this.ignored=!0,n(this)}disconnectedCallback(){}render(){var d;const{props:e,label:n}=h()?F(this):D(this),i=!!(null===(d=f().innerHTML)||void 0===d?void 0:d.trim()),r=t("slot",{name:"label"},i?t("slot",null):n);return t(B,Object.assign({},e,{labelSlot:r}))}},ld=class{constructor(t){d(this,t),n(this)}disconnectedCallback(){}render(){var d,n;const r=null!==(d=this.brandColor)&&void 0!==d?d:"#FFF",a=G(r),s=(null!==(n=this.brandFont)&&void 0!==n?n:"Nunito Sans").trim()||void 0;i((()=>{if(!s)return;const d=document.createElement("link");return d.setAttribute("href",function(...d){return`https://fonts.googleapis.com/css2?${d.map((d=>`family=${encodeURIComponent(d)}`)).join("&")}`}(s)),d.setAttribute("rel","stylesheet"),document.head.appendChild(d),()=>document.head.removeChild(d)}),[s]);const o=null!=s?s:"";return t(e,null,t("style",null,`\n\n :host{\n display: contents;\n }\n /* \n Selects any element placed inside a slot\n - resets css variable inheritence for fonts\n \n */\n ::slotted(*) {\n --sl-font-sans: "${o}", arial;\n --sl-input-font-family: "${o}", arial;\n --sl-tooltip-font-family: "${o}", arial;\n font-family: "${o}", arial;\n\t\t\t\n ${this.brandColor&&a}\n --sl-focus-ring-color-primary: var(--sl-color-primary-100);\n --sl-input-border-color-focus: var(--sl-color-primary-500);\n --sl-color-primary-hue: var(--sl-color-primary-500);\n }`),t("slot",null))}},ud=class{constructor(t){d(this,t),this.ignored=!0,this.width=347,this.gap=24,n(this)}disconnectedCallback(){}render(){return t(V,Object.assign({},L(this)),t("slot",null))}},cd=P({IconStyle:{display:"block",position:"absolute",top:"23px"},DivStyle:{marginLeft:"28px"},Details:{marginLeft:"28px"},Heading:{display:"inline-block"},Alert:{margin:"28px"},Children:{display:"none"}}),hd=cd.toString();function fd({missingProps:d},e){if(!d)return!1;const n=f(),[i,a]=r(!1);return t("sl-alert",{type:"danger",open:!0,class:cd.classes.Alert},t("style",{type:"text/css"},hd),t("div",{slot:"icon",class:cd.classes.IconStyle},t("sl-icon",{name:"exclamation-octagon"})),t("div",{class:cd.classes.DivStyle},t("h2",{class:cd.classes.Heading},"There was a problem loading this section"),t("p",null,"There was a technical problem that prevented this section from loading. Please contact us with the link to this page.")),t("details",{class:cd.classes.Details},t("summary",{onClick:()=>a(!i)},i?"Less":"More"," details"),t("p",null,"Error occured while loading ",`<${n.tagName.toLowerCase()}>`,". Values for the following attributes are missing:"),t("ul",null,d.map((d=>t("li",null,t("strong",null,d.attribute)))))),t("div",{class:cd.classes.Children},e))}const vd=class{constructor(t){d(this,t),this.ignored=!0,this.checkboxLabel="By signing up you agree to the {labelLink}",this.checkboxLabelLink="https://example.com",this.checkboxLabelLinkText="Terms and Conditions",this.errorMessage="Must be checked",this.checkboxOptional=!1,n(this)}disconnectedCallback(){}render(){const d=O([{attribute:"checkbox-name",value:this.checkboxName}]);if(!h()&&d)return t(fd,{missingProps:d});const e={...L(this)},{states:n,callbacks:i}=h()?R({states:{validationErrors:[],checked:!1},callbacks:{setChecked:()=>{}}},this.demoData||{},{arrayMerge:(d,t)=>t}):function(){const d=s("sq:validation-state"),[t,e]=r(!1);return{states:{validationErrors:null==d?void 0:d.validationErrors,checked:t},callbacks:{setChecked:e}}}();return t(j,{states:n,content:e,callbacks:i})}};function md(d,e){const n=()=>"row"===d.direction?{"border-right":d.dividerStyle||"1px solid #EAEAEA"}:{"border-bottom":d.dividerStyle||"1px solid #EAEAEA"},i={LayoutContainer:{display:"contents","& > :not(:last-child)":{...n()},"& > ::slotted(*:not(:last-child))":{...n()}}},r=`\n display: flex;\n flex: 1;\n flex-direction: ${d.direction};\n background-color: var(--sqm-content-background);\n ${"column"===d.direction?"width: 100%; max-width: var(--sqm-portal-main-width);":""}\n `,a=`\n :host{\n ${r}\n }\n sqm-divided-layout {\n ${r}\n }\n `,s=P(i),o=s.toString();return t("div",{class:s.classes.LayoutContainer},t("style",{type:"text/css"},a,o),e)}const pd=class{constructor(t){d(this,t),this.dividerStyle="1px solid #EAEAEA",n(this)}disconnectedCallback(){}render(){return t(md,Object.assign({},L(this)),t("slot",null))}},gd=class{constructor(t){d(this,t),this.ignored=!0,this.dropdownLabel="Select an option",this.errorMessage="Select an option",this.dropdownOptional=!1,n(this)}disconnectedCallback(){}render(){const d=O([{attribute:"dropdown-name",value:this.dropdownName}]);if(!h()&&d)return t(fd,{missingProps:d},t("slot",null));const e={...L(this),selectOptions:t("slot",null)},{states:n}=h()?R({states:{validationErrors:[]}},this.demoData||{},{arrayMerge:(d,t)=>t}):function(){const d=s("sq:validation-state");return{states:{validationErrors:null==d?void 0:d.validationErrors}}}();return t(q,{states:n,content:e})}},yd=v.gql`
|
|
2
2
|
query {
|
|
3
3
|
viewer {
|
|
4
4
|
... on User {
|
|
@@ -30,7 +30,7 @@ import{r as d,h as t,c as e}from"./p-64c3217a.js";import{m as n,e as i,k as r,y
|
|
|
30
30
|
lastName
|
|
31
31
|
}
|
|
32
32
|
}
|
|
33
|
-
`,wd={currentRegion:"",firstName:"",lastName:"",errors:{},error:""},xd=class{constructor(t){d(this,t),this.ignored=!0,n(this)}disconnectedCallback(){}render(){const d=h()?function(d){return R({states:{loading:!1,submitDisabled:!1,formState:{currentRegion:"Canada",firstName:"Bill",lastName:"Bob",errors:{},error:"An error string"},user:{firstName:"Bill",lastName:"Bob",email:"billbob@example.com"},showEdit:!1,text:{editprofileheader:d.editprofileheader?d.editprofileheader:"Edit Profile",editprofiletext:d.editprofiletext?d.editprofiletext:"Update your profile.",firstnametext:d.firstnametext?d.firstnametext:"First Name",lastnametext:d.lastnametext?d.lastnametext:"Last Name",canceltext:d.canceltext?d.canceltext:"Cancel",updatetext:d.updatetext?d.updatetext:"Update",currentregiontext:d.currentregiontext?d.currentregiontext:"Region",showregion:!0}},callbacks:{onSubmit:d=>{console.log(d)},resetForm:()=>{console.log("reset")},onChange:()=>{console.log("change")},setShowEdit:d=>{console.log(d)}}},d.demoData||{},{arrayMerge:(d,t)=>t})}(L(this)):function(d){const t=m(),[e,n]=r(!1),[a,s]=r(""),[o,$]=r(void 0),[l,c]=r(wd),h=p(yd,{},!(null==t?void 0:t.jwt)),[f,v]=g(bd);return i((()=>{!(null==v?void 0:v.loading)&&e&&((null==v?void 0:v.errors)?c((d=>{var t,e,n;return{...d,error:null===(n=null===(e=null===(t=null==v?void 0:v.errors)||void 0===t?void 0:t.response)||void 0===e?void 0:e.errors)||void 0===n?void 0:n[0].message}})):($((d=>{var t;return{...d,...null===(t=null==v?void 0:v.data)||void 0===t?void 0:t.upsertUser}})),n(!1)))}),[null==v?void 0:v.loading]),i((()=>{$((d=>{var t;return{...d,...null===(t=null==h?void 0:h.data)||void 0===t?void 0:t.viewer}}))}),[null==h?void 0:h.data]),i((()=>{var d;(null===(d=null==v?void 0:v.errors)||void 0===d?void 0:d.message)&&c((d=>({...d,error:"Network request failed."})))}),[null==v?void 0:v.errors]),{states:{loading:(null==h?void 0:h.loading)||v.loading,submitDisabled:!1,formState:l,user:o,showEdit:e,text:{editprofileheader:d.editprofileheader,editprofiletext:d.editprofiletext,firstnametext:d.firstnametext,lastnametext:d.lastnametext,canceltext:d.canceltext,updatetext:d.updatetext,currentregiontext:d.currentregiontext,showregion:d.showregion}},callbacks:{onSubmit:()=>{if(l.firstName&&l.lastName)return f({id:null==t?void 0:t.id,accountId:null==t?void 0:t.accountId,firstName:l.firstName,lastName:l.lastName}),void c((d=>({...d,errors:{}})));const d={};l.firstName||(d.firstName={message:"Field can't be empty"}),l.lastName||(d.lastName={message:"Field can't be empty"}),d!=={}&&c((d=>({...d,error:"Please correct the errors below to update your profile."}))),c((t=>({...t,errors:d})))},resetForm:()=>{var d,t,e,n,i,r;const a=(null===(t=null===(d=null==h?void 0:h.data)||void 0===d?void 0:d.viewer)||void 0===t?void 0:t.countryCode)?u.formatDisplayName(h.data.viewer.countryCode,{type:"region"}):"";$({...null===(e=h.data)||void 0===e?void 0:e.viewer,...null===(n=v.data)||void 0===n?void 0:n.upsertUser}),c({...wd,...null===(i=h.data)||void 0===i?void 0:i.viewer,...null===(r=v.data)||void 0===r?void 0:r.upsertUser,currentRegion:a})},onChange:d=>{const{name:t,value:e}=d.target;c((d=>({...d,[t]:e})))},setShowEdit:n}}}(L(this));return t(U,Object.assign({},d))}};function kd(d,e){const n=Boolean((d.header||d.description||d.buttonText)&&"overlay"===d.layout),i=P({Container:{position:"relative","&:before":{content:n?'""':"",width:"100%",height:"100%",position:"absolute",background:d.overlayColor||"var(--sl-color-primary-900)",opacity:d.overlayOpacity}},Image:{display:"block",width:"100%",height:"100%",maxWidth:"max-content",objectFit:"cover",margin:"auto"},Background:{backgroundImage:`url(${d.imageUrl})`,backgroundSize:"cover",backgroundPosition:d.imagePos||"center",display:"flex",justifyContent:"center",alignItems:"center"},Overlay:{zIndex:"1",padding:"calc(var(--sl-spacing-"+d.paddingText+") + var(--sl-spacing-"+d.paddingImage+"))",textAlign:"center",color:d.textColor||"var(--sl-color-neutral-0)",lineHeight:"var(--sl-line-height-dense)","@media (max-width: 599px)":{padding:"var(--sl-spacing-"+d.paddingText+")"}},Column:{display:"flex",background:d.backgroundColor||"",flexDirection:"right"===d.imagePos?"row-reverse":"row",lineHeight:"var(--sl-line-height-dense)",color:d.textColor||"var(--sl-color-neutral-900)","& .image-area":{width:d.imagePercentage?d.imagePercentage+"%":"50%",padding:"var(--sl-spacing-"+d.paddingImage+")",boxSizing:"border-box","@media (max-width: 599px)":{width:"100%"}},"& .text-area":{width:d.imagePercentage?100-d.imagePercentage+"%":"50%",padding:"var(--sl-spacing-"+d.paddingText+")",alignSelf:"center",boxSizing:"border-box","@media (max-width: 599px)":{width:"100%",textAlign:"center",padding:"calc(0.5*var(--sl-spacing-"+d.paddingText+"))"}},"@media (max-width: 599px)":{flexDirection:"bottom"===d.imageMobilePos?"column-reverse":"column"}},Header:{fontSize:"var(--sl-font-size-xxx-large)",fontWeight:"var(--sl-font-weight-bold)","@media (max-width: 599px)":{fontSize:"var(--sl-font-size-xx-large)"}},Description:{fontSize:"var(--sl-font-size-x-large)",margin:"var(--sl-spacing-small) 0","@media (max-width: 599px)":{fontSize:"var(--sl-font-size-large)"}},Button:{marginTop:"var(--sl-spacing-medium)","&::part(base)":{padding:"0 var(--sl-spacing-x-large)"},"@media (max-width: 599px)":{width:"100%"}}}),r=i.toString();return t("div",{class:i.classes.Container},t("style",{type:"text/css"},"\n :host{\n display: block;\n }",r),"overlay"===d.layout&&t("div",{class:i.classes.Background},t("div",{class:i.classes.Overlay},d.header&&t("div",{class:i.classes.Header},d.header),d.description&&t("div",{class:i.classes.Description},d.description),d.buttonText&&t("sl-button",{class:i.classes.Button,type:"primary",onClick:()=>d.buttonNewTab?window.open(d.buttonLink):window.open(d.buttonLink,"_parent")},d.buttonText),e&&e)),"columns"===d.layout&&t("div",null,t("div",{class:i.classes.Column},t("div",{class:"image-area"},t("img",{class:i.classes.Image,src:d.imageUrl})),t("div",{class:"text-area"},d.header&&t("div",{class:i.classes.Header},d.header),d.description&&t("div",{class:i.classes.Description},d.description),d.buttonText&&t("sl-button",{class:i.classes.Button,type:"primary",onClick:()=>d.buttonNewTab?window.open(d.buttonLink):window.open(d.buttonLink,"_parent")},d.buttonText)))))}xd.style=".ErrorStyles::part(base){background:var(--sl-color-danger-10);border-color:var(--sl-color-danger-500);outline:var(--sl-color-danger-500)}.ErrorStyles:host{--something-random:red;--focus-ring:0 0 0 var(--sl-focus-ring-width) red !important}.ErrorStyles::part(input){color:var(--sl-color-danger-500)}.ErrorStyles::part(input):-webkit-autofill,.ErrorStyles::part(input):-webkit-autofill:hover,.ErrorStyles::part(input):-webkit-autofill:focus,.ErrorStyles::part(input):-webkit-autofill:active{-webkit-box-shadow:0 0 0 var(--sl-input-height-large) var(--sl-input-background-color-hover) inset !important;box-shadow:0 0 0 var(--sl-input-height-large) var(--sl-input-background-color-hover) inset !important;-webkit-text-fill-color:var(--sl-color-danger-500)}.ErrorStyles::part(help-text){color:var(--sl-color-danger-500)}:host{display:block}:host([hidden]){display:none}.FormWrapper>:not(:first-child){margin-top:54px}.FormSection{width:100%}.FormSection>:not(:first-child){margin-top:16px}.ButtonWrapper{display:-ms-flexbox;display:flex;margin-top:24px;-ms-flex-pack:end;justify-content:flex-end}.ButtonWrapper>:not(:first-child){margin-left:var(--sl-font-size-x-small)}.CardWrapper{-webkit-box-sizing:border-box;box-sizing:border-box;background:var(--sl-color-white);padding:40px 30px;display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;-ms-flex-pack:justify;justify-content:space-between}@media screen and (max-width: 499px){.CardWrapper{-ms-flex-direction:column;flex-direction:column;-ms-flex-pack:center;justify-content:center;-ms-flex-align:center;align-items:center}}@media screen and (max-width: 880px){.CardWrapper.ShowEdit{-ms-flex-direction:row;flex-direction:row;-ms-flex-align:end;align-items:flex-end}}";const Cd=class{constructor(t){d(this,t),this.overlayOpacity="0.75",this.layout="overlay",this.imagePercentage=50,this.imagePos="center",this.imageMobilePos="top",this.buttonNewTab=!1,this.paddingText="xxxx-large",this.paddingImage="none",n(this)}disconnectedCallback(){}render(){return t(kd,Object.assign({},L(this)),t("slot",null))}},Ed=class{constructor(t){d(this,t),this.ignored=!0,n(this)}disconnectedCallback(){}render(){return t(this.hookStory,null)}},Nd=class{constructor(t){d(this,t),this.ignored=!0,this.fieldType="text",this.errorMessage="Cannot be empty",this.fieldOptional=!1,n(this)}disconnectedCallback(){}render(){const d={...L(this)},e=O([{attribute:"field-name",value:this.fieldName}]);if(e)return t(fd,{missingProps:e});const{states:n}=h()?R({states:{validationErrors:[]}},this.demoData||{},{arrayMerge:(d,t)=>t}):function(){const d=s("sq:validation-state");return{states:{validationErrors:null==d?void 0:d.validationErrors}}}();return t(H,{states:n,content:d})}},Sd=v.gql`
|
|
33
|
+
`,wd={currentRegion:"",firstName:"",lastName:"",errors:{},error:""},xd=class{constructor(t){d(this,t),this.ignored=!0,n(this)}disconnectedCallback(){}render(){const d=h()?function(d){return R({states:{loading:!1,submitDisabled:!1,formState:{currentRegion:"Canada",firstName:"Bill",lastName:"Bob",errors:{},error:"An error string"},user:{firstName:"Bill",lastName:"Bob",email:"billbob@example.com"},showEdit:!1,text:{editprofileheader:d.editprofileheader?d.editprofileheader:"Edit Profile",editprofiletext:d.editprofiletext?d.editprofiletext:"Update your profile.",firstnametext:d.firstnametext?d.firstnametext:"First Name",lastnametext:d.lastnametext?d.lastnametext:"Last Name",canceltext:d.canceltext?d.canceltext:"Cancel",updatetext:d.updatetext?d.updatetext:"Update",currentregiontext:d.currentregiontext?d.currentregiontext:"Region",showregion:!0}},callbacks:{onSubmit:d=>{console.log(d)},resetForm:()=>{console.log("reset")},onChange:()=>{console.log("change")},setShowEdit:d=>{console.log(d)}}},d.demoData||{},{arrayMerge:(d,t)=>t})}(L(this)):function(d){const t=m(),[e,n]=r(!1),[a,s]=r(""),[o,$]=r(void 0),[l,c]=r(wd),h=p(yd,{},!(null==t?void 0:t.jwt)),[f,v]=g(bd);return i((()=>{!(null==v?void 0:v.loading)&&e&&((null==v?void 0:v.errors)?c((d=>{var t,e,n;return{...d,error:null===(n=null===(e=null===(t=null==v?void 0:v.errors)||void 0===t?void 0:t.response)||void 0===e?void 0:e.errors)||void 0===n?void 0:n[0].message}})):($((d=>{var t;return{...d,...null===(t=null==v?void 0:v.data)||void 0===t?void 0:t.upsertUser}})),n(!1)))}),[null==v?void 0:v.loading]),i((()=>{$((d=>{var t;return{...d,...null===(t=null==h?void 0:h.data)||void 0===t?void 0:t.viewer}}))}),[null==h?void 0:h.data]),i((()=>{var d;(null===(d=null==v?void 0:v.errors)||void 0===d?void 0:d.message)&&c((d=>({...d,error:"Network request failed."})))}),[null==v?void 0:v.errors]),{states:{loading:(null==h?void 0:h.loading)||v.loading,submitDisabled:!1,formState:l,user:o,showEdit:e,text:{editprofileheader:d.editprofileheader,editprofiletext:d.editprofiletext,firstnametext:d.firstnametext,lastnametext:d.lastnametext,canceltext:d.canceltext,updatetext:d.updatetext,currentregiontext:d.currentregiontext,showregion:d.showregion}},callbacks:{onSubmit:()=>{if(l.firstName&&l.lastName)return f({id:null==t?void 0:t.id,accountId:null==t?void 0:t.accountId,firstName:l.firstName,lastName:l.lastName}),void c((d=>({...d,errors:{}})));const d={};l.firstName||(d.firstName={message:"Field can't be empty"}),l.lastName||(d.lastName={message:"Field can't be empty"}),d!=={}&&c((d=>({...d,error:"Please correct the errors below to update your profile."}))),c((t=>({...t,errors:d})))},resetForm:()=>{var d,t,e,n,i,r;const a=(null===(t=null===(d=null==h?void 0:h.data)||void 0===d?void 0:d.viewer)||void 0===t?void 0:t.countryCode)?u.formatDisplayName(h.data.viewer.countryCode,{type:"region"}):"";$({...null===(e=h.data)||void 0===e?void 0:e.viewer,...null===(n=v.data)||void 0===n?void 0:n.upsertUser}),c({...wd,...null===(i=h.data)||void 0===i?void 0:i.viewer,...null===(r=v.data)||void 0===r?void 0:r.upsertUser,currentRegion:a})},onChange:d=>{const{name:t,value:e}=d.target;c((d=>({...d,[t]:e})))},setShowEdit:n}}}(L(this));return t(U,Object.assign({},d))}};function kd(d,e){const n=Boolean((d.header||d.description||d.buttonText)&&"overlay"===d.layout),i=P({Container:{position:"relative","&:before":{content:n?'""':"",width:"100%",height:"100%",position:"absolute",background:d.overlayColor||"var(--sl-color-primary-900)",opacity:d.overlayOpacity}},Image:{display:"block",width:"100%",height:"100%",maxWidth:"max-content",objectFit:"cover",margin:"auto"},Background:{backgroundImage:`url(${d.imageUrl})`,backgroundSize:"cover",backgroundPosition:d.imagePos||"center",display:"flex",justifyContent:"center",alignItems:"center"},Overlay:{zIndex:"1",padding:"calc(var(--sl-spacing-"+d.paddingText+") + var(--sl-spacing-"+d.paddingImage+"))",textAlign:"center",color:d.textColor||"var(--sl-color-neutral-0)",lineHeight:"var(--sl-line-height-dense)","@media (max-width: 599px)":{padding:"var(--sl-spacing-"+d.paddingText+")"}},Column:{display:"flex",background:d.backgroundColor||"",flexDirection:"right"===d.imagePos?"row-reverse":"row",lineHeight:"var(--sl-line-height-dense)",color:d.textColor||"var(--sl-color-neutral-900)","& .image-area":{width:d.imagePercentage?d.imagePercentage+"%":"50%",padding:"var(--sl-spacing-"+d.paddingImage+")",boxSizing:"border-box","@media (max-width: 599px)":{width:"100%"}},"& .text-area":{width:d.imagePercentage?100-d.imagePercentage+"%":"50%",padding:"var(--sl-spacing-"+d.paddingText+")",alignSelf:"center",boxSizing:"border-box","@media (max-width: 599px)":{width:"100%",textAlign:"center",padding:"calc(0.5*var(--sl-spacing-"+d.paddingText+"))"}},"@media (max-width: 599px)":{flexDirection:"bottom"===d.imageMobilePos?"column-reverse":"column"}},Header:{fontSize:"var(--sl-font-size-xxx-large)",fontWeight:"var(--sl-font-weight-bold)","@media (max-width: 599px)":{fontSize:"var(--sl-font-size-xx-large)"}},Description:{fontSize:"var(--sl-font-size-x-large)",margin:"var(--sl-spacing-small) 0","@media (max-width: 599px)":{fontSize:"var(--sl-font-size-large)"}},Button:{marginTop:"var(--sl-spacing-medium)","&::part(base)":{padding:"0 var(--sl-spacing-x-large)"},"@media (max-width: 599px)":{width:"100%"}}}),r=i.toString();return t("div",{class:i.classes.Container},t("style",{type:"text/css"},"\n :host{\n display: block;\n }",r),"overlay"===d.layout&&t("div",{class:i.classes.Background},t("div",{class:i.classes.Overlay},d.header&&t("div",{class:i.classes.Header},d.header),d.description&&t("div",{class:i.classes.Description},d.description),d.buttonText&&t("sl-button",{class:i.classes.Button,type:"primary",onClick:()=>d.buttonNewTab?window.open(d.buttonLink):window.open(d.buttonLink,"_parent")},d.buttonText),e&&e)),"columns"===d.layout&&t("div",null,t("div",{class:i.classes.Column},t("div",{class:"image-area"},t("img",{class:i.classes.Image,src:d.imageUrl})),t("div",{class:"text-area"},d.header&&t("div",{class:i.classes.Header},d.header),d.description&&t("div",{class:i.classes.Description},d.description),d.buttonText&&t("sl-button",{class:i.classes.Button,type:"primary",onClick:()=>d.buttonNewTab?window.open(d.buttonLink):window.open(d.buttonLink,"_parent")},d.buttonText)))))}xd.style=".ErrorStyles::part(base){background:var(--sl-color-danger-10);border-color:var(--sl-color-danger-500);outline:var(--sl-color-danger-500)}.ErrorStyles:host{--something-random:red;--focus-ring:0 0 0 var(--sl-focus-ring-width) red !important}.ErrorStyles::part(input){color:var(--sl-color-danger-500)}.ErrorStyles::part(input):-webkit-autofill,.ErrorStyles::part(input):-webkit-autofill:hover,.ErrorStyles::part(input):-webkit-autofill:focus,.ErrorStyles::part(input):-webkit-autofill:active{-webkit-box-shadow:0 0 0 var(--sl-input-height-large) var(--sl-input-background-color-hover) inset !important;box-shadow:0 0 0 var(--sl-input-height-large) var(--sl-input-background-color-hover) inset !important;-webkit-text-fill-color:var(--sl-color-danger-500)}.ErrorStyles::part(help-text){color:var(--sl-color-danger-500)}:host{display:block}:host([hidden]){display:none}.FormWrapper>:not(:first-child){margin-top:54px}.FormSection{width:100%}.FormSection>:not(:first-child){margin-top:16px}.ButtonWrapper{display:-ms-flexbox;display:flex;margin-top:24px;-ms-flex-pack:end;justify-content:flex-end}.ButtonWrapper>:not(:first-child){margin-left:var(--sl-font-size-x-small)}.CardWrapper{-webkit-box-sizing:border-box;box-sizing:border-box;background:var(--sl-color-white);padding:40px 30px;display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;-ms-flex-pack:justify;justify-content:space-between}@media screen and (max-width: 499px){.CardWrapper{-ms-flex-direction:column;flex-direction:column;-ms-flex-pack:center;justify-content:center;-ms-flex-align:center;align-items:center}}@media screen and (max-width: 880px){.CardWrapper.ShowEdit{-ms-flex-direction:row;flex-direction:row;-ms-flex-align:end;align-items:flex-end}}";const Cd=class{constructor(t){d(this,t),this.overlayOpacity="0.75",this.layout="overlay",this.imagePercentage=50,this.imagePos="center",this.imageMobilePos="top",this.buttonNewTab=!1,this.paddingText="xxxx-large",this.paddingImage="none",n(this)}disconnectedCallback(){}render(){return t(kd,Object.assign({},L(this)),t("slot",null))}},Ed=class{constructor(t){d(this,t),this.ignored=!0,n(this)}disconnectedCallback(){}render(){return t(this.hookStory,null)}},Nd=class{constructor(t){d(this,t),this.ignored=!0,this.fieldType="text",this.errorMessage="Cannot be empty",this.fieldOptional=!1,n(this)}disconnectedCallback(){}render(){const d={...L(this)},e=O([{attribute:"field-name",value:this.fieldName}]);if(!h()&&e)return t(fd,{missingProps:e});const{states:n}=h()?R({states:{validationErrors:[]}},this.demoData||{},{arrayMerge:(d,t)=>t}):function(){const d=s("sq:validation-state");return{states:{validationErrors:null==d?void 0:d.validationErrors}}}();return t(H,{states:n,content:d})}},Sd=v.gql`
|
|
34
34
|
query ($type: String!, $filter: UserLeaderboardFilterInput) {
|
|
35
35
|
userLeaderboard(type: $type, filter: $filter) {
|
|
36
36
|
dateModified
|