@saasquatch/mint-components 1.15.0-47 → 1.15.0-49

package/dist/mint-components/{p-8f55e46e.entry.js → p-114fcd0e.entry.js}

@@ -1 +1 @@
-import{h as t,r as e,c as s}from"./p-c7c11325.js";import{n}from"./p-35b2fde0.js";import{i as a}from"./p-4abb01c8.js";import"./p-66ac6bed.js";import{g as i}from"./p-9ec99ced.js";import"./p-cef45012.js";import{P as r,a as o}from"./p-572ec8d4.js";function l(e){const{emptyStateHeader:s,emptyStateImage:n,emptyStateText:i,supportText:r,missingFeature:o=""}=e;return t("sqm-portal-container",{padding:"large",gap:"medium",part:"sqm-base"},t("img",{style:{height:"100px",margin:"auto"},src:n}),t("sqm-titled-section",{style:{maxHeight:"400px"},"label-margin":"xxx-small","text-align":"center"},t("sqm-text",{slot:"label"},t("p",{part:"header-text"},s)),t("sqm-text",{slot:"content"},t("p",{part:"description-text"},a.formatMessage({id:"emptyStateText",defaultMessage:i},{supportText:t("a",{target:"_blank",href:`mailto:saasquatch-support@impact.com?subject=Next steps for ${o} feature&body=Hi Support Team, %0D%0A\n                  %0D%0A  \n                  I am interested to learn more about the ${o} feature. Please let me know the next steps to access this feature, including any necessary plan upgrades.%0D%0A\n                  %0D%0A \n                  - Feature Interested In: ${o}%0D%0A\n                  - Company Name: [Please fill out your company name here]%0D%0A\n                  %0D%0A\n                  Thank you`},r)})))))}const m=class{constructor(t){e(this,t),this.emptyStateImage="https://res.cloudinary.com/saasquatch/image/upload/v1644360953/squatch-assets/empty_leaderboard2.png"}render(){return t(s,{slot:"empty"},t(l,{emptyStateImage:this.emptyStateImage,emptyStateHeader:this.emptyStateHeader,emptyStateText:this.emptyStateText,supportText:this.supportText}))}},h=class{constructor(t){e(this,t),this.ignored=!0,this.direction="column",this.gap="xxx-large",this.display="grid",this.maxWidth="100%",this.flexWrap="wrap",this.backgroundColor="#ffffff00",n(this)}disconnectedCallback(){}render(){return t(r,Object.assign({},i(this)),t("slot",null))}},c=class{constructor(t){e(this,t),this.ignored=!0,n(this)}disconnectedCallback(){}componentWillLoad(){}render(){return t("div",null,t("style",null,`\n    sqm-text {\n      display: block;\n      color: ${this.textColor||"var(--sqm-text)"};\n    }\n\n    sqm-text h1 {\n      font-size: ${this.fontSize?`${this.fontSize}px`:"var(--sl-font-size-xxx-large)"};\n      font-weight: var(--sl-font-weight-semibold);\n      color: ${this.textColor||"var(--sqm-text)"};\n      margin: 0;\n    }\n\n    sqm-text h2 {\n      font-size: ${this.fontSize?`${this.fontSize}px`:"var(--sl-font-size-xx-large)"};\n      font-weight: var(--sl-font-weight-semibold);\n      color: ${this.textColor||"var(--sqm-text)"};\n      margin: 0;\n    }\n\n    sqm-text h3 {\n      font-size: ${this.fontSize?`${this.fontSize}px`:"var(--sl-font-size-x-large)"};\n      font-weight: var(--sl-font-weight-semibold);\n      color: ${this.textColor||"var(--sqm-text)"};\n      margin: 0;\n    }\n\n    sqm-text h4 {\n      font-size: ${this.fontSize?`${this.fontSize}px`:"var(--sl-font-size-large)"};\n      font-weight: var(--sl-font-weight-bold);\n      color: ${this.textColor||"var(--sqm-text)"};\n      margin: 0;\n    }\n\n    sqm-text p {\n      font-size: ${this.fontSize?`${this.fontSize}px`:"var(--sl-font-size-medium)"};\n      font-weight: var(--sl-font-weight-normal);\n      color: ${this.textColor||"var(--sqm-text)"};\n      margin: 0;\n    }\n\n    sqm-text sub {\n      font-size: ${this.fontSize?`${this.fontSize}px`:"var(--sl-font-size-small)"};\n      font-weight: var(--sl-font-weight-normal);\n      color: ${this.textColor||"var(--sqm-text)"};\n      margin: 0;\n    }\n    `),t("slot",null))}},p=class{constructor(t){e(this,t),this.textAlign="left",this.labelMargin="small",this.padding="none",n(this)}disconnectedCallback(){}render(){const e=t("slot",{name:"label"},this.label),s=t("slot",{name:"content"});return t(o,Object.assign({},{...i(this),label:e,content:s}))}};export{m as sqm_empty,h as sqm_portal_container,c as sqm_text,p as sqm_titled_section}
+import{h as t,r as e,c as s}from"./p-c7c11325.js";import{n}from"./p-35b2fde0.js";import{i as a}from"./p-8314626a.js";import"./p-66ac6bed.js";import{g as i}from"./p-9ec99ced.js";import"./p-cef45012.js";import{P as r,a as o}from"./p-572ec8d4.js";function l(e){const{emptyStateHeader:s,emptyStateImage:n,emptyStateText:i,supportText:r,missingFeature:o=""}=e;return t("sqm-portal-container",{padding:"large",gap:"medium",part:"sqm-base"},t("img",{style:{height:"100px",margin:"auto"},src:n}),t("sqm-titled-section",{style:{maxHeight:"400px"},"label-margin":"xxx-small","text-align":"center"},t("sqm-text",{slot:"label"},t("p",{part:"header-text"},s)),t("sqm-text",{slot:"content"},t("p",{part:"description-text"},a.formatMessage({id:"emptyStateText",defaultMessage:i},{supportText:t("a",{target:"_blank",href:`mailto:saasquatch-support@impact.com?subject=Next steps for ${o} feature&body=Hi Support Team, %0D%0A\n                  %0D%0A  \n                  I am interested to learn more about the ${o} feature. Please let me know the next steps to access this feature, including any necessary plan upgrades.%0D%0A\n                  %0D%0A \n                  - Feature Interested In: ${o}%0D%0A\n                  - Company Name: [Please fill out your company name here]%0D%0A\n                  %0D%0A\n                  Thank you`},r)})))))}const m=class{constructor(t){e(this,t),this.emptyStateImage="https://res.cloudinary.com/saasquatch/image/upload/v1644360953/squatch-assets/empty_leaderboard2.png"}render(){return t(s,{slot:"empty"},t(l,{emptyStateImage:this.emptyStateImage,emptyStateHeader:this.emptyStateHeader,emptyStateText:this.emptyStateText,supportText:this.supportText}))}},h=class{constructor(t){e(this,t),this.ignored=!0,this.direction="column",this.gap="xxx-large",this.display="grid",this.maxWidth="100%",this.flexWrap="wrap",this.backgroundColor="#ffffff00",n(this)}disconnectedCallback(){}render(){return t(r,Object.assign({},i(this)),t("slot",null))}},c=class{constructor(t){e(this,t),this.ignored=!0,n(this)}disconnectedCallback(){}componentWillLoad(){}render(){return t("div",null,t("style",null,`\n    sqm-text {\n      display: block;\n      color: ${this.textColor||"var(--sqm-text)"};\n    }\n\n    sqm-text h1 {\n      font-size: ${this.fontSize?`${this.fontSize}px`:"var(--sl-font-size-xxx-large)"};\n      font-weight: var(--sl-font-weight-semibold);\n      color: ${this.textColor||"var(--sqm-text)"};\n      margin: 0;\n    }\n\n    sqm-text h2 {\n      font-size: ${this.fontSize?`${this.fontSize}px`:"var(--sl-font-size-xx-large)"};\n      font-weight: var(--sl-font-weight-semibold);\n      color: ${this.textColor||"var(--sqm-text)"};\n      margin: 0;\n    }\n\n    sqm-text h3 {\n      font-size: ${this.fontSize?`${this.fontSize}px`:"var(--sl-font-size-x-large)"};\n      font-weight: var(--sl-font-weight-semibold);\n      color: ${this.textColor||"var(--sqm-text)"};\n      margin: 0;\n    }\n\n    sqm-text h4 {\n      font-size: ${this.fontSize?`${this.fontSize}px`:"var(--sl-font-size-large)"};\n      font-weight: var(--sl-font-weight-bold);\n      color: ${this.textColor||"var(--sqm-text)"};\n      margin: 0;\n    }\n\n    sqm-text p {\n      font-size: ${this.fontSize?`${this.fontSize}px`:"var(--sl-font-size-medium)"};\n      font-weight: var(--sl-font-weight-normal);\n      color: ${this.textColor||"var(--sqm-text)"};\n      margin: 0;\n    }\n\n    sqm-text sub {\n      font-size: ${this.fontSize?`${this.fontSize}px`:"var(--sl-font-size-small)"};\n      font-weight: var(--sl-font-weight-normal);\n      color: ${this.textColor||"var(--sqm-text)"};\n      margin: 0;\n    }\n    `),t("slot",null))}},p=class{constructor(t){e(this,t),this.textAlign="left",this.labelMargin="small",this.padding="none",n(this)}disconnectedCallback(){}render(){const e=t("slot",{name:"label"},this.label),s=t("slot",{name:"content"});return t(o,Object.assign({},{...i(this),label:e,content:s}))}};export{m as sqm_empty,h as sqm_portal_container,c as sqm_text,p as sqm_titled_section}

