@saasquatch/mint-components 1.15.0-15 → 1.15.0-151

package/dist/mint-components/p-79ef70f8.entry.js

@@ -0,0 +1,25 @@
+import{h as r,r as t}from"./p-c7c11325.js";import{i as a}from"./p-3dd5ba75.js";import{k as o,f as n,n as e}from"./p-63e29387.js";import{d as s,t as i,w as l,J as p,$ as c,i as d,p as u}from"./p-0ec54f97.js";import{c as m}from"./p-c1086930.js";import{g as b}from"./p-6951663b.js";import{c as f}from"./p-cef45012.js";import{T as v}from"./p-204861a6.js";import{S as h,V as y}from"./p-38c7775a.js";import{u as q}from"./p-c30ad421.js";const x=s.gql`
+  mutation upsertUser($userInput: UserInput!) {
+    upsertUser(userInput: $userInput) {
+      id
+      accountId
+      email
+    }
+  }
+`,g=s.gql`
+  query user {
+    viewer {
+      ... on User {
+        id
+        accountId
+        email
+        impactConnection {
+          user {
+            id
+            email
+          }
+        }
+      }
+    }
+  }
+`;const k=f({Wrapper:{display:"flex",flexDirection:"column",gap:"var(--sl-spacing-medium)",marginTop:"var(--sl-spacing-medium)"},InputsContainer:{display:"flex",gap:"var(--sl-spacing-medium)",position:"relative",flexDirection:"column",maxWidth:"320px"},ContinueButton:{width:"100%",maxWidth:"100px"},SkeletonOne:{width:"50%",height:"16px"},SkeletonTwo:{width:"30%",height:"34px"},SkeletonThree:{width:"15%",height:"24px"},ErrorInput:{"&::part(base)":{border:"var(--sqm-border-thickness) solid var(--sqm-danger-color-border)",borderRadius:"var(--sqm-input-border-radius)"},"&::part(help-text)":{color:"var(--sqm-danger-color-text)"}}}),w=k.toString();function j(t){const{states:o,callbacks:n,text:e}=t;return r("div",{part:"sqm-base"},r("style",{type:"text/css"},'\n:host {\n  display: block;\n}\n:host([hidden]): {\n  display: none;\n}\n\na {\n  color: inherit;\n  text-decoration: underline;\n  cursor: pointer;\n}\n\n*::part(primarybutton-base),\nsl-button[type="primary"]::part(base) {\n  font-family: var(--sqm-primary-font);\n  width: 100%;\n  background-color: var(--sqm-primary-button-background);\n  color: var(--sqm-primary-button-color);\n  border-color: var(--sqm-primary-button-color-border);\n  border-radius: var(--sqm-primary-button-radius);\n}\n\n*::part(primarybutton-base):hover,\nsl-button[type="primary"]::part(base):hover{\n  background-color: var(--sqm-primary-button-background-hover);\n  border-color: var(--sqm-primary-button-border-color-hover);\n  color: var(--sqm-primary-button-color-hover);\n}\n\n\n*::part(primarybutton-base):focus,\nsl-button[type="primary"]::part(base):focus {\n  box-shadow: none;\n}\n\n*::part(secondarybutton-base),\nsl-button[type="secondary"]::part(base) {\nfont-family: var(--sqm-primary-font);\n  background-color: var(--sqm-secondary-button-background);\n  color: var(--sqm-secondary-button-color);\n  border-color: var(--sqm-secondary-button-color-border);\n  border-radius: var(--sqm-secondary-button-radius);\n}\n\n*::part(secondarybutton-base):hover,\nsl-button[type="secondary"]::part(base):hover {\n  background-color: var(--sqm-secondary-button-background-hover);\n  color: var(--sqm-secondary-button-color-hover);\n  border-color: var(--sqm-secondary-button-border-color-hover);\n}\n\n*::part(input-label), *::part(select-label), *::part(textarea-label){\n  font-family: var(--sqm-primary-font);\n  font-size: var(--sqm-input-label-font-size, var(--sl-input-font-size-small));\n  font-weight: var(--sl-font-weight-semibold);\n  color: var(--sqm-input-label-color, var(--sqm-text), black);\n}\n\n*::part(input-base), *::part(select-base), *::part(textarea-base){\n  font-family: var(--sqm-primary-font);\n  background-color: var(--sqm-input-background, #fff);\n  border-radius: var(--sqm-input-border-radius, var(--sl-input-border-radius-large), 0.25rem);\n  color: var(--sqm-input-color, white);\n  border-width: var(--sqm-border-thickness, 1px);\n}\n\n*::part(input-base):hover, *::part(select-base):hover, *::part(textarea-base):hover{\n  border-color: var(--sqm-border-color-hover);\n}\n\n*::part(input-base):focus, *::part(select-base):focus, *::part(textarea-base):focus{\n  border-color: var(--sqm-border-color-focus);\n}\n\nsqm-name-fields::part(input-base) {\n  font-family: var(--sqm-primary-font);\n  background-color: var(--sqm-input-background, #fff);\n  border-radius: var(--sqm-input-border-radius, var(--sl-input-border-radius-large), 0.25rem);\n  color: var(--sqm-input-color, white);\n  border-width: var(--sqm-border-thickness, 1px);\n}\n\nsl-input::part(base):focus,\nsl-select::part(form-control-wrapper):focus,\nsl-textarea::part(textarea-label):focus {\n  border-color: var(--sqm-border-color-focus);\n}\n\n*::part(input-label):disabled, *::part(select-label):disabled, *::part(textarea-label):disabled{\n  background: var(--sqm-input-disabled-background, #f5f5f5);\n  color: var(--sqm-input-disabled-color, var(--sl-color-gray-600));\n}\n\n*::part(input):-webkit-autofill {\n  box-shadow: 0 0 0 50px var(--sqm-input-background, #fff) inset !important;\n  -webkit-text-fill-color: var(--sqm-input-color, white) !important;\n}\n\n*::part(input):-webkit-autofill:hover {\n  box-shadow: 0 0 0 50px var(--sqm-input-background, #fff) inset !important;\n  -webkit-text-fill-color: var(--sqm-input-color, white) !important;\n}\n\n*::part(input):-webkit-autofill:focus {\n  box-shadow: 0 0 0 50px var(--sqm-input-background, #fff) inset !important;\n  -webkit-text-fill-color: var(--sqm-input-color, white) !important;\n}\n\n*::part(input)::placeholder,\n*::part(select)::placeholder, \n*::part(textarea)::placeholder {\n  font-family: var(--sqm-primary-font);\n  color: var(--sqm-text-subdued);\n}\n\n*::part(input)::-webkit-input-placeholder,\n*::part(select)::-webkit-input-placeholder,\n*::part(textarea)::-webkit-input-placeholder {\n  font-family: var(--sqm-primary-font);\n  color: var(--sqm-text-subdued);\n}\n\n*::part(input)::-moz-placeholder,\n*::part(select)::-moz-placeholder,\n*::part(textarea)::-moz-placeholder {\n  font-family: var(--sqm-primary-font);\n  opacity: 1; /* Firefox adds an opacity to placeholders by default */\n  color: var(--sqm-text-subdued);\n}\n\n*::part(input)::-ms-input-placeholder,\n*::part(select)::-ms-input-placeholder,\n*::part(textarea)::-ms-input-placeholder {\n  font-family: var(--sqm-primary-font);\n  color: var(--sqm-text-subdued);\n}\n\n\n',w),o.sendCodeError&&r("sqm-form-message",{type:"error"},r("p",{part:"alert-title"},e.sendCodeErrorHeader),a.formatMessage({id:"sendCodeErrorDescription",defaultMessage:e.sendCodeErrorDescription},{supportLink:r("a",{target:"_blank",href:"mailto:advocate-support@impact.com"},e.supportLink)})),o.initialLoading?r("div",{class:k.classes.Wrapper},r("sl-skeleton",{class:k.classes.SkeletonOne}),r("sl-skeleton",{class:k.classes.SkeletonTwo}),r("sl-skeleton",{class:k.classes.SkeletonThree})):r("div",{class:k.classes.Wrapper},r(v,{type:"p"},e.verifyEmailHeaderText),r("sl-form",{"onSl-submit":n.submitEmail},r("div",{class:k.classes.InputsContainer},r("sl-input",Object.assign({exportparts:"label: input-label, base: input-base",label:e.emailLabel,value:o.email||"",type:"email",id:"email",name:"email",disabled:!!o.email||o.loading},o.error?{class:k.classes.ErrorInput,helpText:e.emailValidationErrorText}:{})),r("sl-button",{submit:!0,class:k.classes.ContinueButton,loading:o.loading,exportparts:"base: primarybutton-base",type:"primary"},e.sendCodeText)))))}const I=class{constructor(r){t(this,r),this.verifyEmailHeaderText="Start by verifying your email. We’ll send you a code through our referral provider, impact.com.",this.sendCodeErrorHeader="There was an error sending your code",this.supportLink="support team",this.sendCodeErrorDescription="Please try again. If this problem continues, contact our program {supportLink}.",this.emailLabel="Email",this.sendCodeText="Send code",this.emailValidationErrorText="Please enter a valid email",e(this)}disconnectedCallback(){}getTextProps(){return b(this)}render(){const t=d()?function(r){const t=u(h);return m({states:{error:!0,initialLoading:!1,loading:!1,email:"test@example.com",sendCodeError:!0},callbacks:{submitEmail:async()=>t(!0)},text:r.getTextProps()},r.demoData||{},{arrayMerge:(r,t)=>t})}(this):function(r){const[t,a]=i(h),[e,s]=i(y),[d,u]=o(!1),[m,b]=o(!1),[f,v]=o(!1),{initialized:k,send:[w,{}]}=q(),[j]=function(){const r=p(),[t,{loading:a,data:o,errors:n}]=c(x);return[async a=>{try{const o=await t({userInput:{id:r.id,accountId:r.accountId,email:a}});if(o instanceof Error||!o)throw new Error;return o}catch(r){return void console.error("Could not set email on user",r)}},{loading:a,data:o,errors:n}]}(),[I,z]=o(!0),{data:E,loading:C}=l(g,{}),S=/^(([^<>()[\]\\.,;:\s@"]+(\.[^<>()[\]\\.,;:\s@"]+)*)|(".+"))@((\[[0-9]{1,3}\.[0-9]{1,3}\.[0-9]{1,3}\.[0-9]{1,3}\])|(([a-zA-Z\-0-9]+\.)+[a-zA-Z]{2,}))$/;return n((()=>{(null==E?void 0:E.viewer)&&u(!!E.viewer.email)}),[E]),n((()=>{k&&z(!1)}),[k]),{callbacks:{submitEmail:async r=>{if(r.preventDefault(),!(null==E?void 0:E.viewer))return;z(!0);const t=E.viewer.email;if(!t){const t=r.detail.formData.get("email").toString();if(!S.test(t))return void b(!0);const a=await j(t);a&&a.user.email||b(!0)}if(!k)return;const o=await w();o&&o.success?(s(t),a(!0)):v(!0),z(!1)}},states:{loading:I,initialLoading:C&&!k,error:m,email:null==E?void 0:E.viewer.email,sendCodeError:f},text:r.getTextProps()}}(this);return r(j,Object.assign({},t))}};export{I as sqm_email_verification}

