@bootpay/client-js 5.0.2-beta.1 → 5.0.3-beta.1

package/dist/index.es.js

@@ -1,4 +1,4 @@
-!function(){"use strict";try{if("undefined"!=typeof document){var o=document.createElement("style");o.appendChild(document.createTextNode('.bootpay-progress-background{position:fixed;display:block;background-color:transparent;inset:0;text-align:center;z-index:200000;white-space:nowrap}.bootpay-progress-background.blur-off{background-color:transparent}.bootpay-progress-background:before{display:inline-block;height:100%;content:" ";vertical-align:middle}.bootpay-progress-background .progress-message-window{display:inline-block;text-align:center;max-width:600px;border-radius:3px;width:100%;background-color:transparent;padding:0;vertical-align:middle}@media (min-width: 600px){.bootpay-progress-background .progress-message-window{padding:1rem}}.bootpay-progress-background .progress-message-window .bootpay-spinner{display:inline-block;width:50px;height:50px;border-radius:50%;border-top:2px solid rgba(255,255,255,.2);border-right:2px solid rgba(255,255,255,.2);border-bottom:2px solid rgba(255,255,255,.2);border-left:2px solid #ffffff;animation:spin 1s infinite linear}.bootpay-progress-background .progress-message-window .alfred-text{margin-top:1rem}.bootpay-progress-background .progress-message-window .alfred-text span.alfred-inner-text{font-weight:400;color:#eee}@keyframes spin{0%{transform:rotate(0);border-left:2px solid #ffffff;border-top:2px solid rgba(255,255,255,.2);border-right:2px solid rgba(255,255,255,.2);border-bottom:2px solid rgba(255,255,255,.2)}50%{transform:rotate(180deg);border-left:3px solid #ffffff;border-top:2px solid rgba(255,255,255,.4);border-right:2px solid rgba(255,255,255,.4);border-bottom:2px solid rgba(255,255,255,.4)}to{transform:rotate(360deg);border-left:2px solid #ffffff;border-top:2px solid rgba(255,255,255,.2);border-right:2px solid rgba(255,255,255,.2);border-bottom:2px solid rgba(255,255,255,.2)}}body.bootpay-open{position:fixed!important;inset:0;padding:0;margin:0;height:100vh!important;overflow:hidden!important;-webkit-overflow-scrolling:auto!important}body.bootpay-open.bootpay-mobile .bootpay-payment-background{background-color:transparent}@media (min-width: 600px){body.bootpay-open.bootpay-mobile .bootpay-payment-background{background-color:#000000b3}}body.bootpay-open .bootpay-payment-background{position:fixed;inset:0;display:block;text-align:center;background-color:#000000b3;z-index:9999}body.bootpay-open .bootpay-payment-background:before{display:inline-block;vertical-align:middle;height:100%;content:" "}body.bootpay-open .bootpay-payment-background.__alert{padding:1rem}body.bootpay-open .bootpay-payment-background.__alert:before{display:inline-block;vertical-align:middle;height:100%;content:" "}body.bootpay-open .bootpay-payment-background.__alert>.bootpay-confirm-window{position:absolute;max-width:400px;width:100%;background-color:#fff;border-radius:12px;left:50%;top:50%;transform:translate(-50%,-50%);overflow:hidden;box-shadow:0 0 10px #0000001a}body.bootpay-open .bootpay-payment-background.__alert>.bootpay-confirm-window.fade-in{animation:__bootpay-fade-in .1s linear}body.bootpay-open .bootpay-payment-background.__alert>.bootpay-confirm-window.fade-out{animation:__bootpay-fade-out .1s linear}@media (max-width: 768px){body.bootpay-open .bootpay-payment-background.__alert>.bootpay-confirm-window{left:1rem;right:1rem;width:auto;top:50%;transform:translateY(-50%)}}body.bootpay-open .bootpay-payment-background.__alert>.bootpay-confirm-window>.bootpay__alert-header{padding:1rem;text-align:left;font-size:20px;font-weight:600;position:relative}body.bootpay-open .bootpay-payment-background.__alert>.bootpay-confirm-window>.bootpay__alert-header>.bootpay-close-btn{top:40%;transform:translateY(-50%);padding:0;right:1rem}@media (min-width: 600px){body.bootpay-open .bootpay-payment-background.__alert>.bootpay-confirm-window>.bootpay__alert-header>.bootpay-close-btn{right:8px;top:50%;transform:translateY(-55%)}body.bootpay-open .bootpay-payment-background.__alert>.bootpay-confirm-window>.bootpay__alert-header>.bootpay-close-btn:before,body.bootpay-open .bootpay-payment-background.__alert>.bootpay-confirm-window>.bootpay__alert-header>.bootpay-close-btn:after{background-color:#333;width:1px}}body.bootpay-open .bootpay-payment-background.__alert>.bootpay-confirm-window>.bootpay__alert-body{padding:1.5rem 1rem;text-align:center;font-size:16px;color:#333;line-height:1.5}body.bootpay-open .bootpay-payment-background.__alert>.bootpay-confirm-window>.bootpay__alert-footer{display:flex;justify-content:flex-end;border-top:1px solid #f2f2f2}body.bootpay-open .bootpay-payment-background.__alert>.bootpay-confirm-window>.bootpay__alert-footer>button.bootpay__alert-close{flex:0 1 50%;padding:1rem;background-color:#fff;color:#333;font-size:16px;cursor:pointer;border:0;outline:none}body.bootpay-open .bootpay-payment-background.__alert>.bootpay-confirm-window>.bootpay__alert-footer>button.bootpay__alert-close.border-right{border-right:1px solid #f2f2f2}body.bootpay-open .bootpay-payment-background.__alert>.bootpay-confirm-window>.bootpay__alert-footer>button.bootpay__alert-close:hover{background-color:#e0e0e0}body.bootpay-open .bootpay-payment-background.__alert>.bootpay-confirm-window>.bootpay__alert-footer>button.bootpay__alert-close.bootpay-primary{color:#507cf3;font-weight:600}body.bootpay-open .bootpay-payment-background.__alert>.bootpay-confirm-window>.bootpay__alert-footer>button.bootpay__alert-close.bootpay-primary:hover{color:#3f6be2}body.bootpay-open .bootpay-payment-background>.bootpay-payment-window{position:relative;display:inline-block;vertical-align:middle}body.bootpay-open .bootpay-payment-background>.bootpay-payment-window.__mobile{max-width:470px;height:90%}@media (max-width: 768px){body.bootpay-open .bootpay-payment-background>.bootpay-payment-window{position:absolute;inset:0;border-radius:0!important}body.bootpay-open .bootpay-payment-background>.bootpay-payment-window.__mobile{position:absolute;max-width:inherit;inset:0;height:100%}body.bootpay-open .bootpay-payment-background>.bootpay-payment-window>iframe{width:100%!important;height:100%!important;border-radius:0}body.bootpay-open .bootpay-payment-background>.bootpay-payment-window>iframe.transparent{background:transparent!important}}body.bootpay-open .bootpay-payment-background>.bootpay-payment-window>button.bootpay-payment-close{position:absolute;display:none;top:-32px;right:4px;color:#fff;font-size:32px;text-decoration:none;outline:none;box-shadow:none;border:0;background-color:transparent}body.bootpay-open .bootpay-payment-background>.bootpay-payment-window>button.bootpay-payment-close:before,body.bootpay-open .bootpay-payment-background>.bootpay-payment-window>button.bootpay-payment-close:after{width:2px!important;background-color:#fff!important}@media (max-width: 768px){body.bootpay-open .bootpay-payment-background>.bootpay-payment-window>button.bootpay-payment-close{top:1rem;right:16px;color:#000;padding:0}body.bootpay-open .bootpay-payment-background>.bootpay-payment-window>button.bootpay-payment-close:before,body.bootpay-open .bootpay-payment-background>.bootpay-payment-window>button.bootpay-payment-close:after{width:2px!important;background-color:#000!important}}body.bootpay-open .bootpay-payment-background>.bootpay-payment-window>.bootpay-popup-window{position:relative;width:400px;height:600px;display:none;background-color:#fff;border-radius:5px;overflow:hidden}@media (max-width: 768px){body.bootpay-open .bootpay-payment-background>.bootpay-payment-window>.bootpay-popup-window{position:absolute;inset:0;width:100%;height:100%;border-radius:0}}body.bootpay-open .bootpay-payment-background>.bootpay-payment-window>.bootpay-popup-window>.header{position:absolute;left:0;right:0;top:0;height:50px;color:#333;background-color:#fff;text-align:left}body.bootpay-open .bootpay-payment-background>.bootpay-payment-window>.bootpay-popup-window>.body{position:absolute;inset:50px 0 72px;padding:1rem;text-align:left;font-size:14px}body.bootpay-open .bootpay-payment-background>.bootpay-payment-window>.bootpay-popup-window>.body>#bootpay-item-name-id{font-size:16px;color:#888;font-weight:400!important;text-align:center}body.bootpay-open .bootpay-payment-background>.bootpay-payment-window>.bootpay-popup-window>.body>#bootpay-price-id{font-size:36px;color:#333;font-weight:700;text-align:center}body.bootpay-open .bootpay-payment-background>.bootpay-payment-window>.bootpay-popup-window>.body>.agree-text{position:absolute;bottom:1rem;left:0;right:0;color:#888;font-size:14px;text-align:center}body.bootpay-open .bootpay-payment-background>.bootpay-payment-window>.bootpay-popup-window>.footer{position:absolute;left:0;right:0;bottom:0;height:72px;padding:0 1rem;margin:0}body.bootpay-open .bootpay-payment-background>.bootpay-payment-window>.bootpay-popup-window>.footer>button.bootpay-button{display:block;width:100%;padding:1rem;outline:none;border:none;background-color:#507cf3;border-radius:5px;color:#fff;font-size:16px}body.bootpay-open .bootpay-payment-background>.bootpay-payment-window>.bootpay-popup-window>.footer>button.bootpay-button:hover,body.bootpay-open .bootpay-payment-background>.bootpay-payment-window>.bootpay-popup-window>.footer>button.bootpay-button:active{outline:none;box-shadow:none}body.bootpay-open .bootpay-payment-background>.bootpay-payment-window>iframe{width:100%;height:100%;display:none;border:0!important;outline:0!important;border-radius:0;box-shadow:none}@media (min-width: 600px){body.bootpay-open .bootpay-payment-background>.bootpay-payment-window>iframe{width:0;height:0;border:0;outline:0;border-radius:0!important;box-shadow:none!important}}body.bootpay-open .bootpay-payment-background>.bootpay-payment-window>iframe.rounded-iframe{border-radius:0}@media (min-width: 600px){body.bootpay-open .bootpay-payment-background>.bootpay-payment-window>iframe.rounded-iframe{width:0;height:0;border:0;outline:0;border-radius:20px!important;box-shadow:none!important}}body.bootpay-open .bootpay-payment-background #__bootpay-modal-iframe.slide-up{animation:__bootpay-slide-up .3s linear}body.bootpay-open .bootpay-payment-background #__bootpay-modal-iframe.slide-down{animation:__bootpay-slide-down .3s linear}body.bootpay-open .bootpay-payment-background>.bootpay-confirm-window>iframe{display:none;width:1px;height:1px;background:transparent;border:0!important;outline:0!important}.bootpay-close-btn{position:absolute;box-shadow:none;background-color:transparent;outline:0;z-index:10001;right:8px;top:8px;height:21px;width:21px;border:0!important;outline:none!important}@media (min-width: 600px){.bootpay-close-btn{right:4px;top:-32px;width:25px;height:25px;background:transparent;outline:none!important;border:0!important}}.bootpay-close-btn.active,.bootpay-close-btn:focus{outline:none!important;border:0!important}.bootpay-close-btn:before,.bootpay-close-btn:after{position:absolute;left:8px;top:2px;content:" ";height:24px;width:1px;background-color:#333}@media (min-width: 600px){.bootpay-close-btn:before,.bootpay-close-btn:after{height:23px;top:0;width:2px;background-color:#fff}}.bootpay-close-btn:before{transform:rotate(45deg)}.bootpay-close-btn:after{transform:rotate(-45deg)}@keyframes __bootpay-slide-up{0%{transform:translateY(150%);opacity:0}to{transform:translateY(0);opacity:1}}@keyframes __bootpay-slide-down{0%{transform:translateY(0);opacity:1}to{transform:translateY(150%);opacity:0}}@keyframes __bootpay-fade-in{0%{opacity:0;scale:.9}to{opacity:1;scale:1}}@keyframes __bootpay-fade-out{0%{opacity:1;scale:1}to{opacity:0;scale:.9}}')),document.head.appendChild(o)}}catch(t){console.error("vite-plugin-css-injected-by-js",t)}}();
+!function(){"use strict";try{if("undefined"!=typeof document){var o=document.createElement("style");o.appendChild(document.createTextNode('.bootpay-progress-background{position:fixed;display:block;background-color:transparent;inset:0;text-align:center;z-index:200000;white-space:nowrap}.bootpay-progress-background.blur-off{background-color:transparent}.bootpay-progress-background:before{display:inline-block;height:100%;content:" ";vertical-align:middle}.bootpay-progress-background .progress-message-window{display:inline-block;text-align:center;max-width:600px;border-radius:3px;width:100%;background-color:transparent;padding:0;vertical-align:middle}@media (min-width: 600px){.bootpay-progress-background .progress-message-window{padding:1rem}}.bootpay-progress-background .progress-message-window .bootpay-spinner{display:inline-block;width:50px;height:50px;border-radius:50%;border-top:2px solid rgba(255,255,255,.2);border-right:2px solid rgba(255,255,255,.2);border-bottom:2px solid rgba(255,255,255,.2);border-left:2px solid #ffffff;animation:spin 1s infinite linear}.bootpay-progress-background .progress-message-window .alfred-text{margin-top:1rem}.bootpay-progress-background .progress-message-window .alfred-text span.alfred-inner-text{font-weight:400;color:#eee}@keyframes spin{0%{transform:rotate(0);border-left:2px solid #ffffff;border-top:2px solid rgba(255,255,255,.2);border-right:2px solid rgba(255,255,255,.2);border-bottom:2px solid rgba(255,255,255,.2)}50%{transform:rotate(180deg);border-left:3px solid #ffffff;border-top:2px solid rgba(255,255,255,.4);border-right:2px solid rgba(255,255,255,.4);border-bottom:2px solid rgba(255,255,255,.4)}to{transform:rotate(360deg);border-left:2px solid #ffffff;border-top:2px solid rgba(255,255,255,.2);border-right:2px solid rgba(255,255,255,.2);border-bottom:2px solid rgba(255,255,255,.2)}}body.bootpay-open{position:fixed!important;inset:0;padding:0;margin:0;height:100vh!important;overflow:hidden!important;-webkit-overflow-scrolling:auto!important}body.bootpay-open.bootpay-mobile .bootpay-payment-background{background-color:transparent}@media (min-width: 600px){body.bootpay-open.bootpay-mobile .bootpay-payment-background{background-color:#000000b3}}body.bootpay-open .bootpay-payment-background{position:fixed;inset:0;display:block;text-align:center;background-color:#000000b3;z-index:9999}body.bootpay-open .bootpay-payment-background:before{display:inline-block;vertical-align:middle;height:100%;content:" "}body.bootpay-open .bootpay-payment-background.__alert{padding:1rem}body.bootpay-open .bootpay-payment-background.__alert:before{display:inline-block;vertical-align:middle;height:100%;content:" "}body.bootpay-open .bootpay-payment-background.__alert>.bootpay-confirm-window{position:absolute;max-width:400px;width:100%;background-color:#fff;border-radius:12px;left:50%;top:50%;transform:translate(-50%,-50%);overflow:hidden;box-shadow:0 0 10px #0000001a}body.bootpay-open .bootpay-payment-background.__alert>.bootpay-confirm-window.fade-in{animation:__bootpay-fade-in .1s linear}body.bootpay-open .bootpay-payment-background.__alert>.bootpay-confirm-window.fade-out{animation:__bootpay-fade-out .1s linear}@media (max-width: 768px){body.bootpay-open .bootpay-payment-background.__alert>.bootpay-confirm-window{left:1rem;right:1rem;width:auto;top:50%;transform:translateY(-50%)}}body.bootpay-open .bootpay-payment-background.__alert>.bootpay-confirm-window>.bootpay__alert-header{padding:1rem;text-align:left;font-size:20px;font-weight:600;position:relative}body.bootpay-open .bootpay-payment-background.__alert>.bootpay-confirm-window>.bootpay__alert-header>.bootpay-close-btn{top:40%;transform:translateY(-50%);padding:0;right:1rem}@media (min-width: 600px){body.bootpay-open .bootpay-payment-background.__alert>.bootpay-confirm-window>.bootpay__alert-header>.bootpay-close-btn{right:8px;top:50%;transform:translateY(-55%)}body.bootpay-open .bootpay-payment-background.__alert>.bootpay-confirm-window>.bootpay__alert-header>.bootpay-close-btn:before,body.bootpay-open .bootpay-payment-background.__alert>.bootpay-confirm-window>.bootpay__alert-header>.bootpay-close-btn:after{background-color:#333;width:1px}}body.bootpay-open .bootpay-payment-background.__alert>.bootpay-confirm-window>.bootpay__alert-body{padding:1.5rem 1rem;text-align:center;font-size:16px;color:#333;line-height:1.5}body.bootpay-open .bootpay-payment-background.__alert>.bootpay-confirm-window>.bootpay__alert-footer{display:flex;justify-content:flex-end;border-top:1px solid #f2f2f2}body.bootpay-open .bootpay-payment-background.__alert>.bootpay-confirm-window>.bootpay__alert-footer>button.bootpay__alert-close{flex:0 1 50%;padding:1rem;background-color:#fff;color:#333;font-size:16px;cursor:pointer;border:0;outline:none}body.bootpay-open .bootpay-payment-background.__alert>.bootpay-confirm-window>.bootpay__alert-footer>button.bootpay__alert-close.border-right{border-right:1px solid #f2f2f2}body.bootpay-open .bootpay-payment-background.__alert>.bootpay-confirm-window>.bootpay__alert-footer>button.bootpay__alert-close:hover{background-color:#e0e0e0}body.bootpay-open .bootpay-payment-background.__alert>.bootpay-confirm-window>.bootpay__alert-footer>button.bootpay__alert-close.bootpay-primary{color:#507cf3;font-weight:600}body.bootpay-open .bootpay-payment-background.__alert>.bootpay-confirm-window>.bootpay__alert-footer>button.bootpay__alert-close.bootpay-primary:hover{color:#3f6be2}body.bootpay-open .bootpay-payment-background>.bootpay-payment-window{position:relative;display:inline-block;vertical-align:middle}body.bootpay-open .bootpay-payment-background>.bootpay-payment-window.__mobile{max-width:470px;height:90%}@media (max-width: 768px){body.bootpay-open .bootpay-payment-background>.bootpay-payment-window{position:absolute;inset:0;border-radius:0!important}body.bootpay-open .bootpay-payment-background>.bootpay-payment-window.__mobile{position:absolute;max-width:inherit;inset:0;height:100%}body.bootpay-open .bootpay-payment-background>.bootpay-payment-window>iframe{width:100%!important;height:100%!important;border-radius:0}body.bootpay-open .bootpay-payment-background>.bootpay-payment-window>iframe.transparent{background:transparent!important}}body.bootpay-open .bootpay-payment-background>.bootpay-payment-window>button.bootpay-payment-close{position:absolute;display:none;top:-32px;right:4px;color:#fff;font-size:32px;text-decoration:none;outline:none;box-shadow:none;border:0;background-color:transparent}body.bootpay-open .bootpay-payment-background>.bootpay-payment-window>button.bootpay-payment-close:before,body.bootpay-open .bootpay-payment-background>.bootpay-payment-window>button.bootpay-payment-close:after{width:2px!important;background-color:#fff!important}@media (max-width: 768px){body.bootpay-open .bootpay-payment-background>.bootpay-payment-window>button.bootpay-payment-close{top:1rem;right:16px;color:#000;padding:0}body.bootpay-open .bootpay-payment-background>.bootpay-payment-window>button.bootpay-payment-close:before,body.bootpay-open .bootpay-payment-background>.bootpay-payment-window>button.bootpay-payment-close:after{width:2px!important;background-color:#000!important}}body.bootpay-open .bootpay-payment-background>.bootpay-payment-window>.bootpay-popup-window{position:relative;width:400px;height:600px;display:none;background-color:#fff;border-radius:5px;overflow:hidden}@media (max-width: 768px){body.bootpay-open .bootpay-payment-background>.bootpay-payment-window>.bootpay-popup-window{position:absolute;inset:0;width:100%;height:100%;border-radius:0}}body.bootpay-open .bootpay-payment-background>.bootpay-payment-window>.bootpay-popup-window>.header{position:absolute;left:0;right:0;top:0;height:50px;color:#333;background-color:#fff;text-align:left}body.bootpay-open .bootpay-payment-background>.bootpay-payment-window>.bootpay-popup-window>.body{position:absolute;inset:50px 0 72px;padding:1rem;text-align:left;font-size:14px}body.bootpay-open .bootpay-payment-background>.bootpay-payment-window>.bootpay-popup-window>.body>#bootpay-item-name-id{font-size:16px;color:#888;font-weight:400!important;text-align:center}body.bootpay-open .bootpay-payment-background>.bootpay-payment-window>.bootpay-popup-window>.body>#bootpay-price-id{font-size:36px;color:#333;font-weight:700;text-align:center}body.bootpay-open .bootpay-payment-background>.bootpay-payment-window>.bootpay-popup-window>.body>.agree-text{position:absolute;bottom:1rem;left:0;right:0;color:#888;font-size:14px;text-align:center}body.bootpay-open .bootpay-payment-background>.bootpay-payment-window>.bootpay-popup-window>.footer{position:absolute;left:0;right:0;bottom:0;height:72px;padding:0 1rem;margin:0}body.bootpay-open .bootpay-payment-background>.bootpay-payment-window>.bootpay-popup-window>.footer>button.bootpay-button{display:block;width:100%;padding:1rem;outline:none;border:none;background-color:#507cf3;border-radius:5px;color:#fff;font-size:16px}body.bootpay-open .bootpay-payment-background>.bootpay-payment-window>.bootpay-popup-window>.footer>button.bootpay-button:hover,body.bootpay-open .bootpay-payment-background>.bootpay-payment-window>.bootpay-popup-window>.footer>button.bootpay-button:active{outline:none;box-shadow:none}body.bootpay-open .bootpay-payment-background>.bootpay-payment-window>iframe{width:100%;height:100%;display:none;border:0!important;outline:0!important;border-radius:0;box-shadow:none}@media (min-width: 600px){body.bootpay-open .bootpay-payment-background>.bootpay-payment-window>iframe{width:0;height:0;border:0;outline:0;border-radius:0!important;box-shadow:none!important}}body.bootpay-open .bootpay-payment-background>.bootpay-payment-window>iframe.rounded-iframe{border-radius:0}@media (min-width: 600px){body.bootpay-open .bootpay-payment-background>.bootpay-payment-window>iframe.rounded-iframe{width:0;height:0;border:0;outline:0;border-radius:20px!important;box-shadow:none!important}}body.bootpay-open .bootpay-payment-background #__bootpay-modal-iframe.slide-up{animation:__bootpay-slide-up .3s linear}body.bootpay-open .bootpay-payment-background #__bootpay-modal-iframe.slide-down{animation:__bootpay-slide-down .3s linear}body.bootpay-open .bootpay-payment-background>.bootpay-confirm-window>iframe{display:none;width:1px;height:1px;background:transparent;border:0!important;outline:0!important}.bootpay-close-btn{position:absolute;box-shadow:none;background-color:transparent;outline:0;z-index:10001;right:8px;top:8px;height:21px;width:21px;border:0!important;outline:none!important}@media (min-width: 600px){.bootpay-close-btn{right:4px;top:-32px;width:25px;height:25px;background:transparent;outline:none!important;border:0!important}}.bootpay-close-btn.active,.bootpay-close-btn:focus{outline:none!important;border:0!important}.bootpay-close-btn:before,.bootpay-close-btn:after{position:absolute;left:8px;top:2px;content:" ";height:24px;width:1px;background-color:#333}@media (min-width: 600px){.bootpay-close-btn:before,.bootpay-close-btn:after{height:23px;top:0;width:2px;background-color:#fff}}.bootpay-close-btn:before{transform:rotate(45deg)}.bootpay-close-btn:after{transform:rotate(-45deg)}@keyframes __bootpay-slide-up{0%{transform:translateY(150%);opacity:0}to{transform:translateY(0);opacity:1}}@keyframes __bootpay-slide-down{0%{transform:translateY(0);opacity:1}to{transform:translateY(150%);opacity:0}}@keyframes __bootpay-fade-in{0%{opacity:0;scale:.9}to{opacity:1;scale:1}}@keyframes __bootpay-fade-out{0%{opacity:1;scale:1}to{opacity:0;scale:.9}}.__bootpay-ex-el-fullscreen{position:absolute;inset:0;height:100%}.bootpay-ex-iframe-container{width:100%;height:100%}.bootpay-ex-iframe-container>iframe{width:100%;border:0;outline:none;overflow:scroll}.bootpay-ex-iframe-container>.bootpay-ex-overlay{position:fixed;inset:0;background-color:#000000b3;z-index:100000;text-align:center;display:none}.bootpay-ex-iframe-container>.bootpay-ex-overlay.fade-in{animation:fadeIn .2s ease}.bootpay-ex-iframe-container>.bootpay-ex-overlay.fade-out{animation:fadeOut .2s ease}.bootpay-ex-iframe-container>.bootpay-ex-overlay:before{display:inline-block;vertical-align:middle;height:100%;content:" "}@media (max-width: 600px){.bootpay-ex-iframe-container>.bootpay-ex-overlay:before{display:block;height:inherit;vertical-align:inherit}}.bootpay-ex-iframe-container>.bootpay-ex-overlay>.bootpay-ex-overlay-iframe-container{display:inline-block;vertical-align:middle}@media (max-width: 600px){.bootpay-ex-iframe-container>.bootpay-ex-overlay>.bootpay-ex-overlay-iframe-container{width:100%!important;height:100%!important}}.bootpay-ex-iframe-container>.bootpay-ex-overlay>.bootpay-ex-alert-container{display:inline-block;background-color:#fff;vertical-align:middle;max-width:450px;width:100%;text-align:left;border-radius:12px;overflow:hidden}@media (max-width: 768px){.bootpay-ex-iframe-container>.bootpay-ex-overlay>.bootpay-ex-alert-container{margin:1rem}}.bootpay-ex-iframe-container>.bootpay-ex-overlay>.bootpay-ex-alert-container.zoom-in{animation:zoomIn .2s ease}.bootpay-ex-iframe-container>.bootpay-ex-overlay>.bootpay-ex-alert-container.zoom-out{animation:zoomOut .2s ease}.bootpay-ex-iframe-container>.bootpay-ex-overlay>.bootpay-ex-alert-container>.bootpay-ex-alert-header{position:relative;padding:1rem 1.5rem;font-size:18px}.bootpay-ex-iframe-container>.bootpay-ex-overlay>.bootpay-ex-alert-container>.bootpay-ex-alert-header .bootpay-close-btn{position:absolute;box-shadow:none;background-color:transparent;outline:0;z-index:10001;right:1rem;top:50%;transform:translateY(-50%);height:21px;width:21px;border:0!important;outline:none!important}.bootpay-ex-iframe-container>.bootpay-ex-overlay>.bootpay-ex-alert-container>.bootpay-ex-alert-header .bootpay-close-btn.active,.bootpay-ex-iframe-container>.bootpay-ex-overlay>.bootpay-ex-alert-container>.bootpay-ex-alert-header .bootpay-close-btn:focus{outline:none!important;border:0!important}.bootpay-ex-iframe-container>.bootpay-ex-overlay>.bootpay-ex-alert-container>.bootpay-ex-alert-header .bootpay-close-btn:before,.bootpay-ex-iframe-container>.bootpay-ex-overlay>.bootpay-ex-alert-container>.bootpay-ex-alert-header .bootpay-close-btn:after{position:absolute;left:8px;top:0;content:" ";height:24px;width:1px;background-color:#888}.bootpay-ex-iframe-container>.bootpay-ex-overlay>.bootpay-ex-alert-container>.bootpay-ex-alert-header .bootpay-close-btn:before{transform:rotate(45deg)}.bootpay-ex-iframe-container>.bootpay-ex-overlay>.bootpay-ex-alert-container>.bootpay-ex-alert-header .bootpay-close-btn:after{transform:rotate(-45deg)}.bootpay-ex-iframe-container>.bootpay-ex-overlay>.bootpay-ex-alert-container>.bootpay-ex-alert-body{padding:1rem 1.5rem 2rem}.bootpay-ex-iframe-container>.bootpay-ex-overlay>.bootpay-ex-alert-container>.bootpay-ex-alert-footer>.bootpay-ex-alert-button-grid{display:flex;width:100%}.bootpay-ex-iframe-container>.bootpay-ex-overlay>.bootpay-ex-alert-container>.bootpay-ex-alert-footer>.bootpay-ex-alert-button-grid>.bootpay-ex-cols{flex:0 50%}.bootpay-ex-iframe-container>.bootpay-ex-overlay>.bootpay-ex-alert-container>.bootpay-ex-alert-footer button.bootpay-btn{display:block;box-shadow:none;background-color:transparent;border:0!important;outline:none!important;width:100%;padding:1rem 0}.bootpay-ex-iframe-container>.bootpay-ex-overlay>.bootpay-ex-alert-container>.bootpay-ex-alert-footer button.bootpay-btn.bootpay-alert-cancel-button{background-color:#f1f1f1;color:#333;font-size:18px;font-weight:500}.bootpay-ex-iframe-container>.bootpay-ex-overlay>.bootpay-ex-alert-container>.bootpay-ex-alert-footer button.bootpay-btn.bootpay-alert-cancel-button:hover{opacity:.8}.bootpay-ex-iframe-container>.bootpay-ex-overlay>.bootpay-ex-alert-container>.bootpay-ex-alert-footer button.bootpay-btn.bootpay-alert-confirm-button{background-color:#507cf3;color:#fff;font-size:18px;font-weight:500}.bootpay-ex-iframe-container>.bootpay-ex-overlay>.bootpay-ex-alert-container>.bootpay-ex-alert-footer button.bootpay-btn.bootpay-alert-confirm-button:hover{opacity:.8}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes fadeOut{0%{opacity:1}to{opacity:0}}@keyframes zoomIn{0%{transform:scale(.9)}to{transform:scale(1)}}@keyframes zoomOut{0%{transform:scale(1)}to{transform:scale(.9)}}')),document.head.appendChild(o)}}catch(t){console.error("vite-plugin-css-injected-by-js",t)}}();
 var __defProp = Object.defineProperty;
 var __getOwnPropSymbols = Object.getOwnPropertySymbols;
 var __hasOwnProp = Object.prototype.hasOwnProperty;