package/dist/mint-components/{p-f67e3d90.js → p-11d52524.js}

@@ -1 +1 @@
-import{h as e}from"./p-c7c11325.js";import{i as a}from"./p-4abb01c8.js";import{c as l}from"./p-cef45012.js";import{T as t}from"./p-204861a6.js";function s(s){var i,r,o,n,p;const{states:d,callbacks:m}=s,{text:u,formState:b}=d,{errors:c,error:v}=b,x=l({Container:{display:"flex",flexDirection:"column",gap:"var(--sl-spacing-xxx-large)",padding:"var(--sl-spacing-xxx-large)"},FormStyle:{width:"100%",minWidth:"700px","& >*:not(:last-child)":{"margin-bottom":"32px"},"@media screen and (max-width: 1100px)":{minWidth:"100%"}},Error:{"&::part(erroralert-base)":{"margin-bottom":"32px"}},Success:{"&::part(successalert-base)":{"margin-bottom":"32px"}},NameInputStyle:{width:"50%","@media screen and (max-width: 860px)":{width:"100%","margin-right":"0"}},NameInputContainer:{display:"flex",gap:"32px",width:"100%","@media screen and (max-width: 860px)":{flexDirection:"column"}}}),f=x.toString(),g=(null===(i=d.user)||void 0===i?void 0:i.countryCode)?a.formatDisplayName(null===(r=d.user)||void 0===r?void 0:r.countryCode,{type:"region"}):"";return e("div",{class:x.classes.Container,part:"sqm-base"},e("style",{type:"text/css"},f),e(t,Object.assign({},{type:"h1"}),u.editProfileHeader),e(t,Object.assign({},{type:"h2"}),u.editProfileSubHeader),e("form",{class:x.classes.FormStyle,onSubmit:m.onSubmit},d.success&&e("sqm-form-message",{class:x.classes.Success,exportparts:"success-icon"},e("div",{part:"successalert-text"},u.submissionSuccessText)),v&&e("sqm-form-message",{class:x.classes.Error,type:"error",exportparts:"erroralert-icon"},e("div",{part:"erroralert-text"},v)),e("div",{class:x.classes.NameInputContainer},e("sl-input",Object.assign({class:x.classes.NameInputStyle,exportparts:"label: input-label, base: input-base",value:null===(o=d.user)||void 0===o?void 0:o.firstName,onInput:m.onChange,label:u.firstnametext,disabled:d.loading},(null==c?void 0:c.firstName)&&"valid"!==(null==c?void 0:c.firstName.status)?{class:"ErrorStyles",helpText:u.fieldEmptyText}:[],{id:"firstName",name:"firstName",error:(null==c?void 0:c.firstName)&&"valid"!==(null==c?void 0:c.firstName.status)?null==c?void 0:c.firstName.message:void 0})),e("sl-input",Object.assign({class:x.classes.NameInputStyle,exportparts:"label: input-label, base: input-base",value:null===(n=d.user)||void 0===n?void 0:n.lastName,onInput:m.onChange,label:u.lastnametext,disabled:d.loading,id:"lastName",name:"lastName"},(null==c?void 0:c.lastName)&&"valid"!==(null==c?void 0:c.lastName.status)?{class:"ErrorStyles",helpText:u.fieldEmptyText}:[],{error:(null==c?void 0:c.lastName)&&"valid"!==(null==c?void 0:c.lastName.status)?null==c?void 0:c.lastName.message:void 0}))),e("sl-input",{label:u.emailtext,value:null===(p=d.user)||void 0===p?void 0:p.email,exportparts:"label: input-label, base: input-base",disabled:!0}),d.showCountry&&e("sl-input",{label:u.countrytext,value:g,exportparts:"label: input-label, base: input-base",disabled:!0}),e("sl-button",{type:"primary",exportparts:"base: primarybutton-base",loading:d.loading,disabled:d.submitDisabled,onClick:e=>{m.onSubmit(e)},submit:!0},u.submitChangeButtonText)))}export{s as P}
+import{h as e}from"./p-c7c11325.js";import{i as a}from"./p-8314626a.js";import{c as l}from"./p-cef45012.js";import{T as t}from"./p-204861a6.js";function s(s){var i,r,o,n,p;const{states:d,callbacks:m}=s,{text:u,formState:c}=d,{errors:b,error:v}=c,x=l({Container:{display:"flex",flexDirection:"column",gap:"var(--sl-spacing-xxx-large)",padding:"var(--sl-spacing-xxx-large)"},FormStyle:{width:"100%",minWidth:"700px","& >*:not(:last-child)":{"margin-bottom":"32px"},"@media screen and (max-width: 1100px)":{minWidth:"100%"}},Error:{"&::part(erroralert-base)":{"margin-bottom":"32px"}},Success:{"&::part(successalert-base)":{"margin-bottom":"32px"}},NameInputStyle:{width:"50%","@media screen and (max-width: 860px)":{width:"100%","margin-right":"0"}},NameInputContainer:{display:"flex",gap:"32px",width:"100%","@media screen and (max-width: 860px)":{flexDirection:"column"}}}),f=x.toString(),g=(null===(i=d.user)||void 0===i?void 0:i.countryCode)?a.formatDisplayName(null===(r=d.user)||void 0===r?void 0:r.countryCode,{type:"region"}):"";return e("div",{class:x.classes.Container,part:"sqm-base"},e("style",{type:"text/css"},f),e(t,Object.assign({},{type:"h1"}),u.editProfileHeader),e(t,Object.assign({},{type:"h2"}),u.editProfileSubHeader),e("form",{class:x.classes.FormStyle,onSubmit:m.onSubmit},d.success&&e("sqm-form-message",{class:x.classes.Success,exportparts:"success-icon"},e("div",{part:"successalert-text"},u.submissionSuccessText)),v&&e("sqm-form-message",{class:x.classes.Error,type:"error",exportparts:"erroralert-icon"},e("div",{part:"erroralert-text"},v)),e("div",{class:x.classes.NameInputContainer},e("sl-input",Object.assign({class:x.classes.NameInputStyle,exportparts:"label: input-label, base: input-base",value:null===(o=d.user)||void 0===o?void 0:o.firstName,onInput:m.onChange,label:u.firstnametext,disabled:d.loading},(null==b?void 0:b.firstName)&&"valid"!==(null==b?void 0:b.firstName.status)?{class:"ErrorStyles",helpText:u.fieldEmptyText}:[],{id:"firstName",name:"firstName",error:(null==b?void 0:b.firstName)&&"valid"!==(null==b?void 0:b.firstName.status)?null==b?void 0:b.firstName.message:void 0})),e("sl-input",Object.assign({class:x.classes.NameInputStyle,exportparts:"label: input-label, base: input-base",value:null===(n=d.user)||void 0===n?void 0:n.lastName,onInput:m.onChange,label:u.lastnametext,disabled:d.loading,id:"lastName",name:"lastName"},(null==b?void 0:b.lastName)&&"valid"!==(null==b?void 0:b.lastName.status)?{class:"ErrorStyles",helpText:u.fieldEmptyText}:[],{error:(null==b?void 0:b.lastName)&&"valid"!==(null==b?void 0:b.lastName.status)?null==b?void 0:b.lastName.message:void 0}))),e("sl-input",{label:u.emailtext,value:null===(p=d.user)||void 0===p?void 0:p.email,exportparts:"label: input-label, base: input-base",disabled:!0}),d.showCountry&&e("sl-input",{label:u.countrytext,value:g,exportparts:"label: input-label, base: input-base",disabled:!0}),e("sl-button",{type:"primary",exportparts:"base: primarybutton-base",loading:d.loading,disabled:d.submitDisabled,onClick:e=>{m.onSubmit(e)},submit:!0},u.submitChangeButtonText)))}export{s as P}

