@paynext/sdk 0.0.24 → 0.0.25

package/dist/assets/index.css

@@ -1 +1 @@
-._googlePay_1a960_1{border-radius:12px;height:40px;overflow:hidden;background-color:transparent}._googlePay_1a960_1 iframe{width:calc(100% + 12px)!important;height:44px!important;border:none;display:block;transform:translateY(-2px);margin:0 -6px}._hidden_1a960_17{display:none}._applePay_sei4a_1{border-radius:12px;height:40px;overflow:hidden;position:relative;background-color:#000}._applePay_sei4a_1:hover{filter:contrast(.575) brightness(1.2)}._applePay_sei4a_1 iframe{width:calc(100% + 12px)!important;height:44px!important;border:none;display:block;transform:translateY(-2px);margin:0 -6px}._hidden_sei4a_22{display:none}._button_qsmkn_1{transition-property:transform,color,background,background-color,border-color,text-decoration-color,fill,stroke,opacity;transition-timing-function:ease;transition-duration:.25s;position:relative;z-index:0;box-sizing:border-box;display:inline-flex;height:2.5rem;width:100%;min-width:5rem;transform:translate3d(var(--tw-translate-x),var(--tw-translate-y),0) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));-webkit-user-select:none;-moz-user-select:none;user-select:none;-webkit-appearance:none;-moz-appearance:none;appearance:none;align-items:center;justify-content:center;gap:.5rem;overflow:hidden;white-space:nowrap;border-radius:.75rem;--tw-bg-opacity: 1;background-color:rgb(59 130 246 / var(--tw-bg-opacity, 1));padding-left:1rem;padding-right:1rem;font-size:.875rem;line-height:1.25rem;font-weight:400;--tw-text-opacity: 1;color:rgb(255 255 255 / var(--tw-text-opacity, 1));-webkit-font-smoothing:auto;-moz-osx-font-smoothing:auto;outline:2px solid transparent;outline-offset:2px}@media (prefers-reduced-motion: reduce){._button_qsmkn_1{transition-property:none}}._button_qsmkn_1>svg{max-width:2rem}._primary_qsmkn_11{--tw-bg-opacity: 1;background-color:rgb(59 130 246 / var(--tw-bg-opacity, 1))}._success_qsmkn_15{--tw-bg-opacity: 1;background-color:rgb(22 163 74 / var(--tw-bg-opacity, 1))}._loading_qsmkn_19,._button_qsmkn_1:hover{opacity:.7}._press_qsmkn_24{transform:scale(.95)}._card_ji6om_1{display:grid;gap:.75rem;padding-top:1rem}._title_ji6om_5{font-size:.875rem;line-height:1.25rem;font-weight:600}._error_ji6om_9{--tw-text-opacity: 1;color:rgb(220 38 38 / var(--tw-text-opacity, 1))}._label_ji6om_13{display:flex;width:100%;justify-content:space-between}._label_ji6om_13 span{text-wrap:nowrap;text-overflow:ellipsis;overflow:hidden}._cardDataContainer_ji6om_23{display:grid;grid-column-gap:5px;grid-template-columns:repeat(2,minmax(0,1fr));grid-template-rows:repeat(3,minmax(0,auto))}._iconContainer_ji6om_30{margin:0 1px}._payButton_ji6om_34{display:flex;align-items:center;justify-content:center}._spinner_ji6om_38{width:24px;height:24px}._wrapper_1n2ol_1{position:relative}._inputContainer_1n2ol_5{background-color:transparent;display:flex;height:40px;width:100%;cursor:text;align-items:center;justify-content:space-between;border-radius:.75rem;border-width:1px;--tw-border-opacity: 1;border-color:rgb(209 213 219 / var(--tw-border-opacity, 1));padding-left:.75rem;padding-right:.75rem}._inputContainer_1n2ol_5::-moz-placeholder{--tw-placeholder-opacity: 1;color:rgb(156 163 175 / var(--tw-placeholder-opacity, 1))}._inputContainer_1n2ol_5::placeholder{--tw-placeholder-opacity: 1;color:rgb(156 163 175 / var(--tw-placeholder-opacity, 1))}._inputContainer_1n2ol_5{--tw-shadow: 0 1px 2px 0 rgb(0 0 0 / .05);--tw-shadow-colored: 0 1px 2px 0 var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000),var(--tw-ring-shadow, 0 0 #0000),var(--tw-shadow)}@media (min-width: 640px){._inputContainer_1n2ol_5{font-size:.875rem;line-height:1.25rem}}._inputFocus_1n2ol_10,._inputContainer_1n2ol_5:hover{--tw-border-opacity: 1;border-color:rgb(107 114 128 / var(--tw-border-opacity, 1))}._input_1n2ol_5{background-color:transparent;display:block;height:100%;width:100%;border-style:none;font-size:1rem;font-weight:400;outline:2px solid transparent;outline-offset:2px}._endContent_1n2ol_20{display:flex}._errorInput_1n2ol_24{--tw-border-opacity: 1;border-color:rgb(220 38 38 / var(--tw-border-opacity, 1));--tw-text-opacity: 1;color:rgb(220 38 38 / var(--tw-text-opacity, 1))}._errorInput_1n2ol_24:hover{--tw-border-opacity: 1;border-color:rgb(220 38 38 / var(--tw-border-opacity, 1));--tw-ring-opacity: 1;--tw-ring-color: rgb(220 38 38 / var(--tw-ring-opacity, 1))}._errorInput_1n2ol_24:focus{--tw-border-opacity: 1;border-color:rgb(220 38 38 / var(--tw-border-opacity, 1));--tw-ring-opacity: 1;--tw-ring-color: rgb(220 38 38 / var(--tw-ring-opacity, 1))}._error_1n2ol_24{margin-top:.25rem;padding-left:.25rem;font-size:.75rem;line-height:1rem;font-weight:400;--tw-text-opacity: 1;color:rgb(220 38 38 / var(--tw-text-opacity, 1))}._label_1n2ol_32{margin-bottom:2px;display:flex;align-items:flex-end;justify-content:space-between;padding-left:1px;padding-right:.5rem;font-size:.75rem;line-height:1rem;font-weight:400}._labelError_1n2ol_36{font-size:.6875rem;--tw-text-opacity: 1;color:rgb(220 38 38 / var(--tw-text-opacity, 1))}._disabled_1n2ol_40{border-style:none;--tw-bg-opacity: 1;background-color:rgb(229 231 235 / var(--tw-bg-opacity, 1))}._disabledInput_1n2ol_44{--tw-text-opacity: 1;color:rgb(156 163 175 / var(--tw-text-opacity, 1))}._cvcIcon_1qn9u_1{width:100%;height:100%}._errorInput_1qn9u_6{--tw-border-opacity: 1;border-color:rgb(220 38 38 / var(--tw-border-opacity, 1));--tw-text-opacity: 1;color:rgb(220 38 38 / var(--tw-text-opacity, 1))}._errorInput_1qn9u_6:hover{--tw-border-opacity: 1;border-color:rgb(220 38 38 / var(--tw-border-opacity, 1));--tw-ring-opacity: 1;--tw-ring-color: rgb(220 38 38 / var(--tw-ring-opacity, 1))}._errorInput_1qn9u_6:focus{--tw-border-opacity: 1;border-color:rgb(220 38 38 / var(--tw-border-opacity, 1));--tw-ring-opacity: 1;--tw-ring-color: rgb(220 38 38 / var(--tw-ring-opacity, 1))}._errorInput_1ibdm_1{--tw-border-opacity: 1;border-color:rgb(220 38 38 / var(--tw-border-opacity, 1));--tw-text-opacity: 1;color:rgb(220 38 38 / var(--tw-text-opacity, 1))}._errorInput_1ibdm_1:hover{--tw-border-opacity: 1;border-color:rgb(220 38 38 / var(--tw-border-opacity, 1));--tw-ring-opacity: 1;--tw-ring-color: rgb(220 38 38 / var(--tw-ring-opacity, 1)) }._errorInput_1ibdm_1:focus{--tw-border-opacity: 1;border-color:rgb(220 38 38 / var(--tw-border-opacity, 1));--tw-ring-opacity: 1;--tw-ring-color: rgb(220 38 38 / var(--tw-ring-opacity, 1)) }._iconContainer_29xfy_1{margin:0 2px}._container_1yamy_1{display:flex;width:100%;flex-grow:1;flex-direction:row;align-items:center;justify-content:flex-start;-moz-column-gap:.25rem;column-gap:.25rem;border-radius:.375rem;--tw-bg-opacity: 1;background-color:rgb(254 231 239 / var(--tw-bg-opacity, 1));padding:.75rem 1rem}._container_1yamy_1:is(._dark_1yamy_1 *){background-color:#fee7ef80;--tw-text-opacity: 1;color:rgb(239 68 68 / var(--tw-text-opacity, 1))}._iconContainer_1yamy_5{width:16px;height:16px}._icon_1yamy_5{width:100%;height:100%}._title_1yamy_15{padding-left:.25rem;font-size:.875rem;line-height:1.25rem;font-weight:300;--tw-text-opacity: 1;color:rgb(0 0 0 / var(--tw-text-opacity, 1))}._title_1yamy_15:is(._dark_1yamy_1 *){--tw-text-opacity: 1;color:rgb(0 0 0 / var(--tw-text-opacity, 1))}._svg_1kkac_1{height:100%;width:100%}@keyframes _spin_1kkac_1{to{transform:rotate(360deg)}}._svg_1kkac_1{animation:_spin_1kkac_1 1s linear infinite;fill:#9ca3af;--tw-text-opacity: 1;color:rgb(229 231 235 / var(--tw-text-opacity, 1))}._svg_1kkac_1:is(._dark_1kkac_1 *){--tw-text-opacity: 1;color:rgb(75 85 99 / var(--tw-text-opacity, 1))}._sr_1kkac_5{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border-width:0}._container_a64yo_1{position:relative;height:auto;min-height:40px;width:100%;max-width:640px}._backBtn_a64yo_5{cursor:pointer}._cardBtn_a64yo_9{--tw-text-opacity: 1;color:rgb(255 255 255 / var(--tw-text-opacity, 1))}._btnContainer_a64yo_13{display:grid;gap:.5rem}._spinner_a64yo_17{height:40px;width:40px}._spinnerContainer_a64yo_21{position:absolute;z-index:50;display:flex;height:auto;width:100%;align-items:center;justify-content:center;border-radius:.375rem}._paypalBtn_2m8yd_1{overflow:hidden;border-radius:12px;height:40px}._container_ipway_1{display:flex;width:100%;flex-direction:column;align-items:center;justify-content:center}._icon_ipway_5{position:absolute;top:50%;left:50%;width:1.5rem;--tw-translate-x: -50%;--tw-translate-y: -50%;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));fill:#16a34a}._iconContainer_ipway_9{position:relative;display:grid;height:2.25rem;width:2.25rem;flex:none;place-items:center;border-radius:9999px;--tw-bg-opacity: 1;background-color:rgb(232 250 240 / var(--tw-bg-opacity, 1))}._iconContainer_ipway_9:is(._dark_ipway_1 *){--tw-bg-opacity: 1;background-color:rgb(209 244 224 / var(--tw-bg-opacity, 1))}._title_ipway_13{margin-top:.5rem;font-weight:300}
+._spinner_1waxg_1{height:100%;width:100%}@keyframes _spin_1waxg_1{to{transform:rotate(360deg)}}._spinner_1waxg_1{animation:_spin_1waxg_1 1s linear infinite;fill:#9ca3af;--tw-text-opacity: 1;color:rgb(229 231 235 / var(--tw-text-opacity, 1))}._spinner_1waxg_1:is(._dark_1waxg_1 *){--tw-text-opacity: 1;color:rgb(75 85 99 / var(--tw-text-opacity, 1))}._spinnerContainer_1waxg_5{height:40px;width:40px}._success_1waxg_9{position:absolute;top:50%;left:50%;width:1.5rem;--tw-translate-x: -50%;--tw-translate-y: -50%;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));fill:#16a34a}._successContainer_1waxg_13{position:relative;display:grid;height:2.25rem;width:2.25rem;flex:none;place-items:center;border-radius:9999px;--tw-bg-opacity: 1;background-color:rgb(232 250 240 / var(--tw-bg-opacity, 1))}._successContainer_1waxg_13:is(._dark_1waxg_1 *){--tw-bg-opacity: 1;background-color:rgb(209 244 224 / var(--tw-bg-opacity, 1))}._container_1waxg_17{width:30px;height:20px;display:flex;margin:0 1px;align-items:center;justify-content:center}._card_1waxg_26{width:28px;height:19px;display:flex;margin:0 1px;align-items:center;justify-content:center}._warning_1waxg_35{width:16px;height:16px;display:flex;align-items:center;justify-content:center}._svg_1waxg_43{width:100%;height:100%}._srOnly_1waxg_48{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border-width:0}._loader_nwq3e_1{position:absolute;height:100%;top:0;left:0;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);z-index:1000;display:flex;width:100%;align-items:center;justify-content:center;border-radius:10px}._checkout_5sq3n_1{overflow:hidden;z-index:0;position:relative;height:auto;min-height:40px;width:100%;max-width:640px}._hidden_5sq3n_7{display:none!important}._formInitial_5sq3n_11{opacity:0;transform:translateY(100px)}._btnsInitial_5sq3n_16{opacity:0;transform:translateY(-100px)}._buttons_1i8cu_1{display:grid;gap:.5rem}._hidden_1i8cu_5{display:none!important}._applePay_1m9xd_1{border-radius:12px;height:40px;overflow:hidden;position:relative;background-color:#000}._applePay_1m9xd_1:hover{filter:contrast(.575) brightness(1.2)}._applePay_1m9xd_1 iframe{width:calc(100% + 12px)!important;height:44px!important;border:none;display:block;transform:translateY(-2px);margin:0 -6px}._hidden_1m9xd_22{display:none!important}._googlePay_1j5ka_1{border-radius:12px;height:40px;overflow:hidden;background-color:#000}._googlePay_1j5ka_1 iframe{width:100%!important;height:44px!important;border:none!important;border-radius:12px!important;display:block;transform:translateY(-2px)}._hidden_1j5ka_17{display:none!important}._paypal_1al9c_1{overflow:hidden;border-radius:12px;height:40px;background-color:#ffc439}._hidden_1al9c_8{display:none}._button_1br9w_1{transition-property:transform,color,background,background-color,border-color,text-decoration-color,fill,stroke,opacity;transition-timing-function:ease;transition-duration:.25s;position:relative;z-index:0;box-sizing:border-box;display:inline-flex;height:2.5rem;width:100%;min-width:5rem;transform:translate3d(var(--tw-translate-x),var(--tw-translate-y),0) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));cursor:pointer;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;-webkit-appearance:none;-moz-appearance:none;appearance:none;align-items:center;justify-content:center;overflow:hidden;white-space:nowrap;border-radius:.75rem;border-style:none;--tw-bg-opacity: 1;background-color:rgb(22 163 74 / var(--tw-bg-opacity, 1));padding-left:1rem;padding-right:1rem;font-size:1rem;line-height:1.5rem;font-weight:400;--tw-text-opacity: 1;color:rgb(255 255 255 / var(--tw-text-opacity, 1));-webkit-font-smoothing:auto;-moz-osx-font-smoothing:auto;outline:2px solid transparent;outline-offset:2px}@media (prefers-reduced-motion: reduce){._button_1br9w_1{transition-property:none}}._button_1br9w_1 span{margin-left:.25rem}._button_1br9w_1:hover{opacity:.7}._press_1br9w_21{transform:scale(.95)}._button_125my_1{cursor:pointer}._button_rx9be_1{transition-property:transform,color,background,background-color,border-color,text-decoration-color,fill,stroke,opacity;transition-timing-function:ease;transition-duration:.25s;position:relative;z-index:0;box-sizing:border-box;display:inline-flex;height:2.5rem;width:100%;min-width:5rem;transform:translate3d(var(--tw-translate-x),var(--tw-translate-y),0) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));cursor:pointer;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;-webkit-appearance:none;-moz-appearance:none;appearance:none;align-items:center;justify-content:center;overflow:hidden;white-space:nowrap;border-radius:.75rem;border-style:none;--tw-bg-opacity: 1;background-color:rgb(37 99 235 / var(--tw-bg-opacity, 1));padding-left:1rem;padding-right:1rem;font-size:.875rem;line-height:1.25rem;font-weight:400;--tw-text-opacity: 1;color:rgb(255 255 255 / var(--tw-text-opacity, 1));-webkit-font-smoothing:auto;-moz-osx-font-smoothing:auto;outline:2px solid transparent;outline-offset:2px}@media (prefers-reduced-motion: reduce){._button_rx9be_1{transition-property:none}}._button_rx9be_1 span{margin-left:.25rem}._disabled_rx9be_17,._button_rx9be_1:hover{opacity:.7}._press_rx9be_22{transform:scale(.95)}._hidden_rx9be_26{display:none!important}._spinner_rx9be_30{width:24px;height:24px}._cardForm_isqbi_1{display:grid;gap:.75rem;padding-top:0}._hidden_isqbi_5{display:none!important}._wrapper_4knhb_1{position:relative}._inputContainer_4knhb_5{background-color:transparent;box-sizing:border-box;display:flex;height:40px;width:100%;cursor:text;align-items:center;justify-content:space-between;border-radius:.75rem;border-width:1px;border-style:solid;--tw-border-opacity: 1;border-color:rgb(209 213 219 / var(--tw-border-opacity, 1));padding-left:.75rem;padding-right:.75rem}._inputContainer_4knhb_5::-moz-placeholder{--tw-placeholder-opacity: 1;color:rgb(156 163 175 / var(--tw-placeholder-opacity, 1))}._inputContainer_4knhb_5:-ms-input-placeholder{--tw-placeholder-opacity: 1;color:rgb(156 163 175 / var(--tw-placeholder-opacity, 1))}._inputContainer_4knhb_5::placeholder{--tw-placeholder-opacity: 1;color:rgb(156 163 175 / var(--tw-placeholder-opacity, 1))}._inputContainer_4knhb_5{--tw-shadow: 0 1px 2px 0 rgb(0 0 0 / .05);--tw-shadow-colored: 0 1px 2px 0 var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000),var(--tw-ring-shadow, 0 0 #0000),var(--tw-shadow)}@media (min-width: 640px){._inputContainer_4knhb_5{font-size:.875rem;line-height:1.25rem}}._inputFocus_4knhb_10,._inputContainer_4knhb_5:hover{--tw-border-opacity: 1;border-color:rgb(107 114 128 / var(--tw-border-opacity, 1))}._input_4knhb_5{background-color:transparent;display:block;height:100%;width:100%;border-style:none;font-size:1rem;font-weight:400;outline:2px solid transparent;outline-offset:2px}._endContent_4knhb_20{display:flex}._errorInput_4knhb_24{--tw-border-opacity: 1;border-color:rgb(220 38 38 / var(--tw-border-opacity, 1));--tw-text-opacity: 1;color:rgb(220 38 38 / var(--tw-text-opacity, 1))}._errorInput_4knhb_24:hover{--tw-border-opacity: 1;border-color:rgb(220 38 38 / var(--tw-border-opacity, 1));--tw-ring-opacity: 1;--tw-ring-color: rgb(220 38 38 / var(--tw-ring-opacity, 1))}._errorInput_4knhb_24:focus{--tw-border-opacity: 1;border-color:rgb(220 38 38 / var(--tw-border-opacity, 1));--tw-ring-opacity: 1;--tw-ring-color: rgb(220 38 38 / var(--tw-ring-opacity, 1))}._label_4knhb_28{margin-bottom:2px;display:flex;align-items:flex-end;justify-content:space-between;padding-left:1px;padding-right:.5rem;font-size:.75rem;line-height:1rem;font-weight:400}._labelError_4knhb_32{font-size:.6875rem;--tw-text-opacity: 1;color:rgb(220 38 38 / var(--tw-text-opacity, 1))}._disabled_4knhb_36{border-style:none;--tw-bg-opacity: 1;background-color:rgb(229 231 235 / var(--tw-bg-opacity, 1))}._disabledInput_4knhb_40{opacity:1;-webkit-appearance:none!important;-webkit-text-fill-color:#9ca3af!important;--tw-text-opacity: 1;color:rgb(156 163 175 / var(--tw-text-opacity, 1))}._hidden_4knhb_47{display:none!important}._wrapper_j8wuo_1{position:relative}._inputContainer_j8wuo_5{background-color:transparent;box-sizing:border-box;display:flex;height:40px;width:100%;cursor:text;align-items:center;justify-content:space-between;border-radius:.75rem;border-width:1px;border-style:solid;--tw-border-opacity: 1;border-color:rgb(209 213 219 / var(--tw-border-opacity, 1));padding-left:.75rem;padding-right:.75rem}._inputContainer_j8wuo_5::-moz-placeholder{--tw-placeholder-opacity: 1;color:rgb(156 163 175 / var(--tw-placeholder-opacity, 1))}._inputContainer_j8wuo_5:-ms-input-placeholder{--tw-placeholder-opacity: 1;color:rgb(156 163 175 / var(--tw-placeholder-opacity, 1))}._inputContainer_j8wuo_5::placeholder{--tw-placeholder-opacity: 1;color:rgb(156 163 175 / var(--tw-placeholder-opacity, 1))}._inputContainer_j8wuo_5{--tw-shadow: 0 1px 2px 0 rgb(0 0 0 / .05);--tw-shadow-colored: 0 1px 2px 0 var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000),var(--tw-ring-shadow, 0 0 #0000),var(--tw-shadow)}@media (min-width: 640px){._inputContainer_j8wuo_5{font-size:.875rem;line-height:1.25rem}}._inputFocus_j8wuo_10,._inputContainer_j8wuo_5:hover{--tw-border-opacity: 1;border-color:rgb(107 114 128 / var(--tw-border-opacity, 1))}._input_j8wuo_5{background-color:transparent;display:block;height:100%;width:100%;border-style:none;font-size:1rem;font-weight:400;outline:2px solid transparent;outline-offset:2px}._endContent_j8wuo_20{display:flex}._errorInput_j8wuo_24{--tw-border-opacity: 1;border-color:rgb(220 38 38 / var(--tw-border-opacity, 1));--tw-text-opacity: 1;color:rgb(220 38 38 / var(--tw-text-opacity, 1))}._errorInput_j8wuo_24:hover{--tw-border-opacity: 1;border-color:rgb(220 38 38 / var(--tw-border-opacity, 1));--tw-ring-opacity: 1;--tw-ring-color: rgb(220 38 38 / var(--tw-ring-opacity, 1))}._errorInput_j8wuo_24:focus{--tw-border-opacity: 1;border-color:rgb(220 38 38 / var(--tw-border-opacity, 1));--tw-ring-opacity: 1;--tw-ring-color: rgb(220 38 38 / var(--tw-ring-opacity, 1))}._error_j8wuo_24{margin-top:.25rem;margin-bottom:0;padding-left:.25rem;font-size:.75rem;line-height:1rem;font-weight:400;--tw-text-opacity: 1;color:rgb(220 38 38 / var(--tw-text-opacity, 1))}._label_j8wuo_32{margin-bottom:2px;display:flex;align-items:flex-end;justify-content:space-between;padding-left:1px;padding-right:.5rem;font-size:.75rem;line-height:1rem;font-weight:400}._labelError_j8wuo_36{font-size:.6875rem;--tw-text-opacity: 1;color:rgb(220 38 38 / var(--tw-text-opacity, 1))}._disabled_j8wuo_40{border-style:none;--tw-bg-opacity: 1;background-color:rgb(229 231 235 / var(--tw-bg-opacity, 1))}._disabledInput_j8wuo_44{opacity:1;-webkit-appearance:none!important;-webkit-text-fill-color:#9ca3af!important;--tw-text-opacity: 1;color:rgb(156 163 175 / var(--tw-text-opacity, 1))}._hidden_j8wuo_51{display:none!important}._wrapper_1xdj3_1{position:relative}._inputContainer_1xdj3_5{background-color:transparent;box-sizing:border-box;display:flex;height:40px;width:100%;cursor:text;align-items:center;justify-content:space-between;border-radius:.75rem;border-width:1px;border-style:solid;--tw-border-opacity: 1;border-color:rgb(209 213 219 / var(--tw-border-opacity, 1));padding-left:.75rem;padding-right:.75rem}._inputContainer_1xdj3_5::-moz-placeholder{--tw-placeholder-opacity: 1;color:rgb(156 163 175 / var(--tw-placeholder-opacity, 1))}._inputContainer_1xdj3_5:-ms-input-placeholder{--tw-placeholder-opacity: 1;color:rgb(156 163 175 / var(--tw-placeholder-opacity, 1))}._inputContainer_1xdj3_5::placeholder{--tw-placeholder-opacity: 1;color:rgb(156 163 175 / var(--tw-placeholder-opacity, 1))}._inputContainer_1xdj3_5{--tw-shadow: 0 1px 2px 0 rgb(0 0 0 / .05);--tw-shadow-colored: 0 1px 2px 0 var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000),var(--tw-ring-shadow, 0 0 #0000),var(--tw-shadow)}@media (min-width: 640px){._inputContainer_1xdj3_5{font-size:.875rem;line-height:1.25rem}}._inputFocus_1xdj3_10,._inputContainer_1xdj3_5:hover{--tw-border-opacity: 1;border-color:rgb(107 114 128 / var(--tw-border-opacity, 1))}._input_1xdj3_5{background-color:transparent;display:block;height:100%;width:100%;border-style:none;font-size:1rem;font-weight:400;outline:2px solid transparent;outline-offset:2px}._endContent_1xdj3_20{display:flex;align-items:center;justify-content:center}._errorInput_1xdj3_24{--tw-border-opacity: 1;border-color:rgb(220 38 38 / var(--tw-border-opacity, 1));--tw-text-opacity: 1;color:rgb(220 38 38 / var(--tw-text-opacity, 1))}._errorInput_1xdj3_24:hover{--tw-border-opacity: 1;border-color:rgb(220 38 38 / var(--tw-border-opacity, 1));--tw-ring-opacity: 1;--tw-ring-color: rgb(220 38 38 / var(--tw-ring-opacity, 1))}._errorInput_1xdj3_24:focus{--tw-border-opacity: 1;border-color:rgb(220 38 38 / var(--tw-border-opacity, 1));--tw-ring-opacity: 1;--tw-ring-color: rgb(220 38 38 / var(--tw-ring-opacity, 1))}._error_1xdj3_24{margin-top:.25rem;margin-bottom:0;padding-left:.25rem;font-size:.75rem;line-height:1rem;font-weight:400;--tw-text-opacity: 1;color:rgb(220 38 38 / var(--tw-text-opacity, 1))}._label_1xdj3_32{margin-bottom:2px;display:flex;align-items:flex-end;justify-content:space-between;padding-left:1px;padding-right:.5rem;font-size:.75rem;line-height:1rem;font-weight:400}._labelError_1xdj3_36{font-size:.6875rem;--tw-text-opacity: 1;color:rgb(220 38 38 / var(--tw-text-opacity, 1))}._disabled_1xdj3_40{border-style:none;--tw-bg-opacity: 1;background-color:rgb(229 231 235 / var(--tw-bg-opacity, 1))}._disabledInput_1xdj3_44{opacity:1;-webkit-appearance:none!important;-webkit-text-fill-color:#9ca3af!important;--tw-text-opacity: 1;color:rgb(156 163 175 / var(--tw-text-opacity, 1))}._hidden_1xdj3_51{display:none!important}._securityContent_1xdj3_55{display:grid;grid-column-gap:5px;grid-template-columns:repeat(2,minmax(0,1fr));grid-template-rows:repeat(3,minmax(0,auto))}._container_94v1h_1{display:flex;width:100%;flex-grow:1;flex-direction:row;align-items:center;justify-content:flex-start;-moz-column-gap:.25rem;column-gap:.25rem;border-radius:.375rem;--tw-bg-opacity: 1;background-color:rgb(254 231 239 / var(--tw-bg-opacity, 1));padding:.75rem 1rem}._container_94v1h_1:is(._dark_94v1h_1 *){background-color:#fee7ef80;--tw-text-opacity: 1;color:rgb(239 68 68 / var(--tw-text-opacity, 1))}._container_94v1h_1 svg{width:16px;height:16px}._title_94v1h_10{padding:0;padding-left:.25rem;font-size:.875rem;line-height:1.25rem;font-weight:300;--tw-text-opacity: 1;color:rgb(0 0 0 / var(--tw-text-opacity, 1))}._title_94v1h_10:is(._dark_94v1h_1 *){--tw-text-opacity: 1;color:rgb(0 0 0 / var(--tw-text-opacity, 1))}._container_hoha1_1{display:flex;width:100%;flex-direction:column;align-items:center;justify-content:center}._title_hoha1_5{margin-top:.5rem;font-weight:300}

package/dist/index.d.ts

@@ -1,10 +1,56 @@
-import { CSSProperties } from 'react';
-import { FC } from 'react';
-import { ReactNode } from 'react';
+import { EncryptedApplePayData } from '@evervault/react';
+import { EncryptedGooglePayData } from '@evervault/react';
+import { EvervaultInstance } from '@evervault/js';
+import { PayPalButtonsComponentOptions } from '@paypal/paypal-js';
+import { PayPalScriptOptions } from '@paypal/paypal-js';
 
-declare const AblePayModule: FC<CheckoutFormProps>;
-export { AblePayModule }
-export { AblePayModule as CheckoutForm }
+export declare interface Amount {
+    readonly currency: string;
+    readonly value: number;
+}
+
+declare type ApplePayButtonLocale = 'ar-AB' | 'ca-ES' | 'cs-CZ' | 'da-DK' | 'de-DE' | 'el-GR' | 'en-AU' | 'en-GB' | 'en-US' | 'es-ES' | 'es-MX' | 'fi-FI' | 'fr-CA' | 'fr-FR' | 'he-IL' | 'hi-IN' | 'hr-HR' | 'hu-HU' | 'id-ID' | 'it-IT' | 'ja-JP' | 'ko-KR' | 'ms-MY' | 'nb-NO' | 'nl-NL' | 'pl-PL' | 'pt-BR' | 'pt-PT' | 'ro-RO' | 'ru-RU' | 'sk-SK' | 'sv-SE' | 'th-TH' | 'tr-TR' | 'uk-UA' | 'vi-VN' | 'zh-CN' | 'zh-HK' | 'zh-TW';
+
+declare type ApplePayCardNetwork = 'amex' | 'bancomat' | 'bancontact' | 'cartesBancaires' | 'chinaUnionPay' | 'dankort' | 'discover' | 'eftpos' | 'electron' | 'elo' | 'girocard' | 'interac' | 'jcb' | 'mada' | 'maestro' | 'masterCard' | 'mir' | 'privateLabel' | 'visa' | 'vPay';
+
+declare interface ApplePayConfig {
+    transaction: ApplePayTransaction;
+    supportedCardTypes?: ApplePayCardNetwork[];
+    locale?: ApplePayButtonLocale;
+    onReady?: () => void;
+    onError?: () => void;
+    onCancel?: () => void;
+    onSuccess?: (data: EncryptedApplePayData) => void;
+}
+
+declare interface ApplePayTransaction {
+    amount: number;
+    currency: string;
+    country: string;
+    merchantId: string;
+    lineItems: Array<{
+        label: string;
+        amount: number;
+    }>;
+}
+
+declare type Attributes = Record<string, unknown>;
+
+export declare interface Card {
+    readonly currency?: string;
+    readonly country?: string;
+    readonly funding?: string;
+    readonly issuer?: string;
+    readonly firstSixDigits: string;
+    readonly lastFourDigits: string;
+    readonly expMonth: number;
+    readonly expYear: number;
+    readonly cardBrand: string;
+    readonly number: string;
+    readonly cvc: string;
+    readonly type: PaymentType;
+    readonly metadata?: Attributes;
+}
 
 export declare enum CardType {
     Visa = "visa",
@@ -17,62 +63,52 @@ export declare enum CardType {
     Maestro = "maestro"
 }
 
-export declare const cardTypes: readonly [{
-    readonly name: "Visa";
-    readonly type: CardType.Visa;
-    readonly pattern: RegExp;
-    readonly minLength: 16;
-    readonly maxLength: 16;
-}, {
-    readonly name: "MasterCard";
-    readonly type: CardType.Mastercard;
-    readonly pattern: RegExp;
-    readonly minLength: 16;
-    readonly maxLength: 16;
-}, {
-    readonly name: "American Express";
-    readonly type: CardType.AmericanExpress;
-    readonly pattern: RegExp;
-    readonly minLength: 15;
-    readonly maxLength: 15;
-}, {
-    readonly name: "Discover";
-    readonly type: CardType.Discover;
-    readonly pattern: RegExp;
-    readonly minLength: 16;
-    readonly maxLength: 16;
-}, {
-    readonly name: "JCB";
-    readonly type: CardType.JCB;
-    readonly pattern: RegExp;
-    readonly minLength: 15;
-    readonly maxLength: 16;
-}, {
-    readonly name: "Diners Club";
-    readonly type: CardType.DinersClub;
-    readonly pattern: RegExp;
-    readonly minLength: 14;
-    readonly maxLength: 16;
-}, {
-    readonly name: "Union Pay";
-    readonly type: CardType.UnionPay;
-    readonly pattern: RegExp;
-    readonly minLength: 16;
-    readonly maxLength: 19;
-}, {
-    readonly name: "Maestro";
-    readonly type: CardType.Maestro;
-    readonly pattern: RegExp;
-    readonly minLength: 12;
-    readonly maxLength: 19;
-}];
-
-export declare type CheckoutFormProps = PayNextConfig & {
-    translate?: DeepPartial<CheckoutTranslate>;
-    locale?: Locale;
-};
+export declare interface CheckoutConfig {
+    type: 'paypal' | 'apple-pay' | 'google-pay' | 'card';
+    order: number;
+    is_active: boolean;
+}
+
+declare interface CheckoutConfig_2 {
+    service: {
+        ev: EvService;
+        paypal: PayPalService;
+    };
+    state: {
+        translate: TranslateState;
+        checkout: CheckoutState;
+        transaction: TransactionState;
+        styles: StylesState;
+    };
+}
 
-declare interface CheckoutTranslate {
+export declare class CheckoutJS {
+    private readonly parent;
+    private readonly core;
+    constructor(parent: HTMLElement);
+    mount(config: PayNextConfig): Promise<void>;
+    unmount(): Promise<void>;
+}
+
+declare class CheckoutModule {
+    private readonly config;
+    private readonly component;
+    constructor(config: CheckoutConfig_2);
+    init(): Promise<void>;
+    mount(): Promise<HTMLElement>;
+}
+
+export declare interface CheckoutResponse {
+    data?: string;
+    error?: string;
+    three_ds_session_id?: string;
+}
+
+declare class CheckoutState extends State<PayNextConfig> {
+    constructor(state?: PayNextConfig);
+}
+
+export declare interface CheckoutTranslate {
     card: {
         title: string;
         number: {
@@ -124,57 +160,78 @@ declare interface CheckoutTranslate {
     };
 }
 
+declare interface CheckoutTranslateState {
+    overrides?: DeepPartial<CheckoutTranslate>;
+    messages: CheckoutTranslate;
+    locale: Locale;
+}
+
+export declare class Core {
+    readonly ev: EvService;
+    readonly paypal: PayPalService;
+    readonly state: {
+        translate: TranslateState;
+        checkout: CheckoutState;
+        transaction: TransactionState;
+        styles: StylesState;
+    };
+    readonly checkout: CheckoutModule;
+    clearState(): void;
+}
+
+declare type CSSProperties = Record<string, string>;
+
 declare type DeepPartial<T> = T extends object ? {
     [P in keyof T]?: DeepPartial<T[P]>;
 } : T;
 
-declare const i18n: {
-    ar: CheckoutTranslate;
-    en: CheckoutTranslate;
-    bg: CheckoutTranslate;
-    cs: CheckoutTranslate;
-    da: CheckoutTranslate;
-    de: CheckoutTranslate;
-    el: CheckoutTranslate;
-    es: CheckoutTranslate;
-    et: CheckoutTranslate;
-    fi: CheckoutTranslate;
-    fil: CheckoutTranslate;
-    fr: CheckoutTranslate;
-    hr: CheckoutTranslate;
-    hu: CheckoutTranslate;
-    id: CheckoutTranslate;
-    it: CheckoutTranslate;
-    ja: CheckoutTranslate;
-    ko: CheckoutTranslate;
-    lt: CheckoutTranslate;
-    lv: CheckoutTranslate;
-    ms: CheckoutTranslate;
-    ru: CheckoutTranslate;
-    mt: CheckoutTranslate;
-    nb: CheckoutTranslate;
-    nl: CheckoutTranslate;
-    pl: CheckoutTranslate;
-    pt: CheckoutTranslate;
-    ro: CheckoutTranslate;
-    sk: CheckoutTranslate;
-    sl: CheckoutTranslate;
-    sv: CheckoutTranslate;
-    th: CheckoutTranslate;
-    tr: CheckoutTranslate;
-    vi: CheckoutTranslate;
-    zh: CheckoutTranslate;
-};
-
-export declare enum InputError {
-    Invalid = "invalid",
-    Empty = "empty",
-    Incomplete = "incomplete",
-    Unsupported = "unsupported",
-    Expired = "expired"
-}
-
-declare interface InputStyles {
+declare interface EvConfig {
+    teamId: string;
+    appId: string;
+}
+
+declare class EvService {
+    isReady: boolean;
+    private ev;
+    private apple;
+    private google;
+    private threeDs;
+    private readonly events;
+    private isShouldLoad;
+    initEv(config: EvConfig): Promise<void>;
+    initThreeDs(config: ThreeDsConfig): Promise<void>;
+    initApple(config: ApplePayConfig): Promise<void>;
+    initGoogle(config: GooglePayConfig): Promise<void>;
+    isAppleAvailable(): boolean;
+    addEventListener(event: keyof EvService['events'], listener: Listener<void>): Unsubscribe;
+    renderApple(parent: HTMLElement): Promise<void | undefined>;
+    renderGoogle(parent: HTMLElement): Promise<void | undefined>;
+    getEv(): EvervaultInstance;
+}
+
+declare type GooglePayButtonLocale = 'en' | 'ar' | 'bg' | 'ca' | 'cs' | 'da' | 'de' | 'el' | 'es' | 'et' | 'fi' | 'fr' | 'hr' | 'id' | 'it' | 'ja' | 'ko' | 'ms' | 'nl' | 'no' | 'pl' | 'pt' | 'ru' | 'sk' | 'sl' | 'sr' | 'sv' | 'th' | 'tr' | 'uk' | 'zh';
+
+declare interface GooglePayConfig {
+    transaction: GooglePayTransaction;
+    locale?: GooglePayButtonLocale;
+    onReady?: () => void;
+    onError?: () => void;
+    onCancel?: () => void;
+    onSuccess?: (data: EncryptedGooglePayData) => void;
+}
+
+declare interface GooglePayTransaction {
+    amount: number;
+    currency: string;
+    country: string;
+    merchantId: string;
+    lineItems: Array<{
+        label: string;
+        amount: number;
+    }>;
+}
+
+export declare interface InputStyles {
     field?: {
         styles?: CSSProperties;
         className?: string;
@@ -194,26 +251,106 @@ declare interface InputStyles {
     };
 }
 
-declare type Locale = keyof typeof i18n;
+declare type Listener<TData> = (data: TData) => void;
+
+export declare type Locale = 'ar' | 'en' | 'bg' | 'cs' | 'da' | 'de' | 'el' | 'es' | 'et' | 'fi' | 'fil' | 'fr' | 'hr' | 'hu' | 'id' | 'it' | 'ja' | 'ko' | 'lt' | 'lv' | 'ms' | 'ru' | 'mt' | 'nb' | 'nl' | 'pl' | 'pt' | 'ro' | 'sk' | 'sl' | 'sv' | 'th' | 'tr' | 'vi' | 'zh';
+
+declare enum PaymentType {
+    Card = "CARD"
+}
 
 export declare interface PayNextConfig {
     clientToken: string;
     supportedCardTypes?: CardType[];
     variant?: 'default' | 'compact';
     styles?: StylesConfig;
+    translate?: DeepPartial<CheckoutTranslate>;
+    locale?: Locale;
     onCheckoutComplete?: () => void;
     onCheckoutFail?: (error: Error) => void;
 }
 
-export declare interface StylesConfig {
+declare class PayPalService {
+    private paypal;
+    init(config: PayPalScriptOptions): Promise<void>;
+    render(parent: HTMLElement, options?: PayPalButtonsComponentOptions): Promise<void>;
+}
+
+declare abstract class State<TState> {
+    private readonly initialState;
+    private state;
+    private readonly observer;
+    constructor(state: TState);
+    getState(): TState;
+    setState(state: TState): void;
+    clearState(): void;
+    subscribe(listener: Listener<TState>): Unsubscribe;
+}
+
+declare interface StylesConfig {
     card?: {
         input?: InputStyles;
         button?: {
             styles?: CSSProperties;
             className?: string;
-            icon?: ReactNode;
         };
     };
 }
 
+declare class StylesState extends State<StylesConfig> {
+    constructor(state?: StylesConfig);
+}
+
+declare interface ThreeDsConfig {
+    readonly threeDsId: string;
+    readonly onReady?: () => void;
+    readonly onSuccess?: () => void;
+    readonly onError?: () => void;
+}
+
+export declare interface TransactionConfig {
+    amount: number;
+    currency: string;
+    country: string;
+    merchant_id: string;
+    apple_pay_info: {
+        line_items: Array<{
+            label: string;
+            amount: 99;
+        }>;
+    };
+    paypal_info?: {
+        client_id: string;
+        environment: 'sandbox' | 'production';
+    };
+    checkout_config: CheckoutConfig[];
+    evervault: {
+        app_id: string;
+        team_id: string;
+    };
+}
+
+export declare interface TransactionConfigResponse extends TransactionConfig {
+    code: number;
+    success: boolean;
+}
+
+declare class TransactionState extends State<TransactionConfig | null> {
+    private clientToken;
+    constructor(state?: TransactionConfig);
+    updateTransaction(clientToken: string): Promise<TransactionConfig | null>;
+}
+
+declare class TranslateState extends State<CheckoutTranslateState> {
+    constructor();
+    setMessages(overrides: DeepPartial<CheckoutTranslate>): void;
+    setLocale(locale: Locale): void;
+    overrides(): DeepPartial<CheckoutTranslate> | undefined;
+    messages(): CheckoutTranslate;
+    locale(): Locale;
+    dir(): 'rtl' | 'ltr';
+}
+
+declare type Unsubscribe = () => void;
+
 export { }