package/dist/mint-components/p-7b8d29bb.entry.js

@@ -0,0 +1 @@
+import{r as t,h as s}from"./p-c7c11325.js";import{n as o}from"./p-63e29387.js";import"./p-cef45012.js";import{T as r}from"./p-204861a6.js";const i=class{constructor(s){t(this,s),this.ignored=!0,o(this)}disconnectedCallback(){}componentWillLoad(){}render(){return s(r,{type:this.type,fontSize:this.fontSize,textColor:this.textColor},this.text)}};export{i as sqm_text_span}

package/dist/mint-components/{p-28b011a0.js → p-7d93f0ed.js}

@@ -1 +1 @@
-import{h as e}from"./p-f708da7b.js";import{i as t}from"./p-776260e8.js";import{c as o}from"./p-cef45012.js";import{A as s,a as r}from"./p-91521e9d.js";import{T as a}from"./p-eab1c9f3.js";const i=o({Wrapper:s,Column:{...r},ButtonLink:{fontSize:"14px",color:"var(--sl-color-primary-500)",display:"inline-block !important","&:hover":{cursor:"pointer",textDecoration:"underline"}},ButtonLinkLoading:{fontSize:"14px",color:"var(--sl-color-gray-500)",opacity:"0.6",display:"inline-block !important",textDecoration:"underline","&:hover":{cursor:"not-allowed"}}}),n=i.toString();function l(o){const{states:s,callbacks:r,content:{email:l,verifyMessage:c,emailVerificationHeader:p,resendEmailButtonText:m,verificationStatusMessage:f,verificationLoadingMessage:d,verificationResentMessage:u}}=o;return e("div",{class:i.classes.Wrapper},e("style",{type:"text/css"},"\n:host {\n  display: block;\n}\n:host([hidden]): {\n  display: none;\n}\n",n),e(a,{type:"h3"},p),e("sl-form",{class:i.classes.Column,"onSl-submit":r.submit},o.states.error&&e("sqm-form-message",{type:"error",exportparts:"erroralert-icon"},e("div",{part:"erroralert-text"},o.states.error)),o.states.success&&e("sqm-form-message",{type:"success",exportparts:"successalert-icon"},e("div",{part:"successalert-text"},u)),e(a,{type:"p"},t.formatMessage({id:"verifyMessage",defaultMessage:c},{email:e("span",{style:{fontWeight:"var(--sl-font-weight-semibold)"}},l)})),e("p",{style:{color:"var(--sl-color-gray-500)",fontSize:"14px"}},t.formatMessage({id:"verificationStatus",defaultMessage:s.loadingVerification?d+" {countdown}":f},{countdown:s.loadingVerification?e("sl-spinner",null):s.countdown})),e("a",{class:s.loading?i.classes.ButtonLinkLoading:i.classes.ButtonLink,onClick:r.submit},m)))}export{l as P}
+import{h as e}from"./p-c7c11325.js";import{i as t}from"./p-3dd5ba75.js";import{c as o}from"./p-cef45012.js";import{A as s,a as r}from"./p-49b20dae.js";import{T as a}from"./p-204861a6.js";const i=o({Wrapper:s,Column:{...r},ButtonLink:{fontSize:"14px",color:"var(--sl-color-primary-500)",display:"inline-block !important","&:hover":{cursor:"pointer",textDecoration:"underline"}},ButtonLinkLoading:{fontSize:"14px",color:"var(--sl-color-gray-500)",opacity:"0.6",display:"inline-block !important",textDecoration:"underline","&:hover":{cursor:"not-allowed"}}}),n=i.toString();function l(o){const{states:s,callbacks:r,content:{email:l,verifyMessage:c,emailVerificationHeader:p,resendEmailButtonText:m,verificationStatusMessage:d,verificationLoadingMessage:f,verificationResentMessage:u}}=o;return e("div",{class:i.classes.Wrapper},e("style",{type:"text/css"},"\n:host {\n  display: block;\n}\n:host([hidden]): {\n  display: none;\n}\n",n),e(a,{type:"h3"},p),e("sl-form",{class:i.classes.Column,"onSl-submit":r.submit},o.states.error&&e("sqm-form-message",{type:"error",exportparts:"erroralert-icon"},e("div",{part:"erroralert-text"},o.states.error)),o.states.success&&e("sqm-form-message",{type:"success",exportparts:"successalert-icon"},e("div",{part:"successalert-text"},u)),e(a,{type:"p"},t.formatMessage({id:"verifyMessage",defaultMessage:c},{email:e("span",{style:{fontWeight:"var(--sl-font-weight-semibold)"}},l)})),e("p",{style:{color:"var(--sl-color-gray-500)",fontSize:"14px"}},t.formatMessage({id:"verificationStatus",defaultMessage:s.loadingVerification?f+" {countdown}":d},{countdown:s.loadingVerification?e("sl-spinner",null):s.countdown})),e("a",{class:s.loading?i.classes.ButtonLinkLoading:i.classes.ButtonLink,onClick:r.submit},m)))}export{l as P}

