@paynext/sdk 0.0.103 → 0.0.104

package/dist/index.umd.js

@@ -79,7 +79,7 @@ React keys must be passed directly to JSX without using spread:
       </g>
     </svg>
     <span class="${te.srOnly}">Warning</span>
-  `);C(this,"element",document.createElement("div"));this.element.classList.add(te.warning),this.element.innerHTML=this.template}render(){return this.element}}class qc{constructor(t,e){C(this,"id","paynext-card-input-name");C(this,"element");C(this,"inputContainer",document.createElement("div"));C(this,"input",document.createElement("input"));C(this,"label",document.createElement("label"));C(this,"labelText",document.createElement("span"));C(this,"labelError",document.createElement("span"));C(this,"endContent",document.createElement("div"));C(this,"warning",new Nt);C(this,"placeholderStyle",document.createElement("style"));C(this,"isTouchSubmit",!1);C(this,"isRequired",!1);C(this,"isDisabled",!1);C(this,"isChanged",!1);C(this,"events",{change:new de});var a,i,s,o,c,l,d,u,h;const r=t.messages();if(this.element=document.createElement("div"),this.element.classList.add(le.wrapper),this.inputContainer.classList.add(le.inputContainer),(a=e==null?void 0:e.container)!=null&&a.className&&this.inputContainer.classList.add(e.container.className),(i=e==null?void 0:e.container)!=null&&i.styles&&Object.assign(this.inputContainer.style,e.container.styles),this.input.setAttribute("id",this.id),this.input.setAttribute("autocomplete","cc-name"),this.input.setAttribute("placeholder",r.card.name.placeholder),this.input.classList.add(le.input),(s=e==null?void 0:e.field)!=null&&s.className&&this.input.classList.add(e.field.className),(o=e==null?void 0:e.field)!=null&&o.styles&&Object.assign(this.input.style,e.field.styles),(c=e==null?void 0:e.placeholder)!=null&&c.styles&&Object.keys(e.placeholder.styles).length){const p=m=>m.replace(/[A-Z]/g,v=>"-"+v.toLowerCase()),f=Object.entries(e.placeholder.styles).map(([m,v])=>`${p(m)}:${v};`).join("");this.placeholderStyle.textContent=`#${this.id}::placeholder{${f}}`,this.element.appendChild(this.placeholderStyle)}this.endContent.classList.add(le.hidden),this.endContent.appendChild(this.warning.render()),this.inputContainer.append(this.input,this.endContent),this.label.setAttribute("for",this.id),this.label.classList.add(le.label),(l=e==null?void 0:e.label)!=null&&l.className&&this.label.classList.add(e.label.className),(d=e==null?void 0:e.label)!=null&&d.styles&&Object.assign(this.label.style,e.label.styles),this.labelText.textContent=r.card.name.label,this.labelError.textContent=r.card.required,this.labelError.classList.add(le.labelError,le.hidden),(u=e==null?void 0:e.error)!=null&&u.className&&this.labelError.classList.add(e.error.className),(h=e==null?void 0:e.error)!=null&&h.styles&&Object.assign(this.labelError.style,e.error.styles),this.label.append(this.labelText,this.labelError),this.element.append(this.label,this.inputContainer),this.input.addEventListener("input",()=>this.handleChange(this.input.value)),this.input.addEventListener("paste",()=>this.handleChange(this.input.value)),this.input.addEventListener("blur",()=>this.validate(this.input.value)),t.subscribe(({messages:p})=>{this.input.setAttribute("placeholder",p.card.name.placeholder),this.labelText.textContent=p.card.name.label,this.labelError.textContent=p.card.required})}validator(t){return t?null:pe.Empty}filterInput(t){return t.replace(/[^a-zA-ZÀ-ÿ\s'-]/g,"")}handleChange(t){if(this.isDisabled)return;const e=this.filterInput(t);e!==t&&(this.input.value=e),this.isRequired=!1,this.isChanged||(this.isChanged=!0),this.events.change.emit({value:e,isValid:this.validator(e)===null}),this.render()}toggleLabelError(t){return W(this,null,function*(){if(t){this.inputContainer.classList.add(le.errorInput),this.endContent.classList.remove(le.hidden),this.labelError.classList.remove(le.hidden),yield ue(this.labelError,me.open,me.transition);return}this.inputContainer.classList.remove(le.errorInput),this.endContent.classList.add(le.hidden),yield ue(this.labelError,me.close,me.transition),this.labelError.classList.add(le.hidden)})}addEventListener(t,e){return this.events[t].addListener(e)}disable(t){t?(this.input.setAttribute("disabled","true"),this.input.classList.add(le.disabledInput),this.inputContainer.classList.add(le.disabled)):(this.input.removeAttribute("disabled"),this.input.classList.remove(le.disabledInput),this.inputContainer.classList.remove(le.disabled))}touchSubmit(){this.isTouchSubmit=!0,this.render()}value(){return this.input.value}validate(t){const e=this.validator(t);return this.isRequired=!!e,this.render(),!e}render(){const r=(this.isTouchSubmit||this.isChanged)&&this.isRequired&&!this.isDisabled;return this.toggleLabelError(r),this.isDisabled?(this.inputContainer.classList.add(le.disabled),this.input.classList.add(le.disabledInput)):(this.inputContainer.classList.remove(le.disabled),this.input.classList.remove(le.disabledInput)),this.element}}const se={wrapper:"_wrapper_1dxfo_1",inputContainer:"_inputContainer_1dxfo_5",errorInput:"_errorInput_1dxfo_23",disabled:"_disabled_1dxfo_23",input:"_input_1dxfo_5",endContent:"_endContent_1dxfo_32",error:"_error_1dxfo_23",label:"_label_1dxfo_44",labelError:"_labelError_1dxfo_48",disabledInput:"_disabledInput_1dxfo_56",hidden:"_hidden_1dxfo_63"};class Qc{constructor(){C(this,"template",`
+  `);C(this,"element",document.createElement("div"));this.element.classList.add(te.warning),this.element.innerHTML=this.template}render(){return this.element}}class qc{constructor(t,e){C(this,"id","paynext-card-input-name");C(this,"element");C(this,"inputContainer",document.createElement("div"));C(this,"input",document.createElement("input"));C(this,"label",document.createElement("label"));C(this,"labelText",document.createElement("span"));C(this,"labelError",document.createElement("span"));C(this,"endContent",document.createElement("div"));C(this,"warning",new Nt);C(this,"placeholderStyle",document.createElement("style"));C(this,"isTouchSubmit",!1);C(this,"isRequired",!1);C(this,"isDisabled",!1);C(this,"isChanged",!1);C(this,"events",{change:new de});var a,i,s,o,c,l,d,u,h;const r=t.messages();if(this.element=document.createElement("div"),this.element.classList.add(le.wrapper),this.inputContainer.classList.add(le.inputContainer),(a=e==null?void 0:e.container)!=null&&a.className&&this.inputContainer.classList.add(e.container.className),(i=e==null?void 0:e.container)!=null&&i.styles&&Object.assign(this.inputContainer.style,e.container.styles),this.input.setAttribute("id",this.id),this.input.setAttribute("autocomplete","cc-name"),this.input.setAttribute("placeholder",r.card.name.placeholder),this.input.classList.add(le.input),(s=e==null?void 0:e.field)!=null&&s.className&&this.input.classList.add(e.field.className),(o=e==null?void 0:e.field)!=null&&o.styles&&Object.assign(this.input.style,e.field.styles),(c=e==null?void 0:e.placeholder)!=null&&c.styles&&Object.keys(e.placeholder.styles).length){const p=m=>m.replace(/[A-Z]/g,v=>"-"+v.toLowerCase()),f=Object.entries(e.placeholder.styles).map(([m,v])=>`${p(m)}:${v};`).join("");this.placeholderStyle.textContent=`#${this.id}::placeholder{${f}}`,this.element.appendChild(this.placeholderStyle)}this.endContent.classList.add(le.hidden),this.endContent.appendChild(this.warning.render()),this.inputContainer.append(this.input,this.endContent),this.label.setAttribute("for",this.id),this.label.classList.add(le.label),(l=e==null?void 0:e.label)!=null&&l.className&&this.label.classList.add(e.label.className),(d=e==null?void 0:e.label)!=null&&d.styles&&Object.assign(this.label.style,e.label.styles),this.labelText.textContent=r.card.name.label,this.labelError.textContent=r.card.required,this.labelError.classList.add(le.labelError,le.hidden),(u=e==null?void 0:e.error)!=null&&u.className&&this.labelError.classList.add(e.error.className),(h=e==null?void 0:e.error)!=null&&h.styles&&Object.assign(this.labelError.style,e.error.styles),this.label.append(this.labelText,this.labelError),this.element.append(this.label,this.inputContainer),this.input.addEventListener("input",()=>this.handleChange(this.input.value)),this.input.addEventListener("paste",()=>this.handleChange(this.input.value)),this.input.addEventListener("blur",()=>this.validate(this.input.value)),t.subscribe(({messages:p})=>{this.input.setAttribute("placeholder",p.card.name.placeholder),this.labelText.textContent=p.card.name.label,this.labelError.textContent=p.card.required})}validator(t){return t?null:pe.Empty}filterInput(t){return t.replace(/[^\p{L}\s'-]/gu,"")}handleChange(t){if(this.isDisabled)return;const e=this.filterInput(t);e!==t&&(this.input.value=e),this.isRequired=!1,this.isChanged||(this.isChanged=!0),this.events.change.emit({value:e,isValid:this.validator(e)===null}),this.render()}toggleLabelError(t){return W(this,null,function*(){if(t){this.inputContainer.classList.add(le.errorInput),this.endContent.classList.remove(le.hidden),this.labelError.classList.remove(le.hidden),yield ue(this.labelError,me.open,me.transition);return}this.inputContainer.classList.remove(le.errorInput),this.endContent.classList.add(le.hidden),yield ue(this.labelError,me.close,me.transition),this.labelError.classList.add(le.hidden)})}addEventListener(t,e){return this.events[t].addListener(e)}disable(t){t?(this.input.setAttribute("disabled","true"),this.input.classList.add(le.disabledInput),this.inputContainer.classList.add(le.disabled)):(this.input.removeAttribute("disabled"),this.input.classList.remove(le.disabledInput),this.inputContainer.classList.remove(le.disabled))}touchSubmit(){this.isTouchSubmit=!0,this.render()}value(){return this.input.value}validate(t){const e=this.validator(t);return this.isRequired=!!e,this.render(),!e}render(){const r=(this.isTouchSubmit||this.isChanged)&&this.isRequired&&!this.isDisabled;return this.toggleLabelError(r),this.isDisabled?(this.inputContainer.classList.add(le.disabled),this.input.classList.add(le.disabledInput)):(this.inputContainer.classList.remove(le.disabled),this.input.classList.remove(le.disabledInput)),this.element}}const se={wrapper:"_wrapper_1dxfo_1",inputContainer:"_inputContainer_1dxfo_5",errorInput:"_errorInput_1dxfo_23",disabled:"_disabled_1dxfo_23",input:"_input_1dxfo_5",endContent:"_endContent_1dxfo_32",error:"_error_1dxfo_23",label:"_label_1dxfo_44",labelError:"_labelError_1dxfo_48",disabledInput:"_disabledInput_1dxfo_56",hidden:"_hidden_1dxfo_63"};class Qc{constructor(){C(this,"template",`
     <svg
       width='28'
       height='19'