@saasquatch/mint-components 1.16.0-10 → 1.16.0-11

package/dist/mint-components/{p-19d60c22.entry.js → p-dbcc9aa0.entry.js}

@@ -154,7 +154,7 @@ import{h as e,r as a,c as t,g as i}from"./p-f708da7b.js";import{m as n,k as o,f
       success
     }
   }
-`,Me=["exception","decline","cancel","fax_pending"],De=["ttl_expired","session_timeout"];const Re=M({DocusignStatusContainer:{width:"100%",minHeight:"600px",height:"900px",display:"flex",flexDirection:"column",alignItems:"center",padding:"20px",gap:"10px",margin:"auto",textAlign:"center",border:"1px solid var(--sl-color-gray-200)",justifyContent:"center"},MessageContainer:{maxWidth:"400px"},IFrameContainer:{"@media screen and (max-width: 440px)":{position:"absolute",width:"100vw",left:"-30px",zIndex:"9999"}}}),Be=Re.toString(),qe=a=>{const{classes:t}=Re,{text:i}=a;return e("div",null,e("style",{type:"text/css"},Be),e("div",{class:t.DocusignStatusContainer},e("sl-icon",{style:{width:"50px",height:"50px",color:"var(--sl-color-neutral-500)"},name:"clock"}),e("div",{class:t.MessageContainer},e("p",{style:{margin:"0"}},i.docusignExpired)),e("sl-button",{type:"primary",onClick:()=>window.location.reload()},i.refreshButton)))},Fe=a=>{const{classes:t}=Re,{text:i}=a;return e("div",null,e("style",{type:"text/css"},Be),e("div",{class:t.DocusignStatusContainer},e("sl-icon",{style:{width:"50px",height:"50px",color:"var(--sl-color-gray-500)"},name:"exclamation-octagon"}),e("div",{class:t.MessageContainer},e("p",{style:{margin:"0"}},i.docusignError)),e("sl-button",{type:"primary",onClick:()=>window.location.reload()},i.refreshButton)))},Le=()=>{const{classes:a}=Re;return e("div",null,e("style",{type:"text/css"},Be),e("div",{class:a.DocusignStatusContainer},e("sl-spinner",{style:{fontSize:"50px",margin:"40px"}})))},Ue=({states:a,data:t,callbacks:i,text:n})=>{const{classes:l}=Re,[s,d]=o("100%"),c=["referralsaasquatch.com","impacttech.complysandbox.com","impacttech.complytaxforms.com"],u=w((e=>{c.some((a=>{var t;return null===(t=e.origin)||void 0===t?void 0:t.includes(a)}))&&("number"==typeof e.data&&d(e.data+"px"),"Complyexchange Thank you page Load"===e.data&&i.completeDocument())}),[]);return r((()=>(window.addEventListener("message",u,!1),()=>{window.removeEventListener("message",u,!1)})),[s]),a.urlLoading?e(Le,null):Me.includes(a.status)?e(Fe,{text:n}):De.includes(a.status)?e(qe,{text:n}):e("div",{style:{height:s}},e("style",{type:"text/css"},Be),e("div",{class:l.IFrameContainer},e("iframe",{scrolling:"yes",frameBorder:"0",width:"100%",src:t.documentUrl,height:s})))},Oe=M({ModalTitleContainer:{display:"flex",gap:"var(--sl-spacing-small)",alignItems:"center"},FormWrapper:{display:"flex",justifyContent:"flex-start",flexDirection:"column"},CheckboxContainer:{display:"flex",alignItems:"flex-start",justifyContent:"flex-start",flexDirection:"column",gap:"var(--sl-spacing-xx-small)"},TitleContainer:{display:"flex",flexDirection:"row",alignItems:"center",justifyContent:"flex-start",gap:"var(--sl-spacing-small)"},TextContainer:{display:"flex",justifyContent:"flex-start",flexDirection:"column",gap:"24px"},BtnContainer:{paddingTop:"36px",display:"flex",gap:"8px"},ErrorText:{color:"var(--sl-color-danger-500)",marginTop:"10px"},DescriptionText:{color:"var(--sl-color-neutral-500)"},BoldText:{fontWeight:"bold"},SecondaryBtn:{"&::part(base)":{color:"var(--sl-color-gray-800) !important"},"&::part(label)":{padding:"0px",margin:"0px"}},ErrorAlertContainer:{"&::part(base)":{backgroundColor:"var(--sl-color-red-100)",borderTop:"none",padding:"0 16px"},"& sl-icon::part(base)":{color:"var(--sl-color-danger-500)"}},InfoAlert:{"&::part(base)":{backgroundColor:"transparent",borderTop:"none",padding:"0px",marginBottom:"16px",border:"none"},"&::part(message)":{display:"flex",alignItems:"center",justifyContent:"flex-start",padding:"10px",height:"max-content"},"& sl-icon::part(base)":{color:"var(--sl-color-sky-500)"}},Container:{width:"100%",display:"flex",justifyContent:"flex-start",flexDirection:"column",gap:"16px"},Link:{color:"var(--sl-color-sky-500)",textDecoration:"none","&:visited":{color:"var(--sl-color-sky-500)"},"&:hover":{textDecoration:"underline"}},CheckboxWrapper:{display:"flex",justifyContent:"flex-start",flexDirection:"column"},InfoIcon:{height:"24px",width:"24px"},RadioText:{fontSize:"var(--sl-font-size-small)"},PageDescriptionText:{color:"var(--sl-color-neutral-500)",fontSize:"var(--sl-font-size-medium)"},Dialog:{"&::part(panel)":{maxWidth:"420px"},"&::part(title)":{fontSize:"var(--sl-font-size-large)",fontWeight:"600"},"&::part(body)":{padding:"0 var(--sl-spacing-x-large) 0 var(--sl-spacing-x-large)",fontSize:"var(--sl-font-size-small)"},"&::part(footer)":{display:"flex",flexDirection:"column",gap:"var(--sl-spacing-small)",marginBottom:"var(--sl-spacing-xx-small)",alignItems:"center",flex:"1"}},DialogButton:{margin:"auto",width:"100%"}}),We=Oe.toString(),Ve=a=>{var t;const{states:i,states:{formState:n,documentTypeString:o},callbacks:r,text:l,slots:s}=a,{classes:d}=Oe;return e("div",{class:d.Container},e("style",{type:"text/css"},We,"\n    :host{\n      display: block;   \n    }\n    * {\n       margin: 0;\n       padding: 0;\n       box-sizing: border-box;\n    }\n\n    p {\n      line-height: 18px;\n      color: var(--sl-color-gray-800);\n       font-size: var(--sl-font-size-small);\n    }\n\n    a {\n      cursor: pointer;\n    }\n\n\n  "),e("sl-dialog",{class:Oe.classes.Dialog,open:i.showModal,"onSl-hide":r.onModalClose},e("div",{class:d.ModalTitleContainer,slot:"label"},e("sl-icon",{name:"info-circle",style:{color:"var(--sl-color-info-500)"}}),e("h2",{style:{fontSize:"var(--sl-font-size-large)"}},l.modalTitle)),e("p",null,p.formatMessage({id:"modalText",defaultMessage:l.modalDescription},{br:e("br",null)})),e("sl-button",{slot:"footer",type:"primary",class:Oe.classes.DialogButton,onClick:r.onModalClose,exportparts:"base: primarybutton-base"},l.modalButtonText)),e("div",{class:d.TextContainer},e("div",null,!i.hideSteps&&e("p",null,p.formatMessage({id:"formStep",defaultMessage:l.formStep},{step:i.step,count:4})),e("h3",null,l.taxForm),e("p",{class:d.PageDescriptionText},l.taxAndPayoutsDescription))),i.loadingError&&e("div",null,e("sl-alert",{exportparts:"base: alert-base, icon:alert-icon",type:"danger",open:!0,class:Oe.classes.ErrorAlertContainer},e("sl-icon",{slot:"icon",name:"exclamation-octagon"}),e("strong",null,l.error.loadingErrorAlertHeader),e("br",null),p.formatMessage({id:"loadingErrorAlertDescription",defaultMessage:l.error.loadingErrorAlertDescription},{supportLink:e("a",{target:"_blank",href:"mailto:advocate-support@impact.com"},l.supportLink)}))),(null===(t=n.errors)||void 0===t?void 0:t.general)&&e("sl-alert",{exportparts:"base: alert-base, icon:alert-icon",type:"warning",open:!0,class:Oe.classes.ErrorAlertContainer},e("sl-icon",{slot:"icon",name:"exclamation-octagon"}),e("strong",null,l.error.generalTitle),e("br",null),p.formatMessage({id:"generalDescription",defaultMessage:l.error.generalDescription},{supportLink:e("a",{target:"_blank",href:"mailto:advocate-support@impact.com"},l.supportLink)})),e("div",null,e("div",null,e("h5",{class:d.BoldText},p.formatMessage({id:"tax-form-label",defaultMessage:l.taxFormLabel},{documentType:o})),e("p",null,p.formatMessage({id:"tax-form-description",defaultMessage:"W9"===i.documentType?l.taxFormDescription:"individualParticipant"===n.participantType?l.taxFormDescriptionIndividualParticipant:l.taxFormDescriptionBusinessEntity},{documentType:o}))),e("div",null,s.docusignIframeSlot),e("div",{class:d.BtnContainer},i.showExitButton&&e("sl-button",{type:"primary",exportparts:"base: primarybutton-base",onClick:r.onExit},l.exitButton))))},je=class{constructor(e){a(this,e),this.ignored=!0,this.formStep="Step {step} of {count}",this.taxForm="Tax form",this.taxFormLabel="{documentType} Tax Form",this.taxFormDescription="Participants based in the US need to submit a {documentType} form.",this.supportLink="support team",this.taxFormDescriptionIndividualParticipant="Participants residing outside of the US, joining the referral program of a US-based company, need to submit a {documentType} form.",this.taxFormDescriptionBusinessEntity="Participants residing outside of the US who represent a business entity need to submit a {documentType} form.",this.docusignExpired="For your security and privacy, we automatically end your session after 20 minutes of inactivity. Please refresh and re-enter your tax information to continue.",this.docusignSessionWarning="For your security, we automatically end your session when you have not interacted with the form after 20 minutes.",this.participantType="Participant type",this.businessEntity="I represent a business",this.individualParticipant="I am an individual participant",this.docusignError="There was a problem displaying this form. Please refresh the page. If this problem continues, contact our {supportLink}.",this.refreshButton="Refresh Page",this.generalErrorTitle="There was a problem submitting your information",this.generalErrorDescription="Please review your information and try again. If this problem continues, contact our {supportLink}.",this.loadingErrorAlertHeader="There was a problem loading your form",this.loadingErrorAlertDescription="Please refresh the page and try again. If this problem continues, contact our {supportLink}.",this.taxAndPayoutsDescription="Submit your tax documents and add your banking information to receive your rewards.",this.exitButton="Exit",this.modalTitle="Important Note",this.modalDescription="Remember the name you enter in your tax form. It must exactly match the bank account holder name configured in the next step. {br}{br}Otherwise you will have to resubmit your form again and there will be delays receiving your payout.",this.modalButtonText="I understand",l(this)}disconnectedCallback(){}getTextProps(){const e=N(this);return{...e,error:{generalTitle:e.generalErrorTitle,generalDescription:e.generalErrorDescription,participantType:e.participantType,loadingErrorAlertHeader:e.loadingErrorAlertHeader,loadingErrorAlertDescription:e.loadingErrorAlertDescription}}}render(){const a=C(),i=a?function(e){const a=S("sq:tax-and-cash");return A({text:e.getTextProps(),states:{step:"4",disabled:!1,submitDisabled:!1,loading:!1,status:void 0,loadingError:!1,participantTypeDisabled:!1,formState:{completedTaxForm:!0,taxFormExpired:!0,errors:{}},documentType:"W9",showModal:!1},data:{taxForm:"W9",documentUrl:"https://example.com"},callbacks:{demo:{onSubmit:()=>a("/4"),onBack:()=>a("/3"),onModalOpen:()=>{},onModalClose:()=>{}},setParticipantType:e=>console.log({p:e}),setDocusignStatus:e=>console.log(e)}},e.demoData||{},{arrayMerge:(e,a)=>a})}(this):function(e){var a,t,i;const n=y(),l=f("sq:tax-form-context"),[s,d]=g("sq:tax-and-cash"),{data:c,loading:u}=b("sq:user-info-query"),p=null===(t=null===(a=null==c?void 0:c.user)||void 0===a?void 0:a.impactConnection)||void 0===t?void 0:t.publisher,[m,{loading:h,data:v,errors:C}]=x(Ne),[S,{loading:w}]=x(Ee),[T,I]=o(void 0),[k,P]=o(void 0),[_,A]=o({}),[N,E]=o(!1),[M,D]=o(!1),[R,B]=o(!0),q=j(null==p?void 0:p.requiredTaxDocumentType)&&(null==p?void 0:p.currentTaxDocument)?null==p?void 0:p.requiredTaxDocumentType:void 0,F=q||("businessEntity"===(L=k)?"W8BENE":"individualParticipant"===L?"W8BEN":void 0)||(null==p?void 0:p.requiredTaxDocumentType);var L;r((()=>{window.location.hash=""}),[]),r((()=>{q&&("W8BEN"===q?P("individualParticipant"):"W8BENE"===q&&P("businessEntity"))}),[q]),r((()=>{n&&p&&(async()=>{try{const e=await m({vars:{provider:"COMPLY_EXCHANGE",user:{id:n.id,accountId:n.accountId},...k?{isBusinessEntity:"businessEntity"===k}:{}}});if(!e||e.message)throw new Error}catch(e){A({docusign:!0})}})()}),[n,p,k]);const U=u||h||N;return{states:{step:null==s?void 0:s.replace("/",""),hideSteps:l.hideSteps,disabled:U,participantTypeDisabled:U||!!q,loading:u||N||w,urlLoading:h,loadingError:!!(null==C?void 0:C.message),formState:{participantType:k,taxFormExpired:De.includes(T),errors:_},docusignStatus:T,documentType:F,documentTypeString:V(F),showExitButton:M,showModal:R},data:{taxForm:F,documentUrl:null===(i=null==v?void 0:v.createImpactPublisherTaxDocument)||void 0===i?void 0:i.documentUrl},callbacks:{setDocusignStatus:I,completeDocument:async()=>{if(n)try{E(!0);const e=await S({vars:{id:n.id,accountId:n.accountId}});if(!e||e.message)throw new Error;if(!e.completeImpactPublisherTaxDocument.success)throw new Error;window.dispatchEvent(new Event(le)),D(!0)}catch(e){A({general:!0})}finally{E(!1)}},onExit:()=>{d(l.overrideNextStep||(null==p?void 0:p.withdrawalSettings)||!(null==p?void 0:p.brandedSignup)?"/dashboard":"/4")},setParticipantType:P,onModalClose:()=>B(!1),onModalOpen:()=>B(!0)},text:e.getTextProps()}}(this),n=e(Ue,{states:{status:i.states.docusignStatus,loading:i.states.loading,urlLoading:i.states.urlLoading},data:{documentUrl:i.data.documentUrl},callbacks:{completeDocument:i.callbacks.completeDocument},text:i.text});return e(t,null,e(Ve,{callbacks:i.callbacks,states:i.states,text:i.text,slots:{docusignIframeSlot:a?ze({callbacks:i.callbacks}):n}}))}get el(){return i(this)}},ze=({callbacks:a})=>e("div",{style:{width:"100%",height:"600px",background:"#fafafa",display:"flex",justifyContent:"center",alignItems:"center"}},e("div",{style:{display:"flex",flexDirection:"column",gap:"12px",alignItems:"center"}},e("span",null,"Placeholder for docusign iframe"),e("div",{style:{display:"flex",gap:"8px"}},e("sl-button",{type:"primary",submit:!0,exportparts:"base: primarybutton-base",onClick:a.demo.onBack},"Back to Step 2"),e("sl-button",{type:"primary",submit:!0,exportparts:"base: primarybutton-base",onClick:a.demo.onSubmit},"Continue to Step 4")))),Ge=M({FormWrapper:{display:"flex",justifyContent:"flex-start",flexDirection:"column"},RadioContainer:{display:"flex",alignItems:"flex-start",justifyContent:"flex-start",flexDirection:"column",gap:"var(--sl-spacing-medium)","& sl-radio::part(base)":{alignItems:"start"}},InnerRadioContainer:{display:"flex",flexDirection:"column",gap:"var(--sl-spacing-medium)",width:"100%"},RadioContent:{display:"flex",flexDirection:"column",gap:"var(--sl-spacing-xx-small)",fontSize:"var(--sl-font-size-small)"},TitleContainer:{display:"flex",flexDirection:"row",alignItems:"center",justifyContent:"flex-start",gap:"var(--sl-spacing-small)"},TextContainer:{display:"flex",justifyContent:"flex-start",flexDirection:"column",gap:"24px",paddingBottom:"16px"},BtnContainer:{paddingTop:"36px",display:"flex",gap:"8px"},ErrorText:{color:"var(--sl-color-danger-500)",marginTop:"10px"},DescriptionText:{color:"var(--sl-color-neutral-500)"},SecondaryBtn:{"&::part(base)":{color:"var(--sl-color-gray-800) !important"}},AlertContainer:{"&::part(base)":{backgroundColor:"var(--sl-color-red-100)",borderTop:"none",padding:"0 16px"},"& sl-icon::part(base)":{color:"var(--sl-color-danger-500)"}},PartnerAlertContainer:{"&::part(base)":{backgroundColor:"var(--sl-color-sky-100)",borderTop:"none",padding:"0 16px"},"& sl-icon::part(base)":{color:"var(--sl-color-blue-500)"}},InfoAlert:{marginTop:"var(--sl-spacing-large)","&::part(base)":{backgroundColor:"transparent",borderTop:"none",padding:"0px",border:"none"},"&::part(message)":{alignItems:"center",padding:"var(--sl-spacing-small)",whiteSpace:"nowrap"},"& sl-icon::part(base)":{color:"var(--sl-color-yellow-500)"}},InfoWarningIcon:{height:"26px",width:"26px"},PageDescriptionText:{color:"var(--sl-color-neutral-500)",fontSize:"var(--sl-font-size-medium)",marginBottom:"var(--sl-spacing-small)"}}),He=Ge.toString(),Ke=a=>{var t;const{states:i,states:{formState:n},callbacks:o,text:r,refs:l,slots:s}=a,{classes:d}=Ge;return e("sl-form",{class:d.FormWrapper,"onSl-submit":o.onSubmit,ref:e=>l.formRef.current=e,novalidate:!0},e("style",{type:"text/css"},He,"\n    :host{\n      display: block;   \n    }\n    * {\n       margin: 0;\n       padding: 0;\n       box-sizing: border-box;\n    }\n\n    p {\n      line-height: 18px;\n      color: var(--sl-color-gray-800);\n       font-size: var(--sl-font-size-small);\n    }\n  "),e("div",{class:d.TextContainer},e("div",null,!i.hideSteps&&e("p",null," ",p.formatMessage({id:"formStep",defaultMessage:r.formStep},{step:i.step,count:4})),e("h3",null,r.indirectTax),e("p",{class:d.PageDescriptionText},r.taxAndPayoutsDescription),e("p",{class:d.DescriptionText},r.indirectTaxDescription)),i.loadingError&&e("div",null,e("sl-alert",{exportparts:"base: alert-base, icon:alert-icon",type:"danger",open:!0,class:Ge.classes.AlertContainer},e("sl-icon",{slot:"icon",name:"exclamation-octagon"}),e("strong",null,r.error.loadingErrorAlertHeader),e("br",null),p.formatMessage({id:"loadingErrorAlertDescription",defaultMessage:r.error.loadingErrorAlertDescription},{supportLink:e("a",{target:"_blank",href:"mailto:advocate-support@impact.com"},r.supportLink)}))),(null===(t=n.errors)||void 0===t?void 0:t.general)&&e("sl-alert",{exportparts:"base: alert-base, icon:alert-icon",type:"warning",open:!0,class:Ge.classes.AlertContainer},e("sl-icon",{slot:"icon",name:"exclamation-octagon"}),e("strong",null,r.error.generalTitle),e("br",null),p.formatMessage({id:"generalDescription",defaultMessage:r.error.generalDescription},{supportLink:e("a",{target:"_blank",href:"mailto:advocate-support@impact.com"},r.supportLink)})),i.isPartner&&e("sl-alert",{type:"primary",open:!0,class:Ge.classes.PartnerAlertContainer,exportparts:"base: alert-base, icon:alert-icon"},e("sl-icon",{slot:"icon",name:"info-circle"}),e("strong",null,r.isPartnerAlertHeader),e("br",null),p.formatMessage({id:"isPartnerAlertDescription",defaultMessage:r.isPartnerAlertDescription},{supportLink:e("a",{target:"_blank",href:"mailto:advocate-support@impact.com"},r.supportLink)})),e("div",null,e("h4",null,r.indirectTaxDetails))),i.loading?e("sl-spinner",{style:{fontSize:"50px",margin:"40px"}}):e("div",null,e("div",{class:d.RadioContainer},e("div",{class:d.InnerRadioContainer},e("sl-radio",{exportparts:"base: radio-base",name:"/checked",value:"notRegistered",id:"notRegistered",checked:"notRegistered"===n.checked,onInput:()=>o.onChange("notRegistered"),disabled:i.disabled||i.isPartner},e("div",{class:d.RadioContent},r.notRegistered,e("p",{class:d.DescriptionText},r.notRegisteredSubtext))),e("sl-radio",{exportparts:"base: radio-base",name:"/checked",value:"otherRegion",id:"otherRegion",checked:"otherRegion"===n.checked,onInput:()=>o.onChange("otherRegion"),disabled:i.disabled||i.isPartner},e("div",{class:d.RadioContent},r.otherRegion,e("p",{class:d.DescriptionText},r.otherRegionSubtext))),s.registeredInDifferentCountryDetailsSlot)),e("sl-alert",{exportparts:"base: alert-base, icon:alert-icon",type:"primary",open:!0,class:d.InfoAlert},e("sl-icon",{class:d.InfoWarningIcon,slot:"icon",name:"exclamation-triangle"}),p.formatMessage({id:"cannotChangeInfoAlert",defaultMessage:r.cannotChangeInfoAlert},{supportLink:e("a",{target:"_blank",href:"mailto:advocate-support@impact.com"},r.supportLink)})),e("div",{class:d.BtnContainer},e("sl-button",{type:"primary",disabled:i.disabled,submit:!0,exportparts:"base: primarybutton-base"},r.continueButton),e("sl-button",{class:d.SecondaryBtn,type:"text",disabled:i.disabled,onClick:o.onBack,exportparts:"base: secondarybutton-base"},r.backButton))))},$e=m.gql`
+`,Me=["exception","decline","cancel","fax_pending"],De=["ttl_expired","session_timeout"];const Re=M({DocusignStatusContainer:{width:"100%",minHeight:"600px",height:"900px",display:"flex",flexDirection:"column",alignItems:"center",padding:"20px",gap:"10px",margin:"auto",textAlign:"center",border:"1px solid var(--sl-color-gray-200)",justifyContent:"center"},MessageContainer:{maxWidth:"400px"},IFrameContainer:{"@media screen and (max-width: 440px)":{position:"absolute",width:"100vw",left:"-30px",zIndex:"9999"}}}),Be=Re.toString(),qe=a=>{const{classes:t}=Re,{text:i}=a;return e("div",null,e("style",{type:"text/css"},Be),e("div",{class:t.DocusignStatusContainer},e("sl-icon",{style:{width:"50px",height:"50px",color:"var(--sl-color-neutral-500)"},name:"clock"}),e("div",{class:t.MessageContainer},e("p",{style:{margin:"0"}},i.docusignExpired)),e("sl-button",{type:"primary",onClick:()=>window.location.reload()},i.refreshButton)))},Fe=a=>{const{classes:t}=Re,{text:i}=a;return e("div",null,e("style",{type:"text/css"},Be),e("div",{class:t.DocusignStatusContainer},e("sl-icon",{style:{width:"50px",height:"50px",color:"var(--sl-color-gray-500)"},name:"exclamation-octagon"}),e("div",{class:t.MessageContainer},e("p",{style:{margin:"0"}},i.docusignError)),e("sl-button",{type:"primary",onClick:()=>window.location.reload()},i.refreshButton)))},Le=()=>{const{classes:a}=Re;return e("div",null,e("style",{type:"text/css"},Be),e("div",{class:a.DocusignStatusContainer},e("sl-spinner",{style:{fontSize:"50px",margin:"40px"}})))},Ue=({states:a,data:t,callbacks:i,text:n})=>{const{classes:l}=Re,[s,d]=o("100%"),c=["referralsaasquatch.com","impacttech.complysandbox.com","impacttech.complytaxforms.com"],u=w((e=>{c.some((a=>{var t;return null===(t=e.origin)||void 0===t?void 0:t.includes(a)}))&&("number"==typeof e.data&&d(e.data+"px"),"Complyexchange Thank you page Load"===e.data&&i.completeDocument())}),[]);return r((()=>(window.addEventListener("message",u,!1),()=>{window.removeEventListener("message",u,!1)})),[s]),a.urlLoading?e(Le,null):Me.includes(a.status)?e(Fe,{text:n}):De.includes(a.status)?e(qe,{text:n}):e("div",{style:{height:s}},e("style",{type:"text/css"},Be),e("div",{class:l.IFrameContainer},e("iframe",{scrolling:"yes",frameBorder:"0",width:"100%",src:t.documentUrl,height:s})))},Oe=M({ModalTitleContainer:{display:"flex",gap:"var(--sl-spacing-small)",alignItems:"center"},FormWrapper:{display:"flex",justifyContent:"flex-start",flexDirection:"column"},CheckboxContainer:{display:"flex",alignItems:"flex-start",justifyContent:"flex-start",flexDirection:"column",gap:"var(--sl-spacing-xx-small)"},TitleContainer:{display:"flex",flexDirection:"row",alignItems:"center",justifyContent:"flex-start",gap:"var(--sl-spacing-small)"},TextContainer:{display:"flex",justifyContent:"flex-start",flexDirection:"column",gap:"24px"},BtnContainer:{paddingTop:"36px",display:"flex",gap:"8px"},ErrorText:{color:"var(--sl-color-danger-500)",marginTop:"10px"},DescriptionText:{color:"var(--sl-color-neutral-500)"},BoldText:{fontWeight:"bold"},SecondaryBtn:{"&::part(base)":{color:"var(--sl-color-gray-800) !important"},"&::part(label)":{padding:"0px",margin:"0px"}},ErrorAlertContainer:{"&::part(base)":{backgroundColor:"var(--sl-color-red-100)",borderTop:"none",padding:"0 16px"},"& sl-icon::part(base)":{color:"var(--sl-color-danger-500)"}},InfoAlert:{"&::part(base)":{backgroundColor:"transparent",borderTop:"none",padding:"0px",marginBottom:"16px",border:"none"},"&::part(message)":{display:"flex",alignItems:"center",justifyContent:"flex-start",padding:"10px",height:"max-content"},"& sl-icon::part(base)":{color:"var(--sl-color-sky-500)"}},Container:{width:"100%",display:"flex",justifyContent:"flex-start",flexDirection:"column",gap:"16px"},Link:{color:"var(--sl-color-sky-500)",textDecoration:"none","&:visited":{color:"var(--sl-color-sky-500)"},"&:hover":{textDecoration:"underline"}},CheckboxWrapper:{display:"flex",justifyContent:"flex-start",flexDirection:"column"},InfoIcon:{height:"24px",width:"24px"},RadioText:{fontSize:"var(--sl-font-size-small)"},PageDescriptionText:{color:"var(--sl-color-neutral-500)",fontSize:"var(--sl-font-size-medium)"},Dialog:{"&::part(panel)":{maxWidth:"420px"},"&::part(title)":{fontSize:"var(--sl-font-size-large)",fontWeight:"600"},"&::part(body)":{padding:"0 var(--sl-spacing-x-large) 0 var(--sl-spacing-x-large)",fontSize:"var(--sl-font-size-small)"},"&::part(footer)":{display:"flex",flexDirection:"column",gap:"var(--sl-spacing-small)",marginBottom:"var(--sl-spacing-xx-small)",alignItems:"center",flex:"1"}},DialogButton:{margin:"auto",width:"100%"}}),We=Oe.toString(),Ve=a=>{var t;const{states:i,states:{formState:n,documentTypeString:o},callbacks:r,text:l,slots:s}=a,{classes:d}=Oe;return e("div",{class:d.Container},e("style",{type:"text/css"},We,"\n    :host{\n      display: block;   \n    }\n    * {\n       margin: 0;\n       padding: 0;\n       box-sizing: border-box;\n    }\n\n    p {\n      line-height: 18px;\n      color: var(--sl-color-gray-800);\n       font-size: var(--sl-font-size-small);\n    }\n\n    a {\n      cursor: pointer;\n    }\n\n\n  "),e("sl-dialog",{class:Oe.classes.Dialog,open:i.showModal,"onSl-hide":r.onModalClose},e("div",{class:d.ModalTitleContainer,slot:"label"},e("sl-icon",{name:"info-circle",style:{color:"var(--sl-color-info-500)"}}),e("h2",{style:{fontSize:"var(--sl-font-size-large)"}},l.modalTitle)),e("p",null,p.formatMessage({id:"modalText",defaultMessage:l.modalDescription},{br:e("br",null)})),e("sl-button",{slot:"footer",type:"primary",class:Oe.classes.DialogButton,onClick:r.onModalClose,exportparts:"base: primarybutton-base"},l.modalButtonText)),e("div",{class:d.TextContainer},e("div",null,!i.hideSteps&&e("p",null,p.formatMessage({id:"formStep",defaultMessage:l.formStep},{step:i.step,count:4})),e("h3",null,l.taxForm),e("p",{class:d.PageDescriptionText},l.taxAndPayoutsDescription))),i.loadingError&&e("div",null,e("sl-alert",{exportparts:"base: alert-base, icon:alert-icon",type:"danger",open:!0,class:Oe.classes.ErrorAlertContainer},e("sl-icon",{slot:"icon",name:"exclamation-octagon"}),e("strong",null,l.error.loadingErrorAlertHeader),e("br",null),p.formatMessage({id:"loadingErrorAlertDescription",defaultMessage:l.error.loadingErrorAlertDescription},{supportLink:e("a",{target:"_blank",href:"mailto:advocate-support@impact.com"},l.supportLink)}))),(null===(t=n.errors)||void 0===t?void 0:t.general)&&e("sl-alert",{exportparts:"base: alert-base, icon:alert-icon",type:"warning",open:!0,class:Oe.classes.ErrorAlertContainer},e("sl-icon",{slot:"icon",name:"exclamation-octagon"}),e("strong",null,l.error.generalTitle),e("br",null),p.formatMessage({id:"generalDescription",defaultMessage:l.error.generalDescription},{supportLink:e("a",{target:"_blank",href:"mailto:advocate-support@impact.com"},l.supportLink)})),e("div",null,e("div",null,e("h5",{class:d.BoldText},p.formatMessage({id:"tax-form-label",defaultMessage:l.taxFormLabel},{documentType:o})),e("p",null,p.formatMessage({id:"tax-form-description",defaultMessage:"W9"===i.documentType?l.taxFormDescription:"individualParticipant"===n.participantType?l.taxFormDescriptionIndividualParticipant:l.taxFormDescriptionBusinessEntity},{documentType:o}))),e("div",null,s.docusignIframeSlot),e("div",{class:d.BtnContainer},i.showExitButton&&e("sl-button",{type:"primary",exportparts:"base: primarybutton-base",onClick:r.onExit},l.exitButton))))},je=class{constructor(e){a(this,e),this.ignored=!0,this.formStep="Step {step} of {count}",this.taxForm="Tax form",this.taxFormLabel="{documentType} Tax Form",this.taxFormDescription="Participants based in the US need to submit a {documentType} form.",this.supportLink="support team",this.taxFormDescriptionIndividualParticipant="Participants residing outside of the US, joining the referral program of a US-based company, need to submit a {documentType} form.",this.taxFormDescriptionBusinessEntity="Participants residing outside of the US who represent a business entity need to submit a {documentType} form.",this.docusignExpired="For your security and privacy, we automatically end your session after 20 minutes of inactivity. Please refresh and re-enter your tax information to continue.",this.docusignSessionWarning="For your security, we automatically end your session when you have not interacted with the form after 20 minutes.",this.participantType="Participant type",this.businessEntity="I represent a business",this.individualParticipant="I am an individual participant",this.docusignError="There was a problem displaying this form. Please refresh the page. If this problem continues, contact our {supportLink}.",this.refreshButton="Refresh Page",this.generalErrorTitle="There was a problem submitting your information",this.generalErrorDescription="Please review your information and try again. If this problem continues, contact our {supportLink}.",this.loadingErrorAlertHeader="There was a problem loading your form",this.loadingErrorAlertDescription="Please refresh the page and try again. If this problem continues, contact our {supportLink}.",this.taxAndPayoutsDescription="Submit your tax documents and add your banking information to receive your rewards.",this.exitButton="Exit",this.modalTitle="Important Note",this.modalDescription="Remember the name you enter in your tax form. It must exactly match the bank account holder name configured in the next step. {br}{br}Otherwise you will have to resubmit your form again and there will be delays receiving your payout.",this.modalButtonText="I understand",l(this)}disconnectedCallback(){}getTextProps(){const e=N(this);return{...e,error:{generalTitle:e.generalErrorTitle,generalDescription:e.generalErrorDescription,participantType:e.participantType,loadingErrorAlertHeader:e.loadingErrorAlertHeader,loadingErrorAlertDescription:e.loadingErrorAlertDescription}}}render(){const a=C(),i=a?function(e){const a=S("sq:tax-and-cash");return A({text:e.getTextProps(),states:{step:"4",disabled:!1,submitDisabled:!1,loading:!1,status:void 0,loadingError:!1,participantTypeDisabled:!1,formState:{completedTaxForm:!0,taxFormExpired:!0,errors:{}},documentType:"W9",showModal:!1},data:{taxForm:"W9",documentUrl:"https://example.com"},callbacks:{demo:{onSubmit:()=>a("/4"),onBack:()=>a("/3"),onModalOpen:()=>{},onModalClose:()=>{}},setParticipantType:e=>console.log({p:e}),setDocusignStatus:e=>console.log(e)}},e.demoData||{},{arrayMerge:(e,a)=>a})}(this):function(e){var a,t,i;const n=y(),l=f("sq:tax-form-context"),[s,d]=g("sq:tax-and-cash"),{data:c,loading:u}=b("sq:user-info-query"),p=null===(t=null===(a=null==c?void 0:c.user)||void 0===a?void 0:a.impactConnection)||void 0===t?void 0:t.publisher,[m,{loading:h,data:v,errors:C}]=x(Ne),[S,{loading:w}]=x(Ee),[T,I]=o(void 0),[k,P]=o(void 0),[_,A]=o({}),[N,E]=o(!1),[M,D]=o(!1),[R,B]=o(!0),q=j(null==p?void 0:p.requiredTaxDocumentType)&&(null==p?void 0:p.currentTaxDocument)?null==p?void 0:p.requiredTaxDocumentType:void 0,F=q||("businessEntity"===(L=k)?"W8BENE":"individualParticipant"===L?"W8BEN":void 0)||(null==p?void 0:p.requiredTaxDocumentType);var L;r((()=>{q&&("W8BEN"===q?P("individualParticipant"):"W8BENE"===q&&P("businessEntity"))}),[q]),r((()=>{n&&p&&(async()=>{try{const e=await m({vars:{provider:"COMPLY_EXCHANGE",user:{id:n.id,accountId:n.accountId},...k?{isBusinessEntity:"businessEntity"===k}:{}}});if(!e||e.message)throw new Error}catch(e){A({docusign:!0})}})()}),[n,p,k]);const U=u||h||N;return{states:{step:null==s?void 0:s.replace("/",""),hideSteps:l.hideSteps,disabled:U,participantTypeDisabled:U||!!q,loading:u||N||w,urlLoading:h,loadingError:!!(null==C?void 0:C.message),formState:{participantType:k,taxFormExpired:De.includes(T),errors:_},docusignStatus:T,documentType:F,documentTypeString:V(F),showExitButton:M,showModal:R},data:{taxForm:F,documentUrl:null===(i=null==v?void 0:v.createImpactPublisherTaxDocument)||void 0===i?void 0:i.documentUrl},callbacks:{setDocusignStatus:I,completeDocument:async()=>{if(n)try{E(!0);const e=await S({vars:{id:n.id,accountId:n.accountId}});if(!e||e.message)throw new Error;if(!e.completeImpactPublisherTaxDocument.success)throw new Error;window.dispatchEvent(new Event(le)),D(!0)}catch(e){A({general:!0})}finally{E(!1)}},onExit:()=>{d(l.overrideNextStep||(null==p?void 0:p.withdrawalSettings)||!(null==p?void 0:p.brandedSignup)?"/dashboard":"/4")},setParticipantType:P,onModalClose:()=>B(!1),onModalOpen:()=>B(!0)},text:e.getTextProps()}}(this),n=e(Ue,{states:{status:i.states.docusignStatus,loading:i.states.loading,urlLoading:i.states.urlLoading},data:{documentUrl:i.data.documentUrl},callbacks:{completeDocument:i.callbacks.completeDocument},text:i.text});return e(t,null,e(Ve,{callbacks:i.callbacks,states:i.states,text:i.text,slots:{docusignIframeSlot:a?ze({callbacks:i.callbacks}):n}}))}get el(){return i(this)}},ze=({callbacks:a})=>e("div",{style:{width:"100%",height:"600px",background:"#fafafa",display:"flex",justifyContent:"center",alignItems:"center"}},e("div",{style:{display:"flex",flexDirection:"column",gap:"12px",alignItems:"center"}},e("span",null,"Placeholder for docusign iframe"),e("div",{style:{display:"flex",gap:"8px"}},e("sl-button",{type:"primary",submit:!0,exportparts:"base: primarybutton-base",onClick:a.demo.onBack},"Back to Step 2"),e("sl-button",{type:"primary",submit:!0,exportparts:"base: primarybutton-base",onClick:a.demo.onSubmit},"Continue to Step 4")))),Ge=M({FormWrapper:{display:"flex",justifyContent:"flex-start",flexDirection:"column"},RadioContainer:{display:"flex",alignItems:"flex-start",justifyContent:"flex-start",flexDirection:"column",gap:"var(--sl-spacing-medium)","& sl-radio::part(base)":{alignItems:"start"}},InnerRadioContainer:{display:"flex",flexDirection:"column",gap:"var(--sl-spacing-medium)",width:"100%"},RadioContent:{display:"flex",flexDirection:"column",gap:"var(--sl-spacing-xx-small)",fontSize:"var(--sl-font-size-small)"},TitleContainer:{display:"flex",flexDirection:"row",alignItems:"center",justifyContent:"flex-start",gap:"var(--sl-spacing-small)"},TextContainer:{display:"flex",justifyContent:"flex-start",flexDirection:"column",gap:"24px",paddingBottom:"16px"},BtnContainer:{paddingTop:"36px",display:"flex",gap:"8px"},ErrorText:{color:"var(--sl-color-danger-500)",marginTop:"10px"},DescriptionText:{color:"var(--sl-color-neutral-500)"},SecondaryBtn:{"&::part(base)":{color:"var(--sl-color-gray-800) !important"}},AlertContainer:{"&::part(base)":{backgroundColor:"var(--sl-color-red-100)",borderTop:"none",padding:"0 16px"},"& sl-icon::part(base)":{color:"var(--sl-color-danger-500)"}},PartnerAlertContainer:{"&::part(base)":{backgroundColor:"var(--sl-color-sky-100)",borderTop:"none",padding:"0 16px"},"& sl-icon::part(base)":{color:"var(--sl-color-blue-500)"}},InfoAlert:{marginTop:"var(--sl-spacing-large)","&::part(base)":{backgroundColor:"transparent",borderTop:"none",padding:"0px",border:"none"},"&::part(message)":{alignItems:"center",padding:"var(--sl-spacing-small)",whiteSpace:"nowrap"},"& sl-icon::part(base)":{color:"var(--sl-color-yellow-500)"}},InfoWarningIcon:{height:"26px",width:"26px"},PageDescriptionText:{color:"var(--sl-color-neutral-500)",fontSize:"var(--sl-font-size-medium)",marginBottom:"var(--sl-spacing-small)"}}),He=Ge.toString(),Ke=a=>{var t;const{states:i,states:{formState:n},callbacks:o,text:r,refs:l,slots:s}=a,{classes:d}=Ge;return e("sl-form",{class:d.FormWrapper,"onSl-submit":o.onSubmit,ref:e=>l.formRef.current=e,novalidate:!0},e("style",{type:"text/css"},He,"\n    :host{\n      display: block;   \n    }\n    * {\n       margin: 0;\n       padding: 0;\n       box-sizing: border-box;\n    }\n\n    p {\n      line-height: 18px;\n      color: var(--sl-color-gray-800);\n       font-size: var(--sl-font-size-small);\n    }\n  "),e("div",{class:d.TextContainer},e("div",null,!i.hideSteps&&e("p",null," ",p.formatMessage({id:"formStep",defaultMessage:r.formStep},{step:i.step,count:4})),e("h3",null,r.indirectTax),e("p",{class:d.PageDescriptionText},r.taxAndPayoutsDescription),e("p",{class:d.DescriptionText},r.indirectTaxDescription)),i.loadingError&&e("div",null,e("sl-alert",{exportparts:"base: alert-base, icon:alert-icon",type:"danger",open:!0,class:Ge.classes.AlertContainer},e("sl-icon",{slot:"icon",name:"exclamation-octagon"}),e("strong",null,r.error.loadingErrorAlertHeader),e("br",null),p.formatMessage({id:"loadingErrorAlertDescription",defaultMessage:r.error.loadingErrorAlertDescription},{supportLink:e("a",{target:"_blank",href:"mailto:advocate-support@impact.com"},r.supportLink)}))),(null===(t=n.errors)||void 0===t?void 0:t.general)&&e("sl-alert",{exportparts:"base: alert-base, icon:alert-icon",type:"warning",open:!0,class:Ge.classes.AlertContainer},e("sl-icon",{slot:"icon",name:"exclamation-octagon"}),e("strong",null,r.error.generalTitle),e("br",null),p.formatMessage({id:"generalDescription",defaultMessage:r.error.generalDescription},{supportLink:e("a",{target:"_blank",href:"mailto:advocate-support@impact.com"},r.supportLink)})),i.isPartner&&e("sl-alert",{type:"primary",open:!0,class:Ge.classes.PartnerAlertContainer,exportparts:"base: alert-base, icon:alert-icon"},e("sl-icon",{slot:"icon",name:"info-circle"}),e("strong",null,r.isPartnerAlertHeader),e("br",null),p.formatMessage({id:"isPartnerAlertDescription",defaultMessage:r.isPartnerAlertDescription},{supportLink:e("a",{target:"_blank",href:"mailto:advocate-support@impact.com"},r.supportLink)})),e("div",null,e("h4",null,r.indirectTaxDetails))),i.loading?e("sl-spinner",{style:{fontSize:"50px",margin:"40px"}}):e("div",null,e("div",{class:d.RadioContainer},e("div",{class:d.InnerRadioContainer},e("sl-radio",{exportparts:"base: radio-base",name:"/checked",value:"notRegistered",id:"notRegistered",checked:"notRegistered"===n.checked,onInput:()=>o.onChange("notRegistered"),disabled:i.disabled||i.isPartner},e("div",{class:d.RadioContent},r.notRegistered,e("p",{class:d.DescriptionText},r.notRegisteredSubtext))),e("sl-radio",{exportparts:"base: radio-base",name:"/checked",value:"otherRegion",id:"otherRegion",checked:"otherRegion"===n.checked,onInput:()=>o.onChange("otherRegion"),disabled:i.disabled||i.isPartner},e("div",{class:d.RadioContent},r.otherRegion,e("p",{class:d.DescriptionText},r.otherRegionSubtext))),s.registeredInDifferentCountryDetailsSlot)),e("sl-alert",{exportparts:"base: alert-base, icon:alert-icon",type:"primary",open:!0,class:d.InfoAlert},e("sl-icon",{class:d.InfoWarningIcon,slot:"icon",name:"exclamation-triangle"}),p.formatMessage({id:"cannotChangeInfoAlert",defaultMessage:r.cannotChangeInfoAlert},{supportLink:e("a",{target:"_blank",href:"mailto:advocate-support@impact.com"},r.supportLink)})),e("div",{class:d.BtnContainer},e("sl-button",{type:"primary",disabled:i.disabled,submit:!0,exportparts:"base: primarybutton-base"},r.continueButton),e("sl-button",{class:d.SecondaryBtn,type:"text",disabled:i.disabled,onClick:o.onBack,exportparts:"base: secondarybutton-base"},r.backButton))))},$e=m.gql`
   mutation createImpactConnection($vars: ImpactConnectionInput!) {
     createImpactConnection(impactConnectionInput: $vars) {
       success

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@saasquatch/mint-components",
   "title": "Mint Components",
-  "version": "1.16.0-10",
+  "version": "1.16.0-11",
   "description": "A minimal design library with components for referral and loyalty experiences. Built with Shoelace components by Saasquatch.",
   "icon": "https://res.cloudinary.com/saasquatch/image/upload/v1652219900/squatch-assets/For_Mint.svg",
   "raisins": "docs/raisins.json",