@paynext/sdk 0.0.104 → 0.0.106
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/assets/index.css +1 -1
- package/dist/index.d.ts +45 -33
- package/dist/index.es.js +1431 -1619
- package/dist/index.es.js.map +1 -1
- package/dist/index.umd.js +26 -34
- package/dist/index.umd.js.map +1 -1
- package/package.json +1 -1
package/dist/assets/index.css
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
._spinner_4n5ur_1{height:100%;width:100%}@keyframes _spin_4n5ur_1{to{transform:rotate(360deg)}}._spinner_4n5ur_1{animation:_spin_4n5ur_1 1s linear infinite;fill:#9ca3af;--tw-text-opacity: 1;color:rgb(229 231 235 / var(--tw-text-opacity, 1))}._spinner_4n5ur_1:is(._dark_4n5ur_1 *){--tw-text-opacity: 1;color:rgb(75 85 99 / var(--tw-text-opacity, 1))}._spinnerContainer_4n5ur_5{height:40px;width:40px}._success_4n5ur_9{position:absolute;top:50%;left:50%;height:3.5rem;width:3.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:#0d776e;z-index:3}._successContainer_4n5ur_14{position:relative;display:grid;height:5rem;width:5rem;flex:none;place-items:center;border-radius:9999px;--tw-bg-opacity: 1;background-color:rgb(232 250 240 / var(--tw-bg-opacity, 1))}._successContainer_4n5ur_14:is(._dark_4n5ur_1 *){--tw-bg-opacity: 1;background-color:rgb(209 244 224 / var(--tw-bg-opacity, 1))}._successContainer_4n5ur_14{z-index:0;animation:_containerPulse_4n5ur_1 3s ease-in-out infinite}._successContainer_4n5ur_14:before,._successContainer_4n5ur_14:after{content:"";position:absolute;inset:0;border-radius:9999px;--tw-bg-opacity: 1;background-color:rgb(209 244 224 / var(--tw-bg-opacity, 1))}._successContainer_4n5ur_14:is(._dark_4n5ur_1 *):before,._successContainer_4n5ur_14:is(._dark_4n5ur_1 *):after{--tw-bg-opacity: 1;background-color:rgb(167 233 193 / var(--tw-bg-opacity, 1))}._successContainer_4n5ur_14:before,._successContainer_4n5ur_14:after{animation:_ripplePulse_4n5ur_1 3s cubic-bezier(.4,0,.6,1) infinite;opacity:0;z-index:1}._successContainer_4n5ur_14:after{animation-delay:.5s}@keyframes _containerPulse_4n5ur_1{0%,to{transform:scale(1)}50%{transform:scale(1.05)}}@keyframes _ripplePulse_4n5ur_1{0%{transform:scale(1);opacity:0}10%{transform:scale(1);opacity:.7}to{transform:scale(1.3);opacity:0}}._container_4n5ur_57{width:30px;height:20px;display:flex;margin:0 1px;align-items:center;justify-content:center}._card_4n5ur_66{width:28px;height:19px;display:flex;margin:0 1px;align-items:center;justify-content:center}._warning_4n5ur_75{width:16px;height:16px;display:flex;align-items:center;justify-content:center}._svg_4n5ur_83{width:100%;height:100%}._srOnly_4n5ur_88{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border-width:0}._backButton_4n5ur_92{width:30px;height:30px;display:flex;margin:0 1px;align-items:center;justify-content:center;background-color:#f4f4f5;border-radius:8px}._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_lsspc_1{padding:0 2px;overflow:hidden;z-index:0;position:relative;height:auto;min-height:60px;width:100%;max-width:640px}._hidden_lsspc_8{display:none!important}._formInitial_lsspc_12{opacity:0;transform:translateY(100px)}._btnsInitial_lsspc_17{opacity:0;transform:translateY(-100px)}._buttons_1i8cu_1{display:grid;gap:.5rem}._hidden_1i8cu_5{display:none!important}._applePay_f1ztr_1{display:flex;flex-direction:column;gap:8px}@media (hover: hover){._applePay_f1ztr_1:hover{filter:contrast(.575) brightness(1.2)}}._hidden_f1ztr_28{display:none!important}._googlePay_1u4c9_1{position:relative;display:flex;overflow:hidden;height:40px;border-radius:12px;background-color:#000}._googlePay_1u4c9_1 iframe{position:absolute;top:-1px;left:-1px;width:calc(100% + 2px)!important;height:calc(100% + 2px)!important;border:none;display:block}._hidden_1u4c9_20{display:none!important}._paypal_1p7d0_1{display:flex;flex-direction:column;gap:8px;height:40px;border-radius:12px;background-color:#ffc439}._hidden_1p7d0_10{display:none}._button_1trim_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(13 118 110 / 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_1trim_1{transition-property:none}}._button_1trim_1 span{margin-left:.25rem}@media (hover: hover){._button_1trim_1:hover{opacity:.7}}._container_10ziz_2{display:flex;flex-direction:column;gap:.5rem}._venmo_10ziz_8{display:flex;justify-content:center;align-items:center;overflow:hidden;border-radius:12px;height:40px;background-color:#0088f7;width:100%;color:#fff;font-size:16px;text-align:center;cursor:pointer;transition:background-color .3s ease;svg{height:40%}@media (hover: hover){&:hover{background-color:#5683c1}}}._hidden_10ziz_35{display:none}._button_125my_1{cursor:pointer}._button_1d7ly_1{margin-top:8px;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(13 118 110 / 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_1d7ly_1{transition-property:none}}._button_1d7ly_1 span{margin-left:.25rem}._disabled_1d7ly_18{opacity:.7}@media (hover: hover){._button_1d7ly_1:hover{opacity:.7}}._hidden_1d7ly_28{display:none!important}._spinner_1d7ly_32{width:24px;height:24px}._cardForm_ydw03_1{position:relative;display:grid;min-height:250px;gap:.75rem;padding-top:0}._hidden_ydw03_5{display:none!important}._topOffset_ydw03_9{margin-top:.5rem}._wrapper_1gvzd_1{position:relative}._inputContainer_1gvzd_5{background-color:transparent;border-color:#e0e0e0;box-shadow:0 0 0 1px #e0e0e0,0 2px 4px #00000012,0 1px 1.5px #0000000d;transition:box-shadow .2s ease-in-out;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;padding-left:.75rem;padding-right:.75rem}._inputContainer_1gvzd_5::-moz-placeholder{--tw-placeholder-opacity: 1;color:rgb(156 163 175 / var(--tw-placeholder-opacity, 1))}._inputContainer_1gvzd_5:-ms-input-placeholder{--tw-placeholder-opacity: 1;color:rgb(156 163 175 / var(--tw-placeholder-opacity, 1))}._inputContainer_1gvzd_5::placeholder{--tw-placeholder-opacity: 1;color:rgb(156 163 175 / var(--tw-placeholder-opacity, 1))}@media (min-width: 640px){._inputContainer_1gvzd_5{font-size:.875rem;line-height:1.25rem}}._inputFocus_1gvzd_13{--tw-border-opacity: 1;border-color:rgb(107 114 128 / var(--tw-border-opacity, 1))}@media (hover: hover){._inputContainer_1gvzd_5:hover{--tw-border-opacity: 1;border-color:rgb(107 114 128 / var(--tw-border-opacity, 1))}}._inputContainer_1gvzd_5:focus-within:not(._errorInput_1gvzd_23):not(._disabled_1gvzd_23){box-shadow:0 0 0 2px color-mix(in srgb,var(--input-focus-shadow-color, #5A67D8) 30%,transparent)}._input_1gvzd_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_1gvzd_32{display:flex}._errorInput_1gvzd_23{--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_1gvzd_23: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_1gvzd_23: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_1gvzd_40{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_1gvzd_44{font-size:.6875rem;--tw-text-opacity: 1;color:rgb(220 38 38 / var(--tw-text-opacity, 1))}._disabled_1gvzd_23{border-style:none;--tw-bg-opacity: 1;background-color:rgb(229 231 235 / var(--tw-bg-opacity, 1))}._disabledInput_1gvzd_52{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_1gvzd_59{display:none!important}._wrapper_1dxfo_1{position:relative}._inputContainer_1dxfo_5{background-color:transparent;border-color:#e0e0e0;box-shadow:0 0 0 1px #e0e0e0,0 2px 4px #00000012,0 1px 1.5px #0000000d;transition:box-shadow .2s ease-in-out;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;padding-left:.75rem;padding-right:.75rem}._inputContainer_1dxfo_5::-moz-placeholder{--tw-placeholder-opacity: 1;color:rgb(156 163 175 / var(--tw-placeholder-opacity, 1))}._inputContainer_1dxfo_5:-ms-input-placeholder{--tw-placeholder-opacity: 1;color:rgb(156 163 175 / var(--tw-placeholder-opacity, 1))}._inputContainer_1dxfo_5::placeholder{--tw-placeholder-opacity: 1;color:rgb(156 163 175 / var(--tw-placeholder-opacity, 1))}@media (min-width: 640px){._inputContainer_1dxfo_5{font-size:.875rem;line-height:1.25rem}}._inputFocus_1dxfo_13{--tw-border-opacity: 1;border-color:rgb(107 114 128 / var(--tw-border-opacity, 1))}@media (hover: hover){._inputContainer_1dxfo_5:hover{--tw-border-opacity: 1;border-color:rgb(107 114 128 / var(--tw-border-opacity, 1))}}._inputContainer_1dxfo_5:focus-within:not(._errorInput_1dxfo_23):not(._disabled_1dxfo_23){box-shadow:0 0 0 2px color-mix(in srgb,var(--input-focus-shadow-color, #5A67D8) 30%,transparent)}._input_1dxfo_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_1dxfo_32{display:flex}._errorInput_1dxfo_23{--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_1dxfo_23: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_1dxfo_23: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_1dxfo_23{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_1dxfo_44{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_1dxfo_48{font-size:.6875rem;--tw-text-opacity: 1;color:rgb(220 38 38 / var(--tw-text-opacity, 1))}._disabled_1dxfo_23{border-style:none;--tw-bg-opacity: 1;background-color:rgb(229 231 235 / var(--tw-bg-opacity, 1))}._disabledInput_1dxfo_56{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_1dxfo_63{display:none!important}._wrapper_27yo3_1{position:relative}._inputContainer_27yo3_5{background-color:transparent;border-color:#e0e0e0;box-shadow:0 0 0 1px #e0e0e0,0 2px 4px #00000012,0 1px 1.5px #0000000d;transition:box-shadow .2s ease-in-out;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;padding-left:.75rem;padding-right:.75rem}._inputContainer_27yo3_5::-moz-placeholder{--tw-placeholder-opacity: 1;color:rgb(156 163 175 / var(--tw-placeholder-opacity, 1))}._inputContainer_27yo3_5:-ms-input-placeholder{--tw-placeholder-opacity: 1;color:rgb(156 163 175 / var(--tw-placeholder-opacity, 1))}._inputContainer_27yo3_5::placeholder{--tw-placeholder-opacity: 1;color:rgb(156 163 175 / var(--tw-placeholder-opacity, 1))}@media (min-width: 640px){._inputContainer_27yo3_5{font-size:.875rem;line-height:1.25rem}}._inputFocus_27yo3_13{--tw-border-opacity: 1;border-color:rgb(107 114 128 / var(--tw-border-opacity, 1))}@media (hover: hover){._inputContainer_27yo3_5:hover{--tw-border-opacity: 1;border-color:rgb(107 114 128 / var(--tw-border-opacity, 1))}}._inputContainer_27yo3_5:focus-within:not(._errorInput_27yo3_23):not(._disabled_27yo3_23){box-shadow:0 0 0 2px color-mix(in srgb,var(--input-focus-shadow-color, #5A67D8) 30%,transparent)}._input_27yo3_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_27yo3_32{display:flex;align-items:center;justify-content:center}._errorInput_27yo3_23{--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_27yo3_23: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_27yo3_23: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_27yo3_23{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_27yo3_44{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_27yo3_48{font-size:.6875rem;--tw-text-opacity: 1;color:rgb(220 38 38 / var(--tw-text-opacity, 1))}._disabled_27yo3_23{border-style:none;--tw-bg-opacity: 1;background-color:rgb(229 231 235 / var(--tw-bg-opacity, 1))}._disabledInput_27yo3_56{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_27yo3_63{display:none!important}._securityContent_27yo3_67{display:grid;grid-column-gap:5px;grid-template-columns:repeat(2,minmax(0,1fr));grid-template-rows:repeat(3,minmax(0,auto))}._container_79xkl_1{display:flex;min-height:292px;width:100%;flex-direction:column;align-items:center;justify-content:center}._title_79xkl_5{margin-top:.5rem;font-weight:300}._container_1e7lb_1{border-radius:12px;margin-top:.5rem;display:flex;width:100%;flex-grow:1;flex-direction:row;align-items:center;justify-content:flex-start;-moz-column-gap:.25rem;column-gap:.25rem;--tw-bg-opacity: 1;background-color:rgb(254 231 239 / var(--tw-bg-opacity, 1));padding:.75rem 1rem}._container_1e7lb_1:is(._dark_1e7lb_1 *){background-color:#fee7ef80;--tw-text-opacity: 1;color:rgb(239 68 68 / var(--tw-text-opacity, 1))}._container_1e7lb_1 svg{width:16px;height:16px}._title_1e7lb_11{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_1e7lb_11:is(._dark_1e7lb_1 *){--tw-text-opacity: 1;color:rgb(0 0 0 / var(--tw-text-opacity, 1))}
|
|
1
|
+
._spinner_4n5ur_1{height:100%;width:100%}@keyframes _spin_4n5ur_1{to{transform:rotate(360deg)}}._spinner_4n5ur_1{animation:_spin_4n5ur_1 1s linear infinite;fill:#9ca3af;--tw-text-opacity: 1;color:rgb(229 231 235 / var(--tw-text-opacity, 1))}._spinner_4n5ur_1:is(._dark_4n5ur_1 *){--tw-text-opacity: 1;color:rgb(75 85 99 / var(--tw-text-opacity, 1))}._spinnerContainer_4n5ur_5{height:40px;width:40px}._success_4n5ur_9{position:absolute;top:50%;left:50%;height:3.5rem;width:3.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:#0d776e;z-index:3}._successContainer_4n5ur_14{position:relative;display:grid;height:5rem;width:5rem;flex:none;place-items:center;border-radius:9999px;--tw-bg-opacity: 1;background-color:rgb(232 250 240 / var(--tw-bg-opacity, 1))}._successContainer_4n5ur_14:is(._dark_4n5ur_1 *){--tw-bg-opacity: 1;background-color:rgb(209 244 224 / var(--tw-bg-opacity, 1))}._successContainer_4n5ur_14{z-index:0;animation:_containerPulse_4n5ur_1 3s ease-in-out infinite}._successContainer_4n5ur_14:before,._successContainer_4n5ur_14:after{content:"";position:absolute;inset:0;border-radius:9999px;--tw-bg-opacity: 1;background-color:rgb(209 244 224 / var(--tw-bg-opacity, 1))}._successContainer_4n5ur_14:is(._dark_4n5ur_1 *):before,._successContainer_4n5ur_14:is(._dark_4n5ur_1 *):after{--tw-bg-opacity: 1;background-color:rgb(167 233 193 / var(--tw-bg-opacity, 1))}._successContainer_4n5ur_14:before,._successContainer_4n5ur_14:after{animation:_ripplePulse_4n5ur_1 3s cubic-bezier(.4,0,.6,1) infinite;opacity:0;z-index:1}._successContainer_4n5ur_14:after{animation-delay:.5s}@keyframes _containerPulse_4n5ur_1{0%,to{transform:scale(1)}50%{transform:scale(1.05)}}@keyframes _ripplePulse_4n5ur_1{0%{transform:scale(1);opacity:0}10%{transform:scale(1);opacity:.7}to{transform:scale(1.3);opacity:0}}._container_4n5ur_57{width:30px;height:20px;display:flex;margin:0 1px;align-items:center;justify-content:center}._card_4n5ur_66{width:28px;height:19px;display:flex;margin:0 1px;align-items:center;justify-content:center}._warning_4n5ur_75{width:16px;height:16px;display:flex;align-items:center;justify-content:center}._svg_4n5ur_83{width:100%;height:100%}._srOnly_4n5ur_88{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border-width:0}._backButton_4n5ur_92{width:30px;height:30px;display:flex;margin:0 1px;align-items:center;justify-content:center;background-color:#f4f4f5;border-radius:8px}._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_lsspc_1{padding:0 2px;overflow:hidden;z-index:0;position:relative;height:auto;min-height:60px;width:100%;max-width:640px}._hidden_lsspc_8{display:none!important}._formInitial_lsspc_12{opacity:0;transform:translateY(100px)}._btnsInitial_lsspc_17{opacity:0;transform:translateY(-100px)}._buttons_1i8cu_1{display:grid;gap:.5rem}._hidden_1i8cu_5{display:none!important}._applePay_92so2_1{display:flex;flex-direction:column;gap:8px}@media (hover: hover){._applePay_92so2_1:hover{filter:contrast(.575) brightness(1.2)}}._hidden_92so2_15{display:none!important}._googlePay_1u4c9_1{position:relative;display:flex;overflow:hidden;height:40px;border-radius:12px;background-color:#000}._googlePay_1u4c9_1 iframe{position:absolute;top:-1px;left:-1px;width:calc(100% + 2px)!important;height:calc(100% + 2px)!important;border:none;display:block}._hidden_1u4c9_20{display:none!important}._paypal_1p7d0_1{display:flex;flex-direction:column;gap:8px;height:40px;border-radius:12px;background-color:#ffc439}._hidden_1p7d0_10{display:none}._button_1trim_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(13 118 110 / 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_1trim_1{transition-property:none}}._button_1trim_1 span{margin-left:.25rem}@media (hover: hover){._button_1trim_1:hover{opacity:.7}}._container_10ziz_2{display:flex;flex-direction:column;gap:.5rem}._venmo_10ziz_8{display:flex;justify-content:center;align-items:center;overflow:hidden;border-radius:12px;height:40px;background-color:#0088f7;width:100%;color:#fff;font-size:16px;text-align:center;cursor:pointer;transition:background-color .3s ease;svg{height:40%}@media (hover: hover){&:hover{background-color:#5683c1}}}._hidden_10ziz_35{display:none}._button_125my_1{cursor:pointer}._button_1d7ly_1{margin-top:8px;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(13 118 110 / 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_1d7ly_1{transition-property:none}}._button_1d7ly_1 span{margin-left:.25rem}._disabled_1d7ly_18{opacity:.7}@media (hover: hover){._button_1d7ly_1:hover{opacity:.7}}._hidden_1d7ly_28{display:none!important}._spinner_1d7ly_32{width:24px;height:24px}._cardForm_ydw03_1{position:relative;display:grid;min-height:250px;gap:.75rem;padding-top:0}._hidden_ydw03_5{display:none!important}._topOffset_ydw03_9{margin-top:.5rem}._wrapper_1gvzd_1{position:relative}._inputContainer_1gvzd_5{background-color:transparent;border-color:#e0e0e0;box-shadow:0 0 0 1px #e0e0e0,0 2px 4px #00000012,0 1px 1.5px #0000000d;transition:box-shadow .2s ease-in-out;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;padding-left:.75rem;padding-right:.75rem}._inputContainer_1gvzd_5::-moz-placeholder{--tw-placeholder-opacity: 1;color:rgb(156 163 175 / var(--tw-placeholder-opacity, 1))}._inputContainer_1gvzd_5:-ms-input-placeholder{--tw-placeholder-opacity: 1;color:rgb(156 163 175 / var(--tw-placeholder-opacity, 1))}._inputContainer_1gvzd_5::placeholder{--tw-placeholder-opacity: 1;color:rgb(156 163 175 / var(--tw-placeholder-opacity, 1))}@media (min-width: 640px){._inputContainer_1gvzd_5{font-size:.875rem;line-height:1.25rem}}._inputFocus_1gvzd_13{--tw-border-opacity: 1;border-color:rgb(107 114 128 / var(--tw-border-opacity, 1))}@media (hover: hover){._inputContainer_1gvzd_5:hover{--tw-border-opacity: 1;border-color:rgb(107 114 128 / var(--tw-border-opacity, 1))}}._inputContainer_1gvzd_5:focus-within:not(._errorInput_1gvzd_23):not(._disabled_1gvzd_23){box-shadow:0 0 0 2px color-mix(in srgb,var(--input-focus-shadow-color, #5A67D8) 30%,transparent)}._input_1gvzd_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_1gvzd_32{display:flex}._errorInput_1gvzd_23{--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_1gvzd_23: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_1gvzd_23: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_1gvzd_40{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_1gvzd_44{font-size:.6875rem;--tw-text-opacity: 1;color:rgb(220 38 38 / var(--tw-text-opacity, 1))}._disabled_1gvzd_23{border-style:none;--tw-bg-opacity: 1;background-color:rgb(229 231 235 / var(--tw-bg-opacity, 1))}._disabledInput_1gvzd_52{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_1gvzd_59{display:none!important}._wrapper_1dxfo_1{position:relative}._inputContainer_1dxfo_5{background-color:transparent;border-color:#e0e0e0;box-shadow:0 0 0 1px #e0e0e0,0 2px 4px #00000012,0 1px 1.5px #0000000d;transition:box-shadow .2s ease-in-out;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;padding-left:.75rem;padding-right:.75rem}._inputContainer_1dxfo_5::-moz-placeholder{--tw-placeholder-opacity: 1;color:rgb(156 163 175 / var(--tw-placeholder-opacity, 1))}._inputContainer_1dxfo_5:-ms-input-placeholder{--tw-placeholder-opacity: 1;color:rgb(156 163 175 / var(--tw-placeholder-opacity, 1))}._inputContainer_1dxfo_5::placeholder{--tw-placeholder-opacity: 1;color:rgb(156 163 175 / var(--tw-placeholder-opacity, 1))}@media (min-width: 640px){._inputContainer_1dxfo_5{font-size:.875rem;line-height:1.25rem}}._inputFocus_1dxfo_13{--tw-border-opacity: 1;border-color:rgb(107 114 128 / var(--tw-border-opacity, 1))}@media (hover: hover){._inputContainer_1dxfo_5:hover{--tw-border-opacity: 1;border-color:rgb(107 114 128 / var(--tw-border-opacity, 1))}}._inputContainer_1dxfo_5:focus-within:not(._errorInput_1dxfo_23):not(._disabled_1dxfo_23){box-shadow:0 0 0 2px color-mix(in srgb,var(--input-focus-shadow-color, #5A67D8) 30%,transparent)}._input_1dxfo_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_1dxfo_32{display:flex}._errorInput_1dxfo_23{--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_1dxfo_23: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_1dxfo_23: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_1dxfo_23{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_1dxfo_44{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_1dxfo_48{font-size:.6875rem;--tw-text-opacity: 1;color:rgb(220 38 38 / var(--tw-text-opacity, 1))}._disabled_1dxfo_23{border-style:none;--tw-bg-opacity: 1;background-color:rgb(229 231 235 / var(--tw-bg-opacity, 1))}._disabledInput_1dxfo_56{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_1dxfo_63{display:none!important}._wrapper_27yo3_1{position:relative}._inputContainer_27yo3_5{background-color:transparent;border-color:#e0e0e0;box-shadow:0 0 0 1px #e0e0e0,0 2px 4px #00000012,0 1px 1.5px #0000000d;transition:box-shadow .2s ease-in-out;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;padding-left:.75rem;padding-right:.75rem}._inputContainer_27yo3_5::-moz-placeholder{--tw-placeholder-opacity: 1;color:rgb(156 163 175 / var(--tw-placeholder-opacity, 1))}._inputContainer_27yo3_5:-ms-input-placeholder{--tw-placeholder-opacity: 1;color:rgb(156 163 175 / var(--tw-placeholder-opacity, 1))}._inputContainer_27yo3_5::placeholder{--tw-placeholder-opacity: 1;color:rgb(156 163 175 / var(--tw-placeholder-opacity, 1))}@media (min-width: 640px){._inputContainer_27yo3_5{font-size:.875rem;line-height:1.25rem}}._inputFocus_27yo3_13{--tw-border-opacity: 1;border-color:rgb(107 114 128 / var(--tw-border-opacity, 1))}@media (hover: hover){._inputContainer_27yo3_5:hover{--tw-border-opacity: 1;border-color:rgb(107 114 128 / var(--tw-border-opacity, 1))}}._inputContainer_27yo3_5:focus-within:not(._errorInput_27yo3_23):not(._disabled_27yo3_23){box-shadow:0 0 0 2px color-mix(in srgb,var(--input-focus-shadow-color, #5A67D8) 30%,transparent)}._input_27yo3_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_27yo3_32{display:flex;align-items:center;justify-content:center}._errorInput_27yo3_23{--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_27yo3_23: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_27yo3_23: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_27yo3_23{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_27yo3_44{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_27yo3_48{font-size:.6875rem;--tw-text-opacity: 1;color:rgb(220 38 38 / var(--tw-text-opacity, 1))}._disabled_27yo3_23{border-style:none;--tw-bg-opacity: 1;background-color:rgb(229 231 235 / var(--tw-bg-opacity, 1))}._disabledInput_27yo3_56{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_27yo3_63{display:none!important}._securityContent_27yo3_67{display:grid;grid-column-gap:5px;grid-template-columns:repeat(2,minmax(0,1fr));grid-template-rows:repeat(3,minmax(0,auto))}._container_79xkl_1{display:flex;min-height:292px;width:100%;flex-direction:column;align-items:center;justify-content:center}._title_79xkl_5{margin-top:.5rem;font-weight:300}._container_1e7lb_1{border-radius:12px;margin-top:.5rem;display:flex;width:100%;flex-grow:1;flex-direction:row;align-items:center;justify-content:flex-start;-moz-column-gap:.25rem;column-gap:.25rem;--tw-bg-opacity: 1;background-color:rgb(254 231 239 / var(--tw-bg-opacity, 1));padding:.75rem 1rem}._container_1e7lb_1:is(._dark_1e7lb_1 *){background-color:#fee7ef80;--tw-text-opacity: 1;color:rgb(239 68 68 / var(--tw-text-opacity, 1))}._container_1e7lb_1 svg{width:16px;height:16px}._title_1e7lb_11{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_1e7lb_11:is(._dark_1e7lb_1 *){--tw-text-opacity: 1;color:rgb(0 0 0 / var(--tw-text-opacity, 1))}
|
package/dist/index.d.ts
CHANGED
|
@@ -147,39 +147,51 @@ export declare interface CheckoutTranslate {
|
|
|
147
147
|
error: string;
|
|
148
148
|
invalidSession: string;
|
|
149
149
|
};
|
|
150
|
-
errors?: {
|
|
151
|
-
doNotHonor: string;
|
|
152
|
-
insufficientFunds: string;
|
|
153
|
-
limitExceeded: string;
|
|
154
|
-
expiredCard: string;
|
|
155
|
-
invalidCreditCardNumber: string;
|
|
156
|
-
processorDeclinedFraudSuspected: string;
|
|
157
|
-
cardholderAuthenticationRequired: string;
|
|
158
|
-
offlineIssuerDeclined: string;
|
|
159
|
-
cardReportedAsLostOrStolen: string;
|
|
160
|
-
invalidSecurePaymentData: string;
|
|
161
|
-
declined: string;
|
|
162
|
-
};
|
|
163
150
|
}
|
|
164
151
|
|
|
165
152
|
declare interface CheckoutTranslateOverrides {
|
|
153
|
+
card?: {
|
|
154
|
+
required?: string;
|
|
155
|
+
number?: {
|
|
156
|
+
label?: string;
|
|
157
|
+
error?: {
|
|
158
|
+
invalid?: string;
|
|
159
|
+
incomplete?: string;
|
|
160
|
+
unsupported?: string;
|
|
161
|
+
};
|
|
162
|
+
};
|
|
163
|
+
expiry?: {
|
|
164
|
+
label?: string;
|
|
165
|
+
placeholder?: string;
|
|
166
|
+
error?: {
|
|
167
|
+
invalid?: string;
|
|
168
|
+
incomplete?: string;
|
|
169
|
+
expired?: string;
|
|
170
|
+
tooFarInFuture?: string;
|
|
171
|
+
};
|
|
172
|
+
};
|
|
173
|
+
cvc?: {
|
|
174
|
+
label?: string;
|
|
175
|
+
placeholder?: string;
|
|
176
|
+
error?: {
|
|
177
|
+
incomplete?: string;
|
|
178
|
+
};
|
|
179
|
+
};
|
|
180
|
+
name?: {
|
|
181
|
+
label?: string;
|
|
182
|
+
placeholder?: string;
|
|
183
|
+
};
|
|
184
|
+
pay?: {
|
|
185
|
+
button?: string;
|
|
186
|
+
};
|
|
187
|
+
compact?: {
|
|
188
|
+
button?: string;
|
|
189
|
+
};
|
|
190
|
+
};
|
|
166
191
|
status?: {
|
|
167
192
|
error?: string;
|
|
168
193
|
invalidSession?: string;
|
|
169
194
|
};
|
|
170
|
-
errors?: {
|
|
171
|
-
doNotHonor?: string;
|
|
172
|
-
insufficientFunds?: string;
|
|
173
|
-
limitExceeded?: string;
|
|
174
|
-
expiredCard?: string;
|
|
175
|
-
invalidCreditCardNumber?: string;
|
|
176
|
-
processorDeclinedFraudSuspected?: string;
|
|
177
|
-
cardholderAuthenticationRequired?: string;
|
|
178
|
-
offlineIssuerDeclined?: string;
|
|
179
|
-
cardReportedAsLostOrStolen?: string;
|
|
180
|
-
invalidSecurePaymentData?: string;
|
|
181
|
-
declined?: string;
|
|
182
|
-
};
|
|
183
195
|
}
|
|
184
196
|
|
|
185
197
|
declare interface CheckoutTranslateState {
|
|
@@ -267,12 +279,12 @@ declare interface GooglePayTransaction {
|
|
|
267
279
|
}>;
|
|
268
280
|
}
|
|
269
281
|
|
|
270
|
-
declare type HTMLStyles = {
|
|
282
|
+
export declare type HTMLStyles = {
|
|
271
283
|
styles?: CSSProperties;
|
|
272
284
|
className?: string;
|
|
273
285
|
};
|
|
274
286
|
|
|
275
|
-
declare interface IApplePayButtonStyles {
|
|
287
|
+
export declare interface IApplePayButtonStyles {
|
|
276
288
|
styles?: Partial<Pick<ApplePayOptions, 'type' | 'style' | 'padding' | 'borderRadius' | 'size'>>;
|
|
277
289
|
}
|
|
278
290
|
|
|
@@ -290,11 +302,11 @@ declare interface ICheckoutState {
|
|
|
290
302
|
styles: StylesState;
|
|
291
303
|
}
|
|
292
304
|
|
|
293
|
-
declare interface IGooglePayButtonStyles {
|
|
305
|
+
export declare interface IGooglePayButtonStyles {
|
|
294
306
|
styles?: Partial<Pick<GooglePayOptions, 'type' | 'color' | 'borderRadius' | 'size'>>;
|
|
295
307
|
}
|
|
296
308
|
|
|
297
|
-
declare interface InputStyles {
|
|
309
|
+
export declare interface InputStyles {
|
|
298
310
|
field?: HTMLStyles;
|
|
299
311
|
label?: HTMLStyles;
|
|
300
312
|
error?: HTMLStyles;
|
|
@@ -306,17 +318,17 @@ declare interface InputStyles {
|
|
|
306
318
|
};
|
|
307
319
|
}
|
|
308
320
|
|
|
309
|
-
declare interface IPayPalButtonStyles {
|
|
321
|
+
export declare interface IPayPalButtonStyles {
|
|
310
322
|
styles?: PayPalButtonStyle;
|
|
311
323
|
}
|
|
312
324
|
|
|
313
|
-
declare interface ISubmitButtonStyles extends HTMLStyles {
|
|
325
|
+
export declare interface ISubmitButtonStyles extends HTMLStyles {
|
|
314
326
|
iconSvg?: string;
|
|
315
327
|
}
|
|
316
328
|
|
|
317
329
|
declare type Listener<TData> = (data: TData) => void;
|
|
318
330
|
|
|
319
|
-
declare interface LoadedResult {
|
|
331
|
+
export declare interface LoadedResult {
|
|
320
332
|
success: boolean;
|
|
321
333
|
error?: CheckoutError;
|
|
322
334
|
}
|