@saasquatch/mint-components 1.12.0-4 → 1.12.0-6

package/dist/mint-components/p-116c1809.entry.js

@@ -0,0 +1,11 @@
+import{h as e,r as s}from"./p-64c3217a.js";import{l as t,f as i,d as a,j as r}from"./p-1b24bb52.js";import{i as n}from"./p-0db003f7.js";import{M as o,D as l,i as c,S as d}from"./p-556753b2.js";import{c as p}from"./p-c1086930.js";import{E as m}from"./p-02be1a88.js";import{c as u}from"./p-cef45012.js";import{d as f}from"./p-6fbfd683.js";import{g as h}from"./p-9ec99ced.js";import{T as y}from"./p-5d0c9424.js";import{a as g,S as x,V as v}from"./p-39840341.js";import{u as b}from"./p-7666cd3d.js";const C=u({Wrapper:{display:"flex",flexDirection:"column",gap:"var(--sl-spacing-medium)",maxWidth:"515px"},HeaderContainer:{display:"flex",flexDirection:"column"},InputsContainer:{display:"flex",gap:"var(--sl-spacing-medium)",position:"relative",flexDirection:"column"},CodeInputContainer:{display:"flex",gap:"var(--sl-spacing-medium)"},CodeInput:{maxWidth:"40px","&::part(input)":{margin:"0",padding:"0 var(--sl-input-spacing-small)",fontSize:"var(--sl-font-size-large)"}},CodeInputError:{...m,maxWidth:"40px","&::part(input)":{margin:"0",padding:"0 var(--sl-input-spacing-small)",fontSize:"var(--sl-font-size-large)"}},ErrorText:{color:"var(--sl-color-danger-500)",fontSize:"var(--sl-font-size-small)",margin:"0"},ContinueButton:{width:"100%",maxWidth:"100px"},FooterContainer:{display:"flex",flexDirection:"column"},SkeletonOne:{width:"50%",height:"16px"},SkeletonTwo:{width:"30%",height:"34px"},SkeletonThree:{width:"15%",height:"24px"}}),k=C.toString();function j(s){const{states:t,refs:i,callbacks:a,text:r}=s,o=n.formatMessage({id:"resendCodeText",defaultMessage:r.resendCodeText},{resendCodeLink:e("a",{href:"",style:{textDecoration:"none"},onClick:e=>{e.preventDefault(),a.resendEmail()}},r.resendCodeLabel)}),l=n.formatMessage({id:"codeResentSuccessfully",defaultMessage:r.codeResentSuccessfullyText},{email:t.email}),c=t.verifyFailed?C.classes.CodeInputError:C.classes.CodeInput;return e("div",{part:"sqm-base"},e("style",{type:"text/css"},"\n:host {\n  display: block;\n}\n:host([hidden]): {\n  display: none;\n}\n\n\n",k),e("div",{class:C.classes.Wrapper},e("div",{class:C.classes.HeaderContainer},e(y,{type:"p"},n.formatMessage({id:"emailHeaderText",defaultMessage:t.verifyFailed?r.reverifyCodeHeaderText:r.verifyCodeHeaderText},{email:t.email}))),t.emailResent&&e("sqm-form-message",{type:"success",exportparts:"successalert-icon"},e("b",null,l)),e("div",{class:C.classes.InputsContainer},e("div",{ref:i.codeWrapperRef,class:C.classes.CodeInputContainer},e("sl-input",{class:c,name:"code"}),e("sl-input",{class:c,name:"code"}),e("sl-input",{class:c,name:"code"}),e("sl-input",{class:c,name:"code"}),e("sl-input",{class:c,name:"code"}),e("sl-input",{class:c,name:"code"})),t.verifyFailed&&e("p",{class:C.classes.ErrorText},r.invalidCodeText),e("sl-button",{class:C.classes.ContinueButton,onClick:a.submitCode,disabled:t.loading||t.initialiseLoading,loading:t.loading||t.initialiseLoading,exportparts:"base: primarybutton-base",type:"primary"},r.verifyText)),e("div",{class:C.classes.FooterContainer},e(y,{type:"p"},o))))}f.gql`
+  mutation submitImpactPublisherEmail2FACode(
+    $user: UserIdInput!
+    $code: String!
+  ) {
+    submitImpactPublisherEmail2FACode(user: $user, code: $code) {
+      verifiedEmail
+      accessKey
+    }
+  }
+`;const E=class{constructor(e){s(this,e),this.verifyCodeHeaderText="Enter the code sent to {email} from our referral provider, impact.com.",this.reverifyCodeHeaderText="Enter the code sent to {email} from our referral provider, impact.com.",this.resendCodeText="Didn't receive your code? {resendCodeLink}",this.resendCodeLabel="Resend code",this.codeResentSuccessfullyText="Another code has been sent to {email}",this.invalidCodeText="Please check your code and try again. If you’re still having trouble, try resending your code.",this.verifyText="Verify",this.networkErrorMessage="An error occurred while verifying your email. Please refresh the page and try again.",r(this)}disconnectedCallback(){}getTextProps(){return h(this)}render(){const s=c()?function(e){const[s,t]=i(!1),a=d(v);return p({states:{loading:!1,email:"test@example.com",emailResent:s,resendError:!0,verifyFailed:!0},refs:{codeWrapperRef:()=>{}},callbacks:{resendEmail:async()=>t(!0),submitCode:async()=>a(!0)},text:e.getTextProps()},e.demoData||{},{arrayMerge:(e,s)=>s})}(this):function(e){t();const[s,r]=o(x),n=l(g),[c,d]=i(!1),[p,m]=i(!1),[u,f]=i(null),[h,y]=i(!1),[v,C]=i(!1),{initialized:k,send:[j,{loading:E,errors:w}],verify:[I,{loading:S,errors:T}]}=b();a((()=>{if(!u)return;const e=u.querySelectorAll("sl-input"),s=Array.from(e).map((e=>e.shadowRoot.querySelector('input[name="code"]')));s.forEach(((e,t)=>{e.addEventListener("focus",(e=>{e.target.select()})),e.addEventListener("keydown",(e=>{"Backspace"===e.key&&""===e.target.value&&s[Math.max(0,t-1)].focus()})),e.addEventListener("input",(e=>{const i=e.data;if(i)if(t!==s.length-1){if(i.length>1){const a=i.slice(1);e.target.value=i.slice(0,1),s[t+1].dispatchEvent(new InputEvent("input",{inputType:"insertFromPaste",data:a}))}s[t+1].focus()}else e.target.value=i.slice(-1)}))}))}),[u]);const z=async()=>{k&&(await j()?(c&&m(!0),d(!0)):C(!0))};return a((()=>{k&&(n?d(!0):z())}),[k]),{refs:{codeWrapperRef:f},states:{email:n,emailResent:p,resendError:w||T,initialiseLoading:!k,loading:E||S,verifyFailed:!!h},callbacks:{resendEmail:z,submitCode:async()=>{const s=u.querySelectorAll("sl-input"),t=Array.from(s).map((e=>e.shadowRoot.querySelector('input[name="code"]')));if(t.find((e=>!e.value)))return void y(!0);let i="";if(t.forEach((e=>{i=`${i}${e.value}`})),!k)return;y(!1);const a=await I(i);(null==a?void 0:a.success)?(e.onVerification(a.accessKey),r(!1),y(!1)):y(!0)}},text:e.getTextProps()}}(this);return e(j,Object.assign({},s))}};export{E as sqm_code_verification}