@@ -1099,7 +1099,7 @@ class SessionStorageManager extends StorageManager {
 }
 const SessionStorage = new SessionStorageManager();
 const name = "@bootpay/client-js";
-const version = "5.0.2-beta.1";
+const version = "5.0.3-beta.1";
 const main = "dist/index.es.js";
 const types = "dist/src/index.d.ts";
 const styles = "dist/index.css";
@@ -1109,7 +1109,7 @@ const scripts = {
   deploy: "NODE_ENV=production ./node_modules/.bin/webpack --output-path=./dist --mode=production && gzip -kf dist/*.min.js && ./webview.sh $npm_package_version"
 };
 const dependencies = {
-  typescript: "^5.1.6"
+  typescript: "^5.5.4"
 };
 const devDependencies = {
   "@types/ws": "^8.5.5",
@@ -1404,7 +1404,7 @@ class TemplateManager extends BootpayManager {
       for (let i in Object.keys(resizeData)) {
         let key = Object.keys(resizeData)[i];
         let value = resizeData[key];
-        if (this.$present(value) && !String(value).match(/%/) && (key.match(/width/) || key.match(/Width/) || key.match(/height/) || key.match(/Height/))) {
+        if (this.$present(value) && !String(value).match(/%/) && !String(value).match(/vh/) && (key.match(/width/) || key.match(/Width/) || key.match(/height/) || key.match(/Height/))) {
           value = `${String(resizeData[key]).replace(/px/gi, "")}px`;
         }
         element.style.setProperty(key, value);
@@ -2861,7 +2861,7 @@ function requireMd5() {
             T[i] = Math2.abs(Math2.sin(i + 1)) * 4294967296 | 0;
           }
         })();
-        var MD5 = C_algo.MD5 = Hasher.extend({
+        var MD52 = C_algo.MD5 = Hasher.extend({
           _doReset: function() {
             this._hash = new WordArray.init([
               1732584193,
@@ -3008,8 +3008,8 @@ function requireMd5() {
           var n = a + (c ^ (b | ~d)) + x + t;
           return (n << s | n >>> 32 - s) + b;
         }
-        C.MD5 = Hasher._createHelper(MD5);
-        C.HmacMD5 = Hasher._createHmacHelper(MD5);
+        C.MD5 = Hasher._createHelper(MD52);
+        C.HmacMD5 = Hasher._createHmacHelper(MD52);
       })(Math);
       return CryptoJS2.MD5;
     });
@@ -3229,7 +3229,7 @@ function requireEvpkdf() {
         var Base = C_lib.Base;
         var WordArray = C_lib.WordArray;
         var C_algo = C.algo;
-        var MD5 = C_algo.MD5;
+        var MD52 = C_algo.MD5;
         var EvpKDF = C_algo.EvpKDF = Base.extend({
           /**
            * Configuration options.
@@ -3240,7 +3240,7 @@ function requireEvpkdf() {
            */
           cfg: Base.extend({
             keySize: 128 / 32,
-            hasher: MD5,
+            hasher: MD52,
             iterations: 1
           }),
           /**
@@ -9803,6 +9803,370 @@ function requireRabbitLegacy() {
 })(cryptoJs);
 var cryptoJsExports = cryptoJs.exports;
 const CryptoJS = /* @__PURE__ */ getDefaultExportFromCjs(cryptoJsExports);
+var md5Exports = requireMd5();
+const MD5 = /* @__PURE__ */ getDefaultExportFromCjs(md5Exports);
+const ExWindowRouter = {
+  parameterPrefix: "__b_",
+  // query string url 업데이트를 진행한다
+  updateParameters({ parameters, replace }) {
+    const url = new URL(window.location);
+    const originParameters = Object.fromEntries(new URLSearchParams(location.search));
+    Object.keys(originParameters).forEach((key) => {
+      if (key.match(this.parameterPrefix)) {
+        url.searchParams.delete(key);
+      } else {
+        url.searchParams.set(key, originParameters[key]);
+      }
+    });
+    if (parameters) {
+      Object.keys(parameters).forEach((key) => {
+        const parameterKey = `${this.parameterPrefix}${key}`;
+        url.searchParams.set(parameterKey, parameters[key]);
+      });
+    }
+    replace ? window.history.replaceState(url.toString(), "", url.toString()) : window.history.pushState(parameters, "", url.toString());
+  }
+};
+const ExStore = {
+  el: void 0,
+  data: void 0,
+  path: void 0,
+  setExData(el, data2) {
+    this.el = (el != null ? el : "").replace(/#/gi, "");
+    this.data = data2;
+  },
+  encryptParameters() {
+    return encodeURIComponent(
+      this.encrypt({
+        categories: this.data.categories,
+        extra: this.data.extra
+      })
+    );
+  },
+  encryptKey() {
+    return MD5(this.data.client_key).toString().substring(0, 16);
+  },
+  encrypt(data2) {
+    if (isBlank(this.data.client_key)) {
+      throw new Error("privateKey is not set");
+    }
+    const payload = typeof data2 === "string" ? data2 : JSON.stringify(data2);
+    const encrypted = AES.encrypt(
+      payload,
+      CryptoJS.enc.Utf8.parse(this.encryptKey()),
+      {
+        mode: CryptoJS.mode.ECB,
+        padding: CryptoJS.pad.Pkcs7
+      }
+    );
+    return Base64.stringify(encrypted.ciphertext);
+  },
+  decrypt(data2) {
+    if (isBlank(this.data.client_key)) {
+      throw new Error("privateKey is not set");
+    }
+    const decrypted = AES.decrypt(
+      data2,
+      CryptoJS.enc.Utf8.parse(this.data.client_key.substring(0, 16)),
+      {
+        mode: CryptoJS.mode.ECB,
+        padding: CryptoJS.pad.Pkcs7
+      }
+    );
+    const decryptedString = decrypted.toString(CryptoJS.enc.Utf8);
+    try {
+      return JSON.parse(decryptedString);
+    } catch (e) {
+      return decryptedString;
+    }
+  },
+  currentBootpayExtraParameters() {
+    let queryString = [];
+    const parameters = Object.fromEntries(new URLSearchParams(location.search));
+    Object.keys(parameters).forEach((key) => {
+      if (key.match(ExWindowRouter.parameterPrefix)) {
+        queryString.push(`${key.replace(ExWindowRouter.parameterPrefix, "")}=${parameters[key]}`);
+      }
+    });
+    return queryString.join("&");
+  }
+};
+const EnvironmentEx = {
+  mode: "production",
+  locale: "ko",
+  packageVersion: Package.version,
+  EX_SHOP_URL: {
+    development: "https://dev-i.bootpay.co.kr",
+    stage: "https://stage-i.bootpay.co.kr",
+    production: "https://i.bootpay.co.kr"
+  },
+  set(env) {
+    this.mode = env;
+  },
+  setClientKey(clientKey) {
+    this.clientKey = clientKey;
+    return this.clientKey;
+  },
+  setLocale(locale) {
+    this.locale = locale;
+  },
+  toExShopUrl(uri) {
+    return [this.EX_SHOP_URL[this.mode], uri].join("/");
+  }
+};
+class TemplateExManager extends TemplateManager {
+  constructor() {
+    super();
+    this.$iFrameId = "bootpay-ex-iframe";
+    this.$iFrameContainerId = "bootpay-ex-iframe-container";
+    this.$exOverlayId = "bootpay-ex-overlay";
+    this.$exOverlayContainerId = "bootpay-ex-overlay-container";
+    this.$exStore = ExStore;
+    this.$template = `
+            <div class="bootpay-ex-iframe-container" id="${this.$iFrameContainerId}">
+                <iframe id="${this.$iFrameId}" src="" allowtransparency="true" scrolling="yes" style="background: transparent; width: 100%; height: 100%;"></iframe>
+                <div class="bootpay-ex-overlay" id="${this.$exOverlayId}">
+                </div>
+            </div>                        
+        `;
+  }
+  render() {
+    const element = document.getElementById(this.$exStore.el);
+    if (this.$blank(this.$exStore.el) || element === null) {
+      throw new Error("부트페이 Ex를 설정할 Element ID를 입력하지 않았거나 해당 Element DOM이 존재하지 않습니다.");
+    }
+    this.templateRender();
+  }
+  templateRender() {
+    var _a, _b, _c, _d, _e, _f, _g, _h, _i, _j;
+    const element = document.getElementById(this.$exStore.el);
+    element.style.setProperty("height", "0px");
+    element.innerHTML = this.$template;
+    const iFrame = this.byId(this.$iFrameId);
+    iFrame.setAttribute("src", this.shopUrl());
+    if ((_c = (_b = (_a = this.$exStore.data) == null ? void 0 : _a.extra) == null ? void 0 : _b.window) == null ? void 0 : _c.fullscreen) {
+      element.classList.add("__bootpay-ex-el-fullscreen");
+      element.style.removeProperty("height");
+      (_d = document.getElementById(this.$exStore.el)) == null ? void 0 : _d.style.setProperty("height", "100%");
+    } else if (((_g = (_f = (_e = this.$exStore.data) == null ? void 0 : _e.extra) == null ? void 0 : _f.window) == null ? void 0 : _g.width) || ((_j = (_i = (_h = this.$exStore.data) == null ? void 0 : _h.extra) == null ? void 0 : _i.window) == null ? void 0 : _j.height)) {
+      this.resize({
+        width: this.$exStore.data.extra.window.width,
+        height: this.$exStore.data.extra.window.height
+      });
+    }
+  }
+  resize(resizeData) {
+    this.templateResize(this.$exStore.el, resizeData);
+  }
+  postMessage(event, data2) {
+    var _a;
+    const element = this.byId(this.$iFrameId);
+    (_a = element == null ? void 0 : element.contentWindow) == null ? void 0 : _a.postMessage(JSON.stringify({
+      bootpay_event: true,
+      event,
+      data: data2
+    }), "*");
+  }
+  showAlert(message, title = "알림", options = {
+    type: "notice",
+    confirmText: "확인",
+    cancelText: "취소"
+  }) {
+    const overlay = document.getElementById(this.$exOverlayId);
+    overlay.innerHTML = `
+                    <div class="bootpay-ex-alert-container" id="${this.$exOverlayContainerId}">
+                        <div class="bootpay-ex-alert-header">
+                            <span>${title}</span>
+                            <button class="bootpay-close-btn" onClick="BootpayEx.hideAlert('cancel')"></button>
+                        </div>                  
+                        <div class="bootpay-ex-alert-body">
+                            ${message}
+                        </div>                      
+                        ${this.alertTypeTemplate(options)}
+                    </div>
+        `;
+    const container = document.getElementById(this.$exOverlayContainerId);
+    overlay.style.display = "block";
+    overlay.classList.remove("fade-out");
+    container.classList.remove("zoom-out");
+    overlay.classList.add("fade-in");
+    container.classList.add("zoom-in");
+  }
+  hideAlert(eventName = "confirm") {
+    const overlay = document.getElementById(this.$exOverlayId);
+    const container = document.getElementById(this.$exOverlayContainerId);
+    container.classList.replace("zoom-in", "zoom-out");
+    overlay.classList.replace("fade-in", "fade-out");
+    setTimeout(() => {
+      overlay.style.display = "none";
+      overlay.innerHTML = "";
+      this.postMessage("alertResponse", {
+        mode: eventName
+      });
+    }, 150);
+  }
+  showOverlayiFrameToUrl(url, options = { width: "100%", height: "100%" }) {
+    const overlay = document.getElementById(this.$exOverlayId);
+    const style = Object.keys(options).map((key) => `${key}: ${options[key]};`).join(" ");
+    overlay.innerHTML = `
+                    <div class="bootpay-ex-overlay-iframe-container" id="${this.$exOverlayContainerId}" style="${style}">
+                        <iframe src="${url}" frameborder="0" allowtransparency="true" scrolling="no" style="background: transparent; width: 100%; height: 100%;"></iframe>
+                    </div>
+        `;
+    const container = document.getElementById(this.$exOverlayContainerId);
+    overlay.style.display = "block";
+    overlay.classList.add("fade-in");
+    container.classList.add("zoom-in");
+  }
+  hideOverlayiFrame() {
+    const overlay = document.getElementById(this.$exOverlayId);
+    const container = document.getElementById(this.$exOverlayContainerId);
+    container.classList.replace("zoom-in", "zoom-out");
+    overlay.classList.replace("fade-in", "fade-out");
+    setTimeout(() => {
+      overlay.style.display = "none";
+      overlay.innerHTML = "";
+    }, 200);
+  }
+  alertTypeTemplate(options = { type: "notice", confirmText: "확인", cancelText: "취소" }) {
+    if (options.type === "notice") {
+      return `
+                <div class="bootpay-ex-alert-footer">
+                    <button class="bootpay-alert-confirm-button bootpay-btn" onClick="BootpayEx.hideAlert('confirm')">${options.confirmText}</button>
+                </div>
+            `;
+    } else {
+      return `
+                <div class="bootpay-ex-alert-footer">
+                    <div class="bootpay-ex-alert-button-grid">
+                        <div class="bootpay-ex-cols">
+                            <button class="bootpay-alert-cancel-button bootpay-btn" onClick="BootpayEx.hideAlert('cancel')">${options.cancelText}</button>
+                        </div>
+                        <div class="bootpay-ex-cols">
+                            <button class="bootpay-alert-confirm-button bootpay-btn" onClick="BootpayEx.hideAlert('confirm')">${options.confirmText}</button>
+                        </div>
+                    </div>
+                </div>
+            `;
+    }
+  }
+  shopUrl() {
+    const parameters = Object.fromEntries(new URLSearchParams(location.search));
+    const url = isPresent(parameters.__b_u) ? EnvironmentEx.toExShopUrl(parameters.__b_u) : EnvironmentEx.toExShopUrl(
+      `em/${this.$exStore.data.client_key}/${this.$exStore.encryptParameters()}?${this.$exStore.currentBootpayExtraParameters()}`
+    );
+    return url;
+  }
+}
+const TemplateEx = new TemplateExManager();
+const ExWindowEvent = {
+  resize: (data2) => {
+    TemplateEx.resize(data2);
+  },
+  showAlert({ message, title, options }) {
+    TemplateEx.showAlert(message, title, options);
+  },
+  hideAlert() {
+    TemplateEx.hideAlert();
+  },
+  showOverlayiFrame({ url, options }) {
+    TemplateEx.showOverlayiFrameToUrl(url, options);
+  },
+  hideOverlayiFrame() {
+    TemplateEx.hideOverlayiFrame();
+  },
+  responseOverlayiFrame({ event, data: data2 }) {
+    TemplateEx.postMessage(event, data2);
+    this.hideOverlayiFrame();
+  },
+  addFavicon({ url }) {
+    const link = document.querySelector("link[rel~='icon']");
+    if (link) {
+      link.href = url;
+    } else {
+      const link2 = document.createElement("link");
+      link2.rel = "icon";
+      link2.href = url;
+      document.head.appendChild(link2);
+    }
+  }
+};
+class BootpayExEventManager extends BootpayWindowEvent {
+  constructor() {
+    super();
+    this.$messageEventName = "message.BootpayExEvent";
+    this.$routerEventName = "popstate.BootpayExEvent";
+    this.$eventPrefix = "bootpay";
+    this.$exStore = ExStore;
+  }
+  bind() {
+    window.resetBootpayEventListener(this.$messageEventName, (e) => {
+      const response = this.parseEvent(e.data);
+      if (isPresent(response) && isPresent(response.event)) {
+        const hookFunction = this.hookFunction(response.hook);
+        if (isPresent(hookFunction) && isPresent(hookFunction[response.event])) {
+          return hookFunction[response.event](response.data);
+        } else {
+          Logger.error("event", `BootpayExEventManager: ${response.event} is not defined`);
+        }
+      }
+    });
+    window.resetBootpayEventListener(this.$routerEventName, (e) => {
+      const parameters = Object.fromEntries(new URLSearchParams(location.search));
+      if (isPresent(parameters.__b_u)) {
+        TemplateEx.postMessage("BootpayRouterChange", { url: `/${parameters.__b_u}` });
+      }
+    });
+  }
+  hookFunction(hook) {
+    switch (hook) {
+      case "ExWindowEvent":
+        return ExWindowEvent;
+      case "ExWindowRouter":
+        return ExWindowRouter;
+    }
+  }
+}
+const BootpayExWindowEvent = new BootpayExEventManager();
+class BootpayExWindowManager extends BootpayManager {
+  constructor() {
+    super();
+  }
+  initialize() {
+    ExStore.setExData(void 0, {
+      client_key: void 0,
+      categories: [],
+      extra: {}
+    });
+  }
+  render(el, data2) {
+    if (this.$blank(data2.client_key)) {
+      throw new Error("client_key가 입력되지 않았습니다.");
+    }
+    this.initialize();
+    ExStore.setExData(el, data2);
+    BootpayExWindowEvent.bind();
+    TemplateEx.render();
+  }
+  hideAlert(eventName = "confirm") {
+    TemplateEx.hideAlert(eventName);
+  }
+}
+const BootpayExWindow = new BootpayExWindowManager();
+const BootpayEx = {
+  render(el, data2) {
+    BootpayExWindow.render(el, data2);
+  },
+  setEnvironmentMode(env) {
+    EnvironmentEx.set(env);
+  },
+  hideAlert(eventName = "confirm") {
+    BootpayExWindow.hideAlert(eventName);
+  }
+};
+if (typeof window !== "undefined") {
+  window.BootpayEx = BootpayEx;
+}
 const WidgetStore = {
   el: void 0,
   data: void 0,
@@ -10660,6 +11024,7 @@ if (typeof window !== "undefined") {
 export {
   Bootpay,
   Environment as BootpayEnvironment,
+  BootpayEx,
   BootpaySDK,
   BootpayWidget,
   Bootpay as default