@one-payments/web-components 1.6.2 → 1.6.3

package/dist/index.js

@@ -75,7 +75,7 @@ const { is: Fe, defineProperty: Oe, getOwnPropertyDescriptor: ze, getOwnProperty
   return r;
 } }, Yt = (e, t) => !Fe(e, t), te = { attribute: !0, type: String, converter: bt, reflect: !1, useDefault: !1, hasChanged: Yt };
 Symbol.metadata ?? (Symbol.metadata = Symbol("metadata")), z.litPropertyMetadata ?? (z.litPropertyMetadata = /* @__PURE__ */ new WeakMap());
-let K = class extends HTMLElement {
+let G = class extends HTMLElement {
   static addInitializer(t) {
     this._$Ei(), (this.l ?? (this.l = [])).push(t);
   }
@@ -278,15 +278,15 @@ let K = class extends HTMLElement {
   firstUpdated(t) {
   }
 };
-K.elementStyles = [], K.shadowRootOptions = { mode: "open" }, K[nt("elementProperties")] = /* @__PURE__ */ new Map(), K[nt("finalized")] = /* @__PURE__ */ new Map(), Et == null || Et({ ReactiveElement: K }), (z.reactiveElementVersions ?? (z.reactiveElementVersions = [])).push("2.1.1");
+G.elementStyles = [], G.shadowRootOptions = { mode: "open" }, G[nt("elementProperties")] = /* @__PURE__ */ new Map(), G[nt("finalized")] = /* @__PURE__ */ new Map(), Et == null || Et({ ReactiveElement: G }), (z.reactiveElementVersions ?? (z.reactiveElementVersions = [])).push("2.1.1");
 /**
  * @license
  * Copyright 2017 Google LLC
  * SPDX-License-Identifier: BSD-3-Clause
  */
-const st = globalThis, vt = st.trustedTypes, ee = vt ? vt.createPolicy("lit-html", { createHTML: (e) => e }) : void 0, pe = "$lit$", F = `lit$${Math.random().toFixed(9).slice(2)}$`, me = "?" + F, je = `<${me}>`, G = document, lt = () => G.createComment(""), ct = (e) => e === null || typeof e != "object" && typeof e != "function", Vt = Array.isArray, Ge = (e) => Vt(e) || typeof (e == null ? void 0 : e[Symbol.iterator]) == "function", It = `[ 	
+const st = globalThis, vt = st.trustedTypes, ee = vt ? vt.createPolicy("lit-html", { createHTML: (e) => e }) : void 0, pe = "$lit$", F = `lit$${Math.random().toFixed(9).slice(2)}$`, me = "?" + F, je = `<${me}>`, K = document, lt = () => K.createComment(""), ct = (e) => e === null || typeof e != "object" && typeof e != "function", Vt = Array.isArray, Ke = (e) => Vt(e) || typeof (e == null ? void 0 : e[Symbol.iterator]) == "function", It = `[ 	
 \f\r]`, it = /<(?:(!--|\/[^a-zA-Z])|(\/?[a-zA-Z][^>\s]*)|(\/?$))/g, re = /-->/g, ie = />/g, H = RegExp(`>|${It}(?:([^\\s"'>=/]+)(${It}*=${It}*(?:[^ 	
-\f\r"'\`<>=]|("|')|))|$)`, "g"), ne = /'/g, se = /"/g, fe = /^(?:script|style|textarea|title)$/i, Ke = (e) => (t, ...r) => ({ _$litType$: e, strings: t, values: r }), b = Ke(1), W = Symbol.for("lit-noChange"), I = Symbol.for("lit-nothing"), oe = /* @__PURE__ */ new WeakMap(), Y = G.createTreeWalker(G, 129);
+\f\r"'\`<>=]|("|')|))|$)`, "g"), ne = /'/g, se = /"/g, fe = /^(?:script|style|textarea|title)$/i, Ge = (e) => (t, ...r) => ({ _$litType$: e, strings: t, values: r }), g = Ge(1), W = Symbol.for("lit-noChange"), I = Symbol.for("lit-nothing"), oe = /* @__PURE__ */ new WeakMap(), Y = K.createTreeWalker(K, 129);
 function ge(e, t) {
   if (!Vt(e) || !e.hasOwnProperty("raw")) throw Error("invalid template strings array");
   return ee !== void 0 ? ee.createHTML(t) : t;
@@ -336,7 +336,7 @@ class dt {
     }
   }
   static createElement(t, r) {
-    const i = G.createElement("template");
+    const i = K.createElement("template");
     return i.innerHTML = t, i;
   }
 }
@@ -358,7 +358,7 @@ class We {
     return this._$AM._$AU;
   }
   u(t) {
-    const { el: { content: r }, parts: i } = this._$AD, n = ((t == null ? void 0 : t.creationScope) ?? G).importNode(r, !0);
+    const { el: { content: r }, parts: i } = this._$AD, n = ((t == null ? void 0 : t.creationScope) ?? K).importNode(r, !0);
     Y.currentNode = n;
     let s = Y.nextNode(), o = 0, l = 0, a = i[0];
     for (; a !== void 0; ) {
@@ -368,7 +368,7 @@ class We {
       }
       o !== (a == null ? void 0 : a.index) && (s = Y.nextNode(), o++);
     }
-    return Y.currentNode = G, n;
+    return Y.currentNode = K, n;
   }
   p(t) {
     let r = 0;
@@ -395,7 +395,7 @@ class ht {
     return this._$AB;
   }
   _$AI(t, r = this) {
-    t = J(this, t, r), ct(t) ? t === I || t == null || t === "" ? (this._$AH !== I && this._$AR(), this._$AH = I) : t !== this._$AH && t !== W && this._(t) : t._$litType$ !== void 0 ? this.$(t) : t.nodeType !== void 0 ? this.T(t) : Ge(t) ? this.k(t) : this._(t);
+    t = J(this, t, r), ct(t) ? t === I || t == null || t === "" ? (this._$AH !== I && this._$AR(), this._$AH = I) : t !== this._$AH && t !== W && this._(t) : t._$litType$ !== void 0 ? this.$(t) : t.nodeType !== void 0 ? this.T(t) : Ke(t) ? this.k(t) : this._(t);
   }
   O(t) {
     return this._$AA.parentNode.insertBefore(t, this._$AB);
@@ -404,7 +404,7 @@ class ht {
     this._$AH !== t && (this._$AR(), this._$AH = this.O(t));
   }
   _(t) {
-    this._$AH !== I && ct(this._$AH) ? this._$AA.nextSibling.data = t : this.T(G.createTextNode(t)), this._$AH = t;
+    this._$AH !== I && ct(this._$AH) ? this._$AA.nextSibling.data = t : this.T(K.createTextNode(t)), this._$AH = t;
   }
   $(t) {
     var s;
@@ -521,7 +521,7 @@ const er = (e, t, r) => {
  * SPDX-License-Identifier: BSD-3-Clause
  */
 const j = globalThis;
-class ot extends K {
+class ot extends G {
   constructor() {
     super(...arguments), this.renderOptions = { host: this }, this._$Do = void 0;
   }
@@ -617,7 +617,8 @@ var f = {
   TNG: "tng",
   ALIPAYCN: "alipaycn",
   ALIPAYHK: "alipayhk",
-  GCASH: "gcash"
+  GCASH: "gcash",
+  KONBINI: "konbini"
 }, T = {
   IDLE: "idle",
   INITIALIZING: "initializing",
@@ -1013,6 +1014,10 @@ var cr = class {
           id: "gcash",
           enabled: !0,
           priority: h++
+        }), (u.includes("konbini") || m.includes("payments_konbini")) && d.push({
+          id: "konbini",
+          enabled: !0,
+          priority: h++
         });
       }), this.setState({
         status: T.READY,
@@ -1138,6 +1143,8 @@ var cr = class {
             return "alipayhk";
           case "gcash":
             return "gcash";
+          case "konbini":
+            return "konbini";
           default:
             return "qr";
         }
@@ -1317,7 +1324,7 @@ var cr = class {
       this.stopPolling();
       return;
     }
-    const r = t.selectedMethod === "promptpay" || t.selectedMethod === "duitnow" || t.selectedMethod === "gopay" || t.selectedMethod === "boost" || t.selectedMethod === "shopeepay" || t.selectedMethod === "atom" || t.selectedMethod === "dana" || t.selectedMethod === "tng" || t.selectedMethod === "alipaycn" || t.selectedMethod === "alipayhk" || t.selectedMethod === "gcash";
+    const r = t.selectedMethod === "promptpay" || t.selectedMethod === "duitnow" || t.selectedMethod === "gopay" || t.selectedMethod === "boost" || t.selectedMethod === "shopeepay" || t.selectedMethod === "atom" || t.selectedMethod === "dana" || t.selectedMethod === "tng" || t.selectedMethod === "alipaycn" || t.selectedMethod === "alipayhk" || t.selectedMethod === "gcash" || t.selectedMethod === "konbini";
     if (e.qrCode && !this.ignoreQRInPolling && !r) {
       this.emit({
         type: "qr_code_received",
@@ -1439,6 +1446,16 @@ var cr = class {
         });
         return;
       }
+      if (t.selectedMethod === "konbini") {
+        this.stopPolling(), this.emit({
+          type: "konbini_redirect",
+          payload: {
+            redirectUrl: e.nextActionUrl,
+            methodId: t.selectedMethod
+          }
+        });
+        return;
+      }
       if (t.selectedMethod === "paynow" && !this.ignoreQRInPolling) {
         this.emit({
           type: "qr_code_received",
@@ -1536,7 +1553,7 @@ var cr = class {
       r(e);
     });
   }
-}, dr = "https://images.ctfassets.net/c3n7jozh84hr/2A5qlS6JkUsOyFVPzQ0KlK/22b497afd71030ef1a44a52394b15027/______2022-06-30_11.03.43.png", ur = "https://www.airwallex.com/docs/assets/contentful/images.ctfassets.net/c3n7jozh84hr/xLSOJpNvMp7cBKdvDln0B/eb2f53a0a3f2317750739dceff9df413/______2022-06-30_10.59.00.png", hr = "https://www.airwallex.com/docs/assets/contentful/images.ctfassets.net/c3n7jozh84hr/4Iq13VoxktB3amHFbQK1yb/f2fe12add0dac233d56c22cf5651c65c/image-20220630-030728.png", pr = "https://www.airwallex.com/docs/assets/contentful/images.ctfassets.net/c3n7jozh84hr/mjau5Tqscwu9tbhRLFbmJ/a66cd2894060b2d3a94b75d7f4e65355/______2022-07-04_17.05.18.png", mr = "https://www.airwallex.com/docs/assets/contentful/images.ctfassets.net/c3n7jozh84hr/1M4DBVFhOrkprPmjxZwS7M/c4a90840d3846b926d3a5524392435fe/Boost.svg", fr = "https://www.airwallex.com/docs/assets/contentful/images.ctfassets.net/c3n7jozh84hr/1BYCLeHNQEyPXBjlIdu09h/71d67c5be3975f77091bf45c7ab58f65/ShopeePay.svg", gr = "https://www.airwallex.com/docs/assets/contentful/images.ctfassets.net/c3n7jozh84hr/61LYQ3RuziTGisarZgaAV1/309f3f1e569609dd0b0095857d6382b5/__2022-05-31_11.44.42.png", yr = "https://www.airwallex.com/docs/assets/contentful/images.ctfassets.net/c3n7jozh84hr/79Uj5xItEZE7L51j2oh6IV/6af4cfefdd65834305931fd16f652d87/DANA.svg", br = "https://www.airwallex.com/docs/assets/contentful/images.ctfassets.net/c3n7jozh84hr/15FHwC4H3W0JrNvsqy6TWH/5d18aa44231c55d6457389e17ac7ea0c/TnG.svg", vr = "https://www.airwallex.com/docs/assets/contentful/images.ctfassets.net/c3n7jozh84hr/5EK8VF1nACmJ0KpPocLuR7/785178078004e82cb69782c570623b8c/Alipay.svg", wr = "https://www.airwallex.com/docs/assets/contentful/images.ctfassets.net/c3n7jozh84hr/3sNSjVq0K9mq5whYcGJhBe/78857434adff807c8e293425491e0bd4/AlipayHK.svg", xr = "https://www.airwallex.com/docs/assets/contentful/images.ctfassets.net/c3n7jozh84hr/4WAO5JJPUOrZ9jBA0Vf4tf/c3896e1a5508efa0c569bd3eaa577dad/GCash.svg", Q = typeof window < "u" ? window : typeof global < "u" ? global : typeof self < "u" ? self : {}, V = function(e, t, r, i, n, s, o, l, a, c) {
+}, dr = "https://images.ctfassets.net/c3n7jozh84hr/2A5qlS6JkUsOyFVPzQ0KlK/22b497afd71030ef1a44a52394b15027/______2022-06-30_11.03.43.png", ur = "https://www.airwallex.com/docs/assets/contentful/images.ctfassets.net/c3n7jozh84hr/xLSOJpNvMp7cBKdvDln0B/eb2f53a0a3f2317750739dceff9df413/______2022-06-30_10.59.00.png", hr = "https://www.airwallex.com/docs/assets/contentful/images.ctfassets.net/c3n7jozh84hr/4Iq13VoxktB3amHFbQK1yb/f2fe12add0dac233d56c22cf5651c65c/image-20220630-030728.png", pr = "https://www.airwallex.com/docs/assets/contentful/images.ctfassets.net/c3n7jozh84hr/mjau5Tqscwu9tbhRLFbmJ/a66cd2894060b2d3a94b75d7f4e65355/______2022-07-04_17.05.18.png", mr = "https://www.airwallex.com/docs/assets/contentful/images.ctfassets.net/c3n7jozh84hr/1M4DBVFhOrkprPmjxZwS7M/c4a90840d3846b926d3a5524392435fe/Boost.svg", fr = "https://www.airwallex.com/docs/assets/contentful/images.ctfassets.net/c3n7jozh84hr/1BYCLeHNQEyPXBjlIdu09h/71d67c5be3975f77091bf45c7ab58f65/ShopeePay.svg", gr = "https://www.airwallex.com/docs/assets/contentful/images.ctfassets.net/c3n7jozh84hr/61LYQ3RuziTGisarZgaAV1/309f3f1e569609dd0b0095857d6382b5/__2022-05-31_11.44.42.png", yr = "https://www.airwallex.com/docs/assets/contentful/images.ctfassets.net/c3n7jozh84hr/79Uj5xItEZE7L51j2oh6IV/6af4cfefdd65834305931fd16f652d87/DANA.svg", br = "https://www.airwallex.com/docs/assets/contentful/images.ctfassets.net/c3n7jozh84hr/15FHwC4H3W0JrNvsqy6TWH/5d18aa44231c55d6457389e17ac7ea0c/TnG.svg", vr = "https://www.airwallex.com/docs/assets/contentful/images.ctfassets.net/c3n7jozh84hr/5EK8VF1nACmJ0KpPocLuR7/785178078004e82cb69782c570623b8c/Alipay.svg", wr = "https://www.airwallex.com/docs/assets/contentful/images.ctfassets.net/c3n7jozh84hr/3sNSjVq0K9mq5whYcGJhBe/78857434adff807c8e293425491e0bd4/AlipayHK.svg", xr = "https://www.airwallex.com/docs/assets/contentful/images.ctfassets.net/c3n7jozh84hr/4WAO5JJPUOrZ9jBA0Vf4tf/c3896e1a5508efa0c569bd3eaa577dad/GCash.svg", Sr = "https://www.airwallex.com/docs/assets/contentful/images.ctfassets.net/c3n7jozh84hr/2k2M0v6xdd5HvUNxX2sYCi/c9de881648bdd61adb15ec1941f2d47e/konbini_420x280.png", Q = typeof window < "u" ? window : typeof global < "u" ? global : typeof self < "u" ? self : {}, V = function(e, t, r, i, n, s, o, l, a, c) {
   var d = this;
   d.numeralDecimalMark = e || ".", d.numeralIntegerScale = t > 0 ? t : 0, d.numeralDecimalScale = r >= 0 ? r : 2, d.numeralThousandsGroupStyle = i || V.groupStyle.thousand, d.numeralPositiveOnly = !!n, d.stripLeadingZeroes = s !== !1, d.prefix = o || o === "" ? o : "", d.signBeforePrefix = !!l, d.tailPrefix = !!a, d.delimiter = c || c === "" ? c : ",", d.delimiterRE = c ? new RegExp("\\" + c, "g") : "";
 };
@@ -1566,7 +1583,7 @@ V.prototype = {
     return t.tailPrefix ? i + s.toString() + (t.numeralDecimalScale > 0 ? o.toString() : "") + t.prefix : n + s.toString() + (t.numeralDecimalScale > 0 ? o.toString() : "");
   }
 };
-var Sr = V, ye = function(e, t, r) {
+var Pr = V, ye = function(e, t, r) {
   var i = this;
   i.date = [], i.blocks = [], i.datePattern = e, i.dateMin = t.split("-").reverse().map(function(n) {
     return parseInt(n, 10);
@@ -1653,7 +1670,7 @@ ye.prototype = {
     return t ? (e < 10 ? "000" : e < 100 ? "00" : e < 1e3 ? "0" : "") + e : (e < 10 ? "0" : "") + e;
   }
 };
-var Pr = ye, be = function(e, t) {
+var kr = ye, be = function(e, t) {
   var r = this;
   r.time = [], r.blocks = [], r.timePattern = e, r.timeFormat = t, r.initBlocks();
 };
@@ -1762,7 +1779,7 @@ ve.prototype = {
     return r = r.replace(/[()]/g, ""), r = r.replace(/[\s-]/g, t.delimiter), r;
   }
 };
-var kr = ve, Bt = {
+var Cr = ve, Bt = {
   blocks: {
     uatp: [4, 5, 6],
     amex: [4, 6, 5],
@@ -1829,7 +1846,7 @@ var kr = ve, Bt = {
       blocks: t ? this.getStrictBlocks(r.general) : r.general
     };
   }
-}, Cr = Bt, _r = {
+}, _r = Bt, Er = {
   noop: function() {
   },
   strip: function(e, t) {
@@ -1958,7 +1975,7 @@ var kr = ve, Bt = {
   isAndroidBackspaceKeydown: function(e, t) {
     return !this.isAndroid() || !e || !t ? !1 : t === e.slice(0, -1);
   }
-}, Er = _r, Ir = {
+}, Ir = Er, Nr = {
   // Maybe change to object-assign
   // for now just keep it as simple
   assign: function(e, t) {
@@ -1966,7 +1983,7 @@ var kr = ve, Bt = {
     }, e.phone = !!t.phone, e.phoneRegionCode = t.phoneRegionCode || "AU", e.phoneFormatter = {}, e.time = !!t.time, e.timePattern = t.timePattern || ["h", "m", "s"], e.timeFormat = t.timeFormat || "24", e.timeFormatter = {}, e.date = !!t.date, e.datePattern = t.datePattern || ["d", "m", "Y"], e.dateMin = t.dateMin || "", e.dateMax = t.dateMax || "", e.dateFormatter = {}, e.numeral = !!t.numeral, e.numeralIntegerScale = t.numeralIntegerScale > 0 ? t.numeralIntegerScale : 0, e.numeralDecimalScale = t.numeralDecimalScale >= 0 ? t.numeralDecimalScale : 2, e.numeralDecimalMark = t.numeralDecimalMark || ".", e.numeralThousandsGroupStyle = t.numeralThousandsGroupStyle || "thousand", e.numeralPositiveOnly = !!t.numeralPositiveOnly, e.stripLeadingZeroes = t.stripLeadingZeroes !== !1, e.signBeforePrefix = !!t.signBeforePrefix, e.tailPrefix = !!t.tailPrefix, e.swapHiddenInput = !!t.swapHiddenInput, e.numericOnly = e.creditCard || e.date || !!t.numericOnly, e.uppercase = !!t.uppercase, e.lowercase = !!t.lowercase, e.prefix = e.creditCard || e.date ? "" : t.prefix || "", e.noImmediatePrefix = !!t.noImmediatePrefix, e.prefixLength = e.prefix.length, e.rawValueTrimPrefix = !!t.rawValueTrimPrefix, e.copyDelimiter = !!t.copyDelimiter, e.initValue = t.initValue !== void 0 && t.initValue !== null ? t.initValue.toString() : "", e.delimiter = t.delimiter || t.delimiter === "" ? t.delimiter : t.date ? "/" : t.time ? ":" : t.numeral ? "," : (t.phone, " "), e.delimiterLength = e.delimiter.length, e.delimiterLazyShow = !!t.delimiterLazyShow, e.delimiters = t.delimiters || [], e.blocks = t.blocks || [], e.blocksLength = e.blocks.length, e.root = typeof Q == "object" && Q ? Q : window, e.document = t.document || e.root.document, e.maxLength = 0, e.backspace = !1, e.result = "", e.onValueChanged = t.onValueChanged || function() {
     }, e;
   }
-}, Nr = Ir, A = function(e, t) {
+}, Dr = Nr, k = function(e, t) {
   var r = this, i = !1;
   if (typeof e == "string" ? (r.element = document.querySelector(e), i = document.querySelectorAll(e).length > 1) : typeof e.length < "u" && e.length > 0 ? (r.element = e[0], i = e.length > 1) : r.element = e, !r.element)
     throw new Error("[cleave.js] Please check the element");
@@ -1975,16 +1992,16 @@ var kr = ve, Bt = {
       console.warn("[cleave.js] Multiple input fields matched, cleave.js will only take the first one.");
     } catch {
     }
-  t.initValue = r.element.value, r.properties = A.DefaultProperties.assign({}, t), r.init();
+  t.initValue = r.element.value, r.properties = k.DefaultProperties.assign({}, t), r.init();
 };
-A.prototype = {
+k.prototype = {
   init: function() {
     var e = this, t = e.properties;
     if (!t.numeral && !t.phone && !t.creditCard && !t.time && !t.date && t.blocksLength === 0 && !t.prefix) {
       e.onInput(t.initValue);
       return;
     }
-    t.maxLength = A.Util.getMaxLength(t.blocks), e.isAndroid = A.Util.isAndroid(), e.lastInputValue = "", e.isBackward = "", e.onChangeListener = e.onChange.bind(e), e.onKeyDownListener = e.onKeyDown.bind(e), e.onFocusListener = e.onFocus.bind(e), e.onCutListener = e.onCut.bind(e), e.onCopyListener = e.onCopy.bind(e), e.initSwapHiddenInput(), e.element.addEventListener("input", e.onChangeListener), e.element.addEventListener("keydown", e.onKeyDownListener), e.element.addEventListener("focus", e.onFocusListener), e.element.addEventListener("cut", e.onCutListener), e.element.addEventListener("copy", e.onCopyListener), e.initPhoneFormatter(), e.initDateFormatter(), e.initTimeFormatter(), e.initNumeralFormatter(), (t.initValue || t.prefix && !t.noImmediatePrefix) && e.onInput(t.initValue);
+    t.maxLength = k.Util.getMaxLength(t.blocks), e.isAndroid = k.Util.isAndroid(), e.lastInputValue = "", e.isBackward = "", e.onChangeListener = e.onChange.bind(e), e.onKeyDownListener = e.onKeyDown.bind(e), e.onFocusListener = e.onFocus.bind(e), e.onCutListener = e.onCut.bind(e), e.onCopyListener = e.onCopy.bind(e), e.initSwapHiddenInput(), e.element.addEventListener("input", e.onChangeListener), e.element.addEventListener("keydown", e.onKeyDownListener), e.element.addEventListener("focus", e.onFocusListener), e.element.addEventListener("cut", e.onCutListener), e.element.addEventListener("copy", e.onCopyListener), e.initPhoneFormatter(), e.initDateFormatter(), e.initTimeFormatter(), e.initNumeralFormatter(), (t.initValue || t.prefix && !t.noImmediatePrefix) && e.onInput(t.initValue);
   },
   initSwapHiddenInput: function() {
     var e = this, t = e.properties;
@@ -1995,7 +2012,7 @@ A.prototype = {
   },
   initNumeralFormatter: function() {
     var e = this, t = e.properties;
-    t.numeral && (t.numeralFormatter = new A.NumeralFormatter(
+    t.numeral && (t.numeralFormatter = new k.NumeralFormatter(
       t.numeralDecimalMark,
       t.numeralIntegerScale,
       t.numeralDecimalScale,
@@ -2010,17 +2027,17 @@ A.prototype = {
   },
   initTimeFormatter: function() {
     var e = this, t = e.properties;
-    t.time && (t.timeFormatter = new A.TimeFormatter(t.timePattern, t.timeFormat), t.blocks = t.timeFormatter.getBlocks(), t.blocksLength = t.blocks.length, t.maxLength = A.Util.getMaxLength(t.blocks));
+    t.time && (t.timeFormatter = new k.TimeFormatter(t.timePattern, t.timeFormat), t.blocks = t.timeFormatter.getBlocks(), t.blocksLength = t.blocks.length, t.maxLength = k.Util.getMaxLength(t.blocks));
   },
   initDateFormatter: function() {
     var e = this, t = e.properties;
-    t.date && (t.dateFormatter = new A.DateFormatter(t.datePattern, t.dateMin, t.dateMax), t.blocks = t.dateFormatter.getBlocks(), t.blocksLength = t.blocks.length, t.maxLength = A.Util.getMaxLength(t.blocks));
+    t.date && (t.dateFormatter = new k.DateFormatter(t.datePattern, t.dateMin, t.dateMax), t.blocks = t.dateFormatter.getBlocks(), t.blocksLength = t.blocks.length, t.maxLength = k.Util.getMaxLength(t.blocks));
   },
   initPhoneFormatter: function() {
     var e = this, t = e.properties;
     if (t.phone)
       try {
-        t.phoneFormatter = new A.PhoneFormatter(
+        t.phoneFormatter = new k.PhoneFormatter(
           new t.root.Cleave.AsYouTypeFormatter(t.phoneRegionCode),
           t.delimiter
         );
@@ -2033,23 +2050,23 @@ A.prototype = {
     t.lastInputValue = t.element.value, t.isBackward = r === 8;
   },
   onChange: function(e) {
-    var t = this, r = t.properties, i = A.Util;
+    var t = this, r = t.properties, i = k.Util;
     t.isBackward = t.isBackward || e.inputType === "deleteContentBackward";
     var n = i.getPostDelimiter(t.lastInputValue, r.delimiter, r.delimiters);
     t.isBackward && n ? r.postDelimiterBackspace = n : r.postDelimiterBackspace = !1, this.onInput(this.element.value);
   },
   onFocus: function() {
     var e = this, t = e.properties;
-    e.lastInputValue = e.element.value, t.prefix && t.noImmediatePrefix && !e.element.value && this.onInput(t.prefix), A.Util.fixPrefixCursor(e.element, t.prefix, t.delimiter, t.delimiters);
+    e.lastInputValue = e.element.value, t.prefix && t.noImmediatePrefix && !e.element.value && this.onInput(t.prefix), k.Util.fixPrefixCursor(e.element, t.prefix, t.delimiter, t.delimiters);
   },
   onCut: function(e) {
-    A.Util.checkFullSelection(this.element.value) && (this.copyClipboardData(e), this.onInput(""));
+    k.Util.checkFullSelection(this.element.value) && (this.copyClipboardData(e), this.onInput(""));
   },
   onCopy: function(e) {
-    A.Util.checkFullSelection(this.element.value) && this.copyClipboardData(e);
+    k.Util.checkFullSelection(this.element.value) && this.copyClipboardData(e);
   },
   copyClipboardData: function(e) {
-    var t = this, r = t.properties, i = A.Util, n = t.element.value, s = "";
+    var t = this, r = t.properties, i = k.Util, n = t.element.value, s = "";
     r.copyDelimiter ? s = n : s = i.stripDelimiters(n, r.delimiter, r.delimiters);
     try {
       e.clipboardData ? e.clipboardData.setData("Text", s) : window.clipboardData.setData("Text", s), e.preventDefault();
@@ -2057,7 +2074,7 @@ A.prototype = {
     }
   },
   onInput: function(e) {
-    var t = this, r = t.properties, i = A.Util, n = i.getPostDelimiter(e, r.delimiter, r.delimiters);
+    var t = this, r = t.properties, i = k.Util, n = i.getPostDelimiter(e, r.delimiter, r.delimiters);
     if (!r.numeral && r.postDelimiterBackspace && !n && (e = i.headStr(e, e.length - r.postDelimiterBackspace.length)), r.phone) {
       r.prefix && (!r.noImmediatePrefix || e.length) ? r.result = r.prefix + r.phoneFormatter.format(e).slice(r.prefix.length) : r.result = r.phoneFormatter.format(e), t.updateValueState();
       return;
@@ -2080,11 +2097,11 @@ A.prototype = {
     ), t.updateValueState();
   },
   updateCreditCardPropsByValue: function(e) {
-    var t = this, r = t.properties, i = A.Util, n;
-    i.headStr(r.result, 4) !== i.headStr(e, 4) && (n = A.CreditCardDetector.getInfo(e, r.creditCardStrictMode), r.blocks = n.blocks, r.blocksLength = r.blocks.length, r.maxLength = i.getMaxLength(r.blocks), r.creditCardType !== n.type && (r.creditCardType = n.type, r.onCreditCardTypeChanged.call(t, r.creditCardType)));
+    var t = this, r = t.properties, i = k.Util, n;
+    i.headStr(r.result, 4) !== i.headStr(e, 4) && (n = k.CreditCardDetector.getInfo(e, r.creditCardStrictMode), r.blocks = n.blocks, r.blocksLength = r.blocks.length, r.maxLength = i.getMaxLength(r.blocks), r.creditCardType !== n.type && (r.creditCardType = n.type, r.onCreditCardTypeChanged.call(t, r.creditCardType)));
   },
   updateValueState: function() {
-    var e = this, t = A.Util, r = e.properties;
+    var e = this, t = k.Util, r = e.properties;
     if (e.element) {
       var i = e.element.selectionEnd, n = e.element.value, s = r.result;
       if (i = t.getNextCursorPosition(i, n, s, r.delimiter, r.delimiters), e.isAndroid) {
@@ -2115,7 +2132,7 @@ A.prototype = {
     e = e != null ? e.toString() : "", r.numeral && (e = e.replace(".", r.numeralDecimalMark)), r.postDelimiterBackspace = !1, t.element.value = e, t.onInput(e);
   },
   getRawValue: function() {
-    var e = this, t = e.properties, r = A.Util, i = e.element.value;
+    var e = this, t = e.properties, r = k.Util, i = e.element.value;
     return t.rawValueTrimPrefix && (i = r.getPrefixStrippedValue(i, t.prefix, t.prefixLength, t.result, t.delimiter, t.delimiters, t.noImmediatePrefix, t.tailPrefix, t.signBeforePrefix)), t.numeral ? i = t.numeralFormatter.getRawValue(i) : i = r.stripDelimiters(i, t.delimiter, t.delimiters), i;
   },
   getISOFormatDate: function() {
@@ -2137,19 +2154,19 @@ A.prototype = {
     return "[Cleave Object]";
   }
 };
-A.NumeralFormatter = Sr;
-A.DateFormatter = Pr;
-A.TimeFormatter = Ar;
-A.PhoneFormatter = kr;
-A.CreditCardDetector = Cr;
-A.Util = Er;
-A.DefaultProperties = Nr;
-(typeof Q == "object" && Q ? Q : window).Cleave = A;
-var ae = A, pt = {}, Dr = function() {
+k.NumeralFormatter = Pr;
+k.DateFormatter = kr;
+k.TimeFormatter = Ar;
+k.PhoneFormatter = Cr;
+k.CreditCardDetector = _r;
+k.Util = Ir;
+k.DefaultProperties = Dr;
+(typeof Q == "object" && Q ? Q : window).Cleave = k;
+var ae = k, pt = {}, Mr = function() {
   return typeof Promise == "function" && Promise.prototype && Promise.prototype.then;
 }, we = {}, M = {};
 let jt;
-const Mr = [
+const Tr = [
   0,
   // Not used
   26,
@@ -2199,7 +2216,7 @@ M.getSymbolSize = function(t) {
   return t * 4 + 17;
 };
 M.getSymbolTotalCodewords = function(t) {
-  return Mr[t];
+  return Tr[t];
 };
 M.getBCHDigit = function(e) {
   let t = 0;
@@ -2273,7 +2290,7 @@ xe.prototype = {
     this.buffer.length <= t && this.buffer.push(0), e && (this.buffer[t] |= 128 >>> this.length % 8), this.length++;
   }
 };
-var Tr = xe;
+var $r = xe;
 function mt(e) {
   if (!e || e < 1)
     throw new Error("BitMatrix size must be defined and greater than 0");
@@ -2292,7 +2309,7 @@ mt.prototype.xor = function(e, t, r) {
 mt.prototype.isReserved = function(e, t) {
   return this.reservedBit[e * this.size + t];
 };
-var $r = mt, Se = {};
+var Rr = mt, Se = {};
 (function(e) {
   const t = M.getSymbolSize;
   e.getRowColCoords = function(i) {
@@ -2312,9 +2329,9 @@ var $r = mt, Se = {};
   };
 })(Se);
 var Pe = {};
-const Rr = M.getSymbolSize, le = 7;
+const Lr = M.getSymbolSize, le = 7;
 Pe.getPositions = function(t) {
-  const r = Rr(t);
+  const r = Lr(t);
   return [
     // top-left
     [0, 0],
@@ -2324,7 +2341,7 @@ Pe.getPositions = function(t) {
     [0, r - le]
   ];
 };
-var Ae = {};
+var ke = {};
 (function(e) {
   e.Patterns = {
     PATTERN000: 0,
@@ -2419,8 +2436,8 @@ var Ae = {};
     }
     return l;
   };
-})(Ae);
-var At = {};
+})(ke);
+var kt = {};
 const O = Pt, ft = [
   // L  M  Q  H
   1,
@@ -2746,7 +2763,7 @@ const O = Pt, ft = [
   2040,
   2430
 ];
-At.getBlocksCount = function(t, r) {
+kt.getBlocksCount = function(t, r) {
   switch (r) {
     case O.L:
       return ft[(t - 1) * 4 + 0];
@@ -2760,7 +2777,7 @@ At.getBlocksCount = function(t, r) {
       return;
   }
 };
-At.getTotalCodewordsCount = function(t, r) {
+kt.getTotalCodewordsCount = function(t, r) {
   switch (r) {
     case O.L:
       return gt[(t - 1) * 4 + 0];
@@ -2774,7 +2791,7 @@ At.getTotalCodewordsCount = function(t, r) {
       return;
   }
 };
-var ke = {}, kt = {};
+var Ae = {}, At = {};
 const at = new Uint8Array(512), wt = new Uint8Array(256);
 (function() {
   let t = 1;
@@ -2783,18 +2800,18 @@ const at = new Uint8Array(512), wt = new Uint8Array(256);
   for (let r = 255; r < 512; r++)
     at[r] = at[r - 255];
 })();
-kt.log = function(t) {
+At.log = function(t) {
   if (t < 1) throw new Error("log(" + t + ")");
   return wt[t];
 };
-kt.exp = function(t) {
+At.exp = function(t) {
   return at[t];
 };
-kt.mul = function(t, r) {
+At.mul = function(t, r) {
   return t === 0 || r === 0 ? 0 : at[wt[t] + wt[r]];
 };
 (function(e) {
-  const t = kt;
+  const t = At;
   e.mul = function(i, n) {
     const s = new Uint8Array(i.length + n.length - 1);
     for (let o = 0; o < i.length; o++)
@@ -2818,15 +2835,15 @@ kt.mul = function(t, r) {
       n = e.mul(n, new Uint8Array([1, t.exp(s)]));
     return n;
   };
-})(ke);
-const Ce = ke;
-function Gt(e) {
+})(Ae);
+const Ce = Ae;
+function Kt(e) {
   this.genPoly = void 0, this.degree = e, this.degree && this.initialize(this.degree);
 }
-Gt.prototype.initialize = function(t) {
+Kt.prototype.initialize = function(t) {
   this.degree = t, this.genPoly = Ce.generateECPolynomial(this.degree);
 };
-Gt.prototype.encode = function(t) {
+Kt.prototype.encode = function(t) {
   if (!this.genPoly)
     throw new Error("Encoder not initialized");
   const r = new Uint8Array(t.length + this.degree);
@@ -2838,33 +2855,33 @@ Gt.prototype.encode = function(t) {
   }
   return i;
 };
-var Lr = Gt, _e = {}, q = {}, Kt = {};
-Kt.isValid = function(t) {
+var Br = Kt, _e = {}, q = {}, Gt = {};
+Gt.isValid = function(t) {
   return !isNaN(t) && t >= 1 && t <= 40;
 };
 var L = {};
-const Ee = "[0-9]+", Br = "[A-Z $%*+\\-./:]+";
+const Ee = "[0-9]+", Ur = "[A-Z $%*+\\-./:]+";
 let ut = "(?:[u3000-u303F]|[u3040-u309F]|[u30A0-u30FF]|[uFF00-uFFEF]|[u4E00-u9FAF]|[u2605-u2606]|[u2190-u2195]|u203B|[u2010u2015u2018u2019u2025u2026u201Cu201Du2225u2260]|[u0391-u0451]|[u00A7u00A8u00B1u00B4u00D7u00F7])+";
 ut = ut.replace(/u/g, "\\u");
-const Ur = "(?:(?![A-Z0-9 $%*+\\-./:]|" + ut + `)(?:.|[\r
+const Fr = "(?:(?![A-Z0-9 $%*+\\-./:]|" + ut + `)(?:.|[\r
 ]))+`;
 L.KANJI = new RegExp(ut, "g");
 L.BYTE_KANJI = new RegExp("[^A-Z0-9 $%*+\\-./:]+", "g");
-L.BYTE = new RegExp(Ur, "g");
+L.BYTE = new RegExp(Fr, "g");
 L.NUMERIC = new RegExp(Ee, "g");
-L.ALPHANUMERIC = new RegExp(Br, "g");
-const Fr = new RegExp("^" + ut + "$"), Or = new RegExp("^" + Ee + "$"), zr = new RegExp("^[A-Z0-9 $%*+\\-./:]+$");
+L.ALPHANUMERIC = new RegExp(Ur, "g");
+const Or = new RegExp("^" + ut + "$"), zr = new RegExp("^" + Ee + "$"), qr = new RegExp("^[A-Z0-9 $%*+\\-./:]+$");
 L.testKanji = function(t) {
-  return Fr.test(t);
+  return Or.test(t);
 };
 L.testNumeric = function(t) {
-  return Or.test(t);
+  return zr.test(t);
 };
 L.testAlphanumeric = function(t) {
-  return zr.test(t);
+  return qr.test(t);
 };
 (function(e) {
-  const t = Kt, r = L;
+  const t = Gt, r = L;
   e.NUMERIC = {
     id: "Numeric",
     bit: 1,
@@ -2923,7 +2940,7 @@ L.testAlphanumeric = function(t) {
   };
 })(q);
 (function(e) {
-  const t = M, r = At, i = Pt, n = q, s = Kt, o = 7973, l = t.getBCHDigit(o);
+  const t = M, r = kt, i = Pt, n = q, s = Gt, o = 7973, l = t.getBCHDigit(o);
   function a(p, u, m) {
     for (let v = 1; v <= 40; v++)
       if (u <= e.getCapacity(v, m, p))
@@ -2952,17 +2969,17 @@ L.testAlphanumeric = function(t) {
     typeof v > "u" && (v = n.BYTE);
     const C = t.getSymbolTotalCodewords(u), w = r.getTotalCodewordsCount(u, m), x = (C - w) * 8;
     if (v === n.MIXED) return x;
-    const y = x - c(v, u);
+    const b = x - c(v, u);
     switch (v) {
       case n.NUMERIC:
-        return Math.floor(y / 10 * 3);
+        return Math.floor(b / 10 * 3);
       case n.ALPHANUMERIC:
-        return Math.floor(y / 11 * 2);
+        return Math.floor(b / 11 * 2);
       case n.KANJI:
-        return Math.floor(y / 13);
+        return Math.floor(b / 13);
       case n.BYTE:
       default:
-        return Math.floor(y / 8);
+        return Math.floor(b / 8);
     }
   }, e.getBestVersionForData = function(u, m) {
     let v;
@@ -2986,18 +3003,18 @@ L.testAlphanumeric = function(t) {
   };
 })(_e);
 var Ie = {};
-const Ut = M, Ne = 1335, qr = 21522, ce = Ut.getBCHDigit(Ne);
+const Ut = M, Ne = 1335, Hr = 21522, ce = Ut.getBCHDigit(Ne);
 Ie.getEncodedBits = function(t, r) {
   const i = t.bit << 3 | r;
   let n = i << 10;
   for (; Ut.getBCHDigit(n) - ce >= 0; )
     n ^= Ne << Ut.getBCHDigit(n) - ce;
-  return (i << 10 | n) ^ qr;
+  return (i << 10 | n) ^ Hr;
 };
 var De = {};
-const Hr = q;
+const Yr = q;
 function Z(e) {
-  this.mode = Hr.NUMERIC, this.data = e.toString();
+  this.mode = Yr.NUMERIC, this.data = e.toString();
 }
 Z.getBitsLength = function(t) {
   return 10 * Math.floor(t / 3) + (t % 3 ? t % 3 * 3 + 1 : 0);
@@ -3015,8 +3032,8 @@ Z.prototype.write = function(t) {
   const s = this.data.length - r;
   s > 0 && (i = this.data.substr(r), n = parseInt(i, 10), t.put(n, s * 3 + 1));
 };
-var Yr = Z;
-const Vr = q, Mt = [
+var Vr = Z;
+const jr = q, Mt = [
   "0",
   "1",
   "2",
@@ -3064,7 +3081,7 @@ const Vr = q, Mt = [
   ":"
 ];
 function X(e) {
-  this.mode = Vr.ALPHANUMERIC, this.data = e;
+  this.mode = jr.ALPHANUMERIC, this.data = e;
 }
 X.getBitsLength = function(t) {
   return 11 * Math.floor(t / 2) + 6 * (t % 2);
@@ -3083,7 +3100,7 @@ X.prototype.write = function(t) {
   }
   this.data.length % 2 && t.put(Mt.indexOf(this.data[r]), 6);
 };
-var jr = X;
+var Kr = X;
 const Gr = q;
 function tt(e) {
   this.mode = Gr.BYTE, typeof e == "string" ? this.data = new TextEncoder().encode(e) : this.data = new Uint8Array(e);
@@ -3101,10 +3118,10 @@ tt.prototype.write = function(e) {
   for (let t = 0, r = this.data.length; t < r; t++)
     e.put(this.data[t], 8);
 };
-var Kr = tt;
-const Qr = q, Wr = M;
+var Qr = tt;
+const Wr = q, Jr = M;
 function et(e) {
-  this.mode = Qr.KANJI, this.data = e;
+  this.mode = Wr.KANJI, this.data = e;
 }
 et.getBitsLength = function(t) {
   return t * 13;
@@ -3118,7 +3135,7 @@ et.prototype.getBitsLength = function() {
 et.prototype.write = function(e) {
   let t;
   for (t = 0; t < this.data.length; t++) {
-    let r = Wr.toSJIS(this.data[t]);
+    let r = Jr.toSJIS(this.data[t]);
     if (r >= 33088 && r <= 40956)
       r -= 33088;
     else if (r >= 57408 && r <= 60351)
@@ -3131,7 +3148,7 @@ Make sure your charset is UTF-8`
     r = (r >>> 8 & 255) * 192 + (r & 255), e.put(r, 13);
   }
 };
-var Jr = et, Me = { exports: {} };
+var Zr = et, Me = { exports: {} };
 (function(e) {
   var t = {
     single_source_shortest_paths: function(r, i, n) {
@@ -3197,28 +3214,28 @@ var Jr = et, Me = { exports: {} };
   };
   e.exports = t;
 })(Me);
-var Zr = Me.exports;
+var Xr = Me.exports;
 (function(e) {
-  const t = q, r = Yr, i = jr, n = Kr, s = Jr, o = L, l = M, a = Zr;
+  const t = q, r = Vr, i = Kr, n = Qr, s = Zr, o = L, l = M, a = Xr;
   function c(w) {
     return unescape(encodeURIComponent(w)).length;
   }
-  function d(w, x, y) {
-    const g = [];
-    let k;
-    for (; (k = w.exec(y)) !== null; )
-      g.push({
-        data: k[0],
-        index: k.index,
+  function d(w, x, b) {
+    const y = [];
+    let A;
+    for (; (A = w.exec(b)) !== null; )
+      y.push({
+        data: A[0],
+        index: A.index,
         mode: x,
-        length: k[0].length
+        length: A[0].length
       });
-    return g;
+    return y;
   }
   function h(w) {
-    const x = d(o.NUMERIC, t.NUMERIC, w), y = d(o.ALPHANUMERIC, t.ALPHANUMERIC, w);
-    let g, k;
-    return l.isKanjiModeEnabled() ? (g = d(o.BYTE, t.BYTE, w), k = d(o.KANJI, t.KANJI, w)) : (g = d(o.BYTE_KANJI, t.BYTE, w), k = []), x.concat(y, g, k).sort(function(E, $) {
+    const x = d(o.NUMERIC, t.NUMERIC, w), b = d(o.ALPHANUMERIC, t.ALPHANUMERIC, w);
+    let y, A;
+    return l.isKanjiModeEnabled() ? (y = d(o.BYTE, t.BYTE, w), A = d(o.KANJI, t.KANJI, w)) : (y = d(o.BYTE_KANJI, t.BYTE, w), A = []), x.concat(b, y, A).sort(function(E, $) {
       return E.index - $.index;
     }).map(function(E) {
       return {
@@ -3241,69 +3258,69 @@ var Zr = Me.exports;
     }
   }
   function u(w) {
-    return w.reduce(function(x, y) {
-      const g = x.length - 1 >= 0 ? x[x.length - 1] : null;
-      return g && g.mode === y.mode ? (x[x.length - 1].data += y.data, x) : (x.push(y), x);
+    return w.reduce(function(x, b) {
+      const y = x.length - 1 >= 0 ? x[x.length - 1] : null;
+      return y && y.mode === b.mode ? (x[x.length - 1].data += b.data, x) : (x.push(b), x);
     }, []);
   }
   function m(w) {
     const x = [];
-    for (let y = 0; y < w.length; y++) {
-      const g = w[y];
-      switch (g.mode) {
+    for (let b = 0; b < w.length; b++) {
+      const y = w[b];
+      switch (y.mode) {
         case t.NUMERIC:
           x.push([
-            g,
-            { data: g.data, mode: t.ALPHANUMERIC, length: g.length },
-            { data: g.data, mode: t.BYTE, length: g.length }
+            y,
+            { data: y.data, mode: t.ALPHANUMERIC, length: y.length },
+            { data: y.data, mode: t.BYTE, length: y.length }
           ]);
           break;
         case t.ALPHANUMERIC:
           x.push([
-            g,
-            { data: g.data, mode: t.BYTE, length: g.length }
+            y,
+            { data: y.data, mode: t.BYTE, length: y.length }
           ]);
           break;
         case t.KANJI:
           x.push([
-            g,
-            { data: g.data, mode: t.BYTE, length: c(g.data) }
+            y,
+            { data: y.data, mode: t.BYTE, length: c(y.data) }
           ]);
           break;
         case t.BYTE:
           x.push([
-            { data: g.data, mode: t.BYTE, length: c(g.data) }
+            { data: y.data, mode: t.BYTE, length: c(y.data) }
           ]);
       }
     }
     return x;
   }
   function v(w, x) {
-    const y = {}, g = { start: {} };
-    let k = ["start"];
+    const b = {}, y = { start: {} };
+    let A = ["start"];
     for (let _ = 0; _ < w.length; _++) {
       const E = w[_], $ = [];
       for (let U = 0; U < E.length; U++) {
         const R = E[U], rt = "" + _ + U;
-        $.push(rt), y[rt] = { node: R, lastCount: 0 }, g[rt] = {};
-        for (let _t = 0; _t < k.length; _t++) {
-          const B = k[_t];
-          y[B] && y[B].node.mode === R.mode ? (g[B][rt] = p(y[B].lastCount + R.length, R.mode) - p(y[B].lastCount, R.mode), y[B].lastCount += R.length) : (y[B] && (y[B].lastCount = R.length), g[B][rt] = p(R.length, R.mode) + 4 + t.getCharCountIndicator(R.mode, x));
+        $.push(rt), b[rt] = { node: R, lastCount: 0 }, y[rt] = {};
+        for (let _t = 0; _t < A.length; _t++) {
+          const B = A[_t];
+          b[B] && b[B].node.mode === R.mode ? (y[B][rt] = p(b[B].lastCount + R.length, R.mode) - p(b[B].lastCount, R.mode), b[B].lastCount += R.length) : (b[B] && (b[B].lastCount = R.length), y[B][rt] = p(R.length, R.mode) + 4 + t.getCharCountIndicator(R.mode, x));
         }
       }
-      k = $;
+      A = $;
     }
-    for (let _ = 0; _ < k.length; _++)
-      g[k[_]].end = 0;
-    return { map: g, table: y };
+    for (let _ = 0; _ < A.length; _++)
+      y[A[_]].end = 0;
+    return { map: y, table: b };
   }
   function C(w, x) {
-    let y;
-    const g = t.getBestModeForData(w);
-    if (y = t.from(x, g), y !== t.BYTE && y.bit < g.bit)
-      throw new Error('"' + w + '" cannot be encoded with mode ' + t.toString(y) + `.
- Suggested mode is: ` + t.toString(g));
-    switch (y === t.KANJI && !l.isKanjiModeEnabled() && (y = t.BYTE), y) {
+    let b;
+    const y = t.getBestModeForData(w);
+    if (b = t.from(x, y), b !== t.BYTE && b.bit < y.bit)
+      throw new Error('"' + w + '" cannot be encoded with mode ' + t.toString(b) + `.
+ Suggested mode is: ` + t.toString(y));
+    switch (b === t.KANJI && !l.isKanjiModeEnabled() && (b = t.BYTE), b) {
       case t.NUMERIC:
         return new r(w);
       case t.ALPHANUMERIC:
@@ -3315,11 +3332,11 @@ var Zr = Me.exports;
     }
   }
   e.fromArray = function(x) {
-    return x.reduce(function(y, g) {
-      return typeof g == "string" ? y.push(C(g, null)) : g.data && y.push(C(g.data, g.mode)), y;
+    return x.reduce(function(b, y) {
+      return typeof y == "string" ? b.push(C(y, null)) : y.data && b.push(C(y.data, y.mode)), b;
     }, []);
-  }, e.fromString = function(x, y) {
-    const g = h(x, l.isKanjiModeEnabled()), k = m(g), _ = v(k, y), E = a.find_path(_.map, "start", "end"), $ = [];
+  }, e.fromString = function(x, b) {
+    const y = h(x, l.isKanjiModeEnabled()), A = m(y), _ = v(A, b), E = a.find_path(_.map, "start", "end"), $ = [];
     for (let U = 1; U < E.length - 1; U++)
       $.push(_.table[E[U]].node);
     return e.fromArray(u($));
@@ -3329,9 +3346,9 @@ var Zr = Me.exports;
     );
   };
 })(De);
-const Ct = M, Tt = Pt, Xr = Tr, ti = $r, ei = Se, ri = Pe, Ft = Ae, Ot = At, ii = Lr, xt = _e, ni = Ie, si = q, $t = De;
-function oi(e, t) {
-  const r = e.size, i = ri.getPositions(t);
+const Ct = M, Tt = Pt, ti = $r, ei = Rr, ri = Se, ii = Pe, Ft = ke, Ot = kt, ni = Br, xt = _e, si = Ie, oi = q, $t = De;
+function ai(e, t) {
+  const r = e.size, i = ii.getPositions(t);
   for (let n = 0; n < i.length; n++) {
     const s = i[n][0], o = i[n][1];
     for (let l = -1; l <= 7; l++)
@@ -3340,15 +3357,15 @@ function oi(e, t) {
           o + a <= -1 || r <= o + a || (l >= 0 && l <= 6 && (a === 0 || a === 6) || a >= 0 && a <= 6 && (l === 0 || l === 6) || l >= 2 && l <= 4 && a >= 2 && a <= 4 ? e.set(s + l, o + a, !0, !0) : e.set(s + l, o + a, !1, !0));
   }
 }
-function ai(e) {
+function li(e) {
   const t = e.size;
   for (let r = 8; r < t - 8; r++) {
     const i = r % 2 === 0;
     e.set(r, 6, i, !0), e.set(6, r, i, !0);
   }
 }
-function li(e, t) {
-  const r = ei.getPositions(t);
+function ci(e, t) {
+  const r = ri.getPositions(t);
   for (let i = 0; i < r.length; i++) {
     const n = r[i][0], s = r[i][1];
     for (let o = -2; o <= 2; o++)
@@ -3356,20 +3373,20 @@ function li(e, t) {
         o === -2 || o === 2 || l === -2 || l === 2 || o === 0 && l === 0 ? e.set(n + o, s + l, !0, !0) : e.set(n + o, s + l, !1, !0);
   }
 }
-function ci(e, t) {
+function di(e, t) {
   const r = e.size, i = xt.getEncodedBits(t);
   let n, s, o;
   for (let l = 0; l < 18; l++)
     n = Math.floor(l / 3), s = l % 3 + r - 8 - 3, o = (i >> l & 1) === 1, e.set(n, s, o, !0), e.set(s, n, o, !0);
 }
 function Rt(e, t, r) {
-  const i = e.size, n = ni.getEncodedBits(t, r);
+  const i = e.size, n = si.getEncodedBits(t, r);
   let s, o;
   for (s = 0; s < 15; s++)
     o = (n >> s & 1) === 1, s < 6 ? e.set(s, 8, o, !0) : s < 8 ? e.set(s + 1, 8, o, !0) : e.set(i - 15 + s, 8, o, !0), s < 8 ? e.set(8, i - s - 1, o, !0) : s < 9 ? e.set(8, 15 - s - 1 + 1, o, !0) : e.set(8, 15 - s - 1, o, !0);
   e.set(i - 8, 8, 1, !0);
 }
-function di(e, t) {
+function ui(e, t) {
   const r = e.size;
   let i = -1, n = r - 1, s = 7, o = 0;
   for (let l = r - 1; l > 0; l -= 2)
@@ -3385,10 +3402,10 @@ function di(e, t) {
       }
     }
 }
-function ui(e, t, r) {
-  const i = new Xr();
+function hi(e, t, r) {
+  const i = new ti();
   r.forEach(function(a) {
-    i.put(a.mode.bit, 4), i.put(a.getLength(), si.getCharCountIndicator(a.mode, e)), a.write(i);
+    i.put(a.mode.bit, 4), i.put(a.getLength(), oi.getCharCountIndicator(a.mode, e)), a.write(i);
   });
   const n = Ct.getSymbolTotalCodewords(e), s = Ot.getTotalCodewordsCount(e, t), o = (n - s) * 8;
   for (i.getLengthInBits() + 4 <= o && i.put(0, 4); i.getLengthInBits() % 8 !== 0; )
@@ -3396,10 +3413,10 @@ function ui(e, t, r) {
   const l = (o - i.getLengthInBits()) / 8;
   for (let a = 0; a < l; a++)
     i.put(a % 2 ? 17 : 236, 8);
-  return hi(i, e, t);
+  return pi(i, e, t);
 }
-function hi(e, t, r) {
-  const i = Ct.getSymbolTotalCodewords(t), n = Ot.getTotalCodewordsCount(t, r), s = i - n, o = Ot.getBlocksCount(t, r), l = i % o, a = o - l, c = Math.floor(i / o), d = Math.floor(s / o), h = d + 1, p = c - d, u = new ii(p);
+function pi(e, t, r) {
+  const i = Ct.getSymbolTotalCodewords(t), n = Ot.getTotalCodewordsCount(t, r), s = i - n, o = Ot.getBlocksCount(t, r), l = i % o, a = o - l, c = Math.floor(i / o), d = Math.floor(s / o), h = d + 1, p = c - d, u = new ni(p);
   let m = 0;
   const v = new Array(o), C = new Array(o);
   let w = 0;
@@ -3408,17 +3425,17 @@ function hi(e, t, r) {
     const $ = E < a ? d : h;
     v[E] = x.slice(m, m + $), C[E] = u.encode(v[E]), m += $, w = Math.max(w, $);
   }
-  const y = new Uint8Array(i);
-  let g = 0, k, _;
-  for (k = 0; k < w; k++)
+  const b = new Uint8Array(i);
+  let y = 0, A, _;
+  for (A = 0; A < w; A++)
     for (_ = 0; _ < o; _++)
-      k < v[_].length && (y[g++] = v[_][k]);
-  for (k = 0; k < p; k++)
+      A < v[_].length && (b[y++] = v[_][A]);
+  for (A = 0; A < p; A++)
     for (_ = 0; _ < o; _++)
-      y[g++] = C[_][k];
-  return y;
+      b[y++] = C[_][A];
+  return b;
 }
-function pi(e, t, r, i) {
+function mi(e, t, r, i) {
   let n;
   if (Array.isArray(e))
     n = $t.fromArray(e);
@@ -3443,8 +3460,8 @@ The chosen QR Code version cannot contain this amount of data.
 Minimum version required to store current data is: ` + s + `.
 `
     );
-  const o = ui(t, r, n), l = Ct.getSymbolSize(t), a = new ti(l);
-  return oi(a, t), ai(a), li(a, t), Rt(a, r, 0), t >= 7 && ci(a, t), di(a, o), isNaN(i) && (i = Ft.getBestMask(
+  const o = hi(t, r, n), l = Ct.getSymbolSize(t), a = new ei(l);
+  return ai(a, t), li(a), ci(a, t), Rt(a, r, 0), t >= 7 && di(a, t), ui(a, o), isNaN(i) && (i = Ft.getBestMask(
     a,
     Rt.bind(null, a, r)
   )), Ft.applyMask(i, a), Rt(a, r, i), {
@@ -3459,7 +3476,7 @@ we.create = function(t, r) {
   if (typeof t > "u" || t === "")
     throw new Error("No input text");
   let i = Tt.M, n, s;
-  return typeof r < "u" && (i = Tt.from(r.errorCorrectionLevel, Tt.M), n = xt.from(r.version), s = Ft.from(r.maskPattern), r.toSJISFunc && Ct.setToSJISFunction(r.toSJISFunc)), pi(t, n, i, s);
+  return typeof r < "u" && (i = Tt.from(r.errorCorrectionLevel, Tt.M), n = xt.from(r.version), s = Ft.from(r.maskPattern), r.toSJISFunc && Ct.setToSJISFunction(r.toSJISFunc)), mi(t, n, i, s);
 };
 var Te = {}, Qt = {};
 (function(e) {
@@ -3538,7 +3555,7 @@ var Te = {}, Qt = {};
   };
 })(Te);
 var $e = {};
-const mi = Qt;
+const fi = Qt;
 function de(e, t) {
   const r = e.a / 255, i = t + '="' + e.hex + '"';
   return r < 1 ? i + " " + t + '-opacity="' + r.toFixed(2).slice(1) + '"' : i;
@@ -3547,7 +3564,7 @@ function Lt(e, t, r) {
   let i = e + t;
   return typeof r < "u" && (i += " " + r), i;
 }
-function fi(e, t, r) {
+function gi(e, t, r) {
   let i = "", n = 0, s = !1, o = 0;
   for (let l = 0; l < e.length; l++) {
     const a = Math.floor(l % t), c = Math.floor(l / t);
@@ -3556,14 +3573,14 @@ function fi(e, t, r) {
   return i;
 }
 $e.render = function(t, r, i) {
-  const n = mi.getOptions(r), s = t.modules.size, o = t.modules.data, l = s + n.margin * 2, a = n.color.light.a ? "<path " + de(n.color.light, "fill") + ' d="M0 0h' + l + "v" + l + 'H0z"/>' : "", c = "<path " + de(n.color.dark, "stroke") + ' d="' + fi(o, s, n.margin) + '"/>', d = 'viewBox="0 0 ' + l + " " + l + '"', p = '<svg xmlns="http://www.w3.org/2000/svg" ' + (n.width ? 'width="' + n.width + '" height="' + n.width + '" ' : "") + d + ' shape-rendering="crispEdges">' + a + c + `</svg>
+  const n = fi.getOptions(r), s = t.modules.size, o = t.modules.data, l = s + n.margin * 2, a = n.color.light.a ? "<path " + de(n.color.light, "fill") + ' d="M0 0h' + l + "v" + l + 'H0z"/>' : "", c = "<path " + de(n.color.dark, "stroke") + ' d="' + gi(o, s, n.margin) + '"/>', d = 'viewBox="0 0 ' + l + " " + l + '"', p = '<svg xmlns="http://www.w3.org/2000/svg" ' + (n.width ? 'width="' + n.width + '" height="' + n.width + '" ' : "") + d + ' shape-rendering="crispEdges">' + a + c + `</svg>
 `;
   return typeof i == "function" && i(null, p), p;
 };
-const gi = Dr, zt = we, Re = Te, yi = $e;
+const yi = Mr, zt = we, Re = Te, bi = $e;
 function Wt(e, t, r, i, n) {
   const s = [].slice.call(arguments, 1), o = s.length, l = typeof s[o - 1] == "function";
-  if (!l && !gi())
+  if (!l && !yi())
     throw new Error("Callback required as last argument");
   if (l) {
     if (o < 2)
@@ -3592,12 +3609,12 @@ pt.create = zt.create;
 pt.toCanvas = Wt.bind(null, Re.render);
 pt.toDataURL = Wt.bind(null, Re.renderToDataURL);
 pt.toString = Wt.bind(null, function(e, t, r) {
-  return yi.render(e, r);
+  return bi.render(e, r);
 });
-var bi = Object.defineProperty, vi = Object.getOwnPropertyDescriptor, P = (e, t, r, i) => {
-  for (var n = i > 1 ? void 0 : i ? vi(t, r) : t, s = e.length - 1, o; s >= 0; s--)
+var vi = Object.defineProperty, wi = Object.getOwnPropertyDescriptor, P = (e, t, r, i) => {
+  for (var n = i > 1 ? void 0 : i ? wi(t, r) : t, s = e.length - 1, o; s >= 0; s--)
     (o = e[s]) && (n = (i ? o(t, r, n) : o(n)) || n);
-  return i && n && bi(t, r, n), n;
+  return i && n && vi(t, r, n), n;
 };
 let S = class extends ot {
   constructor() {
@@ -3820,6 +3837,10 @@ let S = class extends ot {
         id: t.id,
         enabled: !1,
         disabledReason: "GCash is only available for PHP currency"
+      } : t.id === f.KONBINI && this.getTransactionData().currency !== "JPY" ? {
+        id: t.id,
+        enabled: !1,
+        disabledReason: "Konbini is only available for JPY currency"
       } : {
         id: t.id,
         enabled: !0
@@ -3982,6 +4003,12 @@ let S = class extends ot {
         const { redirectUrl: r } = t.payload;
         r && (window.location.href = r);
       }
+    ), this.sdk.on(
+      "konbini_redirect",
+      (t) => {
+        const { redirectUrl: r } = t.payload;
+        r && (window.location.href = r);
+      }
     ), this.sdk.initialize({
       amount: this.amount,
       currency: this.currency,
@@ -4159,6 +4186,14 @@ let S = class extends ot {
       phoneNumber: this.phoneNumber
     }));
   }
+  handleKonbiniPayment() {
+    !this.sdk || this.currentState.status !== "ready" || (this.paymentLocked = !0, this.sdk.submitPayment(f.KONBINI, {
+      firstName: this.firstName,
+      lastName: this.lastName,
+      email: this.email,
+      phoneNumber: this.phoneNumber
+    }));
+  }
   // --- Render Methods ---
   /**
    * Get the formatted pay amount for buttons (net amount including fees)
@@ -4196,7 +4231,7 @@ let S = class extends ot {
     };
   }
   renderTransactionDetailsSkeleton() {
-    return b`
+    return g`
       <div class="skeleton-transaction">
         <div class="skeleton skeleton-title"></div>
         <div class="skeleton-row">
@@ -4220,7 +4255,7 @@ let S = class extends ot {
     `;
   }
   renderPaymentMethodsSkeleton() {
-    return b`
+    return g`
       <div>
         <div class="skeleton-method">
           <div class="skeleton skeleton-radio"></div>
@@ -4240,7 +4275,7 @@ let S = class extends ot {
       this.width ? `--one-payment-width: ${this.width}` : "",
       this.maxWidth ? `--one-payment-max-width: ${this.maxWidth}` : ""
     ].filter(Boolean).join("; ");
-    return b`
+    return g`
       <div class="payment-element" style="${e}">
         ${this.renderTransactionDetailsSkeleton()}
         <div class="header">Select a payment method</div>
@@ -4250,7 +4285,7 @@ let S = class extends ot {
   }
   renderTransactionDetails() {
     const e = this.getTransactionData(), t = (r) => r.toFixed(2);
-    return b`
+    return g`
       <div class="transaction-details">
         <h2 class="transaction-title">Transaction details</h2>
 
@@ -4285,7 +4320,7 @@ let S = class extends ot {
               margin-top: ${this.feesExpanded ? "0.625rem" : "0"};
             `}
           >
-            ${e.feeBreakdown ? b`
+            ${e.feeBreakdown ? g`
                   <div class="fee-breakdown-inner">
                     <div class="breakdown-row">
                       <span class="breakdown-label">Transaction fee:</span>
@@ -4316,7 +4351,7 @@ let S = class extends ot {
   renderCardForm() {
     setTimeout(() => this.setupCleave(), 0);
     const e = this.cardBrand === "amex" ? 4 : 3, t = this.cardBrand === "amex" ? "1234" : "123";
-    return b`
+    return g`
       <div class="card-form">
         <h4 class="form-title">Card Information</h4>
         <div class="form-fields">
@@ -4331,7 +4366,7 @@ let S = class extends ot {
               .value=${this.cardFormData.cardNumber}
               @input=${(r) => this.handleInputChange("cardNumber", r.target.value)}
             />
-            ${this.formErrors.cardNumber ? b`<div class="error-message">${this.formErrors.cardNumber}</div>` : ""}
+            ${this.formErrors.cardNumber ? g`<div class="error-message">${this.formErrors.cardNumber}</div>` : ""}
           </div>
 
           <!-- Single Expiry Field -->
@@ -4350,7 +4385,7 @@ let S = class extends ot {
       }, 0);
     }}
             />
-            ${this.formErrors.expiry ? b`<div class="error-message">${this.formErrors.expiry}</div>` : ""}
+            ${this.formErrors.expiry ? g`<div class="error-message">${this.formErrors.expiry}</div>` : ""}
           </div>
 
           <!-- CVV -->
@@ -4367,7 +4402,7 @@ let S = class extends ot {
       r.target.value = i, this.handleInputChange("cvv", i);
     }}
             />
-            ${this.formErrors.cvv ? b`<div class="error-message">${this.formErrors.cvv}</div>` : ""}
+            ${this.formErrors.cvv ? g`<div class="error-message">${this.formErrors.cvv}</div>` : ""}
           </div>
 
           <!-- Cardholder Name -->
@@ -4383,7 +4418,7 @@ let S = class extends ot {
       r.target.value = i, this.handleInputChange("cardholderName", i);
     }}
             />
-            ${this.formErrors.cardholderName ? b`<div class="error-message">${this.formErrors.cardholderName}</div>` : ""}
+            ${this.formErrors.cardholderName ? g`<div class="error-message">${this.formErrors.cardholderName}</div>` : ""}
           </div>
         </div>
 
@@ -4400,7 +4435,7 @@ let S = class extends ot {
     `;
   }
   renderPayNowContent() {
-    return this.showQRModal && this.qrCodeDataUrl ? b`
+    return this.showQRModal && this.qrCodeDataUrl ? g`
         <div class="paynow-container">
           <!-- Render generated QR code image -->
           <div class="qr-code-wrapper">
@@ -4417,7 +4452,7 @@ let S = class extends ot {
             ${this.qrPollingInProgress ? "Verifying..." : "I Have Scanned the QR Code"}
           </button>
         </div>
-      ` : b`
+      ` : g`
       <div class="paynow-container">
         <div class="paynow-instructions">
           <h3 class="instructions-title">How to Pay by QR:</h3>
@@ -4448,7 +4483,7 @@ let S = class extends ot {
     `;
   }
   renderPromptPayContent() {
-    return b`
+    return g`
       <div class="paynow-container">
         <div class="paynow-instructions">
           <h3 class="instructions-title">How to Pay with PromptPay:</h3>
@@ -4484,7 +4519,7 @@ let S = class extends ot {
     `;
   }
   renderDuitNowContent() {
-    return b`
+    return g`
       <div class="paynow-container">
         <div class="paynow-instructions">
           <h3 class="instructions-title">How to Pay with DuitNow:</h3>
@@ -4520,7 +4555,7 @@ let S = class extends ot {
     `;
   }
   renderGoPayContent() {
-    return b`
+    return g`
       <div class="paynow-container">
         <div class="paynow-instructions">
           <h3 class="instructions-title">How to Pay with GoPay:</h3>
@@ -4556,7 +4591,7 @@ let S = class extends ot {
     `;
   }
   renderBoostContent() {
-    return b`
+    return g`
       <div class="paynow-container">
         <div class="paynow-instructions">
           <h3 class="instructions-title">How to Pay with Boost:</h3>
@@ -4592,7 +4627,7 @@ let S = class extends ot {
     `;
   }
   renderShopeePayContent() {
-    return b`
+    return g`
       <div class="paynow-container">
         <div class="paynow-instructions">
           <h3 class="instructions-title">How to Pay with ShopeePay:</h3>
@@ -4628,7 +4663,7 @@ let S = class extends ot {
     `;
   }
   renderAtomContent() {
-    return b`
+    return g`
       <div class="paynow-container">
         <div class="paynow-instructions">
           <h3 class="instructions-title">How to Pay with Atome:</h3>
@@ -4664,7 +4699,7 @@ let S = class extends ot {
     `;
   }
   renderDanaContent() {
-    return b`
+    return g`
       <div class="paynow-container">
         <div class="paynow-instructions">
           <h3 class="instructions-title">How to Pay with Dana:</h3>
@@ -4700,7 +4735,7 @@ let S = class extends ot {
     `;
   }
   renderTngContent() {
-    return b`
+    return g`
       <div class="paynow-container">
         <div class="paynow-instructions">
           <h3 class="instructions-title">How to Pay with Touch 'n Go:</h3>
@@ -4736,7 +4771,7 @@ let S = class extends ot {
     `;
   }
   renderAlipayCNContent() {
-    return b`
+    return g`
       <div class="paynow-container">
         <div class="paynow-instructions">
           <h3 class="instructions-title">How to Pay with Alipay:</h3>
@@ -4772,7 +4807,7 @@ let S = class extends ot {
     `;
   }
   renderAlipayHKContent() {
-    return b`
+    return g`
       <div class="paynow-container">
         <div class="paynow-instructions">
           <h3 class="instructions-title">How to Pay with AlipayHK:</h3>
@@ -4808,7 +4843,7 @@ let S = class extends ot {
     `;
   }
   renderGCashContent() {
-    return b`
+    return g`
       <div class="paynow-container">
         <div class="paynow-instructions">
           <h3 class="instructions-title">How to Pay with GCash:</h3>
@@ -4843,8 +4878,44 @@ let S = class extends ot {
       </div>
     `;
   }
+  renderKonbiniContent() {
+    return g`
+      <div class="paynow-container">
+        <div class="paynow-instructions">
+          <h3 class="instructions-title">How to Pay with Konbini:</h3>
+
+          <div class="instruction-steps">
+            <div class="instruction-step">
+              <div class="step-number">1</div>
+              <p class="step-text">Click <strong>"Pay"</strong> to get your payment code.</p>
+            </div>
+
+            <div class="instruction-step">
+              <div class="step-number">2</div>
+              <p class="step-text">Visit any convenience store and show the code.</p>
+            </div>
+
+            <div class="instruction-step">
+              <div class="step-number">3</div>
+              <p class="step-text">Complete the payment at the register.</p>
+            </div>
+          </div>
+
+          <div class="submit-section">
+            <button
+              class="pay-button ${this.currentState.status === "processing" || this.currentState.status === "requires_action" ? "loading" : ""}"
+              @click=${this.handleKonbiniPayment}
+              ?disabled=${this.currentState.status === "processing" || this.currentState.status === "requires_action"}
+            >
+              ${this.currentState.status === "processing" || this.currentState.status === "requires_action" ? "Redirecting..." : `Pay ${this.getPayButtonAmount()}`}
+            </button>
+          </div>
+        </div>
+      </div>
+    `;
+  }
   render3DSModal() {
-    return !this.show3DSModal || !this.nextActionUrl ? null : b`
+    return !this.show3DSModal || !this.nextActionUrl ? null : g`
       <div class="modal-overlay">
         <div class="modal-content iframe-modal">
           <iframe
@@ -4860,7 +4931,7 @@ let S = class extends ot {
   renderStatusBlock() {
     if (this.currentState.status === "succeeded") {
       const e = this.getTransactionData(), t = e.netAmount.toFixed(2);
-      return b`
+      return g`
         <div class="result-card success">
           <div class="result-icon-wrapper">
             <div class="result-icon">✓</div>
@@ -4875,7 +4946,7 @@ let S = class extends ot {
     }
     if (this.currentState.status === "failed") {
       const e = this.currentState.error ? this.currentState.error.message : "An error occurred while processing your payment";
-      return b`
+      return g`
         <div class="result-card error">
           <div class="result-icon-wrapper">
             <div class="result-icon">✕</div>
@@ -4929,10 +5000,12 @@ let S = class extends ot {
           return "AlipayHK";
         case f.GCASH:
           return "GCash";
+        case f.KONBINI:
+          return "Konbini";
         default:
           return o;
       }
-    }, n = (o) => o === f.CARD ? b`
+    }, n = (o) => o === f.CARD ? g`
           <div class="method-icon-right">
             <svg width="24" height="24" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg">
               <path
@@ -4945,70 +5018,74 @@ let S = class extends ot {
               />
             </svg>
           </div>
-        ` : o === f.PAYNOW ? b`
+        ` : o === f.PAYNOW ? g`
           <div class="method-icon-right">
             <img src="${dr}" alt="PayNow" style="width: 45px; height: auto;" />
           </div>
-        ` : o === f.PROMPTPAY ? b`
+        ` : o === f.PROMPTPAY ? g`
           <div class="method-icon-right">
             <img src="${ur}" alt="PromptPay" style="width: 45px; height: auto;" />
           </div>
-        ` : o === f.DUITNOW ? b`
+        ` : o === f.DUITNOW ? g`
           <div class="method-icon-right">
             <img src="${hr}" alt="DuitNow" style="width: 45px; height: auto;" />
           </div>
-        ` : o === f.GOPAY ? b`
+        ` : o === f.GOPAY ? g`
           <div class="method-icon-right">
             <img src="${pr}" alt="GoPay" style="width: 45px; height: auto;" />
           </div>
-        ` : o === f.BOOST ? b`
+        ` : o === f.BOOST ? g`
           <div class="method-icon-right">
             <img src="${mr}" alt="Boost" style="width: 45px; height: auto;" />
           </div>
-        ` : o === f.SHOPEEPAY ? b`
+        ` : o === f.SHOPEEPAY ? g`
           <div class="method-icon-right">
             <img src="${fr}" alt="ShopeePay" style="width: 45px; height: auto;" />
           </div>
-        ` : o === f.ATOM ? b`
+        ` : o === f.ATOM ? g`
           <div class="method-icon-right">
             <img src="${gr}" alt="Atome" style="width: 45px; height: auto;" />
           </div>
-        ` : o === f.DANA ? b`
+        ` : o === f.DANA ? g`
           <div class="method-icon-right">
             <img src="${yr}" alt="Dana" style="width: 45px; height: auto;" />
           </div>
-        ` : o === f.TNG ? b`
+        ` : o === f.TNG ? g`
           <div class="method-icon-right">
             <img src="${br}" alt="Touch 'n Go" style="width: 45px; height: auto;" />
           </div>
-        ` : o === f.ALIPAYCN ? b`
+        ` : o === f.ALIPAYCN ? g`
           <div class="method-icon-right">
             <img src="${vr}" alt="Alipay" style="width: 45px; height: auto;" />
           </div>
-        ` : o === f.ALIPAYHK ? b`
+        ` : o === f.ALIPAYHK ? g`
           <div class="method-icon-right">
             <img src="${wr}" alt="AlipayHK" style="width: 45px; height: auto;" />
           </div>
-        ` : o === f.GCASH ? b`
+        ` : o === f.GCASH ? g`
           <div class="method-icon-right">
             <img src="${xr}" alt="GCash" style="width: 45px; height: auto;" />
           </div>
+        ` : o === f.KONBINI ? g`
+          <div class="method-icon-right">
+            <img src="${Sr}" alt="Konbini" style="width: 45px; height: auto;" />
+          </div>
         ` : null, s = [
       this.width ? `--one-payment-width: ${this.width}` : "",
       this.maxWidth ? `--one-payment-max-width: ${this.maxWidth}` : ""
     ].filter(Boolean).join("; ");
-    return b`
+    return g`
       <div class="payment-element" style="${s}">
         ${this.renderTransactionDetails()}
-        ${t ? b`
+        ${t ? g`
               <div class="header">Select a payment method</div>
               <div class="payment-methods-list">
                 ${r.map((o) => {
       const l = this.selectedMethod === o.id, a = !o.enabled || this.paymentLocked && !l;
-      return b`
+      return g`
                     <div
                       class="payment-method-item"
-                      ${o.disabledReason ? b`data-tooltip="${o.disabledReason}"` : ""}
+                      ${o.disabledReason ? g`data-tooltip="${o.disabledReason}"` : ""}
                     >
                       <div
                         class="method-header ${l ? "selected" : ""} ${a ? "disabled" : ""}"
@@ -5027,8 +5104,8 @@ let S = class extends ot {
                         <span class="method-name">${i(o.id)}</span>
                         ${n(o.id)}
                       </div>
-                      ${l ? b`<div class="method-content">
-                            ${o.id === f.CARD ? this.renderCardForm() : o.id === f.PAYNOW ? this.renderPayNowContent() : o.id === f.PROMPTPAY ? this.renderPromptPayContent() : o.id === f.DUITNOW ? this.renderDuitNowContent() : o.id === f.GOPAY ? this.renderGoPayContent() : o.id === f.BOOST ? this.renderBoostContent() : o.id === f.SHOPEEPAY ? this.renderShopeePayContent() : o.id === f.ATOM ? this.renderAtomContent() : o.id === f.DANA ? this.renderDanaContent() : o.id === f.TNG ? this.renderTngContent() : o.id === f.ALIPAYCN ? this.renderAlipayCNContent() : o.id === f.ALIPAYHK ? this.renderAlipayHKContent() : o.id === f.GCASH ? this.renderGCashContent() : null}
+                      ${l ? g`<div class="method-content">
+                            ${o.id === f.CARD ? this.renderCardForm() : o.id === f.PAYNOW ? this.renderPayNowContent() : o.id === f.PROMPTPAY ? this.renderPromptPayContent() : o.id === f.DUITNOW ? this.renderDuitNowContent() : o.id === f.GOPAY ? this.renderGoPayContent() : o.id === f.BOOST ? this.renderBoostContent() : o.id === f.SHOPEEPAY ? this.renderShopeePayContent() : o.id === f.ATOM ? this.renderAtomContent() : o.id === f.DANA ? this.renderDanaContent() : o.id === f.TNG ? this.renderTngContent() : o.id === f.ALIPAYCN ? this.renderAlipayCNContent() : o.id === f.ALIPAYHK ? this.renderAlipayHKContent() : o.id === f.GCASH ? this.renderGCashContent() : o.id === f.KONBINI ? this.renderKonbiniContent() : null}
                           </div>` : ""}
                     </div>
                   `;
@@ -6455,19 +6532,19 @@ P([
 S = P([
   rr("one-payment")
 ], S);
-const wi = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
+const xi = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
   __proto__: null,
   get OnePayment() {
     return S;
   }
 }, Symbol.toStringTag, { value: "Module" }));
-function Pi() {
-  customElements.get("one-payment") || Promise.resolve().then(() => wi).then(({ OnePayment: e }) => {
+function ki() {
+  customElements.get("one-payment") || Promise.resolve().then(() => xi).then(({ OnePayment: e }) => {
     customElements.define("one-payment", e);
   });
 }
 export {
   S as OnePayment,
   S as OnePaymentElement,
-  Pi as defineCustomElements
+  ki as defineCustomElements
 };