@saasquatch/mint-components 1.5.0-69 → 1.5.0-72

package/dist/mint-components/p-f5c176e4.js

@@ -1,30 +0,0 @@
-import{h as e,c as l,d as s,g as t}from"./p-64c3217a.js";import{k as a}from"./p-b7da9a8a.js";import{i}from"./p-5a2bd8cc.js";import{d as r,M as o,n,x as d,b as c,D as p,f as u}from"./p-3b184c32.js";import{H as g,A as v,a as m,b as f,E as h}from"./p-26f627aa.js";import{c as b}from"./p-373fa002.js";import{l as x}from"./p-591de129.js";import{l as y}from"./p-4e05c65a.js";import{T as w}from"./p-179988b5.js";import{P as k}from"./p-0a1d7ec0.js";import{P as C}from"./p-e08f5f8e.js";const _={facebook:"#1877f2",twitter:"#1da1f2",email:"#666666",direct:"#00008B",linkedin:"#0077b5",sms:"#34DA50",fbmessenger:"#0084ff",whatsapp:"#25d366",linemessenger:"#00B300",pinterest:"#e60023"},z={facebook:"#fff",twitter:"#fff",email:"#fff",direct:"#fff",linkedin:"#fff",sms:"#fff",fbmessenger:"#fff",whatsapp:"#fff",linemessenger:"#fff",pinterest:"#fff"},S={facebook:"facebook",twitter:"twitter",email:"envelope",direct:"send",linkedin:"linkedin",sms:"chat",fbmessenger:"messenger",whatsapp:"whatsapp",linemessenger:"line",pinterest:"pinterest"};function M(s,t){const a=`\n    *::part(base) {\n\t\t\t--sl-focus-ring-color-primary: ${s.backgroundcolor?s.backgroundcolor:s.medium?_[s.medium]:""}80!important;\n\n      background: ${s.backgroundcolor?s.backgroundcolor:s.medium?_[s.medium]:""};\n      color: ${s.textcolor?s.textcolor:s.medium?z[s.medium]:""};\n      border-radius: ${s.borderradius?s.borderradius+"px":""};\n    }\n\n\t*::part(base):hover {\n\t\tborder-color: ${s.backgroundcolor?s.backgroundcolor:s.medium?_[s.medium]:""}D1!important;\n\t}\n\t\n\t*::part(base):focus {\n\t\tborder-color: ${s.backgroundcolor?s.backgroundcolor:s.medium?_[s.medium]:""}D1!important;\n\t}\n\n\t*::part(label) {\n\t\tposition: relative;\n\t\ttop: 2%;\n\t}\n  `,i=b({HostBlock:g,buttonStyle:{display:"flex",alignItems:"center",justifyContent:"center",lineHeight:"0"}}),r=i.toString();return s.hide?e(l,{style:{display:"none"}}):e("div",null,e("style",{type:"text/css"},r),e("style",{type:"text/css"},a),e("sl-button",{class:i.classes.buttonStyle,loading:s.loading,disabled:s.disabled,pill:s.pill,size:s.size,type:s.type,onClick:s.onClick,exportparts:`base: ${s.type}sharebutton-base`},!s.hideicon&&e("sl-icon",{slot:s.iconslot||"prefix",name:s.icon?s.icon:S[s.medium],exportparts:"icon"}),!s.hidetext&&t))}const R=b({HostBlock:g,inputStyle:{"&::part(base)":{background:"white",opacity:"1",cursor:"pointer"}}}),A=R.toString();function B(l){return e("div",null,e("style",{type:"text/css"},A),e("sl-tooltip",{trigger:"manual",content:l.tooltiptext,placement:"top-end",disabled:l.disabled,open:l.open},e("sl-input",{class:R.classes.inputStyle,exportparts:"label: input-label",value:l.shareString,readonly:!0},e("sl-icon-button",{onClick:()=>{var e;return null===(e=l.onClick)||void 0===e?void 0:e.call(l)},slot:"suffix",name:"files",disabled:l.disabled}))))}const j=b({Leaderboard:{"& table":{width:"100%",borderCollapse:"collapse"},"& th":{textAlign:"left",padding:"var(--sl-spacing-medium)",paddingTop:"0",fontSize:"var(--sl-font-size-medium)",fontWeight:"var(--sl-font-weight-semibold)"},"& tr:not(:first-child)":{borderTop:"1px solid var(--sl-color-neutral-200)"},"& td":{fontSize:"var(--sl-font-size-medium)",fontWeight:"var(--sl-font-weight-normal)"},"& .ellipses":{textAlign:"center",padding:"0",color:"var(--sl-color-neutral-500)"},"& .highlight":{background:"var(--sl-color-primary-50)"},"& td, th":{color:"var(--sl-color-gray-800)",padding:"var(--sl-spacing-medium)"},"& .User":{width:"100%"},"& .Score":{width:"auto",whiteSpace:"nowrap"}}}),E=j.toString();function L(l){var s,t,a,i,r,o,n,d,c,p,u;const{states:g,data:v,elements:m}=l,{styles:f}=g;if(console.log("I AM THE LEADERBOARDS",l),g.loading)return e("div",{class:j.classes.Leaderboard},e("style",{type:"text/css"},E,"\n\t:host{\n\t\tdisplay: block;\n\t}\n"),m.loadingstate);let h=!1;return e("div",{class:j.classes.Leaderboard},e("style",{type:"text/css"},E,"\n\t:host{\n\t\tdisplay: block;\n\t}\n"),e("table",null,e("tr",null,f.showRank&&e("th",{class:"Rank"},f.rankheading),e("th",{class:"User"},f.usersheading),e("th",{class:"Score"},f.statsheading)),!g.hasLeaders&&e("tr",null,e("td",{colSpan:100},m.empty)),null===(s=v.leaderboard)||void 0===s?void 0:s.map((l=>{var s,t;return l.rowNumber===(null===(s=v.userRank)||void 0===s?void 0:s.rowNumber)&&(h=!0),e("tr",{class:l.rowNumber===(null===(t=v.userRank)||void 0===t?void 0:t.rowNumber)?"highlight":""},f.showRank&&e("td",{class:"Rank"},l.rank),e("td",{class:"User"},l.firstName&&l.lastInitial?l.firstName+" "+l.lastInitial:l.firstName||l.lastInitial?l.firstName||l.lastInitial:f.anonymousUser||"Anonymous User"),e("td",{class:"Score"},l.value))})),g.hasLeaders&&!h&&v.showUser&&e("tr",null,e("td",{colSpan:100,class:"ellipses"},e("sl-icon",{name:"three-dots",style:{verticalAlign:"middle"}}))),g.hasLeaders&&!h&&v.showUser&&e("tr",{class:"highlight"},f.showRank&&e("td",{class:"Rank"},(null===(t=v.userRank)||void 0===t?void 0:t.rank)||"-"),e("td",{class:"User"},(null===(a=v.userRank)||void 0===a?void 0:a.firstName)&&(null===(i=v.userRank)||void 0===i?void 0:i.lastInitial)?(null===(r=v.userRank)||void 0===r?void 0:r.firstName)+" "+(null===(o=v.userRank)||void 0===o?void 0:o.lastInitial):(null===(n=v.userRank)||void 0===n?void 0:n.firstName)||(null===(d=v.userRank)||void 0===d?void 0:d.lastInitial)?(null===(c=v.userRank)||void 0===c?void 0:c.firstName)||(null===(p=v.userRank)||void 0===p?void 0:p.lastInitial):f.anonymousUser||"Anonymous User"),e("td",{class:"Score"},(null===(u=v.userRank)||void 0===u?void 0:u.value)||"0"))))}const H=b({HostBlock:g,":host":{"min-height":"100vh"},Frame:{"min-height":"100vh",display:"flex","flex-direction":"column","box-sizing":"border-box"},FooterWrapper:{width:"100%","max-width":"100%",padding:"var(--sl-spacing-medium) var(--sl-spacing-x-large)",background:"var(--sqm-footer-background)",display:"flex","justify-content":"flex-end","align-items":"center","box-sizing":"border-box","margin-top":"auto"},HeaderWrapper:{width:"100%","max-width":"100%","box-sizing":"border-box",display:"flex","justify-content":"space-between",padding:"var(--sl-spacing-small) var(--sl-spacing-large)","align-items":"center","background-color":"var(--sqm-header-background)","@media screen and (max-width: 499px)":{"flex-direction":"row-reverse","justify-content":"flex-end",padding:"0"}}}),I=H.toString();function $(l,s){const{data:t}=l;return e("div",{class:H.classes.Frame},e("style",{type:"text/css"},I),e("div",{class:H.classes.HeaderWrapper},t.header,e("slot",{name:"sqm-navigation-menu"})),s,e("div",{class:H.classes.FooterWrapper},t.footer))}const q=l=>{var s,t,a,i;const{states:r,callbacks:o}=l,{text:n}=r,{errors:d}=r.formState;return r.showEdit?e("div",{class:`CardWrapper ${!r.showEdit&&"ShowEdit"}`},e("h2",{style:{fontSize:"var(--sl-font-size-x-large)",margin:"0px",textAlign:"center"}},n.editprofileheader),e("form",{class:"FormWrapper",onSubmit:o.onSubmit},e("div",{class:"FormSection"},r.formState.error&&e("sqm-form-message",{type:"error",exportparts:"erroralert-icon"},e("div",{part:"erroralert-text"},r.formState.error)),e("sl-input",Object.assign({exportparts:"label: input-label",value:r.formState.firstName,onInput:o.onChange,label:n.firstnametext,disabled:r.loading},d.firstName&&"valid"!==d.firstName.status?{class:"ErrorStyles",helpText:"Cannot be empty"}:[],{id:"firstName",name:"firstName",error:d.firstName&&"valid"!==d.firstName.status?d.firstName.message:void 0})),e("sl-input",Object.assign({exportparts:"label: input-label",value:r.formState.lastName,onInput:o.onChange,label:n.lastnametext,disabled:r.loading,id:"lastName",name:"lastName"},d.lastName&&"valid"!==d.lastName.status?{class:"ErrorStyles",helpText:"Cannot be empty"}:[],{error:d.lastName&&"valid"!==d.lastName.status?d.lastName.message:void 0}))),n.showregion&&r.formState.currentRegion&&e("sl-input",{exportparts:"label: input-label",disabled:!0,value:r.formState.currentRegion,label:n.currentregiontext,id:"currentRegion",name:"currentRegion"}),e("div",{class:"ButtonWrapper"},e("sl-button",{onClick:()=>{o.setShowEdit(!1)},exportparts:"base: defaultbutton-base"},n.canceltext),e("sl-button",{type:"primary",loading:r.loading,disabled:r.submitDisabled,onClick:e=>{o.onSubmit(e)},submit:!0,exportparts:"base: primarybutton-base"},n.updatetext)))):e("div",{class:`CardWrapper FormWrapper ${!r.showEdit&&"ShowEdit"}`},e("div",{class:"FormSection"},e("h2",{style:{fontSize:"var(--sl-font-size-x-large",marginBottom:"0px",textAlign:"center"}},n.editprofileheader),e("div",null,e("p",{style:{fontSize:"var(--sl-font-size-medium)"}},null===(s=r.user)||void 0===s?void 0:s.firstName," ",null===(t=r.user)||void 0===t?void 0:t.lastName),e("p",{style:{fontSize:"var(--sl-font-size-medium)"},title:null===(a=r.user)||void 0===a?void 0:a.email},null===(i=r.user)||void 0===i?void 0:i.email))),e("sl-button",{type:"primary",loading:r.loading,onClick:()=>{o.resetForm(),o.setShowEdit(!0)},exportparts:"base: primarybutton-base"},n.editprofiletext))},D=r.gql`
-  query ($programId: ID) {
-    user: viewer {
-      ... on User {
-        shareLink(programId: $programId)
-      }
-    }
-  }
-`,F=r.gql`
-  mutation loadEvent($eventMeta: UserAnalyticsEvent!) {
-    createUserAnalyticsEvent(eventMeta: $eventMeta)
-  }
-`;function W(e){var l,s;const{programId:t=o()}=e,i=n(),r=d(),{data:u}=c(D,{programId:t},!(null==i?void 0:i.jwt)),[g]=p(F),v=null!==(s=null===(l=null==u?void 0:u.user)||void 0===l?void 0:l.shareLink)&&void 0!==s?s:"...",[m,f]=a(!1);return{...e,onClick:function(){navigator.clipboard.writeText(v),f(!0),setTimeout((()=>f(!1)),e.tooltiplifespan),g({eventMeta:{programId:t,id:null==i?void 0:i.id,accountId:null==i?void 0:i.accountId,type:"USER_REFERRAL_PROGRAM_ENGAGEMENT_EVENT",meta:{engagementMedium:r,shareMedium:"DIRECT"}}})},open:m,shareString:v}}const T=r.gql`
-  query (
-    $programId: ID
-    $engagementMedium: UserEngagementMedium!
-    $shareMedium: ReferralShareMedium!
-  ) {
-    viewer {
-      ... on User {
-        messageLink(
-          programId: $programId
-          engagementMedium: $engagementMedium
-          shareMedium: $shareMedium
-        )
-        shareLink(programId: $programId, engagementMedium: $engagementMedium)
-      }
-    }
-  }
-`;function Z(e){var l,s;return(null===(s=null===(l=e.data)||void 0===l?void 0:l.viewer)||void 0===s?void 0:s.messageLink)?window.open(e.data.viewer.messageLink):alert("error: message link undefined!")}function O(e){var l,s;const{sharetitle:t,sharetext:a,medium:i}=e,r=e.programId?e.programId:o(),p=n(),g={engagementMedium:d(),programId:r,shareMedium:i.toUpperCase()},v=c(T,g,!(null==p?void 0:p.jwt)||!r),m=null===(s=null===(l=null==v?void 0:v.data)||void 0===l?void 0:l.viewer)||void 0===s?void 0:s.shareLink,f=u(),h="SMS"===i.toLocaleUpperCase()&&void 0===window.orientation||"DIRECT"===i.toLocaleUpperCase()&&!window.navigator.share;return{...e,loading:v.loading,onClick:function(){"FACEBOOK"===i.toLocaleUpperCase()&&"SquatchAndroid"===f.type?function(e,l){var s,t;"undefined"===(null===(t=null===(s=l.data)||void 0===s?void 0:s.viewer)||void 0===t?void 0:t.messageLink)||"undefined"===e?alert("error: message link undefined!"):void 0!==SquatchAndroid.shareOnFacebook?SquatchAndroid.shareOnFacebook(e,l.data.viewer.messageLink):Z(l)}(m,v):"DIRECT"===i.toLocaleUpperCase()?function(e,l){const s=e.sharetitle||"Share title",t=e.sharetext||"Share text";if("undefined"===l)return alert("error: message link undefined!");window.navigator.share?window.navigator.share({title:s,text:t,url:l}).catch((e=>console.error("Error on web share",e))):alert("Not on a supported device")}({sharetitle:t,sharetext:a},m):Z(v)},hide:h}}function V(l){const{states:s,callbacks:t}=l,a=b({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=a.toString();return e("div",null,e("style",{type:"text/css"},i),e("sl-dialog",{class:a.classes.Dialog,open:s.open,"onSl-hide":()=>t.setOpen(!1)},e(C,Object.assign({},{labelMargin:"x-large",padding:"none",label:e(w,Object.assign({},{type:"h2"}),s.content.modalChangePasswordHeader),content:e(k,Object.assign({},{direction:"column",padding:"none",gap:"32px"}),s.error&&e("sqm-form-message",{class:a.classes.Error,type:"error",exportparts:"erroralert-icon"},e("div",{part:"erroralert-text"},s.error)),s.success&&e("sqm-form-message",{class:a.classes.Success,type:"success",exportparts:"successalert-icon"},e("div",{part:"successalert-text"},s.content.successMessage)),e("sl-form",{"onSl-submit":t.submit},e("div",{class:a.classes.InputContainer},e("sqm-password-field",{exportparts:"input-label: input-label",class:a.classes.PasswordField,fieldLabel:s.content.passwordFieldLabel}),e("sl-input",{exportparts:"label: input-label",name:"/confirmPassword",label:s.content.confirmPasswordFieldLabel,required:!0,togglePassword:!0,disabled:s.loading,type:"password"})),e(k,Object.assign({},{direction:"row",padding:"none",gap:"20px"}),e("sl-button",{class:a.classes.ChangePasswordButton,type:"primary",submit:!0,loading:s.loading},s.content.changePasswordButtonText),e("sl-button",{class:a.classes.CancelButton,type:"text",onClick:()=>t.setOpen(!1)},s.content.cancelText))))}))),e(C,Object.assign({},{labelMargin:"x-large",padding:"xxx-large",label:e(w,Object.assign({},{type:"h2"}),s.content.portalChangePasswordHeader),content:e("sl-button",{onClick:()=>t.setOpen(!0)},s.content.portalChangePasswordButtonText)}),e("style",{type:"text/css"},i)))}const U=b({Wrapper:v,Column:m,ForgotButtonContainer:{display:"inline",cursor:"pointer","font-size":"13px","font-weight":"600",color:"#AAAAAA",margin:"0"},ButtonsContainer:f}),P=U.toString();function G(l){const{states:s,callbacks:t,content:a}=l;return e("div",{class:U.classes.Wrapper},e("style",{type:"text/css"},"\n:host {\n  display: block;\n}\n:host([hidden]): {\n  display: none;\n}\n",P),e(w,{type:"h3"},a.pageLabel),e("sl-form",{class:U.classes.Column,"onSl-submit":t.submit},l.states.error&&e("sqm-form-message",{type:"error",exportparts:"erroralert-icon"},e("div",{part:"erroralert-text"},l.states.error)),e("sl-input",{exportparts:"label: input-label",type:"email",name:"/email",label:a.emailLabel||"Email",disabled:s.loading,required:!0}),e("div",null,e("sl-input",{exportparts:"label: input-label",type:"password",name:"/password",label:a.passwordLabel||"Password",disabled:s.loading,required:!0}),e("div",{class:U.classes.ForgotButtonContainer},a.forgotPasswordButton)),e("div",{class:U.classes.ButtonsContainer},e("sl-button",{submit:!0,loading:s.loading,exportparts:"base: primarybutton-base",type:"primary"},a.submitLabel||"Login"),a.secondaryButton)))}const N={Wrapper:{...v,"max-width":"600px"},Column:m,HostBlock:g,":host":{margin:"0 auto",width:"100%"},ButtonsContainer:f,ErrorStyle:h},X=b(N),K=X.toString();function J(l){var s,t,a,i,r,o,n,d;const{states:c,refs:p,callbacks:u,content:g}=l;return c.error&&window.scrollTo({top:0,left:0,behavior:"smooth"}),e("div",{class:X.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",K),e(w,{type:"h3"},g.pageLabel),e("sl-form",{class:X.classes.Column,"onSl-submit":u.submit,ref:e=>p.formRef.current=e,novalidate:!0},c.error&&e("sqm-form-message",{type:"error",exportparts:"erroralert-icon"},e("div",{part:"erroralert-text"},l.states.error)),g.formData,!c.hideInputs&&e("sl-input",Object.assign({exportparts:"label: input-label",type:"email",name:"/email",label:g.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===(t=null===(s=c.validationState)||void 0===s?void 0:s.validationErrors)||void 0===t?void 0:t.email)?{class:X.classes.ErrorStyle,helpText:(null===(i=null===(a=c.validationState)||void 0===a?void 0:a.validationErrors)||void 0===i?void 0:i.email)||"Cannot be empty"}:[])),!c.hideInputs&&e("sqm-password-field",{fieldLabel:g.passwordLabel,"enable-validation":c.enablePasswordValidation}),g.passwordField,!c.hideInputs&&c.confirmPassword&&e("sl-input",Object.assign({exportparts:"label: input-label",type:"password",name:"/confirmPassword",label:g.confirmPasswordLabel,disabled:c.loading,required:!0},(null===(o=null===(r=c.validationState)||void 0===r?void 0:r.validationErrors)||void 0===o?void 0:o.confirmPassword)?{class:X.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"}:[])),g.terms,e("div",{class:X.classes.ButtonsContainer},e("sl-button",{submit:!0,loading:c.loading,exportparts:"base: primarybutton-base",type:"primary"},g.submitLabel||"Register"),g.secondaryButton)))}const Q=b({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)"}}}),Y=Q.toString();function ee(l){const s=Math.random().toString(36).slice(2);return e("div",null,e("style",{type:"text/css"},Y),e("span",{class:Q.classes.Description},e("input",{type:"checkbox",id:"details-"+s}),e("label",{class:"details",htmlFor:"details-"+s},e("sl-icon",{name:"chevron-down"})),e("span",{class:"summary","progress-bar":l.progressBar},l.content.description)))}const le=()=>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"})),se=b({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"},"&[data-steps]":{marginTop:"calc(-1*var(--sl-spacing-x-small))"},"&[data-steps]  .progress-bar":{marginTop:"var(--sl-spacing-medium)"},"&[data-expired]  .progress-bar":{filter:"grayscale(1)"},"& .progress-bar.repeatable-steps":{marginLeft:"var(--sl-spacing-x-small)"},"& .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"},"& .gift.bw":{filter:"grayscale(100%)"},"& .gift.start":{transform:"scale(80%)",top:"-20px"},"& .gift":{textAlign:"center",marginLeft:"-100px",marginRight:"-100px",position:"relative",top:"-18px"}}},{classNamePrefix:"sqm-prog-bar"}),te=se.toString();function ae(l){var s;const{progress:t=0,goal:a=1,steps:i=!1,progressBarUnit:r="",repeatable:o=!1,expired:n=!1,finite:d=0}=l;let c=function(l,s,t){return l?s?function({progress:l,goal:s,finite:t}){const a=[],i=[];let r=Math.floor(l/s);if(r<2){let t=1/s;for(let r=1;r<2*s+1;r++)i.push(t+"fr"),i.push("0fr"),r>l?r==s?(i.push("0fr"),a.push(e("div",{class:"remain"})),a.push(e("div",{class:"empty bg"},s)),a.push(e("div",{class:"gift bw"},e(le,null)))):r==2*s?(i.push("0fr"),i.push("0fr"),a.push(e("div",{class:"remain"})),a.push(e("div",{class:"empty bg"},2*s)),a.push(e("div",{class:"gift bw"},e(le,null)))):(a.push(e("div",{class:"remain"})),a.push(e("div",{class:"empty"},r))):r==s?(i.push("0fr"),a.push(e("div",{class:"filled"})),a.push(e("div",{class:"progress bg"},r)),a.push(e("div",{class:"gift"},e(le,null)))):(a.push(e("div",{class:"filled"})),a.push(e("div",{class:"progress"},r)))}else if(t&&r>=t){let o=1/s;r>2&&(i.push("0fr"),i.push("0fr"),a.push(e("div",{class:"progress bg"},s*(t-2))),a.push(e("div",{class:"gift start"},e(le,null))));for(let r=1;r<2*s+1;r++)i.push(o+"fr"),i.push("0fr"),r>l?r==s&&(i.push("0fr"),a.push(e("div",{class:"remain"})),a.push(e("div",{class:"progress bg"},s*(t-1))),a.push(e("div",{class:"gift bw"},e(le,null)))):r==s?(i.push("0fr"),a.push(e("div",{class:"filled"})),a.push(e("div",{class:"progress bg"},s*(t-1))),a.push(e("div",{class:"gift"},e(le,null)))):r==2*s?(i.push("0fr"),i.push("0fr"),a.push(e("div",{class:"filled"})),a.push(e("div",{class:"progress bg"},s*t)),a.push(e("div",{class:"gift"},e(le,null)))):(a.push(e("div",{class:"filled"})),a.push(e("div",{class:"progress"},r+s*(t-2))))}else{let t=l%s+s,o=1/s;i.push("0fr"),i.push("0fr"),a.push(e("div",{class:"progress bg"},s*(r-1))),a.push(e("div",{class:"gift start"},e(le,null)));for(let l=1;l<2*s+1;l++)i.push(o+"fr"),i.push("0fr"),l<=s?l==s?(i.push("0fr"),a.push(e("div",{class:"filled"})),a.push(e("div",{class:"progress bg"},l+s*(r-1))),a.push(e("div",{class:"gift"},e(le,null)))):(a.push(e("div",{class:"filled"})),a.push(e("div",{class:"progress"},l+s*(r-1)))):l>t?l==2*s?(i.push("0fr"),i.push("0fr"),a.push(e("div",{class:"remain"})),a.push(e("div",{class:"empty bg"},l+s*(r-1))),a.push(e("div",{class:"gift bw"},e(le,null)))):(a.push(e("div",{class:"remain"})),a.push(e("div",{class:"empty"},l+s*(r-1)))):(a.push(e("div",{class:"filled"})),a.push(e("div",{class:"progress"},l+s*(r-1))))}return{items:a,columns:i.join(" ")}}(t):function({progress:l,goal:s,progressBarUnit:t,finite:a}){let i=Math.floor(l/s),r=l%s/s*.5;const o=[];let n="";return 0==i?(n=r+"fr 0fr "+(.5-r)+"fr 0fr 0fr 0.5fr 0fr 0fr",o.push(e("div",{class:"filled"})),o.push(e("div",{class:l==s?"progress top bg":"progress top"},t+l)),o.push(e("div",{class:"remain"})),o.push(e("div",{class:"progress bg"},t+s)),o.push(e("div",{class:l==s?"gift":"gift bw"},e(le,null))),o.push(e("div",{class:"remain"})),o.push(e("div",{class:"progress bg"},t+2*s)),o.push(e("div",{class:"gift bw"},e(le,null)))):1==i?(n="0.5fr 0fr 0fr "+r+"fr 0fr "+(.5-r)+"fr 0fr 0fr",o.push(e("div",{class:"filled"})),o.push(e("div",{class:"progress bg"},t+s)),o.push(e("div",{class:"gift"},e(le,null))),o.push(e("div",{class:"filled"})),o.push(e("div",{class:l==s?"progress top bg":"progress top"},l==s?"":t+l)),o.push(e("div",{class:"remain"})),o.push(e("div",{class:"progress bg"},t+2*s)),o.push(e("div",{class:"gift bw"},e(le,null)))):a&&i>=a?(i>2?(o.push(e("div",{class:"progress bg"},t+s*(a-2))),o.push(e("div",{class:"gift start"},e(le,null))),n="0fr 0fr 0.5fr 0fr 0fr 0.5fr 0fr 0fr"):n="0.5fr 0fr 0fr 0.5fr 0fr 0fr",o.push(e("div",{class:"filled"})),o.push(e("div",{class:"progress bg"},t+s*(a-1))),o.push(e("div",{class:"gift"},e(le,null))),o.push(e("div",{class:"filled"})),o.push(e("div",{class:"progress bg"},t+s*a)),o.push(e("div",{class:"gift"},e(le,null)))):(n="0fr 0fr 0.5fr 0fr 0fr "+r+"fr 0fr "+(.5-r)+"fr 0fr 0fr",o.push(e("div",{class:"progress bg"},t+s*(i-1))),o.push(e("div",{class:"gift start"},e(le,null))),o.push(e("div",{class:"filled"})),o.push(e("div",{class:"progress bg"},t+s*i)),o.push(e("div",{class:"gift"},e(le,null))),o.push(e("div",{class:"filled"})),o.push(e("div",{class:l==s*i?"progress top bg":"progress top"},l==s*i?"":t+l)),o.push(e("div",{class:"remain"})),o.push(e("div",{class:"progress bg"},t+s*(i+1))),o.push(e("div",{class:"gift bw"},e(le,null)))),{items:o,columns:n}}(t):s?function({progress:l,goal:s}){const t=[],a=[];let i=1/s;for(let r=1;r<s;r++)a.push(i+"fr"),a.push("0fr"),r>l?(t.push(e("div",{class:"remain"})),t.push(e("div",{class:"empty"},r))):(t.push(e("div",{class:"filled"})),t.push(e("div",{class:"progress"},r)));return a.push(i+"fr"),a.push("0fr"),s<=l?(a.push("0fr"),t.push(e("div",{class:"filled"})),t.push(e("div",{class:"progress bg"},s)),t.push(e("div",{class:"gift"},e(le,null)))):(a.push("0fr"),t.push(e("div",{class:"remain"})),t.push(e("div",{class:"empty bg"},s)),t.push(e("div",{class:"gift bw"},e(le,null)))),{items:t,columns:a.join(" ")}}(t):function({progress:l,goal:s,progressBarUnit:t}){const a=[];let i="";const r=l/s;return i=ie(r,0,1)+"fr 0fr "+ie(1-r,0,1)+"fr 0fr 0fr",a.push(e("div",{class:"filled"})),a.push(e("div",{class:ie(l,0,s)==s?"progress top bg":"progress top"},ie(l,0,s)==s?"":t+ie(l,0,s))),a.push(e("div",{class:"remain"})),a.push(e("div",{class:"progress bg"},t+s)),a.push(e("div",{class:ie(l,0,s)==s?"gift":"gift bw"},e(le,null))),{items:a,columns:i}}(t)}(o,i,l);const{columns:p,items:u}=c;return console.log("PROGRESS BAR PROPS "+(null===(s=null==l?void 0:l.content)||void 0===s?void 0:s.cardTitle)),console.log({props:l}),e("div",{class:se.classes.ProgressBar,"data-expired":n,"data-steps":i,"data-done":a<=t},e("style",{type:"text/css"},te),e("div",{class:!Boolean(d)&&t>=2*a||Boolean(d)&&t>2*a?"progress-bar repeatable-steps":"progress-bar",style:{gridTemplateColumns:p,marginLeft:0!==t||i?"":"var(--sl-spacing-x-small)"}},u))}function ie(e,l,s){return Math.min(Math.max(e,l),s)}const re=b({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-medium)",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-medium) var(--sl-border-radius-medium) 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-medium) var(--sl-border-radius-medium) 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:{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)",borderRadius:"var(--sl-border-radius-medium)"},"&.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)",color:"var(--sl-color-neutral-400)"}}}),oe=re.toString();function ne(l){var s,t,a;console.log("TASK CARD PROPS "+(null===(s=null==l?void 0:l.content)||void 0===s?void 0:s.cardTitle)),console.log({props:l});const{callbacks:r,states:o,content:n}=l,d=n.showExpiry&&x.DateTime.fromISO(n.rewardDuration.split("/")[0]),c=n.showExpiry&&x.DateTime.fromISO(n.rewardDuration.split("/")[1]),p=x.DateTime.now();if(n.displayDuration){const l=null===(t=n.displayDuration.split("/"))||void 0===t?void 0:t[0],s=null===(a=n.displayDuration.split("/"))||void 0===a?void 0:a[1],i=l?x.DateTime.fromISO(l):p,r=s?x.DateTime.fromISO(s):p;if(console.log({displayDateStart:i,dateToday:p,displayDateEnd:r}),p<i||p>r)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"})),g=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"})),m=o.progress>=n.goal,f=n.showProgressBar?Math.floor(o.progress/n.goal):o.progress,h=m&&!1===n.repeatable||n.finite&&o.progress>=n.finite*n.goal,b=n.showExpiry&&c<=p,w=n.showExpiry&&p<=d,k=b||w;return e("div",{class:re.classes.TaskCard},e("style",{type:"text/css"},oe,"\n\t:host{\n\t\tdisplay: block;\n\t\tmargin-bottom: var(--sl-spacing-large);\n\t}\n  "),!o.loading&&w&&e("div",{class:re.classes.NotStarted},e("span",{class:"icon"},e("sl-icon",{name:"info-circle-fill"})),i.formatMessage({id:"startsOnMessage",defaultMessage:n.startsOnMessage},{startDate:d.setLocale(y(o.locale)).toLocaleString(x.DateTime.DATETIME_MED)})),!o.loading&&b&&e("div",{class:re.classes.Ended},e("span",{class:"icon"},e("sl-icon",{name:"exclamation-triangle-fill"})),i.formatMessage({id:"endedMessage",defaultMessage:n.endedMessage},{endDate:c.setLocale(y(o.locale)).toLocaleString(x.DateTime.DATETIME_MED)})),e("div",{style:{borderRadius:k&&"0 0 var(--sl-border-radius-medium) var(--sl-border-radius-medium)"},class:k?"main expired":h?"main complete":"main"},e("div",{class:h||k?"container subdued":"container"},e("div",{class:re.classes.Header},o.loading?e("sl-skeleton",{style:{width:"22%",margin:"0"}}):e("div",null,m&&e("span",{class:k?"icon neutral":"icon"},h?g:u),e("span",{class:"value"},n.rewardAmount),e("span",{class:"text"},n.rewardUnit))),o.loading?e("sl-skeleton",{style:{width:"42%",margin:"var(--sl-spacing-medium) 0"}}):e("div",{class:"title",style:{marginBottom:n.description?"":n.steps?"var(--sl-spacing-x-large)":n.showProgressBar?"var(--sl-spacing-xx-large)":""}},n.cardTitle),o.loading?e("sl-skeleton",{style:{margin:"var(--sl-spacing-medium) 0"}}):n.description&&e(ee,Object.assign({},l)),n.showProgressBar&&o.loading?e("sl-skeleton",{style:{margin:"var(--sl-spacing-medium) 0"}}):n.showProgressBar&&e(ae,Object.assign({},l.content,l.states,{complete:h,expired:k})),e("div",{class:re.classes.Footer},o.loading?e("sl-skeleton",{style:{width:"25%",marginLeft:"auto"}}):e("div",{style:{display:"contents"}},e("span",{class:"text"},n.repeatable&&e("div",null,e("span",{class:f>0?k?"icon neutral":"icon success":"icon"},v),e("span",{class:f>0?k?"neutral":"success":""},i.formatMessage({id:"completedMessage",defaultMessage:n.completedText},{finite:n.finite,count:n.finite?Math.min(f,n.finite):f}))),n.showExpiry&&!k&&e("span",{class:"datetime"},i.formatMessage({id:"expiryMessage",defaultMessage:n.expiryMessage},{endDate:c.setLocale(y(o.locale)).toLocaleString(x.DateTime.DATETIME_MED)}))),e("sl-button",{class:k?"action neutral":h?"action disabled":"action",type:"primary",size:"small",onClick:r.onClick,loading:o.loadingEvent,disabled:h||k},n.buttonText))))))}function de(l){const{states:s,data:t}=l,{content:a}=s,i=b({Container:{position:"relative",width:a.iframeWidth,height:a.iframeHeight},IFrame:{position:"absolute",width:"100%",height:"100%",border:"0",top:"0",left:"0",right:"0"}}),r=i.toString();return e("div",{class:i.classes.Container},e("style",{type:"text/css"},r),e("iframe",{class:i.classes.IFrame,src:`${a.iframeSrc}?rsCode=${t.shareCode}`}))}const ce=()=>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"})),pe=()=>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"})),ue=()=>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 ge({active:l,completed:s,incomplete:t,stage:a}){return e("div",{style:{display:"flex"}},e("div",{style:{backgroundColor:s?"var(--sl-color-success-500)":t?"var(--sl-color-neutral-200)":"var(--sl-color-neutral-0)",border:l?"1px solid var(--sl-color-success-500)":t?"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"}},s?e("div",{style:{top:"-10.5%",left:"23.5%",position:"relative"}},e(ce,null)):e("div",{style:{color:l?"var(--sl-color-success-500)":"var(--sl-color-neutral-50)",width:"23px",lineHeight:"24px",textAlign:"center",position:"relative"}},a+1)))}function ve({incomplete:l=!1,active:s=!1,invisible:t=!1}){return e("div",{style:{content:"''",flex:"0.5 0.5 0",height:"4px",borderRadius:"4px",background:l||s?"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:t?"0":"1"}})}function me({active:l,completed:s,incomplete:t,stage:a}){return[e(ve,{incomplete:t,invisible:0===a}),e(ge,{active:l,completed:s,incomplete:t,stage:a}),e(ve,{incomplete:t,active:l,invisible:2===a})]}function fe({stageCount:l,currentStage:s}){return e("div",{style:{display:"flex",columnGap:"-2px"}},Array.from(Array(l).keys()).map((l=>e(me,{active:s===l,completed:s>l,incomplete:s<l,stage:l}))))}const he=["chooseReward","chooseAmount","confirmation","success"];function be(l){const{states:t,data:a,callbacks:r,refs:o}=l,{selectedItem:n,selectedStep:d}=t,c={chooseReward:t.content.text.chooseRewardTitle,chooseAmount:t.content.text.chooseAmountTitle,confirmation:t.content.text.confirmationTitle},p=b({HostBlock:g,Container:{minWidth:"300px",position:"relative"},FullImage:{objectFit:"contain",maxWidth:"100%",height:"250px",display:"flex",margin:"0 auto"},Select:{"&::part(label)":{color:"var(--sl-color-primary-500)"},"&::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"}},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"}},Square:{width:"120px",height:"118px",borderRadius:"3px 0 0 3px","& .image":{width:"100%",height:"100%",objectFit:"contain",borderRadius:"inherit"}},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:{display:"flex",alignItems:"center",justifyContent:"center",margin:"var(--sl-spacing-medium) 0","& .wrapper":{display:"flex",justifyContent:"center",alignItems:"center",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-200)"},"& sl-menu-item[disabled]":{"& .step-cost":{color:"var(--sl-color-neutral-200)"}}},SelectItem:{display:"flex",flexDirection:"column","& > .step-cost":{color:"var(--sl-color-neutral-400)",height:"0",marginBottom:"5px"},"& > .step-value":{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)",width:"100%",maxWidth:"350px",margin:"0 auto",lineHeight:"var(--sl-line-height-dense)",marginBottom:"var(--sl-spacing-xx-large)",marginTop:"var(--sl-spacing-xx-small)"}},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"}}),u=p.toString();const v={chooseReward:()=>{return[e("div",null,e("h2",{style:{margin:"var(--sl-spacing-large) 0"}},t.content.text.rewardTitle),e("div",{class:p.classes.Grid},t.loading?[...Array(t.content.text.skeletonCardNum)].map((()=>e("div",null,e("sl-card",{class:p.classes.Card},e("div",{class:p.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===(l=a.exchangeList)||void 0===l?void 0:l.map((l=>{var a,o,d,c,u;return e("div",{key:l.key,style:{boxShadow:l.key===(null==n?void 0:n.key)?"0 0 0 2px var(--sl-color-primary-500)":"none",borderRadius:"4px"}},e("sl-card",{class:p.classes.Card,style:{cursor:l.unavailableReasonCode?"not-allowed":"pointer"},onClick:()=>l.available&&r.setExchangeState({selectedItem:l})},l.key===(null==n?void 0:n.key)&&e("div",{class:"selected"},e(pe,null)),e("div",{style:{display:"flex",width:"100%",height:"120px",borderRadius:"3px",background:l.unavailableReasonCode?"rgba(0, 0, 0, 0.05)":"rgba(0, 0, 0, 0)"}},e("div",{class:p.classes.Image,style:{opacity:l.unavailableReasonCode?"0.5":"1"}},e("img",{class:l.unavailableReasonCode?"image subdued":"image",src:(null==l?void 0:l.imageUrl)||s("./assets/placeholder.png")})),e("div",{class:p.classes.TextArea,style:{opacity:l.unavailableReasonCode?"0.5":"1"}},e("div",{class:"title",style:{"-webkit-line-clamp":l.unavailableReasonCode?"1":"2"}},null!==(a=l.name)&&void 0!==a?a:""),e("div",{class:"amount",style:{"-webkit-line-clamp":l.unavailableReasonCode?"1":"2"}},i.formatMessage({id:"sourceAmountMessage",defaultMessage:null===(d=null===(o=t.content)||void 0===o?void 0:o.text)||void 0===d?void 0:d.sourceAmountMessage},{ruleType:l.ruleType,sourceValue:l.prettySourceValue,sourceMinValue:l.prettySourceMinValue,sourceMaxValue:l.prettySourceMaxValue})),l.unavailableReasonCode&&e("div",{class:"error"},e("sl-icon",{class:"icon",name:"exclamation-triangle-fill"}),i.formatMessage({id:"unavailableCode",defaultMessage:null===(u=null===(c=t.content)||void 0===c?void 0:c.text)||void 0===u?void 0:u.notAvailableError},{unavailableReasonCode:l.unavailableReasonCode,sourceUnit:l.sourceUnit,sourceValue:l.prettySourceValue||l.prettySourceMinValue}))))))}))),e("div",{class:p.classes.Button},e("sl-button",{class:"continue right",size:"large",onClick:()=>r.setStage("chooseAmount"),loading:t.loading,disabled:!t.selectedItem},t.content.text.continueText)))];var l},chooseAmount:()=>function(){var l,a,o,d;const c=function(){var l,s,a;const o=t.selectedItem;return o&&"FIXED_GLOBAL_REWARD"!==(null==o?void 0:o.ruleType)?(null===(l=o.steps)||void 0===l?void 0:l.length)?(console.log("SELECTED ITEM ",t.selectedStep),console.log("CALLBACKS ",r),e("sl-select",{style:{width:"auto"},label:null===(s=null==t?void 0:t.content)||void 0===s?void 0:s.text.selectText,class:p.classes.Select,value:t.selectedStep,"onSl-select":e=>{var l,s,t,a,i;return r.setExchangeState({amount:null===(t=null===(s=null===(l=e.detail)||void 0===l?void 0:l.item)||void 0===s?void 0:s.value)||void 0===t?void 0:t.sourceValue,selectedStep:null===(i=null===(a=e.detail)||void 0===a?void 0:a.item)||void 0===i?void 0:i.value})}},null===(a=o.steps)||void 0===a?void 0:a.map((l=>{var s,a;return console.log(o.steps),e("sl-menu-item",{value:l.prettyDestinationValue,disabled:!l.available},l.prettyDestinationValue," ",e("br",null),l.unavailableReasonCode&&e("p",{style:{fontSize:"var(--sl-font-size-small)",color:"var(--sl-color-warning-500)",margin:"0"}},i.formatMessage({id:"unavailableCode",defaultMessage:null===(a=null===(s=t.content)||void 0===s?void 0:s.text)||void 0===a?void 0:a.notAvailableError},{unavailableReasonCode:l.unavailableReasonCode,sourceUnit:o.sourceUnit,sourceValue:l.prettySourceValue||o.prettySourceMinValue})),e("div",{class:"step-cost",slot:"suffix"},l.prettySourceValue))})))):e("p",null,i.formatMessage({id:"notEnoughError",defaultMessage:t.content.text.notEnoughError},{sourceUnit:o.sourceUnit})):e("span",null,null==o?void 0:o.prettySourceValue)}(),u="FIXED_GLOBAL_REWARD"!==(null===(l=t.selectedItem)||void 0===l?void 0:l.ruleType)&&c&&!t.amount;return e("div",null,e("div",{class:p.classes.ChooseAmount},e("div",{class:"wrapper"},e("img",{class:"image",src:(null==n?void 0:n.imageUrl)||s("./assets/placeholder.png")}),e("div",{class:"text"},e("div",{class:"title"},null!==(a=null==n?void 0:n.name)&&void 0!==a?a:""),"FIXED_GLOBAL_REWARD"===(null===(o=t.selectedItem)||void 0===o?void 0:o.ruleType)?e("div",{class:"points"},c):e("div",{class:"description"},null==n?void 0:n.description),"FIXED_GLOBAL_REWARD"===(null===(d=t.selectedItem)||void 0===d?void 0:d.ruleType)?e("div",{class:"description"},null==n?void 0:n.description):e("div",{class:"points"},c),e("div",{class:"space"}),e("div",{class:p.classes.Button},e("sl-button",{class:"cancel",size:"large",type:"text",onClick:()=>r.resetState()},t.content.text.cancelText),e("sl-button",{class:"continue",size:"large",onClick:()=>r.setStage("confirmation"),disabled:u},t.content.text.continueToConfirmationText))))))}(),confirmation:()=>function(){console.log(n),console.log(d);const l=(null==d?void 0:d.prettySourceValue)||n.prettySourceValue,a=null==d?void 0:d.prettyDestinationValue;return e("div",null,e("h2",{style:{margin:"var(--sl-spacing-large) 0",textAlign:"center"}},t.content.text.redeemTitle),e("div",{class:p.classes.Confirmation},e("div",{class:"wrapper"},e("div",{class:"field"},t.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)||s("./assets/placeholder.png")}))),e("div",{class:"wrapper padding"},e("div",{class:"field"})),a&&e("div",{class:"wrapper top-border padding"},e("div",{class:"field"},t.content.text.rewardAmountTitle),e("div",null,a)),e("div",{class:"wrapper top-border padding"},e("div",{class:"field"},t.content.text.costTitle),e("div",{class:"value"},l)),e("div",{class:p.classes.Button},e("sl-button",{class:"cancel",type:"text",size:"large",onClick:()=>r.setStage("chooseAmount")},t.content.text.backText),e("sl-button",{class:"continue",size:"large",loading:t.loading,onClick:r.exchangeReward},t.content.text.redeemText))))}(),success:()=>{return console.log("success"),e("div",{class:p.classes.Success},e(ue,null),e(m,null),e("div",{class:"title"},t.content.text.rewardRedeemedText),e("div",{class:"description"},i.formatMessage({id:"successMessage",defaultMessage:t.content.text.redemptionSuccessText},{sourceValue:null!==(l=t.selectedItem.prettySourceValue)&&void 0!==l?l:null===(s=t.selectedStep)||void 0===s?void 0:s.prettySourceValue,destinationValue:(null===(o=t.selectedStep)||void 0===o?void 0:o.prettyDestinationValue)||(null===(n=t.selectedItem)||void 0===n?void 0:n.name)||t.selectedItem.globalRewardKey})),(null==a?void 0:a.fuelTankCode)&&e("div",{style:{width:"40%",margin:"-30px auto var(--sl-spacing-xxx-large) auto",textAlign:"left",color:"var(--sl-color-neutral-700)"}},t.content.text.promoCode,e(B,{shareString:a.fuelTankCode,tooltiptext:null===(d=null==t?void 0:t.content)||void 0===d?void 0:d.text.toopTipText,open:t.open,onClick:r.copyFuelTankCode})),e("div",{class:p.classes.Button},e("sl-button",{class:"continue center",type:"primary",size:"large",onClick:()=>r.resetState(!0)},t.content.text.doneText)));var l,s,o,n,d}}[t.redeemStage];function m(){return e("canvas",{ref:e=>{(null==o?void 0:o.canvasRef)&&(o.canvasRef.current=e)},id:"my-canvas",class:p.classes.Confetti})}return e("div",{class:p.classes.Container},e("style",{type:"text/css"},u),e("div",null,console.log(l),function(){const l=he.indexOf(t.redeemStage);return e("div",{class:p.classes.ProgressBar},e("div",{class:"text-area"},Object.keys(c).map((s=>he.indexOf(s)<=l?e("span",{class:"text"},c[s]):e("span",{class:"text subdued"},c[s])))),e(fe,{stageCount:3,currentStage:l}))}(),t.exchangeError&&e("sl-alert",{type:"danger",open:!0},e("sl-icon",{slot:"icon",name:"exclamation-octagon"}),t.content.text.redemptionError),t.queryError&&e("sl-alert",{type:"danger",open:!0},e("sl-icon",{slot:"icon",name:"exclamation-octagon"}),t.content.text.queryError),v&&v(),"success"===t.redeemStage))}function xe(l,s){const t=b({Container:{columnGap:l.gap+"px",columnWidth:l.width+"px","& > div":{marginBottom:"24px"}}}),a=t.toString();return console.log(l),e("div",null,e("style",{type:"text/css"},a,"\n    :host{\n      display: block;   \n    }\n\n  "),e("div",{class:t.classes.Container},s))}function ye(e,l,s){return Math.min(Math.max(e,s),l)}class we extends Error{constructor(e){super(`Failed to parse color: "${e}"`)}}function ke(e){if("string"!=typeof e)throw new we(e);if("transparent"===e.trim().toLowerCase())return[0,0,0,0];let l=e.trim();l=Be.test(e)?function(e){const l=e.toLowerCase().trim(),s=_e[function(e){let l=5381,s=e.length;for(;s;)l=33*l^e.charCodeAt(--s);return(l>>>0)%2341}(l)];if(!s)throw new we(e);return`#${s}`}(e):e;const s=Se.exec(l);if(s){const e=Array.from(s).slice(1);return[...e.slice(0,3).map((e=>parseInt(ze(e,2),16))),parseInt(ze(e[3]||"f",2),16)/255]}const t=Me.exec(l);if(t){const e=Array.from(t).slice(1);return[...e.slice(0,3).map((e=>parseInt(e,16))),parseInt(e[3]||"ff",16)/255]}const a=Re.exec(l);if(a){const e=Array.from(a).slice(1);return[...e.slice(0,3).map((e=>parseInt(e,10))),parseFloat(e[3]||"1")]}const i=Ae.exec(l);if(i){const[l,s,t,a]=Array.from(i).slice(1).map(parseFloat);if(ye(0,100,s)!==s)throw new we(e);if(ye(0,100,t)!==t)throw new we(e);return[...Ee(l,s,t),a||1]}throw new we(e)}const Ce=e=>parseInt(e.replace(/_/g,""),36),_e="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,l)=>{const s=Ce(l.substring(0,3)),t=Ce(l.substring(3)).toString(16);let a="";for(let e=0;e<6-t.length;e++)a+="0";return e[s]=`${a}${t}`,e}),{}),ze=(e,l)=>Array.from(Array(l)).map((()=>e)).join(""),Se=new RegExp(`^#${ze("([a-f0-9])",3)}([a-f0-9])?$`,"i"),Me=new RegExp(`^#${ze("([a-f0-9]{2})",3)}([a-f0-9]{2})?$`,"i"),Re=new RegExp(`^rgba?\\(\\s*(\\d+)\\s*${ze(",\\s*(\\d+)\\s*",2)}(?:,\\s*([\\d.]+))?\\s*\\)$`,"i"),Ae=/^hsla?\(\s*([\d.]+)\s*,\s*([\d.]+)%\s*,\s*([\d.]+)%(?:\s*,\s*([\d.]+))?\s*\)$/i,Be=/^[a-z]+$/i,je=e=>Math.round(255*e),Ee=(e,l,s)=>{let t=s/100;if(0===l)return[t,t,t].map(je);const a=(e%360+360)%360/60,i=(1-Math.abs(2*t-1))*(l/100),r=i*(1-Math.abs(a%2-1));let o=0,n=0,d=0;a>=0&&a<1?(o=i,n=r):a>=1&&a<2?(o=r,n=i):a>=2&&a<3?(n=i,d=r):a>=3&&a<4?(n=r,d=i):a>=4&&a<5?(o=r,d=i):a>=5&&a<6&&(o=i,d=r);const c=t-i/2;return[o+c,n+c,d+c].map(je)},Le=[50,100,200,300,400,500,600,700,800,900,950],He=[.95,.86,.76,.66,.56,.46,.39,.32,.25,.18,.15],Ie=/^hsla?\(\s*([\d.]+)\s*,\s*([\d.]+)%\s*,\s*([\d.]+)%(?:\s*,\s*([\d.]+))?\s*\)$/i;function $e(e,l="primary"){const[s,t,a,i]=function(e){const l=e.trim(),s=Ie.exec(l);if(s){const[l,t,a,i]=Array.from(s).slice(1).map(parseFloat);if(ye(0,100,t)!==t)throw new we(e);if(ye(0,100,a)!==a)throw new we(e);return[l,t/100,a,i||1]}return function(e){const[l,s,t,a]=ke(e).map(((e,l)=>3===l?e:e/255)),i=Math.max(l,s,t),r=Math.min(l,s,t),o=(i+r)/2;if(i===r)return[0,0,o,a];const n=i-r;return[60*(l===i?(s-t)/n+(s<t?6:0):s===i?(t-l)/n+2:(l-s)/n+4),o>.5?n/(2-i-r):n/(i+r),o,a]}(e)}(e);return He.map((e=>function(e,l,s,t){return`hsla(${(e%360).toFixed()}, ${ye(0,100,100*l).toFixed()}%, ${ye(0,100,100*s).toFixed()}%, ${parseFloat(ye(0,1,t).toFixed(3))})`}(s,t,e,i))).map(((e,s)=>`--sl-color-${l}-${Le[s]}: ${e};\n`))}function qe(e,l="primary"){return $e(e,l).join("\n")}const De=new Map;function Fe(e){const l=t(e);let s=e.render.bind(e);e.render=()=>{const e=l.getAttribute("stencilbook-shadow-view");if(e){const l=De.get(e);if(l)return l}return s()}}const We=({story:l},s)=>{var t;let a=null===(t=l.parent.parameters)||void 0===t?void 0:t.tagname;if(!a)return s;const i=Math.round(1e5*Math.random());return De.set(i+"",s),e("stencilbook-shawdow-view-"+i,null,e(a,{"stencilbook-shadow-view":i}))};export{xe as C,q as E,L,$ as P,de as R,M as S,ne as T,B as a,O as b,V as c,G as d,J as e,ae as f,be as g,qe as h,We as i,W as u,Fe as w}

package/dist/mint-components/p-f890c414.js

@@ -1 +0,0 @@
-import{h as a}from"./p-64c3217a.js";import{g as l}from"./p-26f627aa.js";import{c as t}from"./p-373fa002.js";function e(e){const{states:o,data:s,callbacks:i,elements:n}=e,{columns:r,rows:d}=n,{show:p}=o;console.log(e);const m=s.hiddenColumns.split(",").map(Number),b={Table:{tableLayout:"fixed",width:"100%","& th":{paddingBottom:"var(--sl-spacing-small)",textAlign:"left",fontWeight:"var(--sl-font-weight-semibold)",overflowWrap:"anywhere"},"& tr":{},"& td":{borderTop:"1px solid var(--sl-color-neutral-200)",padding:"var(--sl-spacing-small)",paddingLeft:"0",overflow:"hidden",textOverflow:"ellipsis"},["@media (max-width: "+s.mdBreakpoint+"px)"]:{"& thead":{display:"none"},"& tr":{display:"block",background:"#FFFFFF",border:"1px solid var(--sl-color-neutral-200)",boxShadow:"0px 2px 4px rgba(0, 0, 0, 0.1)",borderRadius:"var(--sl-border-radius-medium)",padding:"var(--sl-spacing-medium)",fontSize:"var(--sl-font-size-small)",marginBottom:"var(--sl-spacing-large)"},"& td":{display:"grid",gridTemplateColumns:"0.5fr 0.5fr",borderTop:"none",padding:"0",marginBottom:"var(--sl-spacing-medium)","&:first-child":{textAlign:"left"},"&:before":{content:"attr(data-label)",whiteSpace:"nowrap"},"&:last-child":{marginBottom:"0"},"&.hidden:before":{content:"none"}}},[`@media (min-width: ${Boolean(d.length)?s.smBreakpoint:s.mdBreakpoint}px) and (max-width: ${s.mdBreakpoint}px)`]:{"& tbody":{display:"grid",gridTemplateColumns:"0.5fr 0.5fr",gap:"25px"}}},ButtonContainer:{display:"flex","justify-content":"flex-end","margin-top":"var(--sl-spacing-small)",...l({direction:"row",size:"var(--sl-spacing-small)"})},ButtonDisabled:{"&::part(base)":{opacity:"0.25"}}},c=t(b),g=c.toString();return a("div",null,a("style",{type:"text/css"},g),a("table",{class:c.classes.Table},s.textOverrides.showLabels&&a("thead",null,a("tr",null,null==r?void 0:r.map((l=>a("th",null,l))))),a("tbody",null,"loading"===p&&n.loadingElement,"empty"===p&&n.emptyElement,"rows"===p&&(null==d?void 0:d.map(((l,t)=>a("tr",{style:{borderTop:s.textOverrides.showLabels||0!==t?"":"none"},part:"table-row"},null==l?void 0:l.map(((l,t)=>a("td",{class:m.includes(t)?"hidden":"","data-label":r[t].t[0].l+":"},l))))))))),a("div",{class:c.classes.ButtonContainer,part:o.namespace+"-button-wrapper"},a("sl-button",{size:"small",disabled:!o.hasPrev,loading:"loading"===p,onClick:i.prevPage,exportparts:"base: defaultbutton-base",class:o.hasPrev?"":c.classes.ButtonDisabled},s.textOverrides.prevLabel),a("sl-button",{size:"small",loading:"loading"===p,disabled:!o.hasNext,onClick:i.nextPage,exportparts:"base: defaultbutton-base",class:o.hasNext?"":c.classes.ButtonDisabled},s.textOverrides.moreLabel)))}export{e as G}

package/dist/mint-components/p-f9194201.system.entry.js

@@ -1 +0,0 @@
-var __makeTemplateObject=this&&this.__makeTemplateObject||function(e,t){if(Object.defineProperty){Object.defineProperty(e,"raw",{value:t})}else{e.raw=t}return e};var __assign=this&&this.__assign||function(){__assign=Object.assign||function(e){for(var t,n=1,r=arguments.length;n<r;n++){t=arguments[n];for(var a in t)if(Object.prototype.hasOwnProperty.call(t,a))e[a]=t[a]}return e};return __assign.apply(this,arguments)};var __awaiter=this&&this.__awaiter||function(e,t,n,r){function a(e){return e instanceof n?e:new n((function(t){t(e)}))}return new(n||(n=Promise))((function(n,l){function i(e){try{o(r.next(e))}catch(e){l(e)}}function s(e){try{o(r["throw"](e))}catch(e){l(e)}}function o(e){e.done?n(e.value):a(e.value).then(i,s)}o((r=r.apply(e,t||[])).next())}))};var __generator=this&&this.__generator||function(e,t){var n={label:0,sent:function(){if(l[0]&1)throw l[1];return l[1]},trys:[],ops:[]},r,a,l,i;return i={next:s(0),throw:s(1),return:s(2)},typeof Symbol==="function"&&(i[Symbol.iterator]=function(){return this}),i;function s(e){return function(t){return o([e,t])}}function o(i){if(r)throw new TypeError("Generator is already executing.");while(n)try{if(r=1,a&&(l=i[0]&2?a["return"]:i[0]?a["throw"]||((l=a["return"])&&l.call(a),0):a.next)&&!(l=l.call(a,i[1])).done)return l;if(a=0,l)i=[i[0]&2,l.value];switch(i[0]){case 0:case 1:l=i;break;case 4:n.label++;return{value:i[1],done:false};case 5:n.label++;a=i[1];i=[0];continue;case 7:i=n.ops.pop();n.trys.pop();continue;default:if(!(l=n.trys,l=l.length>0&&l[l.length-1])&&(i[0]===6||i[0]===2)){n=0;continue}if(i[0]===3&&(!l||i[1]>l[0]&&i[1]<l[3])){n.label=i[1];break}if(i[0]===6&&n.label<l[1]){n.label=l[1];l=i;break}if(l&&n.label<l[2]){n.label=l[2];n.ops.push(i);break}if(l[2])n.ops.pop();n.trys.pop();continue}i=t.call(e,n)}catch(e){i=[6,e];a=0}finally{r=l=0}if(i[0]&5)throw i[1];return{value:i[0]?i[1]:void 0,done:true}}};var __spreadArrays=this&&this.__spreadArrays||function(){for(var e=0,t=0,n=arguments.length;t<n;t++)e+=arguments[t].length;for(var r=Array(e),a=0,t=0;t<n;t++)for(var l=arguments[t],i=0,s=l.length;i<s;i++,a++)r[a]=l[i];return r};System.register(["./p-ff17b3a4.system.js","./p-9580888c.system.js","./p-0988f079.system.js","./p-e00e11b1.system.js","./p-b0d6a380.system.js","./p-1c17892a.system.js","./p-61d769e2.system.js","./p-4bd679a7.system.js","./p-126bcba1.system.js","./p-3bbb90a9.system.js","./p-5619a993.system.js","./p-fe4d9531.system.js","./p-df466813.system.js","./p-c3f300e8.system.js","./p-8bcaafaf.system.js"],(function(e){"use strict";var t,n,r,a,l,i,s,o,d,u,c,f,p,m,v,h,g,y,_,w,b,T,x,R;return{setters:[function(e){t=e.h;n=e.r;r=e.g;a=e.c},function(e){l=e.e;i=e.u;s=e.m},function(e){o=e.i},function(){},function(e){d=e.d;u=e.n;c=e.M;f=e.R;p=e.b;m=e.w;v=e.k},function(){},function(){},function(e){h=e.c},function(){},function(e){g=e.c},function(e){y=e.G},function(e){_=e.u;w=e.a;b=e.b},function(e){T=e.l},function(e){x=e.l},function(e){R=e.T}],execute:function(){var C="sqm-referral-table";var E=d.gql(__makeTemplateObject(["\n  query getReferrals(\n    $programId: ID\n    $rewardFilter: RewardFilterInput\n    $locale: RSLocale\n  ) {\n    viewer {\n      ... on User {\n        referredByReferral(programId: $programId) {\n          dateReferralStarted\n          dateConverted\n          referrerUser {\n            firstName\n            lastName\n          }\n          rewards(filter: $rewardFilter) {\n            id\n            type\n            value\n            unit\n            name\n            dateGiven\n            dateExpires\n            dateCancelled\n            dateRedeemed\n            dateScheduledFor\n            fuelTankCode\n            fuelTankType\n            currency\n            prettyValue(locale: $locale)\n            statuses\n            globalRewardKey\n            programRewardKey\n            rewardRedemptionTransactions {\n              data {\n                exchangedRewards {\n                  data {\n                    prettyValue(locale: $locale)\n                    type\n                    fuelTankCode\n                    globalRewardKey\n                  }\n                }\n              }\n            }\n          }\n        }\n      }\n    }\n  }\n"],["\n  query getReferrals(\n    $programId: ID\n    $rewardFilter: RewardFilterInput\n    $locale: RSLocale\n  ) {\n    viewer {\n      ... on User {\n        referredByReferral(programId: $programId) {\n          dateReferralStarted\n          dateConverted\n          referrerUser {\n            firstName\n            lastName\n          }\n          rewards(filter: $rewardFilter) {\n            id\n            type\n            value\n            unit\n            name\n            dateGiven\n            dateExpires\n            dateCancelled\n            dateRedeemed\n            dateScheduledFor\n            fuelTankCode\n            fuelTankType\n            currency\n            prettyValue(locale: $locale)\n            statuses\n            globalRewardKey\n            programRewardKey\n            rewardRedemptionTransactions {\n              data {\n                exchangedRewards {\n                  data {\n                    prettyValue(locale: $locale)\n                    type\n                    fuelTankCode\n                    globalRewardKey\n                  }\n                }\n              }\n            }\n          }\n        }\n      }\n    }\n  }\n"]));var L=d.gql(__makeTemplateObject(['\n  query getReferrals(\n    $limit: Int!\n    $offset: Int!\n    $referralFilter: ReferralFilterInput\n    $rewardFilter: RewardFilterInput\n    $locale: RSLocale\n  ) {\n    viewer {\n      ... on User {\n        id\n        paidReferrals: referrals(\n          filter: { dateReferralPaid_timeframe: "this_10_years" }\n          limit: 1\n        ) {\n          totalCount\n        }\n        referrals(limit: $limit, offset: $offset, filter: $referralFilter) {\n          totalCount\n          count\n          data {\n            id\n            referredUser {\n              id\n              accountId\n              firstName\n              lastName\n              email\n              programGoals {\n                goalId\n                programId\n                count\n                firstDate\n                lastDate\n                conversionCount\n              }\n            }\n            shareLinkUsed\n            referralCodeUsed\n            moderationStatus\n            dateConverted\n            dateFraudChecksCompleted\n            dateModerated\n            dateModified\n            dateReferralEnded\n            dateReferralPaid\n            dateReferralStarted\n            dateUserModified\n            programId\n            program {\n              id\n              name\n            }\n            rewards(filter: $rewardFilter) {\n              id\n              type\n              value\n              unit\n              name\n              dateGiven\n              dateExpires\n              dateCancelled\n              dateRedeemed\n              dateScheduledFor\n              fuelTankCode\n              fuelTankType\n              currency\n              prettyValue(locale: $locale)\n              statuses\n              globalRewardKey\n              programRewardKey\n              rewardRedemptionTransactions {\n                data {\n                  exchangedRewards {\n                    data {\n                      prettyValue(locale: $locale)\n                      type\n                      fuelTankCode\n                      globalRewardKey\n                    }\n                  }\n                }\n              }\n            }\n            childNodes(limit: 10, offset: 0) {\n              data {\n                data {\n                  id\n                  ... on FlatReward {\n                    id\n                    statuses\n                    type\n                    value\n                  }\n                  ... on ProgramEmailTransaction {\n                    id\n                    rewardId\n                    dateCreated\n                    dateSent\n                    dateQueued\n                  }\n                }\n                depth\n              }\n            }\n          }\n        }\n      }\n    }\n  }\n'],['\n  query getReferrals(\n    $limit: Int!\n    $offset: Int!\n    $referralFilter: ReferralFilterInput\n    $rewardFilter: RewardFilterInput\n    $locale: RSLocale\n  ) {\n    viewer {\n      ... on User {\n        id\n        paidReferrals: referrals(\n          filter: { dateReferralPaid_timeframe: "this_10_years" }\n          limit: 1\n        ) {\n          totalCount\n        }\n        referrals(limit: $limit, offset: $offset, filter: $referralFilter) {\n          totalCount\n          count\n          data {\n            id\n            referredUser {\n              id\n              accountId\n              firstName\n              lastName\n              email\n              programGoals {\n                goalId\n                programId\n                count\n                firstDate\n                lastDate\n                conversionCount\n              }\n            }\n            shareLinkUsed\n            referralCodeUsed\n            moderationStatus\n            dateConverted\n            dateFraudChecksCompleted\n            dateModerated\n            dateModified\n            dateReferralEnded\n            dateReferralPaid\n            dateReferralStarted\n            dateUserModified\n            programId\n            program {\n              id\n              name\n            }\n            rewards(filter: $rewardFilter) {\n              id\n              type\n              value\n              unit\n              name\n              dateGiven\n              dateExpires\n              dateCancelled\n              dateRedeemed\n              dateScheduledFor\n              fuelTankCode\n              fuelTankType\n              currency\n              prettyValue(locale: $locale)\n              statuses\n              globalRewardKey\n              programRewardKey\n              rewardRedemptionTransactions {\n                data {\n                  exchangedRewards {\n                    data {\n                      prettyValue(locale: $locale)\n                      type\n                      fuelTankCode\n                      globalRewardKey\n                    }\n                  }\n                }\n              }\n            }\n            childNodes(limit: 10, offset: 0) {\n              data {\n                data {\n                  id\n                  ... on FlatReward {\n                    id\n                    statuses\n                    type\n                    value\n                  }\n                  ... on ProgramEmailTransaction {\n                    id\n                    rewardId\n                    dateCreated\n                    dateSent\n                    dateQueued\n                  }\n                }\n                depth\n              }\n            }\n          }\n        }\n      }\n    }\n  }\n']));function D(e,t,n){var r,a,s;var o=u();var d=c();var v=(r=e.programId)!==null&&r!==void 0?r:d;var h=v?v==="classic"?{programId_exists:false}:{programId_eq:v}:{};var g={userId_eq:o===null||o===void 0?void 0:o.id,accountId_eq:o===null||o===void 0?void 0:o.accountId};var y=l((function(e,t){return __assign(__assign({},e),t)}),{columns:[],rows:[],loading:false,page:0}),b=y[0],T=y[1];var x=f();var R=p(E,{programId:v==="classic"?null:v,rewardFilter:g,locale:x},!e.showReferrer||!(o===null||o===void 0?void 0:o.jwt)),D=R.data,S=R.loading,P=R.refetch;var k=(a=D===null||D===void 0?void 0:D.viewer)===null||a===void 0?void 0:a.referredByReferral;var N=e.showReferrer&&!!(k===null||k===void 0?void 0:k.dateReferralStarted);var A=m(L,(function(e){var t;return(t=e===null||e===void 0?void 0:e.viewer)===null||t===void 0?void 0:t.referrals}),{limit:e.perPage,offset:0},{referralFilter:h,rewardFilter:g,locale:x},e.showReferrer&&S&&!D||!(o===null||o===void 0?void 0:o.jwt)),F=A.envelope,$=A.states,B=A.callbacks;i((function(){if($.currentPage===0&&N)B.setLimit(e.perPage-1)}),[N]);i((function(){if(e.showReferrer&&N){B.setLimit(e.perPage-1);B.setCurrentPage(0)}else{B.setLimit(e.perPage);B.setCurrentPage(0)}}),[e.showReferrer]);var M=_();var q=F===null||F===void 0?void 0:F.data;var U=w();function j(e){return __awaiter(this,void 0,void 0,(function(){var t,n,r,a,l,i,s,o,d,u;var c=this;return __generator(this,(function(f){switch(f.label){case 0:t=e.filter((function(e){return e.slot!=="loading"&&e.slot!=="empty"}));n=t===null||t===void 0?void 0:t.map((function(e){return __awaiter(c,void 0,void 0,(function(){return __generator(this,(function(t){return[2,I(e,(function(){return e.renderLabel()}))]}))}))}));if(!(N&&$.currentPage===0))return[3,2];a=t===null||t===void 0?void 0:t.map((function(e){return __awaiter(c,void 0,void 0,(function(){return __generator(this,(function(t){return[2,I(e,(function t(){return e.renderReferrerCell(k,e)}))]}))}))}));return[4,Promise.all(a)];case 1:r=f.sent();f.label=2;case 2:l=q===null||q===void 0?void 0:q.map((function(e){return __awaiter(c,void 0,void 0,(function(){var n,r;var a=this;return __generator(this,(function(l){switch(l.label){case 0:n=t===null||t===void 0?void 0:t.map((function(t){return __awaiter(a,void 0,void 0,(function(){return __generator(this,(function(n){return[2,I(t,(function(){return t.renderCell(e,x)}))]}))}))}));return[4,Promise.all(n)];case 1:r=l.sent();return[2,r]}}))}))}));s=l;if(!s)return[3,4];o=[[r]];return[4,Promise.all(l)];case 3:s=__spreadArrays.apply(void 0,o.concat([f.sent()])).filter((function(e){return e}));f.label=4;case 4:i=s;T({rows:i});u=n;if(!u)return[3,6];return[4,Promise.all(n)];case 5:u=f.sent();f.label=6;case 6:d=u;T({columns:d,loading:false,page:$.currentPage});return[2]}}))}))}i((function(){T({loading:true});F&&j(U)}),[F,U,M]);var V=!((s=b===null||b===void 0?void 0:b.rows)===null||s===void 0?void 0:s.length)&&!(q===null||q===void 0?void 0:q.length);var G=$.loading||b.loading?"loading":V?"empty":"rows";return{states:{hasNext:$.currentPage<$.pageCount-1,hasPrev:$.currentPage>0,show:G,namespace:C},data:{textOverrides:{showLabels:e.showLabels,prevLabel:e.prevLabel,moreLabel:e.moreLabel},hiddenColumns:e.hiddenColumns,smBreakpoint:e.smBreakpoint,mdBreakpoint:e.mdBreakpoint},elements:{columns:b.columns,rows:b.rows,emptyElement:t,loadingElement:n},callbacks:{nextPage:function(){if($.currentPage===0&&N)B.setLimit(e.perPage);B.setCurrentPage($.currentPage+1)},prevPage:function(){if($.currentPage===1&&N)B.setLimit(e.perPage-1);B.setCurrentPage($.currentPage-1)}}}}function S(e){try{return JSON.stringify(e)}catch(e){return"An unknown error"}}function I(e,n){return __awaiter(this,void 0,void 0,(function(){var r,a,l,i;return __generator(this,(function(s){switch(s.label){case 0:r=e.tagName.toLowerCase();return[4,customElements.whenDefined(r)];case 1:s.sent();try{a=n()}catch(e){if(n.name==="renderReferrerCell"){console.error("column does not have a renderReferrerCell method.")}else{console.error("label promise failed",e)}return[2,t("span",null)]}s.label=2;case 2:s.trys.push([2,4,,5]);return[4,a];case 3:return[2,s.sent()];case 4:l=s.sent();console.error("Error rendering label",l);i=S(l);return[2,t("details",null,t("summary",null,"Error"),i)];case 5:return[2]}}))}))}var P=e("sqm_referral_table",function(){function e(e){n(this,e);this.perPage=3;this.showLabels=true;this.prevLabel="Prev";this.moreLabel="Next";this.showReferrer=false;this.hiddenColumns="0";this.smBreakpoint=634;this.mdBreakpoint=899;this.emptyStateImgUrl="https://res.cloudinary.com/saasquatch/image/upload/v1642618031/squatch-assets/image_3_1.png";this.emptyStateTitle="View your referral details";this.emptyStateText="Track the status of your referrals and rewards earned by referring friends";s(this)}e.prototype.disconnectedCallback=function(){};e.prototype.render=function(){var e=t(F,{emptyStateImgUrl:this.emptyStateImgUrl,emptyStateTitle:this.emptyStateTitle,emptyStateText:this.emptyStateText});var n=t(k,null);var r=v()?A(this):D(this,e,n),a=r.states,l=r.data,i=r.callbacks,s=r.elements;return t(y,{states:a,data:l,callbacks:i,elements:s})};return e}());function k(){return t("slot",{name:"loading"},t(N,null),t(N,null),t(N,null),t(N,null))}function N(){return t("sqm-table-row",null,t("sqm-table-cell",{colspan:5},t("sl-skeleton",null)))}function A(e){return h({states:{hasPrev:false,hasNext:false,loading:false},callbacks:{prevPage:function(){return console.log("Prev")},nextPage:function(){return console.log("Next")}},data:{textOverrides:{showLabels:e.showLabels,prevLabel:e.prevLabel,moreLabel:e.moreLabel},referralData:[]},elements:{emptyElement:t(F,{emptyStateImgUrl:"https://res.cloudinary.com/saasquatch/image/upload/v1642618031/squatch-assets/image_3_1.png",emptyStateTitle:"View your referral details",emptyStateText:"Track the status of your referrals and rewards earned by referring\r\n\t\tfriends"}),loadingElement:t(k,null),columns:[t("div",null,"User"),t("div",null,"Referral Status"),t("div",null,"Rewards")],rows:[]}},e.demoData||{},{arrayMerge:function(e,t){return t}})}function F(e){var n=e.emptyStateImgUrl,r=e.emptyStateTitle,a=e.emptyStateText;return t("div",{slot:"empty",style:{display:"contents"}},t("sqm-table-row",null,t("sqm-table-cell",{colspan:5,style:{textAlign:"center"}},t("div",{style:{padding:"var(--sl-spacing-xxx-large)"}},t("img",{src:n,style:{width:"100px"}}),t("div",null,t("b",null,r)),t("div",{style:{marginTop:"var(--sl-spacing-xx-small)",fontSize:"var(--sl-font-size-small)",color:"var(--sl-color-neutral-500)"}},a)))))}var $=e("sqm_referral_table_cell",function(){function e(e){n(this,e);this.ignored=true;s(this)}e.prototype.disconnectedCallback=function(){};e.prototype.render=function(){return t("div",{innerHTML:this.innerTemplate})};return e}());var B=e("sqm_referral_table_column",function(){function e(e){n(this,e);s(this)}e.prototype.disconnectedCallback=function(){};e.prototype.renderCell=function(e){return __awaiter(this,void 0,void 0,(function(){return __generator(this,(function(e){return[2,t("sqm-referral-table-cell",{"inner-template":r(this).innerHTML})]}))}))};e.prototype.renderLabel=function(){return __awaiter(this,void 0,void 0,(function(){return __generator(this,(function(e){return[2,Promise.resolve(this.columnTitle)]}))}))};e.prototype.render=function(){b([this.columnTitle]);return t(a,{style:{display:"none"}},t("slot",null))};return e}());var M=e("sqm_referral_table_date_cell",function(){function e(e){n(this,e);this.ignored=true;this.locale="en";s(this)}e.prototype.disconnectedCallback=function(){};e.prototype.render=function(){var e;var t=!this.date?"-":(e=T.DateTime.fromMillis(this.date))===null||e===void 0?void 0:e.setLocale(x(this.locale)).toLocaleString(T.DateTime.DATE_MED);return t};return e}());var q=e("sqm_referral_table_date_column",function(){function e(e){n(this,e);this.columnTitle="Date converted";this.dateShown="dateConverted";s(this)}e.prototype.disconnectedCallback=function(){};e.prototype.renderCell=function(e,n){return __awaiter(this,void 0,void 0,(function(){return __generator(this,(function(r){console.log("date column - referral",{locale:n});return[2,t("sqm-referral-table-date-cell",{date:e[this.dateShown],locale:n})]}))}))};e.prototype.renderLabel=function(){return __awaiter(this,void 0,void 0,(function(){return __generator(this,(function(e){return[2,this.columnTitle]}))}))};e.prototype.render=function(){b([this.dateShown,this.columnTitle]);return t(a,{style:{display:"none"}})};return e}());var U=e("sqm_referral_table_rewards_cell",function(){function e(e){n(this,e);this.locale="en"}e.prototype.render=function(){var e=this;o.locale=this.locale;var n={"@keyframes slideRight":{from:{opacity:0},to:{opacity:1}},DetailsContainer:{width:"100%",display:"flex","align-items":"center","justify-content":"space-between","margin-right":"var(--sl-spacing-small)","flex-wrap":"wrap"},Details:{"padding-bottom":"var(--sl-spacing-small)","max-width":"500px","&::part(header)":{padding:"var(--sl-spacing-x-small)",cursor:""+(this.hideDetails?"default":"pointer")},"&::part(content)":{padding:"var(--sl-spacing-x-small) var(--sl-spacing-medium)"},"&::part(base)":{opacity:"1"},"&::part(summary-icon)":{display:""+(this.hideDetails?"none":"flex")},"&::part(summary-icon[open])":{transform:"rotate(-90deg)",background:"red"}},BadgeContainer:{"& > :not(:last-child)":{"margin-right":"var(--sl-spacing-x-small)"}},BoldText:{"font-weight":"var(--sl-font-weight-semibold)"},StatusBadge:{paddingLeft:"var(--sl-spacing-xxx-small)"},RedeemBadge:{paddingLeft:"var(--sl-spacing-xxx-small)","&::part(base)":{background:"var(--sl-color-blue-600)"}}};var r=g(n);var a=r.toString();var l=function(e){var t=["REDEEMED","CANCELLED","EXPIRED","PENDING","AVAILABLE"];if(e.length===1)return e[0];return t.find((function(t){return e.includes(t)&&t}))};var i=function(e){switch(e){case"REDEEMED":return"primary";case"EXPIRED":return"danger";case"CANCELLED":return"danger";case"PENDING":return"warning";case"AVAILABLE":return"success"}};var s=function(t){return T.DateTime.fromMillis(t).setLocale(x(e.locale)).toRelative().replace("in","").trim()};return this.rewards.map((function(n){var d=l(n.statuses);var u=i(d);var c=o.formatMessage({id:"statusShortMessage",defaultMessage:e.statusText},{status:d});var f=o.formatMessage({id:"statusLongMessage",defaultMessage:e.statusLongText},{status:d});var p=Math.random().toString(36).slice(2);return t("sl-details",{class:r.classes.Details,disabled:e.hideDetails},t("style",{type:"text/css"},a),t("div",{slot:"summary",class:r.classes.DetailsContainer},t(R,{type:"p"},t("span",{class:r.classes.BoldText},n.prettyValue)),t("div",{class:r.classes.BadgeContainer},d==="PENDING"&&n.dateScheduledFor?t("sl-badge",{class:u==="primary"?r.classes.RedeemBadge:r.classes.StatusBadge,type:u,pill:true},o.formatMessage({id:"pendingForText",defaultMessage:e.pendingForText},{status:c,date:s(n.dateScheduledFor)})):t("sl-badge",{class:u==="primary"?r.classes.RedeemBadge:r.classes.StatusBadge,type:u,pill:true},c),n.dateExpires&&d==="AVAILABLE"&&t("sl-badge",{class:u==="primary"?r.classes.RedeemBadge:r.classes.StatusBadge,type:"info",pill:true},e.expiringText," "+s(n.dateExpires)))),t("div",null,n.dateGiven&&t("div",null,t(R,{type:"p"},e.rewardReceivedText," ",t("span",{class:r.classes.BoldText},T.DateTime.fromMillis(n.dateGiven).setLocale(x(e.locale)).toLocaleString(T.DateTime.DATE_MED)))),d==="EXPIRED"&&n.dateExpires&&t("div",null,t(R,{type:"p"},f," ",t("span",{class:r.classes.BoldText},T.DateTime.fromMillis(n.dateExpires).setLocale(x(e.locale)).toLocaleString(T.DateTime.DATE_MED)))),d==="CANCELLED"&&n.dateCancelled&&t("div",null,t(R,{type:"p"},f," ",t("span",{class:r.classes.BoldText},T.DateTime.fromMillis(n.dateCancelled).setLocale(x(e.locale)).toLocaleString(T.DateTime.DATE_MED)))),d==="PENDING"&&n.dateScheduledFor&&t("div",null,t(R,{type:"p"},f," ",t("span",{class:r.classes.BoldText},T.DateTime.fromMillis(n.dateScheduledFor).setLocale(x(e.locale)).toLocaleString(T.DateTime.DATE_MED))))," ",d==="AVAILABLE"&&n.dateExpires&&t("div",null,t(R,{type:"p"},f," ",t("span",{class:r.classes.BoldText},T.DateTime.fromMillis(n.dateExpires).setLocale(x(e.locale)).toLocaleString(T.DateTime.DATE_MED)))),n.fuelTankCode&&t("div",null,e.fuelTankText," ",t("span",{class:r.classes.BoldText},n.fuelTankCode))))}))};return e}());var j=e("sqm_referral_table_rewards_column",function(){function e(e){n(this,e);this.columnTitle="Rewards";this.statusText="{status, select, AVAILABLE {Available} CANCELLED {Cancelled} PENDING {Pending} EXPIRED {Expired} REDEEMED {Redeemed} other {Not available} }";this.statusLongText="{status, select, AVAILABLE {Reward expiring on} CANCELLED {Reward cancelled on} PENDING {Available on} EXPIRED {Reward expired on} other {Not available} }";this.fuelTankText="Your code is";this.rewardReceivedText="Reward received on";this.expiringText="Expiring in";this.pendingForText="{status} for {date}";this.hideDetails=false;s(this)}e.prototype.disconnectedCallback=function(){};e.prototype.renderCell=function(e,n){return __awaiter(this,void 0,void 0,(function(){return __generator(this,(function(r){return[2,t("sqm-referral-table-rewards-cell",{rewards:e.rewards,statusText:this.statusText,statusLongText:this.statusLongText,fuelTankText:this.fuelTankText,rewardReceivedText:this.rewardReceivedText,expiringText:this.expiringText,pendingForText:this.pendingForText,hideDetails:this.hideDetails,locale:n})]}))}))};e.prototype.renderLabel=function(){return __awaiter(this,void 0,void 0,(function(){return __generator(this,(function(e){return[2,this.columnTitle]}))}))};e.prototype.render=function(){b([this.columnTitle]);return t(a,{style:{display:"none"}})};return e}());var V=e("sqm_referral_table_status_cell",function(){function e(e){n(this,e)}e.prototype.render=function(){var e={Badge:{"&::part(base)":{fontSize:"var(--sl-font-size-small)",padding:"4px 8px"}}};var n=g(e);var r=n.toString();return t("div",null,t("style",{type:"text/css"},r),t("sl-badge",{pill:true,type:this.converted?"success":"warning",class:n.classes.Badge},this.statusText))};return e}());var G=e("sqm_referral_table_status_column",function(){function e(e){n(this,e);this.columnTitle="Status";this.convertedStatusText="Converted";this.inProgressStatusText="In Progress";s(this)}e.prototype.disconnectedCallback=function(){};e.prototype.renderCell=function(e){return __awaiter(this,void 0,void 0,(function(){var n;return __generator(this,(function(r){n=e.dateConverted?this.convertedStatusText:this.inProgressStatusText;return[2,t("sqm-referral-table-status-cell",{"status-text":n,converted:e.dateConverted?true:false})]}))}))};e.prototype.renderLabel=function(){return __awaiter(this,void 0,void 0,(function(){return __generator(this,(function(e){return[2,this.columnTitle]}))}))};e.prototype.render=function(){b([this.columnTitle]);return t(a,{style:{display:"none"}})};return e}());var K=e("sqm_referral_table_user_cell",function(){function e(e){n(this,e)}e.prototype.render=function(){return this.name};return e}());var O=e("sqm_referral_table_user_column",function(){function e(e){n(this,e);this.columnTitle="Customer";this.anonymousUser="Anonymous User";this.deletedUser="Deleted User";s(this)}e.prototype.disconnectedCallback=function(){};e.prototype.renderCell=function(e){return __awaiter(this,void 0,void 0,(function(){var n,r,a,l,i;return __generator(this,(function(s){if(!(e===null||e===void 0?void 0:e.referredUser)){i=this.deletedUser}else if(!((n=e===null||e===void 0?void 0:e.referredUser)===null||n===void 0?void 0:n.firstName)&&!((r=e===null||e===void 0?void 0:e.referredUser)===null||r===void 0?void 0:r.lastName)){i=this.anonymousUser}else{i=((a=e===null||e===void 0?void 0:e.referredUser)===null||a===void 0?void 0:a.firstName)+" "+((l=e===null||e===void 0?void 0:e.referredUser)===null||l===void 0?void 0:l.lastName)}return[2,t("sqm-referral-table-user-cell",{name:i})]}))}))};e.prototype.renderLabel=function(){return __awaiter(this,void 0,void 0,(function(){return __generator(this,(function(e){return[2,this.columnTitle]}))}))};e.prototype.render=function(){b([this.deletedUser,this.anonymousUser,this.columnTitle]);return t(a,{style:{display:"none"}})};return e}())}}}));