package/dist/mint-components/{p-80ee389c.entry.js → p-16034601.entry.js}

@@ -1,4 +1,4 @@
-import{h as e,r as t}from"./p-c7c11325.js";import{k as r,f as a,n as s}from"./p-35b2fde0.js";import{i as o}from"./p-4abb01c8.js";import{d as i,t as n,w as l,J as c,$ as p,i as d,q as u}from"./p-66ac6bed.js";import{c as m}from"./p-c1086930.js";import{g as b}from"./p-9ec99ced.js";import{c as h}from"./p-cef45012.js";import{T as f}from"./p-204861a6.js";import{S as g,V as x}from"./p-38c7775a.js";import{u as v}from"./p-73feb66f.js";const y=i.gql`
+import{h as e,r as t}from"./p-c7c11325.js";import{k as r,f as a,n as s}from"./p-35b2fde0.js";import{i as o}from"./p-8314626a.js";import{d as i,t as n,w as l,J as c,$ as p,i as d,q as u}from"./p-66ac6bed.js";import{c as m}from"./p-c1086930.js";import{g as b}from"./p-9ec99ced.js";import{c as h}from"./p-cef45012.js";import{T as f}from"./p-204861a6.js";import{S as g,V as x}from"./p-38c7775a.js";import{u as v}from"./p-73feb66f.js";const y=i.gql`
   mutation upsertUser($userInput: UserInput!) {
     upsertUser(userInput: $userInput) {
       id

package/dist/mint-components/{p-6b528b15.entry.js → p-1c8e7298.entry.js}

@@ -1,4 +1,4 @@
-import{h as e,r as s}from"./p-c7c11325.js";import{l as t,k as i,f as a,n as r}from"./p-35b2fde0.js";import{i as n}from"./p-4abb01c8.js";import{d as o,t as l,F as c,i as d,q as p}from"./p-66ac6bed.js";import{c as m}from"./p-c1086930.js";import{g as u}from"./p-9ec99ced.js";import{c as f}from"./p-cef45012.js";import{E as h}from"./p-49b20dae.js";import{T as g}from"./p-204861a6.js";import{V as y,S as x,a as v}from"./p-38c7775a.js";import{u as b}from"./p-73feb66f.js";const C=f({Wrapper:{display:"flex",flexDirection:"column",gap:"var(--sl-spacing-medium)",maxWidth:"550px"},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:{...h,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 E(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(g,{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(g,{type:"p"},o))))}o.gql`
+import{h as e,r as s}from"./p-c7c11325.js";import{l as t,k as i,f as a,n as r}from"./p-35b2fde0.js";import{i as n}from"./p-8314626a.js";import{d as o,t as l,F as c,i as d,q as p}from"./p-66ac6bed.js";import{c as m}from"./p-c1086930.js";import{g as u}from"./p-9ec99ced.js";import{c as f}from"./p-cef45012.js";import{E as h}from"./p-49b20dae.js";import{T as g}from"./p-204861a6.js";import{V as y,S as x,a as v}from"./p-38c7775a.js";import{u as b}from"./p-73feb66f.js";const C=f({Wrapper:{display:"flex",flexDirection:"column",gap:"var(--sl-spacing-medium)",maxWidth:"550px"},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:{...h,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 E(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(g,{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(g,{type:"p"},o))))}o.gql`
   mutation submitImpactPublisherEmail2FACode(
     $user: UserIdInput!
     $code: String!