package/dist/mint-components/{p-1a6b7d2a.entry.js → p-7eb0573c.entry.js}

@@ -1 +1 @@
-import{h as t,r as s}from"./p-f708da7b.js";import{i,k as n,n as e}from"./p-cd651f81.js";import{i as r}from"./p-94a876b9.js";import{c as l}from"./p-c1086930.js";import{g as o}from"./p-9ec99ced.js";import{c as a}from"./p-cef45012.js";import{E as u}from"./p-91521e9d.js";import{R as c}from"./p-98698131.js";var h="(\\d.*)",d="([a-zA-Z].*)",p="([`~\\!@#\\$%\\^\\&\\*\\(\\)\\-_\\=\\+\\[\\{\\}\\]\\\\|;:\\'\",<.>\\/\\?€£¥₹§±].*)",v="([\\s].*)";function m(t,s){if(s&&s>1){const i=parseInt(s,10);return new RegExp(t+"{"+i+",}").test(this.password)===this.positive}return new RegExp(t).test(this.password)===this.positive}var f={not:function(t){return this.positive=!1,!t||m.call(this,t)},has:function(t){return this.positive=!0,!t||m.call(this,t)},is:function(){return this.positive=!0,!0},min:function(t){return this.password.length>=t},max:function(t){return this.password.length<=t},digits:function(t){return m.call(this,h,t)},letters:function(t){return m.call(this,d,t)},uppercase:function(t){if(t&&t>1){let s=0,i=0;for(;i<t&&s<this.password.length;){const t=this.password.charAt(s);t!==t.toLowerCase()&&i++,s++}return i===t===this.positive}return this.password!==this.password.toLowerCase()===this.positive},lowercase:function(t){if(t&&t>1){let s=0,i=0;for(;i<t&&s<this.password.length;){const t=this.password.charAt(s);t!==t.toUpperCase()&&i++,s++}return i===t===this.positive}return this.password!==this.password.toUpperCase()===this.positive},symbols:function(t){return m.call(this,p,t)},spaces:function(t){return m.call(this,v,t)},oneOf:function(t){return t.indexOf(this.password)>=0===this.positive}},g="Length should be a valid positive number";function b(t){const s=Number(t);if(isNaN(s)||!Number.isInteger(s)||s<1)throw new Error(g)}function w(t){return f[t.method].apply(this,t.arguments)}function y(t,s){return this.properties.push({method:t,arguments:s}),this}const x=(new class{constructor(){this.properties=[]}validate(t,s){return this.list=Boolean(s&&s.list),this.password=String(t),this.positive=!0,this.list?this.properties.reduce(((t,s)=>w.call(this,s)?t:t.concat(s.method)),[]):this.properties.every(w.bind(this))}letters(t){return t&&b(t),y.call(this,"letters",arguments)}digits(t){return t&&b(t),y.call(this,"digits",arguments)}symbols(t){return t&&b(t),y.call(this,"symbols",arguments)}min(t){return b(t),y.call(this,"min",arguments)}max(t){return b(t),y.call(this,"max",arguments)}lowercase(t){return t&&b(t),y.call(this,"lowercase",arguments)}uppercase(t){return t&&b(t),y.call(this,"uppercase",arguments)}spaces(t){return t&&b(t),y.call(this,"spaces",arguments)}has(){return y.call(this,"has",arguments)}not(){return y.call(this,"not",arguments)}is(){return y.call(this,"is",arguments)}oneOf(){return y.call(this,"oneOf",arguments)}}).is().min(8).has().uppercase().has().lowercase().has(/([\d`~\!@#\$%\^\&\*\(\)\-_\=\+\[\{\}\]\\\|;:'",<.>\/\?€£¥₹§±].*){1,}/),C=(t,s)=>{const i=x.validate(t,{list:!0});return E(i,t,s)},L=()=>t("svg",{xmlns:"http://www.w3.org/2000/svg",width:"12",height:"12",viewBox:"0 0 12 12",fill:"none"},t("path",{d:"M6 0C2.688 0 0 2.688 0 6C0 9.312 2.688 12 6 12C9.312 12 12 9.312 12 6C12 2.688 9.312 0 6 0ZM4.8 9L1.8 6L2.646 5.154L4.8 7.302L9.354 2.748L10.2 3.6L4.8 9Z",fill:"#259053"})),j=()=>t("svg",{width:"12",height:"12",viewBox:"0 0 12 12",fill:"none",xmlns:"http://www.w3.org/2000/svg"},t("path",{d:"M6 0C2.688 0 0 2.688 0 6C0 9.312 2.688 12 6 12C9.312 12 12 9.312 12 6C12 2.688 9.312 0 6 0ZM6 10.8C3.354 10.8 1.2 8.646 1.2 6C1.2 3.354 3.354 1.2 6 1.2C8.646 1.2 10.8 3.354 10.8 6C10.8 8.646 8.646 10.8 6 10.8ZM8.754 3.348L4.8 7.302L3.246 5.754L2.4 6.6L4.8 9L9.6 4.2L8.754 3.348Z",fill:"#555555"})),I={display:"flex",alignItems:"center",fontSize:"var(--sl-font-size-small)","& > :not(:last-child)":{"margin-right":"var(--sl-spacing-x-small)"}},k=a({Base:{fontSize:"var(--sl-font-size-small)"},ValidationList:{"list-style-type":"none",paddingRight:"var(--sl-spacing-large)",margin:"var(--sl-spacing-small) 0 var(--sl-spacing-x-large)","& > :not(:last-child)":{"margin-bottom":"var(--sl-spacing-xx-small)"},"& *":{"line-height":"var(--sl-line-height-dense)"}},ValidationItemValid:{...I,color:"var(--sl-color-success-600)"},ValidationItemInvalid:{...I}}),V=k.toString(),E=(s,i,n)=>{const e={min:n.minErrorText,uppercase:n.uppercaseErrorText,lowercase:n.lowercaseErrorText,has:n.hasErrorText};return!s.length&&i?t("div",{class:k.classes.ValidationItemValid,style:{paddingBottom:"var(--sl-spacing-x-large)"}},t("style",{type:"text/css"},V),t(L,null)," ",t("span",null,n.meetsRequirementsText)):t("div",{class:k.classes.Base},t("style",{type:"text/css"},V),n.doesNotMeetRequirementsText,t("ul",{class:k.classes.ValidationList},Object.keys(e).map((i=>s.includes(i)?t("li",{class:k.classes.ValidationItemInvalid},t(j,null)," ",t("span",null,e[i])):t("li",{class:k.classes.ValidationItemValid},t(L,null)," ",t("span",null,e[i]))))))},M=a({InputContainer:{"& > :not(:last-child)":{"margin-bottom":"20px"}},ErrorStyle:u}),S=M.toString();function Z(s){var i,n,e,r,l,o,a,u,c,h;const{states:d,callbacks:p}=s;return t("div",{class:M.classes.InputContainer,part:"sqm-base"},t("style",{type:"text/css"},"\n:host {\n  margin: 0 auto;\n  width: 100%;\n  display: block;\n}\n:host([hidden]): {\n  display: none;\n}\n",S),t("sl-input",Object.assign({exportparts:"label: input-label, base: input-base",type:"password",name:"/password",label:d.content.fieldLabel||"Password",required:!0,disabled:(null===(i=d.registrationFormState)||void 0===i?void 0:i.loading)||(null===(n=d.registrationFormState)||void 0===n?void 0:n.disabled),validationError:({value:t})=>{if(!t)return"Cannot be empty"}},(null===(r=null===(e=d.registrationFormState)||void 0===e?void 0:e.initialData)||void 0===r?void 0:r.password)?{value:null===(o=null===(l=d.registrationFormState)||void 0===l?void 0:l.initialData)||void 0===o?void 0:o.password}:{},(null===(u=null===(a=d.registrationFormState)||void 0===a?void 0:a.validationErrors)||void 0===u?void 0:u.password)?{class:M.classes.ErrorStyle,helpText:(null===(h=null===(c=d.registrationFormState)||void 0===c?void 0:c.validationErrors)||void 0===h?void 0:h.password)||"Cannot be empty"}:[],{onInput:t=>d.enableValidation&&p.onInput(t)})),d.dynamicValidation)}const q=class{constructor(t){s(this,t),this.ignored=!0,this.fieldLabel="Password",this.disableValidation=!1,this.meetsRequirementsText="Password has met all requirements",this.doesNotMeetRequirementsText="Password must meet the following requirements:",this.minErrorText="be a minimum of 8 characters",this.uppercaseErrorText="contain at least 1 uppercase character",this.lowercaseErrorText="contain at least 1 lowercase character",this.hasErrorText="contain at least 1 number or symbol",e(this)}disconnectedCallback(){}render(){const{states:s,callbacks:e}=r()?function(t){var s,i,e,r,o,a,u;const[c,h]=n(""),[d,p]=n("");if(t.demoData&&d!=(null===(s=null==t?void 0:t.demoData)||void 0===s?void 0:s.initValue)){const s=C((null===(i=null==t?void 0:t.demoData)||void 0===i?void 0:i.initValue)||"",t);h(""===(null===(e=null==t?void 0:t.demoData)||void 0===e?void 0:e.initValue)?"":s),p(null===(r=null==t?void 0:t.demoData)||void 0===r?void 0:r.initValue)}return l({states:{enableValidation:!t.disableValidation,dynamicValidation:c,registrationFormState:(null===(a=null===(o=null==t?void 0:t.demoData)||void 0===o?void 0:o.states)||void 0===a?void 0:a.registrationFormState)||{},content:{fieldLabel:t.fieldLabel}},callbacks:{onInput:function(s){const i=C(s.target.value,t);h(i)}}},(null===(u=null==t?void 0:t.demoData)||void 0===u?void 0:u.states)||{},{arrayMerge:(t,s)=>s})}(o(this)):function(t){const s=i(c),[e,r]=n("");return{states:{enableValidation:!t.disableValidation,dynamicValidation:e,registrationFormState:s,content:{fieldLabel:t.fieldLabel}},callbacks:{onInput:function(s){const i=C(s.target.value,t);r(i)}}}}(o(this));return t(Z,{states:s,callbacks:e})}};export{q as sqm_password_field}
+import{h as t,r as s}from"./p-c7c11325.js";import{i,k as n,n as e}from"./p-63e29387.js";import{i as r}from"./p-0ec54f97.js";import{c as l}from"./p-c1086930.js";import{g as o}from"./p-6951663b.js";import{c as a}from"./p-cef45012.js";import{E as u}from"./p-49b20dae.js";import{R as c}from"./p-125a894f.js";var h="(\\d.*)",d="([a-zA-Z].*)",p="([`~\\!@#\\$%\\^\\&\\*\\(\\)\\-_\\=\\+\\[\\{\\}\\]\\\\|;:\\'\",<.>\\/\\?€£¥₹§±].*)",v="([\\s].*)";function m(t,s){if(s&&s>1){const i=parseInt(s,10);return new RegExp(t+"{"+i+",}").test(this.password)===this.positive}return new RegExp(t).test(this.password)===this.positive}var f={not:function(t){return this.positive=!1,!t||m.call(this,t)},has:function(t){return this.positive=!0,!t||m.call(this,t)},is:function(){return this.positive=!0,!0},min:function(t){return this.password.length>=t},max:function(t){return this.password.length<=t},digits:function(t){return m.call(this,h,t)},letters:function(t){return m.call(this,d,t)},uppercase:function(t){if(t&&t>1){let s=0,i=0;for(;i<t&&s<this.password.length;){const t=this.password.charAt(s);t!==t.toLowerCase()&&i++,s++}return i===t===this.positive}return this.password!==this.password.toLowerCase()===this.positive},lowercase:function(t){if(t&&t>1){let s=0,i=0;for(;i<t&&s<this.password.length;){const t=this.password.charAt(s);t!==t.toUpperCase()&&i++,s++}return i===t===this.positive}return this.password!==this.password.toUpperCase()===this.positive},symbols:function(t){return m.call(this,p,t)},spaces:function(t){return m.call(this,v,t)},oneOf:function(t){return t.indexOf(this.password)>=0===this.positive}},g="Length should be a valid positive number";function b(t){const s=Number(t);if(isNaN(s)||!Number.isInteger(s)||s<1)throw new Error(g)}function w(t){return f[t.method].apply(this,t.arguments)}function y(t,s){return this.properties.push({method:t,arguments:s}),this}const x=(new class{constructor(){this.properties=[]}validate(t,s){return this.list=Boolean(s&&s.list),this.password=String(t),this.positive=!0,this.list?this.properties.reduce(((t,s)=>w.call(this,s)?t:t.concat(s.method)),[]):this.properties.every(w.bind(this))}letters(t){return t&&b(t),y.call(this,"letters",arguments)}digits(t){return t&&b(t),y.call(this,"digits",arguments)}symbols(t){return t&&b(t),y.call(this,"symbols",arguments)}min(t){return b(t),y.call(this,"min",arguments)}max(t){return b(t),y.call(this,"max",arguments)}lowercase(t){return t&&b(t),y.call(this,"lowercase",arguments)}uppercase(t){return t&&b(t),y.call(this,"uppercase",arguments)}spaces(t){return t&&b(t),y.call(this,"spaces",arguments)}has(){return y.call(this,"has",arguments)}not(){return y.call(this,"not",arguments)}is(){return y.call(this,"is",arguments)}oneOf(){return y.call(this,"oneOf",arguments)}}).is().min(8).has().uppercase().has().lowercase().has(/([\d`~\!@#\$%\^\&\*\(\)\-_\=\+\[\{\}\]\\\|;:'",<.>\/\?€£¥₹§±].*){1,}/),C=(t,s)=>{const i=x.validate(t,{list:!0});return E(i,t,s)},L=()=>t("svg",{xmlns:"http://www.w3.org/2000/svg",width:"12",height:"12",viewBox:"0 0 12 12",fill:"none"},t("path",{d:"M6 0C2.688 0 0 2.688 0 6C0 9.312 2.688 12 6 12C9.312 12 12 9.312 12 6C12 2.688 9.312 0 6 0ZM4.8 9L1.8 6L2.646 5.154L4.8 7.302L9.354 2.748L10.2 3.6L4.8 9Z",fill:"#259053"})),j=()=>t("svg",{width:"12",height:"12",viewBox:"0 0 12 12",fill:"none",xmlns:"http://www.w3.org/2000/svg"},t("path",{d:"M6 0C2.688 0 0 2.688 0 6C0 9.312 2.688 12 6 12C9.312 12 12 9.312 12 6C12 2.688 9.312 0 6 0ZM6 10.8C3.354 10.8 1.2 8.646 1.2 6C1.2 3.354 3.354 1.2 6 1.2C8.646 1.2 10.8 3.354 10.8 6C10.8 8.646 8.646 10.8 6 10.8ZM8.754 3.348L4.8 7.302L3.246 5.754L2.4 6.6L4.8 9L9.6 4.2L8.754 3.348Z",fill:"#555555"})),I={display:"flex",alignItems:"center",fontSize:"var(--sl-font-size-small)","& > :not(:last-child)":{"margin-right":"var(--sl-spacing-x-small)"}},k=a({Base:{fontSize:"var(--sl-font-size-small)"},ValidationList:{"list-style-type":"none",paddingRight:"var(--sl-spacing-large)",margin:"var(--sl-spacing-small) 0 var(--sl-spacing-x-large)","& > :not(:last-child)":{"margin-bottom":"var(--sl-spacing-xx-small)"},"& *":{"line-height":"var(--sl-line-height-dense)"}},ValidationItemValid:{...I,color:"var(--sl-color-success-600)"},ValidationItemInvalid:{...I}}),V=k.toString(),E=(s,i,n)=>{const e={min:n.minErrorText,uppercase:n.uppercaseErrorText,lowercase:n.lowercaseErrorText,has:n.hasErrorText};return!s.length&&i?t("div",{class:k.classes.ValidationItemValid,style:{paddingBottom:"var(--sl-spacing-x-large)"}},t("style",{type:"text/css"},V),t(L,null)," ",t("span",null,n.meetsRequirementsText)):t("div",{class:k.classes.Base},t("style",{type:"text/css"},V),n.doesNotMeetRequirementsText,t("ul",{class:k.classes.ValidationList},Object.keys(e).map((i=>s.includes(i)?t("li",{class:k.classes.ValidationItemInvalid},t(j,null)," ",t("span",null,e[i])):t("li",{class:k.classes.ValidationItemValid},t(L,null)," ",t("span",null,e[i]))))))},M=a({InputContainer:{"& > :not(:last-child)":{"margin-bottom":"20px"}},ErrorStyle:u}),S=M.toString();function Z(s){var i,n,e,r,l,o,a,u,c,h;const{states:d,callbacks:p}=s;return t("div",{class:M.classes.InputContainer,part:"sqm-base"},t("style",{type:"text/css"},"\n:host {\n  margin: 0 auto;\n  width: 100%;\n  display: block;\n}\n:host([hidden]): {\n  display: none;\n}\n",S),t("sl-input",Object.assign({exportparts:"label: input-label, base: input-base",type:"password",name:"/password",label:d.content.fieldLabel||"Password",required:!0,disabled:(null===(i=d.registrationFormState)||void 0===i?void 0:i.loading)||(null===(n=d.registrationFormState)||void 0===n?void 0:n.disabled),validationError:({value:t})=>{if(!t)return"Cannot be empty"}},(null===(r=null===(e=d.registrationFormState)||void 0===e?void 0:e.initialData)||void 0===r?void 0:r.password)?{value:null===(o=null===(l=d.registrationFormState)||void 0===l?void 0:l.initialData)||void 0===o?void 0:o.password}:{},(null===(u=null===(a=d.registrationFormState)||void 0===a?void 0:a.validationErrors)||void 0===u?void 0:u.password)?{class:M.classes.ErrorStyle,helpText:(null===(h=null===(c=d.registrationFormState)||void 0===c?void 0:c.validationErrors)||void 0===h?void 0:h.password)||"Cannot be empty"}:[],{onInput:t=>d.enableValidation&&p.onInput(t)})),d.dynamicValidation)}const q=class{constructor(t){s(this,t),this.ignored=!0,this.fieldLabel="Password",this.disableValidation=!1,this.meetsRequirementsText="Password has met all requirements",this.doesNotMeetRequirementsText="Password must meet the following requirements:",this.minErrorText="be a minimum of 8 characters",this.uppercaseErrorText="contain at least 1 uppercase character",this.lowercaseErrorText="contain at least 1 lowercase character",this.hasErrorText="contain at least 1 number or symbol",e(this)}disconnectedCallback(){}render(){const{states:s,callbacks:e}=r()?function(t){var s,i,e,r,o,a,u;const[c,h]=n(""),[d,p]=n("");if(t.demoData&&d!=(null===(s=null==t?void 0:t.demoData)||void 0===s?void 0:s.initValue)){const s=C((null===(i=null==t?void 0:t.demoData)||void 0===i?void 0:i.initValue)||"",t);h(""===(null===(e=null==t?void 0:t.demoData)||void 0===e?void 0:e.initValue)?"":s),p(null===(r=null==t?void 0:t.demoData)||void 0===r?void 0:r.initValue)}return l({states:{enableValidation:!t.disableValidation,dynamicValidation:c,registrationFormState:(null===(a=null===(o=null==t?void 0:t.demoData)||void 0===o?void 0:o.states)||void 0===a?void 0:a.registrationFormState)||{},content:{fieldLabel:t.fieldLabel}},callbacks:{onInput:function(s){const i=C(s.target.value,t);h(i)}}},(null===(u=null==t?void 0:t.demoData)||void 0===u?void 0:u.states)||{},{arrayMerge:(t,s)=>s})}(o(this)):function(t){const s=i(c),[e,r]=n("");return{states:{enableValidation:!t.disableValidation,dynamicValidation:e,registrationFormState:s,content:{fieldLabel:t.fieldLabel}},callbacks:{onInput:function(s){const i=C(s.target.value,t);r(i)}}}}(o(this));return t(Z,{states:s,callbacks:e})}};export{q as sqm_password_field}