@bootpay/client-js 5.0.1-rc.1 → 5.0.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:#fff;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}}')),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;
@@ -78,13 +78,20 @@ const toUrl = (url, parameters = void 0) => {
     return url;
   }
 };
+const mergeHash = (target, source) => {
+  for (let key in source) {
+    if (source.hasOwnProperty(key)) {
+      target[key] = source[key];
+    }
+  }
+  return target;
+};
 var commonjsGlobal = typeof globalThis !== "undefined" ? globalThis : typeof window !== "undefined" ? window : typeof global !== "undefined" ? global : typeof self !== "undefined" ? self : {};
 function getDefaultExportFromCjs(x) {
   return x && x.__esModule && Object.prototype.hasOwnProperty.call(x, "default") ? x["default"] : x;
 }
 function getAugmentedNamespace(n) {
-  if (n.__esModule)
-    return n;
+  if (n.__esModule) return n;
   var f = n.default;
   if (typeof f == "function") {
     var a = function a2() {
@@ -94,8 +101,7 @@ function getAugmentedNamespace(n) {
       return f.apply(this, arguments);
     };
     a.prototype = f.prototype;
-  } else
-    a = {};
+  } else a = {};
   Object.defineProperty(a, "__esModule", { value: true });
   Object.keys(n).forEach(function(k) {
     var d = Object.getOwnPropertyDescriptor(n, k);
@@ -121,8 +127,7 @@ const __viteBrowserExternal$1 = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Ob
 const require$$0 = /* @__PURE__ */ getAugmentedNamespace(__viteBrowserExternal$1);
 var hasRequiredCore;
 function requireCore() {
-  if (hasRequiredCore)
-    return core.exports;
+  if (hasRequiredCore) return core.exports;
   hasRequiredCore = 1;
   (function(module, exports) {
     (function(root, factory) {
@@ -738,107 +743,113 @@ function requireCore() {
 var encUtf8Exports = encUtf8.exports;
 const toUtf8 = /* @__PURE__ */ getDefaultExportFromCjs(encUtf8Exports);
 var encBase64 = { exports: {} };
-(function(module, exports) {
-  (function(root, factory) {
-    {
-      module.exports = factory(requireCore());
-    }
-  })(commonjsGlobal, function(CryptoJS2) {
-    (function() {
-      var C = CryptoJS2;
-      var C_lib = C.lib;
-      var WordArray = C_lib.WordArray;
-      var C_enc = C.enc;
-      C_enc.Base64 = {
-        /**
-         * Converts a word array to a Base64 string.
-         *
-         * @param {WordArray} wordArray The word array.
-         *
-         * @return {string} The Base64 string.
-         *
-         * @static
-         *
-         * @example
-         *
-         *     var base64String = CryptoJS.enc.Base64.stringify(wordArray);
-         */
-        stringify: function(wordArray) {
-          var words = wordArray.words;
-          var sigBytes = wordArray.sigBytes;
-          var map = this._map;
-          wordArray.clamp();
-          var base64Chars = [];
-          for (var i = 0; i < sigBytes; i += 3) {
-            var byte1 = words[i >>> 2] >>> 24 - i % 4 * 8 & 255;
-            var byte2 = words[i + 1 >>> 2] >>> 24 - (i + 1) % 4 * 8 & 255;
-            var byte3 = words[i + 2 >>> 2] >>> 24 - (i + 2) % 4 * 8 & 255;
-            var triplet = byte1 << 16 | byte2 << 8 | byte3;
-            for (var j = 0; j < 4 && i + j * 0.75 < sigBytes; j++) {
-              base64Chars.push(map.charAt(triplet >>> 6 * (3 - j) & 63));
+var hasRequiredEncBase64;
+function requireEncBase64() {
+  if (hasRequiredEncBase64) return encBase64.exports;
+  hasRequiredEncBase64 = 1;
+  (function(module, exports) {
+    (function(root, factory) {
+      {
+        module.exports = factory(requireCore());
+      }
+    })(commonjsGlobal, function(CryptoJS2) {
+      (function() {
+        var C = CryptoJS2;
+        var C_lib = C.lib;
+        var WordArray = C_lib.WordArray;
+        var C_enc = C.enc;
+        C_enc.Base64 = {
+          /**
+           * Converts a word array to a Base64 string.
+           *
+           * @param {WordArray} wordArray The word array.
+           *
+           * @return {string} The Base64 string.
+           *
+           * @static
+           *
+           * @example
+           *
+           *     var base64String = CryptoJS.enc.Base64.stringify(wordArray);
+           */
+          stringify: function(wordArray) {
+            var words = wordArray.words;
+            var sigBytes = wordArray.sigBytes;
+            var map = this._map;
+            wordArray.clamp();
+            var base64Chars = [];
+            for (var i = 0; i < sigBytes; i += 3) {
+              var byte1 = words[i >>> 2] >>> 24 - i % 4 * 8 & 255;
+              var byte2 = words[i + 1 >>> 2] >>> 24 - (i + 1) % 4 * 8 & 255;
+              var byte3 = words[i + 2 >>> 2] >>> 24 - (i + 2) % 4 * 8 & 255;
+              var triplet = byte1 << 16 | byte2 << 8 | byte3;
+              for (var j = 0; j < 4 && i + j * 0.75 < sigBytes; j++) {
+                base64Chars.push(map.charAt(triplet >>> 6 * (3 - j) & 63));
+              }
             }
-          }
-          var paddingChar = map.charAt(64);
-          if (paddingChar) {
-            while (base64Chars.length % 4) {
-              base64Chars.push(paddingChar);
+            var paddingChar = map.charAt(64);
+            if (paddingChar) {
+              while (base64Chars.length % 4) {
+                base64Chars.push(paddingChar);
+              }
             }
-          }
-          return base64Chars.join("");
-        },
-        /**
-         * Converts a Base64 string to a word array.
-         *
-         * @param {string} base64Str The Base64 string.
-         *
-         * @return {WordArray} The word array.
-         *
-         * @static
-         *
-         * @example
-         *
-         *     var wordArray = CryptoJS.enc.Base64.parse(base64String);
-         */
-        parse: function(base64Str) {
-          var base64StrLength = base64Str.length;
-          var map = this._map;
-          var reverseMap = this._reverseMap;
-          if (!reverseMap) {
-            reverseMap = this._reverseMap = [];
-            for (var j = 0; j < map.length; j++) {
-              reverseMap[map.charCodeAt(j)] = j;
+            return base64Chars.join("");
+          },
+          /**
+           * Converts a Base64 string to a word array.
+           *
+           * @param {string} base64Str The Base64 string.
+           *
+           * @return {WordArray} The word array.
+           *
+           * @static
+           *
+           * @example
+           *
+           *     var wordArray = CryptoJS.enc.Base64.parse(base64String);
+           */
+          parse: function(base64Str) {
+            var base64StrLength = base64Str.length;
+            var map = this._map;
+            var reverseMap = this._reverseMap;
+            if (!reverseMap) {
+              reverseMap = this._reverseMap = [];
+              for (var j = 0; j < map.length; j++) {
+                reverseMap[map.charCodeAt(j)] = j;
+              }
             }
-          }
-          var paddingChar = map.charAt(64);
-          if (paddingChar) {
-            var paddingIndex = base64Str.indexOf(paddingChar);
-            if (paddingIndex !== -1) {
-              base64StrLength = paddingIndex;
+            var paddingChar = map.charAt(64);
+            if (paddingChar) {
+              var paddingIndex = base64Str.indexOf(paddingChar);
+              if (paddingIndex !== -1) {
+                base64StrLength = paddingIndex;
+              }
+            }
+            return parseLoop(base64Str, base64StrLength, reverseMap);
+          },
+          _map: "ABCDEFGHIJKLMNOPQRSTUVWXYZabcdefghijklmnopqrstuvwxyz0123456789+/="
+        };
+        function parseLoop(base64Str, base64StrLength, reverseMap) {
+          var words = [];
+          var nBytes = 0;
+          for (var i = 0; i < base64StrLength; i++) {
+            if (i % 4) {
+              var bits1 = reverseMap[base64Str.charCodeAt(i - 1)] << i % 4 * 2;
+              var bits2 = reverseMap[base64Str.charCodeAt(i)] >>> 6 - i % 4 * 2;
+              var bitsCombined = bits1 | bits2;
+              words[nBytes >>> 2] |= bitsCombined << 24 - nBytes % 4 * 8;
+              nBytes++;
             }
           }
-          return parseLoop(base64Str, base64StrLength, reverseMap);
-        },
-        _map: "ABCDEFGHIJKLMNOPQRSTUVWXYZabcdefghijklmnopqrstuvwxyz0123456789+/="
-      };
-      function parseLoop(base64Str, base64StrLength, reverseMap) {
-        var words = [];
-        var nBytes = 0;
-        for (var i = 0; i < base64StrLength; i++) {
-          if (i % 4) {
-            var bits1 = reverseMap[base64Str.charCodeAt(i - 1)] << i % 4 * 2;
-            var bits2 = reverseMap[base64Str.charCodeAt(i)] >>> 6 - i % 4 * 2;
-            var bitsCombined = bits1 | bits2;
-            words[nBytes >>> 2] |= bitsCombined << 24 - nBytes % 4 * 8;
-            nBytes++;
-          }
+          return WordArray.create(words, nBytes);
         }
-        return WordArray.create(words, nBytes);
-      }
-    })();
-    return CryptoJS2.enc.Base64;
-  });
-})(encBase64);
-var encBase64Exports = encBase64.exports;
+      })();
+      return CryptoJS2.enc.Base64;
+    });
+  })(encBase64);
+  return encBase64.exports;
+}
+var encBase64Exports = requireEncBase64();
 const Base64 = /* @__PURE__ */ getDefaultExportFromCjs(encBase64Exports);
 class BootpayManager {
   $blank(value) {
@@ -1088,7 +1099,7 @@ class SessionStorageManager extends StorageManager {
 }
 const SessionStorage = new SessionStorageManager();
 const name = "@bootpay/client-js";
-const version = "5.0.1-rc.1";
+const version = "5.0.1";
 const main = "dist/index.es.js";
 const types = "dist/src/index.d.ts";
 const styles = "dist/index.css";
@@ -1126,7 +1137,7 @@ const devDependencies = {
   sass: "^1.63.4",
   "sass-loader": "^13.3.2",
   "style-loader": "^3.3.3",
-  vite: "^5.0.10",
+  vite: "^5.4.3",
   "vite-plugin-dts": "^3.6.4",
   "vite-plugin-tsconfig": "^1.0.4",
   "vite-plugin-css-injected-by-js": "^3.3.0"
@@ -1227,14 +1238,12 @@ const Environment = {
     return [this.WIDGET_URL[this.mode], uri].join("/");
   },
   isMobile() {
-    if (typeof window === "undefined")
-      return false;
+    if (typeof window === "undefined") return false;
     const a = window.navigator.userAgent || window.navigator.vendor;
     return /Mobile|iP(hone|od|ad)|Android|BlackBerry|IEMobile|Kindle|NetFront|Silk-Accelerated|(hpw|web)OS|Fennec|Minimo|Opera M(obi|ini)|Blazer|Dolfin|Dolphin|Skyfire|Zune/.test(a);
   },
   isMobileSafari() {
-    if (typeof window === "undefined")
-      return false;
+    if (typeof window === "undefined") return false;
     const agent = window.navigator.userAgent;
     return (agent.match(/iPad/i) || agent.match(/iPhone/i)) && !agent.match(/CriOS/i);
   },
@@ -1629,11 +1638,9 @@ function endsWith(str, searchString, position) {
   return lastIndex !== -1 && lastIndex === position;
 }
 function toArray(thing) {
-  if (!thing)
-    return null;
+  if (!thing) return null;
   var i = thing.length;
-  if (isUndefined(i))
-    return null;
+  if (isUndefined(i)) return null;
   var arr = new Array(i);
   while (i-- > 0) {
     arr[i] = thing[i];
@@ -1827,8 +1834,7 @@ function toFormData$1(obj, formData) {
   formData = formData || new FormData();
   var stack = [];
   function convertValue(value) {
-    if (value === null)
-      return "";
+    if (value === null) return "";
     if (utils$6.isDate(value)) {
       return value.toISOString();
     }
@@ -1844,8 +1850,7 @@ function toFormData$1(obj, formData) {
       }
       stack.push(data2);
       utils$6.forEach(data2, function each(value, key) {
-        if (utils$6.isUndefined(value))
-          return;
+        if (utils$6.isUndefined(value)) return;
         var fullKey = parentKey ? parentKey + "." + key : key;
         var arr;
         if (value && !parentKey && typeof value === "object") {
@@ -1872,8 +1877,7 @@ var toFormData_1 = toFormData$1;
 var settle;
 var hasRequiredSettle;
 function requireSettle() {
-  if (hasRequiredSettle)
-    return settle;
+  if (hasRequiredSettle) return settle;
   hasRequiredSettle = 1;
   var AxiosError2 = AxiosError_1;
   settle = function settle2(resolve, reject, response) {
@@ -1895,8 +1899,7 @@ function requireSettle() {
 var cookies;
 var hasRequiredCookies;
 function requireCookies() {
-  if (hasRequiredCookies)
-    return cookies;
+  if (hasRequiredCookies) return cookies;
   hasRequiredCookies = 1;
   var utils2 = utils$b;
   cookies = utils2.isStandardBrowserEnv() ? (
@@ -1962,8 +1965,7 @@ var buildFullPath$1 = function buildFullPath(baseURL, requestedURL) {
 var parseHeaders;
 var hasRequiredParseHeaders;
 function requireParseHeaders() {
-  if (hasRequiredParseHeaders)
-    return parseHeaders;
+  if (hasRequiredParseHeaders) return parseHeaders;
   hasRequiredParseHeaders = 1;
   var utils2 = utils$b;
   var ignoreDuplicateOf = [
@@ -2015,8 +2017,7 @@ function requireParseHeaders() {
 var isURLSameOrigin;
 var hasRequiredIsURLSameOrigin;
 function requireIsURLSameOrigin() {
-  if (hasRequiredIsURLSameOrigin)
-    return isURLSameOrigin;
+  if (hasRequiredIsURLSameOrigin) return isURLSameOrigin;
   hasRequiredIsURLSameOrigin = 1;
   var utils2 = utils$b;
   isURLSameOrigin = utils2.isStandardBrowserEnv() ? (
@@ -2063,8 +2064,7 @@ function requireIsURLSameOrigin() {
 var CanceledError_1;
 var hasRequiredCanceledError;
 function requireCanceledError() {
-  if (hasRequiredCanceledError)
-    return CanceledError_1;
+  if (hasRequiredCanceledError) return CanceledError_1;
   hasRequiredCanceledError = 1;
   var AxiosError2 = AxiosError_1;
   var utils2 = utils$b;
@@ -2081,8 +2081,7 @@ function requireCanceledError() {
 var parseProtocol;
 var hasRequiredParseProtocol;
 function requireParseProtocol() {
-  if (hasRequiredParseProtocol)
-    return parseProtocol;
+  if (hasRequiredParseProtocol) return parseProtocol;
   hasRequiredParseProtocol = 1;
   parseProtocol = function parseProtocol2(url) {
     var match = /^([-+\w]{1,25})(:?\/\/|:)/.exec(url);
@@ -2093,8 +2092,7 @@ function requireParseProtocol() {
 var xhr;
 var hasRequiredXhr;
 function requireXhr() {
-  if (hasRequiredXhr)
-    return xhr;
+  if (hasRequiredXhr) return xhr;
   hasRequiredXhr = 1;
   var utils2 = utils$b;
   var settle2 = requireSettle();
@@ -2251,8 +2249,7 @@ function requireXhr() {
 var _null;
 var hasRequired_null;
 function require_null() {
-  if (hasRequired_null)
-    return _null;
+  if (hasRequired_null) return _null;
   hasRequired_null = 1;
   _null = null;
   return _null;
@@ -2290,7 +2287,7 @@ function stringifySafely(rawValue, parser, encoder) {
       }
     }
   }
-  return (encoder || JSON.stringify)(rawValue);
+  return (0, JSON.stringify)(rawValue);
 }
 var defaults$3 = {
   transitional: transitionalDefaults,
@@ -2379,8 +2376,7 @@ var transformData$1 = function transformData(data2, headers, fns) {
 var isCancel$1;
 var hasRequiredIsCancel;
 function requireIsCancel() {
-  if (hasRequiredIsCancel)
-    return isCancel$1;
+  if (hasRequiredIsCancel) return isCancel$1;
   hasRequiredIsCancel = 1;
   isCancel$1 = function isCancel2(value) {
     return !!(value && value.__CANCEL__);
@@ -2524,8 +2520,7 @@ var mergeConfig$2 = function mergeConfig(config1, config2) {
 var data;
 var hasRequiredData;
 function requireData() {
-  if (hasRequiredData)
-    return data;
+  if (hasRequiredData) return data;
   hasRequiredData = 1;
   data = {
     "version": "0.27.2"
@@ -2707,8 +2702,7 @@ var Axios_1 = Axios$1;
 var CancelToken_1;
 var hasRequiredCancelToken;
 function requireCancelToken() {
-  if (hasRequiredCancelToken)
-    return CancelToken_1;
+  if (hasRequiredCancelToken) return CancelToken_1;
   hasRequiredCancelToken = 1;
   var CanceledError2 = requireCanceledError();
   function CancelToken(executor) {
@@ -2721,8 +2715,7 @@ function requireCancelToken() {
     });
     var token = this;
     this.promise.then(function(cancel) {
-      if (!token._listeners)
-        return;
+      if (!token._listeners) return;
       var i;
       var l = token._listeners.length;
       for (i = 0; i < l; i++) {
@@ -2790,8 +2783,7 @@ function requireCancelToken() {
 var spread;
 var hasRequiredSpread;
 function requireSpread() {
-  if (hasRequiredSpread)
-    return spread;
+  if (hasRequiredSpread) return spread;
   hasRequiredSpread = 1;
   spread = function spread2(callback) {
     return function wrap(arr) {
@@ -2803,8 +2795,7 @@ function requireSpread() {
 var isAxiosError;
 var hasRequiredIsAxiosError;
 function requireIsAxiosError() {
-  if (hasRequiredIsAxiosError)
-    return isAxiosError;
+  if (hasRequiredIsAxiosError) return isAxiosError;
   hasRequiredIsAxiosError = 1;
   var utils2 = utils$b;
   isAxiosError = function isAxiosError2(payload) {
@@ -2850,8 +2841,7 @@ var aes = { exports: {} };
 var md5 = { exports: {} };
 var hasRequiredMd5;
 function requireMd5() {
-  if (hasRequiredMd5)
-    return md5.exports;
+  if (hasRequiredMd5) return md5.exports;
   hasRequiredMd5 = 1;
   (function(module, exports) {
     (function(root, factory) {
@@ -3030,8 +3020,7 @@ var evpkdf = { exports: {} };
 var sha1 = { exports: {} };
 var hasRequiredSha1;
 function requireSha1() {
-  if (hasRequiredSha1)
-    return sha1.exports;
+  if (hasRequiredSha1) return sha1.exports;
   hasRequiredSha1 = 1;
   (function(module, exports) {
     (function(root, factory) {
@@ -3121,8 +3110,7 @@ function requireSha1() {
 var hmac = { exports: {} };
 var hasRequiredHmac;
 function requireHmac() {
-  if (hasRequiredHmac)
-    return hmac.exports;
+  if (hasRequiredHmac) return hmac.exports;
   hasRequiredHmac = 1;
   (function(module, exports) {
     (function(root, factory) {
@@ -3227,8 +3215,7 @@ function requireHmac() {
 }
 var hasRequiredEvpkdf;
 function requireEvpkdf() {
-  if (hasRequiredEvpkdf)
-    return evpkdf.exports;
+  if (hasRequiredEvpkdf) return evpkdf.exports;
   hasRequiredEvpkdf = 1;
   (function(module, exports) {
     (function(root, factory, undef) {
@@ -3318,8 +3305,7 @@ function requireEvpkdf() {
 var cipherCore = { exports: {} };
 var hasRequiredCipherCore;
 function requireCipherCore() {
-  if (hasRequiredCipherCore)
-    return cipherCore.exports;
+  if (hasRequiredCipherCore) return cipherCore.exports;
   hasRequiredCipherCore = 1;
   (function(module, exports) {
     (function(root, factory, undef) {
@@ -3957,13 +3943,12 @@ function requireCipherCore() {
 }
 var hasRequiredAes;
 function requireAes() {
-  if (hasRequiredAes)
-    return aes.exports;
+  if (hasRequiredAes) return aes.exports;
   hasRequiredAes = 1;
   (function(module, exports) {
     (function(root, factory, undef) {
       {
-        module.exports = factory(requireCore(), encBase64Exports, requireMd5(), requireEvpkdf(), requireCipherCore());
+        module.exports = factory(requireCore(), requireEncBase64(), requireMd5(), requireEvpkdf(), requireCipherCore());
       }
     })(commonjsGlobal, function(CryptoJS2) {
       (function() {
@@ -4525,7 +4510,7 @@ const BootpayMessage = {
       en: "Start Payment..."
     },
     CARD_SUBSCRIPTION: {
-      ko: "카드정기결제를 시작합니다",
+      ko: "자동결제 정보를 불러오는 중입니다...",
       en: "Automatic payment will start..."
     },
     AUTH: {
@@ -4550,7 +4535,7 @@ const BootpayMessage = {
         en: "If you agree with the purchase details, please proceed with the payment"
       },
       CARD_SUBSCRIPTION: {
-        ko: '카드 자동결제에 동의하면 "계속하기" 버튼을 눌러 진행해주세요',
+        ko: '자동결제에 동의하면 "계속하기" 버튼을 눌러 진행해주세요',
         en: 'If you agree to automatic card payment, press the "Continue" button to proceed'
       },
       AUTH: {
@@ -4613,6 +4598,14 @@ const BootpayMessage = {
     ko: "간편결제로 결제하려면, 등록된 카드 혹은 계좌를 선택해주세요",
     en: "Please select a registered card or account to pay with Easy Payment"
   },
+  widgetTypeNotPayment: {
+    ko: "결제 위젯 요청이 아닙니다. 결제 위젯이 아닌 경우 requestSubscription 함수를 이용해주세요.",
+    en: "This is not a payment widget. If it is not a payment widget, use the requestSubscription function."
+  },
+  widgetTypeNotSubscription: {
+    ko: "정기결제 위젯 요청이 아닙니다. 정기결제 위젯이 아닌 경우 requestPayment 함수를 이용해주세요.",
+    en: "This is not a subscription widget. If it is not a subscription widget, use the requestPayment function."
+  },
   getLocaleMessage: (key, locale) => {
     const keys = key.split(".");
     const message = keys.reduce((a, b) => a[b], BootpayMessage);
@@ -4715,8 +4708,7 @@ class TemplatePaymentManager extends TemplateManager {
             <input type="hidden" name="token" value="${encrypted.token}" />
             `;
         form.action = this.$env.toApi(this.apiUrl());
-        if (this.$present(data2.extra) && data2.extra.popup)
-          ;
+        if (this.$present(data2.extra) && data2.extra.popup) ;
         form.target = this.$iFrameId;
         form.submit();
       });
@@ -4923,7 +4915,7 @@ class TemplatePaymentManager extends TemplateManager {
     }
     if (popupPrice !== void 0) {
       if (parseFloat(displayData.price) > 0) {
-        popupPrice.innerText = String(displayData.price);
+        popupPrice.innerText = String(displayData.price).replace(/\B(?=(\d{3})+(?!\d))/g, ",");
       } else {
         popupPrice.remove();
       }
@@ -5245,8 +5237,11 @@ const _BootpayRequestPaymentManager = class _BootpayRequestPaymentManager extend
         user_token: data2.user_token,
         metadata: data2.metadata,
         redirect_url: data2.redirect_url,
+        widget: data2.widget,
+        widget_key: data2.widget_key,
+        widget_sandbox: data2.widget_sandbox,
         platform_type: this.platformType,
-        ver: Package.version,
+        ver: Environment.packageVersion,
         sdk_version: Environment.sdkVersion,
         sdk_type: Environment.sdkName,
         locale: Environment.locale,
@@ -5628,8 +5623,7 @@ class BootpayAnalyticsManager extends Resource {
 }
 const BootpayAnalytics = new BootpayAnalyticsManager();
 (function() {
-  if (typeof window === "undefined" || typeof window.CustomEvent === "function")
-    return false;
+  if (typeof window === "undefined" || typeof window.CustomEvent === "function") return false;
   function CustomEvent2(event, params) {
     params = params || { bubbles: false, cancelable: false, detail: void 0 };
     let evt = document.createEvent("CustomEvent");
@@ -6455,8 +6449,7 @@ var cryptoJs = { exports: {} };
 var x64Core = { exports: {} };
 var hasRequiredX64Core;
 function requireX64Core() {
-  if (hasRequiredX64Core)
-    return x64Core.exports;
+  if (hasRequiredX64Core) return x64Core.exports;
   hasRequiredX64Core = 1;
   (function(module, exports) {
     (function(root, factory) {
@@ -6712,8 +6705,7 @@ function requireX64Core() {
 var libTypedarrays = { exports: {} };
 var hasRequiredLibTypedarrays;
 function requireLibTypedarrays() {
-  if (hasRequiredLibTypedarrays)
-    return libTypedarrays.exports;
+  if (hasRequiredLibTypedarrays) return libTypedarrays.exports;
   hasRequiredLibTypedarrays = 1;
   (function(module, exports) {
     (function(root, factory) {
@@ -6757,8 +6749,7 @@ function requireLibTypedarrays() {
 var encUtf16 = { exports: {} };
 var hasRequiredEncUtf16;
 function requireEncUtf16() {
-  if (hasRequiredEncUtf16)
-    return encUtf16.exports;
+  if (hasRequiredEncUtf16) return encUtf16.exports;
   hasRequiredEncUtf16 = 1;
   (function(module, exports) {
     (function(root, factory) {
@@ -6875,8 +6866,7 @@ function requireEncUtf16() {
 var encBase64url = { exports: {} };
 var hasRequiredEncBase64url;
 function requireEncBase64url() {
-  if (hasRequiredEncBase64url)
-    return encBase64url.exports;
+  if (hasRequiredEncBase64url) return encBase64url.exports;
   hasRequiredEncBase64url = 1;
   (function(module, exports) {
     (function(root, factory) {
@@ -6988,8 +6978,7 @@ function requireEncBase64url() {
 var sha256 = { exports: {} };
 var hasRequiredSha256;
 function requireSha256() {
-  if (hasRequiredSha256)
-    return sha256.exports;
+  if (hasRequiredSha256) return sha256.exports;
   hasRequiredSha256 = 1;
   (function(module, exports) {
     (function(root, factory) {
@@ -7109,8 +7098,7 @@ function requireSha256() {
 var sha224 = { exports: {} };
 var hasRequiredSha224;
 function requireSha224() {
-  if (hasRequiredSha224)
-    return sha224.exports;
+  if (hasRequiredSha224) return sha224.exports;
   hasRequiredSha224 = 1;
   (function(module, exports) {
     (function(root, factory, undef) {
@@ -7154,8 +7142,7 @@ function requireSha224() {
 var sha512 = { exports: {} };
 var hasRequiredSha512;
 function requireSha512() {
-  if (hasRequiredSha512)
-    return sha512.exports;
+  if (hasRequiredSha512) return sha512.exports;
   hasRequiredSha512 = 1;
   (function(module, exports) {
     (function(root, factory, undef) {
@@ -7436,8 +7423,7 @@ function requireSha512() {
 var sha384 = { exports: {} };
 var hasRequiredSha384;
 function requireSha384() {
-  if (hasRequiredSha384)
-    return sha384.exports;
+  if (hasRequiredSha384) return sha384.exports;
   hasRequiredSha384 = 1;
   (function(module, exports) {
     (function(root, factory, undef) {
@@ -7482,8 +7468,7 @@ function requireSha384() {
 var sha3 = { exports: {} };
 var hasRequiredSha3;
 function requireSha3() {
-  if (hasRequiredSha3)
-    return sha3.exports;
+  if (hasRequiredSha3) return sha3.exports;
   hasRequiredSha3 = 1;
   (function(module, exports) {
     (function(root, factory, undef) {
@@ -7684,8 +7669,7 @@ function requireSha3() {
 var ripemd160 = { exports: {} };
 var hasRequiredRipemd160;
 function requireRipemd160() {
-  if (hasRequiredRipemd160)
-    return ripemd160.exports;
+  if (hasRequiredRipemd160) return ripemd160.exports;
   hasRequiredRipemd160 = 1;
   (function(module, exports) {
     (function(root, factory) {
@@ -8165,8 +8149,7 @@ function requireRipemd160() {
 var pbkdf2 = { exports: {} };
 var hasRequiredPbkdf2;
 function requirePbkdf2() {
-  if (hasRequiredPbkdf2)
-    return pbkdf2.exports;
+  if (hasRequiredPbkdf2) return pbkdf2.exports;
   hasRequiredPbkdf2 = 1;
   (function(module, exports) {
     (function(root, factory, undef) {
@@ -8263,8 +8246,7 @@ function requirePbkdf2() {
 var modeCfb = { exports: {} };
 var hasRequiredModeCfb;
 function requireModeCfb() {
-  if (hasRequiredModeCfb)
-    return modeCfb.exports;
+  if (hasRequiredModeCfb) return modeCfb.exports;
   hasRequiredModeCfb = 1;
   (function(module, exports) {
     (function(root, factory, undef) {
@@ -8315,8 +8297,7 @@ function requireModeCfb() {
 var modeCtr = { exports: {} };
 var hasRequiredModeCtr;
 function requireModeCtr() {
-  if (hasRequiredModeCtr)
-    return modeCtr.exports;
+  if (hasRequiredModeCtr) return modeCtr.exports;
   hasRequiredModeCtr = 1;
   (function(module, exports) {
     (function(root, factory, undef) {
@@ -8355,8 +8336,7 @@ function requireModeCtr() {
 var modeCtrGladman = { exports: {} };
 var hasRequiredModeCtrGladman;
 function requireModeCtrGladman() {
-  if (hasRequiredModeCtrGladman)
-    return modeCtrGladman.exports;
+  if (hasRequiredModeCtrGladman) return modeCtrGladman.exports;
   hasRequiredModeCtrGladman = 1;
   (function(module, exports) {
     (function(root, factory, undef) {
@@ -8435,8 +8415,7 @@ function requireModeCtrGladman() {
 var modeOfb = { exports: {} };
 var hasRequiredModeOfb;
 function requireModeOfb() {
-  if (hasRequiredModeOfb)
-    return modeOfb.exports;
+  if (hasRequiredModeOfb) return modeOfb.exports;
   hasRequiredModeOfb = 1;
   (function(module, exports) {
     (function(root, factory, undef) {
@@ -8473,8 +8452,7 @@ function requireModeOfb() {
 var modeEcb = { exports: {} };
 var hasRequiredModeEcb;
 function requireModeEcb() {
-  if (hasRequiredModeEcb)
-    return modeEcb.exports;
+  if (hasRequiredModeEcb) return modeEcb.exports;
   hasRequiredModeEcb = 1;
   (function(module, exports) {
     (function(root, factory, undef) {
@@ -8504,8 +8482,7 @@ function requireModeEcb() {
 var padAnsix923 = { exports: {} };
 var hasRequiredPadAnsix923;
 function requirePadAnsix923() {
-  if (hasRequiredPadAnsix923)
-    return padAnsix923.exports;
+  if (hasRequiredPadAnsix923) return padAnsix923.exports;
   hasRequiredPadAnsix923 = 1;
   (function(module, exports) {
     (function(root, factory, undef) {
@@ -8536,8 +8513,7 @@ function requirePadAnsix923() {
 var padIso10126 = { exports: {} };
 var hasRequiredPadIso10126;
 function requirePadIso10126() {
-  if (hasRequiredPadIso10126)
-    return padIso10126.exports;
+  if (hasRequiredPadIso10126) return padIso10126.exports;
   hasRequiredPadIso10126 = 1;
   (function(module, exports) {
     (function(root, factory, undef) {
@@ -8564,8 +8540,7 @@ function requirePadIso10126() {
 var padIso97971 = { exports: {} };
 var hasRequiredPadIso97971;
 function requirePadIso97971() {
-  if (hasRequiredPadIso97971)
-    return padIso97971.exports;
+  if (hasRequiredPadIso97971) return padIso97971.exports;
   hasRequiredPadIso97971 = 1;
   (function(module, exports) {
     (function(root, factory, undef) {
@@ -8591,8 +8566,7 @@ function requirePadIso97971() {
 var padZeropadding = { exports: {} };
 var hasRequiredPadZeropadding;
 function requirePadZeropadding() {
-  if (hasRequiredPadZeropadding)
-    return padZeropadding.exports;
+  if (hasRequiredPadZeropadding) return padZeropadding.exports;
   hasRequiredPadZeropadding = 1;
   (function(module, exports) {
     (function(root, factory, undef) {
@@ -8625,8 +8599,7 @@ function requirePadZeropadding() {
 var padNopadding = { exports: {} };
 var hasRequiredPadNopadding;
 function requirePadNopadding() {
-  if (hasRequiredPadNopadding)
-    return padNopadding.exports;
+  if (hasRequiredPadNopadding) return padNopadding.exports;
   hasRequiredPadNopadding = 1;
   (function(module, exports) {
     (function(root, factory, undef) {
@@ -8648,8 +8621,7 @@ function requirePadNopadding() {
 var formatHex = { exports: {} };
 var hasRequiredFormatHex;
 function requireFormatHex() {
-  if (hasRequiredFormatHex)
-    return formatHex.exports;
+  if (hasRequiredFormatHex) return formatHex.exports;
   hasRequiredFormatHex = 1;
   (function(module, exports) {
     (function(root, factory, undef) {
@@ -8708,13 +8680,12 @@ function requireFormatHex() {
 var tripledes = { exports: {} };
 var hasRequiredTripledes;
 function requireTripledes() {
-  if (hasRequiredTripledes)
-    return tripledes.exports;
+  if (hasRequiredTripledes) return tripledes.exports;
   hasRequiredTripledes = 1;
   (function(module, exports) {
     (function(root, factory, undef) {
       {
-        module.exports = factory(requireCore(), encBase64Exports, requireMd5(), requireEvpkdf(), requireCipherCore());
+        module.exports = factory(requireCore(), requireEncBase64(), requireMd5(), requireEvpkdf(), requireCipherCore());
       }
     })(commonjsGlobal, function(CryptoJS2) {
       (function() {
@@ -9489,13 +9460,12 @@ function requireTripledes() {
 var rc4 = { exports: {} };
 var hasRequiredRc4;
 function requireRc4() {
-  if (hasRequiredRc4)
-    return rc4.exports;
+  if (hasRequiredRc4) return rc4.exports;
   hasRequiredRc4 = 1;
   (function(module, exports) {
     (function(root, factory, undef) {
       {
-        module.exports = factory(requireCore(), encBase64Exports, requireMd5(), requireEvpkdf(), requireCipherCore());
+        module.exports = factory(requireCore(), requireEncBase64(), requireMd5(), requireEvpkdf(), requireCipherCore());
       }
     })(commonjsGlobal, function(CryptoJS2) {
       (function() {
@@ -9572,13 +9542,12 @@ function requireRc4() {
 var rabbit = { exports: {} };
 var hasRequiredRabbit;
 function requireRabbit() {
-  if (hasRequiredRabbit)
-    return rabbit.exports;
+  if (hasRequiredRabbit) return rabbit.exports;
   hasRequiredRabbit = 1;
   (function(module, exports) {
     (function(root, factory, undef) {
       {
-        module.exports = factory(requireCore(), encBase64Exports, requireMd5(), requireEvpkdf(), requireCipherCore());
+        module.exports = factory(requireCore(), requireEncBase64(), requireMd5(), requireEvpkdf(), requireCipherCore());
       }
     })(commonjsGlobal, function(CryptoJS2) {
       (function() {
@@ -9701,13 +9670,12 @@ function requireRabbit() {
 var rabbitLegacy = { exports: {} };
 var hasRequiredRabbitLegacy;
 function requireRabbitLegacy() {
-  if (hasRequiredRabbitLegacy)
-    return rabbitLegacy.exports;
+  if (hasRequiredRabbitLegacy) return rabbitLegacy.exports;
   hasRequiredRabbitLegacy = 1;
   (function(module, exports) {
     (function(root, factory, undef) {
       {
-        module.exports = factory(requireCore(), encBase64Exports, requireMd5(), requireEvpkdf(), requireCipherCore());
+        module.exports = factory(requireCore(), requireEncBase64(), requireMd5(), requireEvpkdf(), requireCipherCore());
       }
     })(commonjsGlobal, function(CryptoJS2) {
       (function() {
@@ -9827,7 +9795,7 @@ function requireRabbitLegacy() {
 (function(module, exports) {
   (function(root, factory, undef) {
     {
-      module.exports = factory(requireCore(), requireX64Core(), requireLibTypedarrays(), requireEncUtf16(), encBase64Exports, requireEncBase64url(), requireMd5(), requireSha1(), requireSha256(), requireSha224(), requireSha512(), requireSha384(), requireSha3(), requireRipemd160(), requireHmac(), requirePbkdf2(), requireEvpkdf(), requireCipherCore(), requireModeCfb(), requireModeCtr(), requireModeCtrGladman(), requireModeOfb(), requireModeEcb(), requirePadAnsix923(), requirePadIso10126(), requirePadIso97971(), requirePadZeropadding(), requirePadNopadding(), requireFormatHex(), requireAes(), requireTripledes(), requireRc4(), requireRabbit(), requireRabbitLegacy());
+      module.exports = factory(requireCore(), requireX64Core(), requireLibTypedarrays(), requireEncUtf16(), requireEncBase64(), requireEncBase64url(), requireMd5(), requireSha1(), requireSha256(), requireSha224(), requireSha512(), requireSha384(), requireSha3(), requireRipemd160(), requireHmac(), requirePbkdf2(), requireEvpkdf(), requireCipherCore(), requireModeCfb(), requireModeCtr(), requireModeCtrGladman(), requireModeOfb(), requireModeEcb(), requirePadAnsix923(), requirePadIso10126(), requirePadIso97971(), requirePadZeropadding(), requirePadNopadding(), requireFormatHex(), requireAes(), requireTripledes(), requireRc4(), requireRabbit(), requireRabbitLegacy());
     }
   })(commonjsGlobal, function(CryptoJS2) {
     return CryptoJS2;
@@ -9837,109 +9805,89 @@ var cryptoJsExports = cryptoJs.exports;
 const CryptoJS = /* @__PURE__ */ getDefaultExportFromCjs(cryptoJsExports);
 const WidgetStore = {
   el: void 0,
-  applicationId: void 0,
-  price: 0,
-  taxFree: 0,
-  depositPrice: 0,
-  currency: "KRW",
-  userToken: void 0,
-  pg: void 0,
-  method: void 0,
-  walletId: void 0,
-  selectTerms: [],
-  useOnlyOOpay: false,
+  data: void 0,
   termsPassed: false,
-  useTerms: true,
-  sandbox: false,
-  useBootpayInAppSdk: false,
-  widgetKey: void 0,
-  externalTerms: [],
   widgetExtra: {
     card_quota: []
   },
-  extra: {},
-  setWidgetData(data2) {
-    this.el = String(data2.el).replace(/#/gi, "");
-    this.applicationId = data2.application_id;
-    this.price = data2.price;
-    this.taxFree = data2.tax_free;
-    this.depositPrice = data2.deposit_price;
-    this.currency = data2.currency;
-    this.userToken = data2.user_token;
-    this.useOnlyOOpay = data2.use_only_oopay === void 0 ? false : data2.use_only_oopay;
-    this.useTerms = !(data2.use_terms === false);
-    this.walletId = data2.wallet_id;
-    this.externalTerms = data2.external_terms;
-    this.widgetExtra = data2.widget_extra;
-    this.widgetKey = data2.widget_key;
-    this.sandbox = data2.sandbox === true;
-    this.useBootpayInAppSdk = data2.use_bootpay_inapp_sdk === true;
+  widgetType: 1,
+  setWidgetData(element, data2) {
+    var _a, _b;
+    this.el = String(element).replace(/#/gi, "");
+    this.data = data2;
     this.termsPassed = false;
-    this.extra = {};
+    this.data.terms = (_a = this.data.terms) != null ? _a : [];
+    this.widgetType = 1;
+    this.data.widget = 1;
+    this.data.use_terms = (_b = this.data.use_terms) != null ? _b : true;
   },
   setPayment(pg, method, wallet_id, terms = false, select_terms, extra) {
-    this.pg = pg;
-    this.method = method;
-    this.walletId = wallet_id;
+    this.data.pg = pg;
+    this.data.method = method;
+    this.data.wallet_id = wallet_id;
     this.termsPassed = terms;
-    this.selectTerms = select_terms;
-    this.extra = extra;
+    this.data.terms = select_terms;
+    this.widgetExtra = extra;
   },
   updateOnProcessing(data2) {
     if (isPresent(data2.price)) {
-      this.price = data2.price;
+      this.data.price = data2.price;
     }
     if (isPresent(data2.tax_free)) {
-      this.taxFree = data2.tax_free;
+      this.data.tax_free = data2.tax_free;
     }
     if (isPresent(data2.currency)) {
-      this.currency = data2.currency;
+      this.data.currency = data2.currency;
     }
     if (data2.user_token !== void 0) {
-      this.userToken = data2.user_token;
+      this.data.user_token = data2.user_token;
     }
     if (isPresent(data2.use_terms)) {
-      this.useTerms = !(data2.use_terms === false);
+      this.data.use_terms = !(data2.use_terms === false);
     }
     if (isPresent(data2.sandbox)) {
-      this.sandbox = data2.sandbox === true;
+      this.data.sandbox = data2.sandbox === true;
     }
     if (isPresent(data2.widget_key)) {
-      this.widgetKey = data2.widget_key;
+      this.data.widget_key = data2.widget_key;
+    }
+    if (isPresent(data2.widget_type)) {
+      this.widgetType = data2.widget_type;
     }
     if (data2.external_terms !== void 0) {
-      this.externalTerms = data2.external_terms;
+      this.data.external_terms = data2.external_terms;
     }
     if (data2.use_bootpay_inapp_sdk !== void 0) {
-      this.useBootpayInAppSdk = data2.use_bootpay_inapp_sdk;
+      this.data.use_bootpay_inapp_sdk = data2.use_bootpay_inapp_sdk;
     }
     if (data2.widget_key !== void 0) {
-      this.widgetKey = data2.widget_key;
+      this.data.widget_key = data2.widget_key;
     }
   },
   encryptParameters() {
     return encodeURIComponent(
       this.encrypt({
-        use_only_oopay: this.useOnlyOOpay,
-        user_token: this.userToken,
-        sandbox: this.sandbox,
-        use_terms: this.useTerms,
-        external_terms: this.externalTerms,
-        key: this.widgetKey,
-        use_bootpay_inapp_sdk: this.useBootpayInAppSdk,
-        extra: this.extra,
+        order_name: this.data.order_name,
+        use_only_oopay: this.data.use_only_oopay,
+        user_token: this.data.user_token,
+        sandbox: this.data.sandbox,
+        use_terms: this.data.use_terms,
+        external_terms: this.data.external_terms,
+        key: this.data.widget_key,
+        use_bootpay_inapp_sdk: this.data.use_bootpay_inapp_sdk,
+        extra: this.data.extra,
         log_level: Logger.level
       })
     );
   },
   encrypt(data2) {
-    if (isBlank(this.applicationId)) {
+    if (isBlank(this.data.application_id)) {
       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.applicationId.substring(0, 16)),
+      CryptoJS.enc.Utf8.parse(this.data.application_id.substring(0, 16)),
       {
         mode: CryptoJS.mode.ECB,
         padding: CryptoJS.pad.Pkcs7
@@ -9948,12 +9896,12 @@ const WidgetStore = {
     return Base64.stringify(encrypted.ciphertext);
   },
   decrypt(data2) {
-    if (isBlank(this.applicationId)) {
+    if (isBlank(this.data.application_id)) {
       throw new Error("privateKey is not set");
     }
     const decrypted = AES.decrypt(
       data2,
-      CryptoJS.enc.Utf8.parse(this.applicationId.substring(0, 16)),
+      CryptoJS.enc.Utf8.parse(this.data.application_id.substring(0, 16)),
       {
         mode: CryptoJS.mode.ECB,
         padding: CryptoJS.pad.Pkcs7
@@ -9965,6 +9913,19 @@ const WidgetStore = {
     } catch (e) {
       return decryptedString;
     }
+  },
+  /**
+   * 결제 요청시 가져올 extra 값
+   * Comment by GOSOMI
+   * @date: 2024-08-19
+   */
+  getExtra(externalExtra = void 0) {
+    var _a, _b;
+    return mergeHash(externalExtra != null ? externalExtra : {}, mergeHash((_a = this.widgetExtra) != null ? _a : {}, (_b = this.data.extra) != null ? _b : {}));
+  },
+  getRequestPaymentData(data2 = void 0) {
+    this.data.extra = this.getExtra(data2.extra);
+    return mergeHash(data2, this.data);
   }
 };
 class TemplateWidgetManager extends TemplateManager {
@@ -10001,7 +9962,7 @@ class TemplateWidgetManager extends TemplateManager {
     iFrame.setAttribute(
       "src",
       Environment.toWidget(
-        `p/${this.$widgetStore.applicationId}/${this.$widgetStore.encryptParameters()}`
+        `p/${this.$widgetStore.data.application_id}/${this.$widgetStore.encryptParameters()}`
       )
     );
   }
@@ -10081,10 +10042,10 @@ class OOpayTemplateManager extends TemplateManager {
     this.createIFrame(url);
   }
   removeWallet(walletId) {
-    this.createIFrame(`oopay/destroy/${this.$widgetStore.applicationId}/${walletId}`);
+    this.createIFrame(`oopay/destroy/${this.$widgetStore.data.application_id}/${walletId}`);
   }
   showCardInterestInformation(data2) {
-    this.createIFrame(`card/interest/${this.$widgetStore.applicationId}`);
+    this.createIFrame(`card/interest/${this.$widgetStore.data.application_id}`);
   }
   destroy() {
     const element = document.getElementById(this.$windowId);
@@ -10244,23 +10205,23 @@ class BootpayWidgetEventManager extends BootpayWindowEvent {
             );
           case "bootpayRequestGetEnvironment":
             return TemplateWidget.postMessage("bootpayResponseGetEnvironment", {
-              use_only_oopay: TemplateWidget.$widgetStore.useOnlyOOpay,
-              user_token: TemplateWidget.$widgetStore.userToken,
-              sandbox: TemplateWidget.$widgetStore.sandbox,
-              use_terms: TemplateWidget.$widgetStore.useTerms,
-              external_terms: TemplateWidget.$widgetStore.externalTerms,
-              key: TemplateWidget.$widgetStore.widgetKey,
-              use_bootpay_inapp_sdk: TemplateWidget.$widgetStore.useBootpayInAppSdk,
+              use_only_oopay: TemplateWidget.$widgetStore.data.use_only_oopay,
+              user_token: TemplateWidget.$widgetStore.data.user_token,
+              sandbox: TemplateWidget.$widgetStore.data.sandbox,
+              use_terms: TemplateWidget.$widgetStore.data.use_terms,
+              external_terms: TemplateWidget.$widgetStore.data.external_terms,
+              key: TemplateWidget.$widgetStore.data.widget_key,
+              use_bootpay_inapp_sdk: TemplateWidget.$widgetStore.data.use_bootpay_inapp_sdk,
               log_level: Logger.level
             });
           case "bootpayRequestGetEnvironmentWidget":
             return TemplateWidget.postMessage("bootpayWidgetGetEnvironmentWidget", response.data);
           case "bootpayWidgetResponseGetEnvironmentWidget":
             return OOpayTemplate.postMessage("bootpayResponseGetEnvironmentWidget", {
-              use_only_oopay: TemplateWidget.$widgetStore.useOnlyOOpay,
-              user_token: TemplateWidget.$widgetStore.userToken,
-              sandbox: TemplateWidget.$widgetStore.sandbox,
-              use_terms: TemplateWidget.$widgetStore.useTerms,
+              use_only_oopay: TemplateWidget.$widgetStore.data.use_only_oopay,
+              user_token: TemplateWidget.$widgetStore.data.user_token,
+              sandbox: TemplateWidget.$widgetStore.data.sandbox,
+              use_terms: TemplateWidget.$widgetStore.data.use_terms,
               platform: response.data.platform
             });
           case "bootpayRequestCurrentStores":
@@ -10294,13 +10255,13 @@ class BootpayWidgetEventManager extends BootpayWindowEvent {
             return TemplateWidget.postMessage("bootpayWidgetGetEnvironmentModalWidget", response.data);
           case "bootpayWidgetResponseGetEnvironmentModalWidget":
             return ModalTemplate.postMessage("bootpayResponseGetEnvironmentModalWidget", {
-              application_id: TemplateWidget.$widgetStore.applicationId,
-              use_only_oopay: TemplateWidget.$widgetStore.useOnlyOOpay,
-              user_token: TemplateWidget.$widgetStore.userToken,
-              sandbox: TemplateWidget.$widgetStore.sandbox,
-              use_terms: TemplateWidget.$widgetStore.useTerms,
-              external_terms: TemplateWidget.$widgetStore.externalTerms,
-              key: TemplateWidget.$widgetStore.widgetKey,
+              application_id: TemplateWidget.$widgetStore.data.application_id,
+              use_only_oopay: TemplateWidget.$widgetStore.data.use_only_oopay,
+              user_token: TemplateWidget.$widgetStore.data.user_token,
+              sandbox: TemplateWidget.$widgetStore.data.sandbox,
+              use_terms: TemplateWidget.$widgetStore.data.use_terms,
+              external_terms: TemplateWidget.$widgetStore.data.external_terms,
+              key: TemplateWidget.$widgetStore.data.widget_key,
               platform: response.data.platform,
               log_level: Logger.level
             });
@@ -10308,18 +10269,17 @@ class BootpayWidgetEventManager extends BootpayWindowEvent {
             return ModalTemplate.resize(response.data);
           case "bootpayWidgetPaymentGetStoreData":
             const {
-              applicationId,
+              application_id,
               price,
-              widgetExtra,
-              taxFree,
-              userToken
-            } = TemplateWidget.$widgetStore;
+              tax_free,
+              user_token
+            } = TemplateWidget.$widgetStore.data;
             return TemplateWidget.postMessage("bootpayWidgetResponseStoreData", {
-              applicationId,
+              applicationId: application_id,
               price,
-              widgetExtra,
-              taxFree,
-              userToken
+              widgetExtra: TemplateWidget.$widgetStore.widgetExtra,
+              taxFree: tax_free,
+              userToken: user_token
             });
           case "bootpayWidgetTermAllAgree":
             this.callBootpayDOMEvent("all-agree-terms", response.data);
@@ -10376,11 +10336,11 @@ class BootpayWidgetEventManager extends BootpayWindowEvent {
    */
   triggerGlobalChangeEvent(data2) {
     var _a;
-    data2.completed = this.$present(data2.pg) && this.$present(data2.method) && (data2.term_passed === true || !WidgetStore.useTerms) && (["OOPAY_CARD", "OOPAY_AUTOMATIC_TRANSFER"].indexOf(data2.method) === -1 || data2.wallet_id !== void 0);
-    if (WidgetStore.pg !== data2.pg || WidgetStore.method !== data2.method || WidgetStore.walletId !== data2.wallet_id || JSON.stringify(WidgetStore.extra) !== JSON.stringify(data2.extra)) {
+    data2.completed = this.$present(data2.pg) && this.$present(data2.method) && (data2.term_passed === true || !WidgetStore.data.use_terms) && (["OOPAY_CARD", "OOPAY_AUTOMATIC_TRANSFER"].indexOf(data2.method) === -1 || data2.wallet_id !== void 0);
+    if (WidgetStore.data.pg !== data2.pg || WidgetStore.data.method !== data2.method || WidgetStore.data.wallet_id !== data2.wallet_id || JSON.stringify(WidgetStore.widgetExtra) !== JSON.stringify(data2.extra)) {
       this.callBootpayDOMEvent("widget-change-payment", data2);
     }
-    if (JSON.stringify((_a = data2.select_terms) == null ? void 0 : _a.filter((v) => v.agree === true)) !== JSON.stringify(WidgetStore.selectTerms.filter((v) => v.agree === true))) {
+    if (JSON.stringify((_a = data2.select_terms) == null ? void 0 : _a.filter((v) => v.agree === true)) !== JSON.stringify(WidgetStore.data.terms.filter((v) => v.agree === true))) {
       this.callBootpayDOMEvent("widget-change-terms", data2);
     }
   }
@@ -10392,17 +10352,21 @@ class BootpayWidgetWindowManager extends BootpayManager {
     this.message = BootpayMessage;
   }
   initialize() {
-    WidgetStore.setWidgetData({
-      el: void 0,
-      application_id: void 0,
-      price: 0,
-      tax_free: 0,
-      currency: "KRW",
-      user_token: void 0,
-      pg: void 0,
-      method: void 0,
-      widget_key: void 0
-    });
+    WidgetStore.setWidgetData(
+      void 0,
+      {
+        application_id: void 0,
+        order_name: "",
+        order_id: void 0,
+        price: 0,
+        tax_free: 0,
+        currency: "KRW",
+        user_token: void 0,
+        pg: void 0,
+        method: void 0,
+        widget_key: void 0
+      }
+    );
   }
   render(el, data2) {
     if (this.$blank(data2 == null ? void 0 : data2.price) || data2.price < 0) {
@@ -10412,21 +10376,10 @@ class BootpayWidgetWindowManager extends BootpayManager {
       throw new Error("application_id가 입력되지 않았습니다.");
     }
     this.initialize();
-    WidgetStore.setWidgetData({
+    WidgetStore.setWidgetData(
       el,
-      application_id: data2.application_id,
-      price: data2.price,
-      tax_free: data2.tax_free,
-      currency: data2.currency,
-      user_token: data2.user_token,
-      use_only_oopay: data2.use_only_oopay,
-      external_terms: data2.external_terms,
-      use_bootpay_inapp_sdk: data2.use_bootpay_inapp_sdk,
-      widget_extra: data2.extra,
-      use_terms: data2.use_terms,
-      sandbox: data2.sandbox,
-      widget_key: data2.key
-    });
+      data2
+    );
     TemplateWidget.render();
     BootpayWidgetEvent.bind();
   }
@@ -10439,7 +10392,7 @@ class BootpayWidgetWindowManager extends BootpayManager {
       use_only_oopay,
       use_terms,
       sandbox,
-      key,
+      widget_key,
       external_terms
     } = data2;
     WidgetStore.updateOnProcessing({
@@ -10451,7 +10404,7 @@ class BootpayWidgetWindowManager extends BootpayManager {
       use_terms,
       external_terms,
       sandbox,
-      widget_key: key
+      widget_key
     });
     if (this.$present(user_token) || this.$present(use_only_oopay) || this.$present(use_terms) || this.$present(sandbox)) {
       TemplateWidget.postMessage("bootpayWidgetUpdateUserToken", {
@@ -10460,7 +10413,7 @@ class BootpayWidgetWindowManager extends BootpayManager {
         use_terms,
         external_terms,
         sandbox,
-        key
+        key: widget_key
       });
     }
   }
@@ -10476,7 +10429,7 @@ class BootpayWidgetWindowManager extends BootpayManager {
     Logger.debug("selectPayment", `pg: ${pg}, method: ${method}, wallet_id: ${wallet_id}, terms: ${terms}, select_terms: ${JSON.stringify(select_terms)}, extra: ${JSON.stringify(extra)}`);
   }
   currentTermsCondition() {
-    return WidgetStore.selectTerms;
+    return WidgetStore.data.terms;
   }
   /**
    * 부트페이 결제 요청을 한다
@@ -10485,59 +10438,20 @@ class BootpayWidgetWindowManager extends BootpayManager {
    */
   requestPayment(data2) {
     return __async(this, null, function* () {
-      if (this.$blank(WidgetStore.pg) || this.$blank(WidgetStore.method)) {
-        throw new BootpayEventError({
-          event: "error",
-          error_code: "RC_PG_METHOD_NOT_SELECTED",
-          message: this.message.getLocaleMessage("notSelectPayment", "ko")
-        });
-      }
-      if (!WidgetStore.termsPassed && WidgetStore.useTerms) {
-        throw new BootpayEventError({
-          event: "error",
-          error_code: "RC_TERMS_NOT_AGREE",
-          message: this.message.getLocaleMessage("termsNotAgree", "ko")
-        });
-      }
-      if (["OOPAY_CARD", "OOPAY_AUTOMATIC_TRANSFER"].indexOf(WidgetStore.method) > -1 && WidgetStore.walletId === void 0) {
-        throw new BootpayEventError({
-          event: "error",
-          error_code: "RC_OOPAY_NEED_SELECT_WALLET",
-          message: this.message.getLocaleMessage("notSelectOOPay", "ko")
-        });
-      }
-      data2.application_id = WidgetStore.applicationId;
-      data2.price = WidgetStore.price;
-      data2.tax_free = WidgetStore.taxFree;
-      data2.deposit_price = WidgetStore.depositPrice;
-      data2.currency = WidgetStore.currency;
-      data2.pg = WidgetStore.pg;
-      data2.method = WidgetStore.method;
-      data2.wallet_id = WidgetStore.walletId;
-      data2.terms = WidgetStore.selectTerms;
-      data2.widget_sandbox = WidgetStore.sandbox;
-      data2.widget_key = WidgetStore.widgetKey;
-      data2.extra = this.mergeExtraOnStore(data2.extra);
-      data2.widget = 1;
-      return Bootpay.requestPayment(data2);
+      this.widgetRequestPaymentValidate(1);
+      return Bootpay.requestPayment(WidgetStore.getRequestPaymentData(data2));
     });
   }
   /**
-   * Merge Store in Extra Value
+   * 부트페이 정기결제 요청
    * Comment by GOSOMI
-   * @date: 2023-11-17
+   * @date: 2024-08-19
    */
-  mergeExtraOnStore(extra) {
-    if (extra === void 0) {
-      return WidgetStore.extra;
-    } else {
-      if (WidgetStore.extra !== void 0) {
-        Object.keys(WidgetStore.extra).forEach((key) => {
-          extra[key] = WidgetStore.extra[key];
-        });
-      }
-      return extra;
-    }
+  requestSubscription(data2) {
+    return __async(this, null, function* () {
+      this.widgetRequestPaymentValidate(2);
+      return Bootpay.requestSubscription(WidgetStore.getRequestPaymentData(data2));
+    });
   }
   isRendered() {
     return TemplateWidget.isRendered();
@@ -10567,16 +10481,47 @@ class BootpayWidgetWindowManager extends BootpayManager {
    * @date: 2024-07-22
    */
   currentPaymentParameters() {
+    this.widgetRequestPaymentValidate();
     return {
-      pg: WidgetStore.pg,
-      method: WidgetStore.method,
-      wallet_id: WidgetStore.walletId,
-      terms: WidgetStore.selectTerms,
-      widget_key: WidgetStore.widgetKey,
-      widget_sandbox: WidgetStore.sandbox,
-      extra: WidgetStore.extra
+      pg: WidgetStore.data.pg,
+      method: WidgetStore.data.method,
+      wallet_id: WidgetStore.data.wallet_id,
+      terms: WidgetStore.data.terms,
+      widget_key: WidgetStore.data.widget_key,
+      widget_sandbox: WidgetStore.data.sandbox,
+      extra: WidgetStore.getExtra({})
     };
   }
+  widgetRequestPaymentValidate(type = void 0) {
+    if (type !== void 0 && WidgetStore.widgetType !== type) {
+      throw new BootpayEventError({
+        event: "error",
+        error_code: "RC_WIDGET_TYPE_INVALID",
+        message: type === 1 ? this.message.getLocaleMessage("widgetTypeNotPayment", "ko") : this.message.getLocaleMessage("widgetTypeNotSubscription", "ko")
+      });
+    }
+    if (this.$blank(WidgetStore.data.pg) || this.$blank(WidgetStore.data.method)) {
+      throw new BootpayEventError({
+        event: "error",
+        error_code: "RC_PG_METHOD_NOT_SELECTED",
+        message: this.message.getLocaleMessage("notSelectPayment", "ko")
+      });
+    }
+    if (!WidgetStore.termsPassed && WidgetStore.data.use_terms) {
+      throw new BootpayEventError({
+        event: "error",
+        error_code: "RC_TERMS_NOT_AGREE",
+        message: this.message.getLocaleMessage("termsNotAgree", "ko")
+      });
+    }
+    if (["OOPAY_CARD", "OOPAY_AUTOMATIC_TRANSFER"].indexOf(WidgetStore.data.method) > -1 && WidgetStore.data.wallet_id === void 0) {
+      throw new BootpayEventError({
+        event: "error",
+        error_code: "RC_OOPAY_NEED_SELECT_WALLET",
+        message: this.message.getLocaleMessage("notSelectOOPay", "ko")
+      });
+    }
+  }
 }
 const BootpayWidgetWindow = new BootpayWidgetWindowManager();
 const BootpayWidget = {
@@ -10602,6 +10547,18 @@ const BootpayWidget = {
       }));
     });
   },
+  requestSubscription(data2) {
+    return __async(this, null, function* () {
+      return new Promise((resolve, reject) => __async(this, null, function* () {
+        try {
+          const response = yield BootpayWidgetWindow.requestSubscription(data2);
+          return resolve(response);
+        } catch (e) {
+          return reject(this.errorHandler(e));
+        }
+      }));
+    });
+  },
   errorHandler(e) {
     let response = void 0;
     AlfredProgress.hideProgress();
@@ -10689,6 +10646,12 @@ const BootpayWidget = {
   },
   currentPaymentParameters() {
     return BootpayWidgetWindow.currentPaymentParameters();
+  },
+  isWidgetTypeSubscription() {
+    return WidgetStore.widgetType === 2;
+  },
+  isWidgetTypePayment() {
+    return WidgetStore.widgetType === 1;
   }
 };
 if (typeof window !== "undefined") {