@spot-flow/checkout-inline-js 0.1.32 → 0.1.33-dev.1

package/dist/checkout-inline.es.js

@@ -319,7 +319,7 @@ const pr = async (n, e, i, t) => {
   }
 };
 be.card.label, be.card.icon, be.card.key, be.bank_transfer.label, be.bank_transfer.icon, be.bank_transfer.key, be.ussd.label, be.ussd.icon, be.ussd.key, be.mobile_money.label, be.mobile_money.icon, be.mobile_money.key, be.eft.label, be.eft.icon, be.eft.key;
-const zt = [
+const qt = [
   {
     name: "MasterCard",
     icon: `<svg width="24" height="14" viewBox="0 0 24 14" fill="none" xmlns="http://www.w3.org/2000/svg">
@@ -390,7 +390,69 @@ const zt = [
 </svg>
 `
   }
-], yr = `<div>
+], yr = [
+  {
+    name: "GHS",
+    dialCode: "+233",
+    icon: `<svg xmlns="http://www.w3.org/2000/svg" id="flag-icons-gh" viewBox="0 0 512 512">
+  <path fill="#006b3f" d="M0 0h512v512H0z"/>
+  <path fill="#fcd116" d="M0 0h512v341.3H0z"/>
+  <path fill="#ce1126" d="M0 0h512v170.7H0z"/>
+  <path fill="#000001" d="m256 170.7 55.5 170.6L166.3 236h179.4L200.6 341.3z"/>
+</svg>
+`
+  },
+  {
+    name: "KES",
+    dialCode: "+254",
+    icon: `<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" id="flag-icons-ke" viewBox="0 0 512 512">
+  <defs>
+    <path id="ke-a" stroke-miterlimit="10" d="m-28.6 47.5 1.8 1 46.7-81c2.7-.6 4.2-3.2 5.7-5.8 1-1.8 5-8.7 6.7-17.7a58 58 0 0 0-11.9 14.7c-1.5 2.6-3 5.2-2.3 7.9z"/>
+  </defs>
+  <path fill="#fff" d="M0 0h512v512H0z"/>
+  <path fill="#000001" d="M0 0h512v153.6H0z"/>
+  <path fill="#060" d="M0 358.4h512V512H0z"/>
+  <g id="ke-b" transform="matrix(3.2 0 0 3.2 255.8 256)">
+    <use xlink:href="#ke-a" width="100%" height="100%" stroke="#000"/>
+    <use xlink:href="#ke-a" width="100%" height="100%" fill="#fff"/>
+  </g>
+  <use xlink:href="#ke-b" width="100%" height="100%" transform="matrix(-1 0 0 1 511.7 0)"/>
+  <path fill="#b00" d="M255.8 102.4c-19.2 0-51.2 51.2-60.8 76.8H0v153.6h195c9.7 25.6 41.7 76.8 60.9 76.8s51.2-51.2 60.8-76.8H512V179.2H316.6c-9.6-25.6-41.6-76.8-60.8-76.8"/>
+  <path id="ke-c" d="M316.6 332.8a220 220 0 0 0 16-76.8 220 220 0 0 0-16-76.8 220 220 0 0 0-16 76.8 220 220 0 0 0 16 76.8"/>
+  <use xlink:href="#ke-c" width="100%" height="100%" transform="matrix(-1 0 0 1 511.7 0)"/>
+  <g fill="#fff" transform="matrix(3.2 0 0 3.2 255.8 256)">
+    <ellipse rx="4" ry="6"/>
+    <path id="ke-d" d="M1 5.8s4 8 4 21-4 21-4 21z"/>
+    <use xlink:href="#ke-d" width="100%" height="100%" transform="scale(-1)"/>
+    <use xlink:href="#ke-d" width="100%" height="100%" transform="scale(-1 1)"/>
+    <use xlink:href="#ke-d" width="100%" height="100%" transform="scale(1 -1)"/>
+  </g>
+</svg>
+`
+  },
+  {
+    name: "ZAR",
+    dialCode: "+27",
+    icon: `<svg xmlns="http://www.w3.org/2000/svg" id="flag-icons-za" viewBox="0 0 512 512">
+  <defs>
+    <clipPath id="za-a">
+      <path fill-opacity=".7" d="M70.1 0h499.6v499.6H70.1z"/>
+    </clipPath>
+  </defs>
+  <g clip-path="url(#za-a)" transform="translate(-71.9)scale(1.0248)">
+    <g fill-rule="evenodd" stroke-width="1pt">
+      <path fill="#000001" d="M0 397.9v-296l220.4 147.9z"/>
+      <path fill="#000c8a" d="m150.4 499.7 247.4-166.5h351.6v166.5z"/>
+      <path fill="#e1392d" d="M134.5 0h615v166.6H397.7S137.8-1.6 134.5 0"/>
+      <path fill="#ffb915" d="M0 62.5v39.3l220.4 148L0 397.8v39.4l277.6-187.4z"/>
+      <path fill="#007847" d="M0 62.5V0h92.6l294 199h362.8v101.7H386.6l-294 198.9H0v-62.4l277.6-187.4z"/>
+      <path fill="#fff" d="M92.6 0h57.8l247.4 166.6h351.6V199H386.6zm0 499.7h57.8l247.4-166.5h351.6v-32.4H386.6z"/>
+    </g>
+  </g>
+</svg>
+`
+  }
+], Cr = `<div>
   <form id="checkoutcard">
     <div>
       <div class="container-between">
@@ -464,16 +526,16 @@ const zt = [
       accordance with their terms.
     </p>
   </div>
-</div>`, Cr = () => {
+</div>`, Sr = () => {
   const n = Date.now().toString(36), e = "xxxx-xxxx-xxx-xxxx".replace(/[x]/g, () => Math.floor(Math.random() * 16).toString(16));
   return `SPF-${n}-${e}`.toUpperCase();
-}, vi = (n = "") => n.replace(/\D+/g, ""), Sr = (n) => n.replace(/\D/g, ""), kr = (n) => n.replace(/\D/g, "").replace(/(\d{4})(?=\d)/g, "$1 ").trim(), _r = (n) => vi(n).slice(0, 3), wr = (n) => {
+}, vi = (n = "") => n.replace(/\D+/g, ""), kr = (n) => n.replace(/\D/g, ""), wr = (n) => n.replace(/\D/g, "").replace(/(\d{4})(?=\d)/g, "$1 ").trim(), _r = (n) => vi(n).slice(0, 3), Ar = (n) => {
   const e = vi(n);
   return e.length >= 3 ? `${e.slice(0, 2)}/${e.slice(2, 4)}` : e;
 }, bi = (n) => {
   const e = Math.floor(n / 60), i = n % 60;
   return `${String(e).padStart(2, "0")}:${String(i).padStart(2, "0")}`;
-}, Ar = (n) => {
+}, Mr = (n) => {
   n = n.replace(/\D/g, "");
   const e = {
     Visa: /^4/,
@@ -487,7 +549,7 @@ const zt = [
     if (t.test(n))
       return i;
   return "Unknown";
-}, Mr = {
+}, Lr = {
   Visa: [16],
   MasterCard: [16],
   "American Express": [15],
@@ -528,14 +590,14 @@ h(an, "removeToast", (e) => {
   });
 });
 let pi = an;
-class Wt {
+class zt {
   constructor(e) {
     h(this, "container");
     h(this, "onAction");
     h(this, "cardDetailsValues");
     h(this, "creditCardTypes");
     h(this, "merchantName");
-    this.container = e.container, this.onAction = e.onAction, this.creditCardTypes = [...zt], this.cardDetailsValues = {
+    this.container = e.container, this.onAction = e.onAction, this.creditCardTypes = [...qt], this.cardDetailsValues = {
       number: "",
       expiry: "",
       cvv: ""
@@ -565,7 +627,7 @@ class Wt {
     ), r && r.addEventListener("submit", (l) => {
       var u, b;
       l.preventDefault(), this.onAction(l)({
-        pan: Sr(this.cardDetailsValues.number),
+        pan: kr(this.cardDetailsValues.number),
         cvv: this.cardDetailsValues.cvv,
         expiryMonth: (u = this.cardDetailsValues) == null ? void 0 : u.expiry.split("/")[0].trim(),
         expiryYear: (b = this.cardDetailsValues) == null ? void 0 : b.expiry.split("/")[1].trim()
@@ -583,7 +645,7 @@ class Wt {
     return i.reduce((s, o) => s + o, 0) % 10 === 0;
   }
   handleInputChange(e, i) {
-    var l, u;
+    var l, u, b;
     const t = e.target, { name: s, value: o } = t;
     let r = o;
     if (o.trim() === "") {
@@ -591,29 +653,46 @@ class Wt {
       return;
     }
     if (s === "number") {
-      r = kr(o);
-      const b = r.replace(/\s+/g, ""), v = this.validateCreditCard(b);
+      r = wr(o);
+      const v = r.replace(/\s+/g, ""), g = this.validateCreditCard(v);
       this.filterCreditCardType(o);
-      const g = this.creditCardTypes[0].name;
-      if (g) {
-        const f = Mr[g];
-        (b.length === f.map((y) => y)[0] || b.length === f.map((y) => y)[1]) && this.checkInputValidity(
-          v,
-          t,
-          "Your card number is invalid",
-          o.trim().length >= 14 && o.trim().length <= 19
-        );
-      }
+      const f = (l = this.creditCardTypes[0]) == null ? void 0 : l.name;
+      if (f)
+        if (f === "Visa" || f === "MasterCard" || f === "Verve") {
+          const y = Lr[f];
+          y.length > 1 ? (v.length === y[0] && this.checkInputValidity(
+            g,
+            t,
+            "Your card number is invalid",
+            v.length >= 14 && v.length <= 19
+          ), v.length === y[y.length - 1] && this.checkInputValidity(
+            g,
+            t,
+            "Your card number is invalid",
+            v.length >= 14 && v.length <= 19
+          )) : v.length === y[0] && this.checkInputValidity(
+            g,
+            t,
+            "Your card number is invalid",
+            v.length >= 14 && v.length <= 19
+          );
+        } else
+          this.checkInputValidity(
+            !1,
+            t,
+            "Invalid card. Only locally issued cards are accepted.",
+            o.trim().length >= 14 && o.trim().length <= 19
+          );
     } else if (s === "expiry") {
-      const b = /* @__PURE__ */ new Date();
-      r = wr(o);
-      const v = r.split("/"), g = (l = v[0]) == null ? void 0 : l.trim(), f = (u = v[1]) == null ? void 0 : u.trim(), y = (/* @__PURE__ */ new Date()).getFullYear() % 100, k = b.getMonth() + 1;
-      let C = !0;
-      (parseInt(f) === y && parseInt(g) < k || parseInt(f) < y) && (C = !1), (f == null ? void 0 : f.length) === 2 && this.checkInputValidity(
-        C,
+      const v = /* @__PURE__ */ new Date();
+      r = Ar(o);
+      const g = r.split("/"), f = (u = g[0]) == null ? void 0 : u.trim(), y = (b = g[1]) == null ? void 0 : b.trim(), k = (/* @__PURE__ */ new Date()).getFullYear() % 100, C = v.getMonth() + 1;
+      let w = !0;
+      (parseInt(y) === k && parseInt(f) < C || parseInt(y) < k) && (w = !1), (y == null ? void 0 : y.length) === 2 && this.checkInputValidity(
+        w,
         t,
         "Your card has expired",
-        v.join("").length === 4
+        g.join("").length === 4
       );
     } else s === "cvv" && (r = _r(o));
     if (this.cardDetailsValues = {
@@ -649,8 +728,8 @@ class Wt {
     });
   }
   filterCreditCardType(e) {
-    e ? (this.creditCardTypes = zt.filter(
-      (i) => i.name === Ar(e)
+    e ? (this.creditCardTypes = qt.filter(
+      (i) => i.name === Mr(e)
     ), this.displayCardTypes()) : (this.creditCardTypes = [], this.displayCardTypes());
   }
   emptyCardState(e, i) {
@@ -699,14 +778,14 @@ class Wt {
     e && (e.innerHTML = this.merchantName), this.attachListener();
   }
   render() {
-    return yr;
+    return Cr;
   }
 }
-async function Lr(n, e) {
+async function Tr(n, e) {
   const i = Uint8Array.from(atob(e), (u) => u.charCodeAt(0)), t = crypto.getRandomValues(new Uint8Array(12)), s = new TextEncoder().encode(n), o = await crypto.subtle.importKey("raw", i, { name: "AES-GCM" }, !1, ["encrypt"]), r = await crypto.subtle.encrypt({ name: "AES-GCM", iv: t }, o, s), l = new Uint8Array(t.length + r.byteLength);
   return l.set(t), l.set(new Uint8Array(r), t.length), btoa(String.fromCharCode.apply(null, l));
 }
-const Tr = `<div id="paymentSuccess">
+const Er = `<div id="paymentSuccess">
     <div class="container-center min-h-[30dvh]">
         <div>
             <div class="container-center mb-5">
@@ -754,7 +833,7 @@ class Yn {
     i && this.localCurrency && this.localCurrency !== this.currency && (i.children[0].innerHTML = "Paid: "), s && this.localCurrency && this.localCurrency !== this.currency && (s.children[0].innerHTML = "Paid: "), e && (this.localCurrency ? this.localCurrency !== this.currency && (e.innerHTML = `${this.currency} ${ke(this.amount)} (${this.localCurrency} ${ke(this.amount * (this.rate || 1), 2)})`) : e.innerHTML = `${this.currency} ${ke(this.amount)}`);
   }
   render() {
-    return Tr;
+    return Er;
   }
 }
 const ks = `<div id="paymentWarning">
@@ -782,10 +861,10 @@ const ks = `<div id="paymentWarning">
       <!-- <div class="mt-8">
         <button class="button-outline w-60" id="try-again">I have made the payment</button>
       </div> -->
-<!-- 
+
  <div class="mt-10 text-center" id="report">
         <button id="report-issue" class="text-error-dark font-semibold hover:underline">Report transaction</button>
-      </div>  -->
+      </div> 
     </div>
   </div>
 </div>`;
@@ -821,7 +900,7 @@ class An {
     return ks;
   }
 }
-const Er = `<div id="checkoutcardotp">
+const xr = `<div id="checkoutcardotp">
   <div class="w-full">
     <div id="otp-content" class=" grid gap-4">
       <h5 class="text-black" id="otp-message">
@@ -854,7 +933,7 @@ const Er = `<div id="checkoutcardotp">
       </div>
     </div>
   </div>`;
-class xr {
+class Pr {
   constructor(e) {
     h(this, "container");
     h(this, "cardOtp");
@@ -895,10 +974,10 @@ class xr {
     e && (e.innerHTML = this.otpMessage), this.attachListener();
   }
   render() {
-    return Er;
+    return xr;
   }
 }
-const Pr = `<div id="checkoutcardpin">
+const Nr = `<div id="checkoutcardpin">
   <div>
     <div id="pin-content" class="grid gap-4">
       <h5>
@@ -927,7 +1006,7 @@ const Pr = `<div id="checkoutcardpin">
     </div>
   </div>
 </div>`;
-class Nr {
+class Ir {
   constructor(e) {
     h(this, "container");
     h(this, "cardPin");
@@ -984,10 +1063,10 @@ class Nr {
     this.container.innerHTML = this.render(), this.attachListener();
   }
   render() {
-    return Pr;
+    return Nr;
   }
 }
-const Ir = `<form id="card-avs-form">
+const Br = `<form id="card-avs-form">
   <div>
     <h5 class="text-grey-400 font-semibold text-sm">Billing address</h5>
     <div class="mt-2 mb-3 md:mb-5 border border-grey-100 rounded-lg p-3 grid grid-rows-1 gap-3">
@@ -1067,7 +1146,7 @@ const Ir = `<form id="card-avs-form">
   <p class="text-xxs text-grey-100">
     PCI DSS Certified
   </p>
-</div>`, Br = [
+</div>`, Rr = [
   {
     code2: "AF",
     code3: "AFG",
@@ -23087,17 +23166,17 @@ const Ir = `<form id="card-avs-form">
       }
     ]
   }
-], Rr = {
-  countries: Br
+], Dr = {
+  countries: Rr
 };
-class Dr {
+class Or {
   constructor(e) {
     h(this, "container");
     h(this, "onAction");
     h(this, "contactDetails");
     h(this, "countries", []);
     h(this, "states", []);
-    this.container = e.container, this.onAction = e.onAction, this.countries = Rr.countries.map((i) => ({
+    this.container = e.container, this.onAction = e.onAction, this.countries = Dr.countries.map((i) => ({
       label: i.name,
       value: i.name,
       // @ts-ignore
@@ -23203,10 +23282,10 @@ class Dr {
     this.attachListeners();
   }
   render() {
-    return Ir;
+    return Br;
   }
 }
-const Or = `<div class="py-3 w-full">
+const Hr = `<div class="py-3 w-full">
   <div class="container-center flex-col gap-4 h-[40dvh]" id="loader-container">
     <svg class="animate-spin" width="40" height="40" viewBox="0 0 64 64" fill="none" xmlns="http://www.w3.org/2000/svg">
       <path
@@ -23251,10 +23330,10 @@ class Ie {
   renderComponent() {
   }
   render() {
-    return Or;
+    return Hr;
   }
 }
-const Hr = `<div class="relative gap-3 pb-5" id="transaction-issues-form">
+const Ur = `<div class="relative gap-3 pb-5" id="transaction-issues-form">
     <div class="border-b border-tone-70 pb-3 container-center">
 
         <svg width="84" height="24" viewBox="0 0 84 24" fill="none" xmlns="http://www.w3.org/2000/svg">
@@ -23442,7 +23521,7 @@ const Hr = `<div class="relative gap-3 pb-5" id="transaction-issues-form">
         </form>
     </div>
 </div>`;
-class Ur {
+class Kr {
   constructor(e) {
     h(this, "container");
     h(this, "formValues");
@@ -23460,7 +23539,7 @@ class Ur {
     };
   }
   attachListener() {
-    var _, A;
+    var w, A;
     const e = this.container.querySelector("#trans-reference"), i = this.container.querySelector("#full-name"), t = this.container.querySelector("#email"), s = this.container.querySelector("#reason"), o = this.container.querySelector(
       "#debited-select-field"
     ), r = this.container.querySelector(
@@ -23468,7 +23547,7 @@ class Ur {
     ), l = this.container.querySelector("#type-select-field"), u = this.container.querySelector("#type-select-label"), b = this.container.querySelector("#filee"), v = this.container.querySelector("#file-label"), g = this.container.querySelector("#file-text"), f = this.container.querySelector("#file-icon"), y = this.container.querySelector("#file-button"), k = this.container.querySelector("#form-button"), C = document.querySelector(
       "#transaction-issues-form"
     );
-    e && (e.value = ((_ = this.paymentResponse) == null ? void 0 : _.reference) || ""), i && i.addEventListener("input", (M) => {
+    e && (e.value = ((w = this.paymentResponse) == null ? void 0 : w.reference) || ""), i && i.addEventListener("input", (M) => {
       this.handleInputChange(M, k);
     }), t && (t.value = ((A = this.paymentResponse.customer) == null ? void 0 : A.email) || ""), s && s.addEventListener("input", (M) => {
       this.handleInputChange(M, k);
@@ -23479,15 +23558,15 @@ class Ur {
     })), b && b.addEventListener("change", (M) => {
       var N;
       M.preventDefault();
-      const w = b.files, x = /(\.jpg|\.jpeg|\.png|\.pdf)$/i;
-      if (w && w.length)
-        if (x.exec(w[0].name)) {
-          const V = w[0];
+      const _ = b.files, x = /(\.jpg|\.jpeg|\.png|\.pdf)$/i;
+      if (_ && _.length)
+        if (x.exec(_[0].name)) {
+          const G = _[0];
           y && (y.innerHTML = `<span class="bg-primary text-white text-sm font-semibold py-2 px-3 rounded-md" id="upload-btn-text">
               Uploading...
           </span>`), setTimeout(async () => {
             var F;
-            this.uploadRes = await this.uploadEvidenceFile(V), (F = this.uploadRes) != null && F.url && this.documents.push(this.uploadRes.url), w[0].name && (v && (v.textContent = this.uploadRes.message), g && (g.textContent = `${w[0].name} | ${Math.floor(w[0].size / 1024)} KB . ${(/* @__PURE__ */ new Date()).toLocaleString(
+            this.uploadRes = await this.uploadEvidenceFile(G), (F = this.uploadRes) != null && F.url && this.documents.push(this.uploadRes.url), _[0].name && (v && (v.textContent = this.uploadRes.message), g && (g.textContent = `${_[0].name} | ${Math.floor(_[0].size / 1024)} KB . ${(/* @__PURE__ */ new Date()).toLocaleString(
               "en-us",
               {
                 day: "numeric",
@@ -23526,10 +23605,10 @@ class Ur {
     }), C && C.addEventListener("submit", (M) => {
       var x;
       M.preventDefault();
-      const { reason: w } = this.formValues;
+      const { reason: _ } = this.formValues;
       this.onAction({
         transactionReference: (x = this.paymentResponse) == null ? void 0 : x.reference,
-        reportingReason: w,
+        reportingReason: _,
         disputeSource: "CUSTOMER",
         supportingDocuments: this.documents
       });
@@ -23557,7 +23636,7 @@ class Ur {
     this.container.innerHTML = this.render(), this.attachListener();
   }
   render() {
-    return Hr;
+    return Ur;
   }
 }
 function dn(n, e, i) {
@@ -23683,7 +23762,7 @@ class xi {
     ), t = document.querySelector("#main-footer");
     switch (e && (e.style.display = "none"), i && i.classList.remove("box-container"), t && (t.style.display = "none"), this.currentStep) {
       case 1:
-        this.transactionIssuesForm = new Ur({
+        this.transactionIssuesForm = new Kr({
           container: this.container,
           uploadEvidenceFile: this.uploadEvidenceFile.bind(this),
           onAction: this.submitDisputeForm.bind(this),
@@ -23698,17 +23777,17 @@ var me;
 (function(n) {
   n[n.Document = 0] = "Document", n[n.DocumentType = 1] = "DocumentType", n[n.Element = 2] = "Element", n[n.Text = 3] = "Text", n[n.CDATA = 4] = "CDATA", n[n.Comment = 5] = "Comment";
 })(me || (me = {}));
-function Kr(n) {
+function jr(n) {
   return n.nodeType === n.ELEMENT_NODE;
 }
-function Gn(n) {
+function Vn(n) {
   const e = n == null ? void 0 : n.host;
   return (e == null ? void 0 : e.shadowRoot) === n;
 }
-function Vn(n) {
+function Gn(n) {
   return Object.prototype.toString.call(n) === "[object ShadowRoot]";
 }
-function jr(n) {
+function Vr(n) {
   return n.includes(" background-clip: text;") && !n.includes(" -webkit-background-clip: text;") && (n = n.replace(" background-clip: text;", " -webkit-background-clip: text; background-clip: text;")), n;
 }
 function Gr(n) {
@@ -23721,33 +23800,33 @@ function Gr(n) {
 function fi(n) {
   try {
     const e = n.rules || n.cssRules;
-    return e ? jr(Array.from(e, _s).join("")) : null;
+    return e ? Vr(Array.from(e, ws).join("")) : null;
   } catch {
     return null;
   }
 }
-function _s(n) {
+function ws(n) {
   let e;
-  if (Fr(n))
+  if (qr(n))
     try {
       e = fi(n.styleSheet) || Gr(n);
     } catch {
     }
-  else if (qr(n) && n.selectorText.includes(":"))
-    return Vr(n.cssText);
+  else if (zr(n) && n.selectorText.includes(":"))
+    return Fr(n.cssText);
   return e || n.cssText;
 }
-function Vr(n) {
+function Fr(n) {
   const e = /(\[(?:[\w-]+)[^\\])(:(?:[\w-]+)\])/gm;
   return n.replace(e, "$1\\$2");
 }
-function Fr(n) {
+function qr(n) {
   return "styleSheet" in n;
 }
-function qr(n) {
+function zr(n) {
   return "selectorText" in n;
 }
-class ws {
+class _s {
   constructor() {
     this.idNodeMap = /* @__PURE__ */ new Map(), this.nodeMetaMap = /* @__PURE__ */ new WeakMap();
   }
@@ -23793,10 +23872,10 @@ class ws {
     this.idNodeMap = /* @__PURE__ */ new Map(), this.nodeMetaMap = /* @__PURE__ */ new WeakMap();
   }
 }
-function zr() {
-  return new ws();
+function Wr() {
+  return new _s();
 }
-function rt({ element: n, maskInputOptions: e, tagName: i, type: t, value: s, maskInputFn: o }) {
+function at({ element: n, maskInputOptions: e, tagName: i, type: t, value: s, maskInputFn: o }) {
   let r = s || "";
   const l = t && kn(t);
   return (e[i.toLowerCase()] || l && e[l]) && (o ? r = o(r, n) : r = "*".repeat(r.length)), r;
@@ -23804,21 +23883,21 @@ function rt({ element: n, maskInputOptions: e, tagName: i, type: t, value: s, ma
 function kn(n) {
   return n.toLowerCase();
 }
-const Zt = "__rrweb_original__";
-function Wr(n) {
+const Wt = "__rrweb_original__";
+function Zr(n) {
   const e = n.getContext("2d");
   if (!e)
     return !0;
   const i = 50;
   for (let t = 0; t < n.width; t += i)
     for (let s = 0; s < n.height; s += i) {
-      const o = e.getImageData, r = Zt in o ? o[Zt] : o;
+      const o = e.getImageData, r = Wt in o ? o[Wt] : o;
       if (new Uint32Array(r.call(e, t, s, Math.min(i, n.width - t), Math.min(i, n.height - s)).data.buffer).some((u) => u !== 0))
         return !1;
     }
   return !0;
 }
-function lt(n) {
+function rt(n) {
   const e = n.type;
   return n.hasAttribute("data-rr-is-password") ? "password" : e ? kn(e) : null;
 }
@@ -23833,34 +23912,34 @@ function As(n, e) {
   const s = /\.([0-9a-z]+)(?:$)/i, o = t.pathname.match(s);
   return (i = o == null ? void 0 : o[1]) !== null && i !== void 0 ? i : null;
 }
-let Zr = 1;
-const Jr = new RegExp("[^a-z0-9-_:]"), Wn = -2;
+let Jr = 1;
+const $r = new RegExp("[^a-z0-9-_:]"), Wn = -2;
 function Ms() {
-  return Zr++;
+  return Jr++;
 }
-function $r(n) {
+function Yr(n) {
   if (n instanceof HTMLFormElement)
     return "form";
   const e = kn(n.tagName);
-  return Jr.test(e) ? "div" : e;
+  return $r.test(e) ? "div" : e;
 }
-function Yr(n) {
+function Qr(n) {
   let e = "";
   return n.indexOf("//") > -1 ? e = n.split("/").slice(0, 3).join("/") : e = n.split("/")[0], e = e.split("?")[0], e;
 }
-let Ln, Jt;
-const Qr = /url\((?:(')([^']*)'|(")(.*?)"|([^)]*))\)/gm, Xr = /^(?:[a-z+]+:)?\/\//i, el = /^www\..*/i, nl = /^(data:)([^,]*),(.*)/i;
+let Ln, Zt;
+const Xr = /url\((?:(')([^']*)'|(")(.*?)"|([^)]*))\)/gm, el = /^(?:[a-z+]+:)?\/\//i, nl = /^www\..*/i, il = /^(data:)([^,]*),(.*)/i;
 function gi(n, e) {
-  return (n || "").replace(Qr, (i, t, s, o, r, l) => {
+  return (n || "").replace(Xr, (i, t, s, o, r, l) => {
     const u = s || r || l, b = t || o || "";
     if (!u)
       return i;
-    if (Xr.test(u) || el.test(u))
+    if (el.test(u) || nl.test(u))
       return `url(${b}${u}${b})`;
-    if (nl.test(u))
+    if (il.test(u))
       return `url(${b}${u}${b})`;
     if (u[0] === "/")
-      return `url(${b}${Yr(e) + u}${b})`;
+      return `url(${b}${Qr(e) + u}${b})`;
     const v = e.split("/"), g = u.split("/");
     v.pop();
     for (const f of g)
@@ -23868,8 +23947,8 @@ function gi(n, e) {
     return `url(${b}${v.join("/")}${b})`;
   });
 }
-const il = /^[^ \t\n\r\u000c]+/, tl = /^[, \t\n\r\u000c]+/;
-function sl(n, e) {
+const tl = /^[^ \t\n\r\u000c]+/, sl = /^[, \t\n\r\u000c]+/;
+function ol(n, e) {
   if (e.trim() === "")
     return e;
   let i = 0;
@@ -23879,8 +23958,8 @@ function sl(n, e) {
     return l ? (r = l[0], i += r.length, r) : "";
   }
   const s = [];
-  for (; t(tl), !(i >= e.length); ) {
-    let o = t(il);
+  for (; t(sl), !(i >= e.length); ) {
+    let o = t(tl);
     if (o.slice(-1) === ",")
       o = En(n, o.substring(0, o.length - 1)), s.push(o);
     else {
@@ -23910,20 +23989,20 @@ function En(n, e) {
   const i = n.createElement("a");
   return i.href = e, i.href;
 }
-function ol(n) {
+function al(n) {
   return !!(n.tagName === "svg" || n.ownerSVGElement);
 }
-function dt() {
+function lt() {
   const n = document.createElement("a");
   return n.href = "", n.href;
 }
 function Ls(n, e, i, t) {
-  return t && (i === "src" || i === "href" && !(e === "use" && t[0] === "#") || i === "xlink:href" && t[0] !== "#" || i === "background" && (e === "table" || e === "td" || e === "th") ? En(n, t) : i === "srcset" ? sl(n, t) : i === "style" ? gi(t, dt()) : e === "object" && i === "data" ? En(n, t) : t);
+  return t && (i === "src" || i === "href" && !(e === "use" && t[0] === "#") || i === "xlink:href" && t[0] !== "#" || i === "background" && (e === "table" || e === "td" || e === "th") ? En(n, t) : i === "srcset" ? ol(n, t) : i === "style" ? gi(t, lt()) : e === "object" && i === "data" ? En(n, t) : t);
 }
 function Ts(n, e, i) {
   return (n === "video" || n === "audio") && e === "autoplay";
 }
-function al(n, e, i) {
+function rl(n, e, i) {
   try {
     if (typeof e == "string") {
       if (n.classList.contains(e))
@@ -23976,7 +24055,7 @@ function Es(n, e, i, t) {
   }
   return !1;
 }
-function rl(n, e, i) {
+function ll(n, e, i) {
   const t = n.contentWindow;
   if (!t)
     return;
@@ -24000,7 +24079,7 @@ function rl(n, e, i) {
     return setTimeout(e, 0), n.addEventListener("load", e);
   n.addEventListener("load", e);
 }
-function ll(n, e, i) {
+function dl(n, e, i) {
   let t = !1, s;
   try {
     s = n.sheet;
@@ -24016,8 +24095,8 @@ function ll(n, e, i) {
     clearTimeout(o), t = !0, e();
   });
 }
-function dl(n, e) {
-  const { doc: i, mirror: t, blockClass: s, blockSelector: o, needsMask: r, inlineStylesheet: l, maskInputOptions: u = {}, maskTextFn: b, maskInputFn: v, dataURLOptions: g = {}, inlineImages: f, recordCanvas: y, keepIframeSrcFn: k, newlyAddedElement: C = !1 } = e, _ = ul(i, t);
+function ul(n, e) {
+  const { doc: i, mirror: t, blockClass: s, blockSelector: o, needsMask: r, inlineStylesheet: l, maskInputOptions: u = {}, maskTextFn: b, maskInputFn: v, dataURLOptions: g = {}, inlineImages: f, recordCanvas: y, keepIframeSrcFn: k, newlyAddedElement: C = !1 } = e, w = cl(i, t);
   switch (n.nodeType) {
     case n.DOCUMENT_NODE:
       return n.compatMode !== "CSS1Compat" ? {
@@ -24034,10 +24113,10 @@ function dl(n, e) {
         name: n.name,
         publicId: n.publicId,
         systemId: n.systemId,
-        rootId: _
+        rootId: w
       };
     case n.ELEMENT_NODE:
-      return hl(n, {
+      return ml(n, {
         doc: i,
         blockClass: s,
         blockSelector: o,
@@ -24049,37 +24128,37 @@ function dl(n, e) {
         recordCanvas: y,
         keepIframeSrcFn: k,
         newlyAddedElement: C,
-        rootId: _
+        rootId: w
       });
     case n.TEXT_NODE:
-      return cl(n, {
+      return hl(n, {
         needsMask: r,
         maskTextFn: b,
-        rootId: _
+        rootId: w
       });
     case n.CDATA_SECTION_NODE:
       return {
         type: me.CDATA,
         textContent: "",
-        rootId: _
+        rootId: w
       };
     case n.COMMENT_NODE:
       return {
         type: me.Comment,
         textContent: n.textContent || "",
-        rootId: _
+        rootId: w
       };
     default:
       return !1;
   }
 }
-function ul(n, e) {
+function cl(n, e) {
   if (!e.hasNode(n))
     return;
   const i = e.getId(n);
   return i === 1 ? void 0 : i;
 }
-function cl(n, e) {
+function hl(n, e) {
   var i;
   const { needsMask: t, maskTextFn: s, rootId: o } = e, r = n.parentNode && n.parentNode.tagName;
   let l = n.textContent;
@@ -24090,7 +24169,7 @@ function cl(n, e) {
     } catch (v) {
       console.warn(`Cannot get CSS styles from text's parentNode. Error: ${v}`, n);
     }
-    l = gi(l, dt());
+    l = gi(l, lt());
   }
   return b && (l = "SCRIPT_PLACEHOLDER"), !u && !b && l && t && (l = s ? s(l, n.parentElement) : l.replace(/[\S]/g, "*")), {
     type: me.Text,
@@ -24099,72 +24178,72 @@ function cl(n, e) {
     rootId: o
   };
 }
-function hl(n, e) {
-  const { doc: i, blockClass: t, blockSelector: s, inlineStylesheet: o, maskInputOptions: r = {}, maskInputFn: l, dataURLOptions: u = {}, inlineImages: b, recordCanvas: v, keepIframeSrcFn: g, newlyAddedElement: f = !1, rootId: y } = e, k = al(n, t, s), C = $r(n);
-  let _ = {};
+function ml(n, e) {
+  const { doc: i, blockClass: t, blockSelector: s, inlineStylesheet: o, maskInputOptions: r = {}, maskInputFn: l, dataURLOptions: u = {}, inlineImages: b, recordCanvas: v, keepIframeSrcFn: g, newlyAddedElement: f = !1, rootId: y } = e, k = rl(n, t, s), C = Yr(n);
+  let w = {};
   const A = n.attributes.length;
-  for (let w = 0; w < A; w++) {
-    const x = n.attributes[w];
-    Ts(C, x.name, x.value) || (_[x.name] = Ls(i, C, kn(x.name), x.value));
+  for (let _ = 0; _ < A; _++) {
+    const x = n.attributes[_];
+    Ts(C, x.name, x.value) || (w[x.name] = Ls(i, C, kn(x.name), x.value));
   }
   if (C === "link" && o) {
-    const w = Array.from(i.styleSheets).find((N) => N.href === n.href);
+    const _ = Array.from(i.styleSheets).find((N) => N.href === n.href);
     let x = null;
-    w && (x = fi(w)), x && (delete _.rel, delete _.href, _._cssText = gi(x, w.href));
+    _ && (x = fi(_)), x && (delete w.rel, delete w.href, w._cssText = gi(x, _.href));
   }
   if (C === "style" && n.sheet && !(n.innerText || n.textContent || "").trim().length) {
-    const w = fi(n.sheet);
-    w && (_._cssText = gi(w, dt()));
+    const _ = fi(n.sheet);
+    _ && (w._cssText = gi(_, lt()));
   }
   if (C === "input" || C === "textarea" || C === "select") {
-    const w = n.value, x = n.checked;
-    _.type !== "radio" && _.type !== "checkbox" && _.type !== "submit" && _.type !== "button" && w ? _.value = rt({
+    const _ = n.value, x = n.checked;
+    w.type !== "radio" && w.type !== "checkbox" && w.type !== "submit" && w.type !== "button" && _ ? w.value = at({
       element: n,
-      type: lt(n),
+      type: rt(n),
       tagName: C,
-      value: w,
+      value: _,
       maskInputOptions: r,
       maskInputFn: l
-    }) : x && (_.checked = x);
+    }) : x && (w.checked = x);
   }
-  if (C === "option" && (n.selected && !r.select ? _.selected = !0 : delete _.selected), C === "canvas" && v) {
+  if (C === "option" && (n.selected && !r.select ? w.selected = !0 : delete w.selected), C === "canvas" && v) {
     if (n.__context === "2d")
-      Wr(n) || (_.rr_dataURL = n.toDataURL(u.type, u.quality));
+      Zr(n) || (w.rr_dataURL = n.toDataURL(u.type, u.quality));
     else if (!("__context" in n)) {
-      const w = n.toDataURL(u.type, u.quality), x = document.createElement("canvas");
+      const _ = n.toDataURL(u.type, u.quality), x = document.createElement("canvas");
       x.width = n.width, x.height = n.height;
       const N = x.toDataURL(u.type, u.quality);
-      w !== N && (_.rr_dataURL = w);
+      _ !== N && (w.rr_dataURL = _);
     }
   }
   if (C === "img" && b) {
-    Ln || (Ln = i.createElement("canvas"), Jt = Ln.getContext("2d"));
-    const w = n, x = w.crossOrigin;
-    w.crossOrigin = "anonymous";
+    Ln || (Ln = i.createElement("canvas"), Zt = Ln.getContext("2d"));
+    const _ = n, x = _.crossOrigin;
+    _.crossOrigin = "anonymous";
     const N = () => {
-      w.removeEventListener("load", N);
+      _.removeEventListener("load", N);
       try {
-        Ln.width = w.naturalWidth, Ln.height = w.naturalHeight, Jt.drawImage(w, 0, 0), _.rr_dataURL = Ln.toDataURL(u.type, u.quality);
-      } catch (V) {
-        console.warn(`Cannot inline img src=${w.currentSrc}! Error: ${V}`);
+        Ln.width = _.naturalWidth, Ln.height = _.naturalHeight, Zt.drawImage(_, 0, 0), w.rr_dataURL = Ln.toDataURL(u.type, u.quality);
+      } catch (G) {
+        console.warn(`Cannot inline img src=${_.currentSrc}! Error: ${G}`);
       }
-      x ? _.crossOrigin = x : w.removeAttribute("crossorigin");
+      x ? w.crossOrigin = x : _.removeAttribute("crossorigin");
     };
-    w.complete && w.naturalWidth !== 0 ? N() : w.addEventListener("load", N);
+    _.complete && _.naturalWidth !== 0 ? N() : _.addEventListener("load", N);
   }
   if (C === "audio" || C === "video") {
-    const w = _;
-    w.rr_mediaState = n.paused ? "paused" : "played", w.rr_mediaCurrentTime = n.currentTime, w.rr_mediaPlaybackRate = n.playbackRate, w.rr_mediaMuted = n.muted, w.rr_mediaLoop = n.loop, w.rr_mediaVolume = n.volume;
-  }
-  if (f || (n.scrollLeft && (_.rr_scrollLeft = n.scrollLeft), n.scrollTop && (_.rr_scrollTop = n.scrollTop)), k) {
-    const { width: w, height: x } = n.getBoundingClientRect();
-    _ = {
-      class: _.class,
-      rr_width: `${w}px`,
+    const _ = w;
+    _.rr_mediaState = n.paused ? "paused" : "played", _.rr_mediaCurrentTime = n.currentTime, _.rr_mediaPlaybackRate = n.playbackRate, _.rr_mediaMuted = n.muted, _.rr_mediaLoop = n.loop, _.rr_mediaVolume = n.volume;
+  }
+  if (f || (n.scrollLeft && (w.rr_scrollLeft = n.scrollLeft), n.scrollTop && (w.rr_scrollTop = n.scrollTop)), k) {
+    const { width: _, height: x } = n.getBoundingClientRect();
+    w = {
+      class: w.class,
+      rr_width: `${_}px`,
       rr_height: `${x}px`
     };
   }
-  C === "iframe" && !g(_.src) && (n.contentDocument || (_.rr_src = _.src), delete _.src);
+  C === "iframe" && !g(w.src) && (n.contentDocument || (w.rr_src = w.src), delete w.src);
   let M;
   try {
     customElements.get(C) && (M = !0);
@@ -24173,9 +24252,9 @@ function hl(n, e) {
   return {
     type: me.Element,
     tagName: C,
-    attributes: _,
+    attributes: w,
     childNodes: [],
-    isSVG: ol(n) || void 0,
+    isSVG: al(n) || void 0,
     needBlock: k,
     rootId: y,
     isCustom: M
@@ -24184,7 +24263,7 @@ function hl(n, e) {
 function ee(n) {
   return n == null ? "" : n.toLowerCase();
 }
-function ml(n, e) {
+function vl(n, e) {
   if (e.comment && n.type === me.Comment)
     return !0;
   if (n.type === me.Element) {
@@ -24210,10 +24289,10 @@ function ml(n, e) {
   return !1;
 }
 function xn(n, e) {
-  const { doc: i, mirror: t, blockClass: s, blockSelector: o, maskTextClass: r, maskTextSelector: l, skipChild: u = !1, inlineStylesheet: b = !0, maskInputOptions: v = {}, maskTextFn: g, maskInputFn: f, slimDOMOptions: y, dataURLOptions: k = {}, inlineImages: C = !1, recordCanvas: _ = !1, onSerialize: A, onIframeLoad: M, iframeLoadTimeout: w = 5e3, onStylesheetLoad: x, stylesheetLoadTimeout: N = 5e3, keepIframeSrcFn: V = () => !1, newlyAddedElement: F = !1 } = e;
+  const { doc: i, mirror: t, blockClass: s, blockSelector: o, maskTextClass: r, maskTextSelector: l, skipChild: u = !1, inlineStylesheet: b = !0, maskInputOptions: v = {}, maskTextFn: g, maskInputFn: f, slimDOMOptions: y, dataURLOptions: k = {}, inlineImages: C = !1, recordCanvas: w = !1, onSerialize: A, onIframeLoad: M, iframeLoadTimeout: _ = 5e3, onStylesheetLoad: x, stylesheetLoadTimeout: N = 5e3, keepIframeSrcFn: G = () => !1, newlyAddedElement: F = !1 } = e;
   let { needsMask: U } = e, { preserveWhiteSpace: j = !0 } = e;
   !U && n.childNodes && (U = Es(n, r, l, U === void 0));
-  const te = dl(n, {
+  const te = ul(n, {
     doc: i,
     mirror: t,
     blockClass: s,
@@ -24225,25 +24304,25 @@ function xn(n, e) {
     maskInputFn: f,
     dataURLOptions: k,
     inlineImages: C,
-    recordCanvas: _,
-    keepIframeSrcFn: V,
+    recordCanvas: w,
+    keepIframeSrcFn: G,
     newlyAddedElement: F
   });
   if (!te)
     return console.warn(n, "not serialized"), null;
   let fe;
-  t.hasNode(n) ? fe = t.getId(n) : ml(te, y) || !j && te.type === me.Text && !te.isStyle && !te.textContent.replace(/^\s+|\s+$/gm, "").length ? fe = Wn : fe = Ms();
+  t.hasNode(n) ? fe = t.getId(n) : vl(te, y) || !j && te.type === me.Text && !te.isStyle && !te.textContent.replace(/^\s+|\s+$/gm, "").length ? fe = Wn : fe = Ms();
   const K = Object.assign(te, { id: fe });
   if (t.add(n, K), fe === Wn)
     return null;
   A && A(n);
-  let _e = !u;
+  let we = !u;
   if (K.type === me.Element) {
-    _e = _e && !K.needBlock, delete K.needBlock;
+    we = we && !K.needBlock, delete K.needBlock;
     const le = n.shadowRoot;
-    le && Vn(le) && (K.isShadowHost = !0);
+    le && Gn(le) && (K.isShadowHost = !0);
   }
-  if ((K.type === me.Document || K.type === me.Element) && _e) {
+  if ((K.type === me.Document || K.type === me.Element) && we) {
     y.headWhitespace && K.type === me.Element && K.tagName === "head" && (j = !1);
     const le = {
       doc: i,
@@ -24261,26 +24340,26 @@ function xn(n, e) {
       slimDOMOptions: y,
       dataURLOptions: k,
       inlineImages: C,
-      recordCanvas: _,
+      recordCanvas: w,
       preserveWhiteSpace: j,
       onSerialize: A,
       onIframeLoad: M,
-      iframeLoadTimeout: w,
+      iframeLoadTimeout: _,
       onStylesheetLoad: x,
       stylesheetLoadTimeout: N,
-      keepIframeSrcFn: V
+      keepIframeSrcFn: G
     };
     if (!(K.type === me.Element && K.tagName === "textarea" && K.attributes.value !== void 0)) for (const Te of Array.from(n.childNodes)) {
-      const we = xn(Te, le);
-      we && K.childNodes.push(we);
+      const _e = xn(Te, le);
+      _e && K.childNodes.push(_e);
     }
-    if (Kr(n) && n.shadowRoot)
+    if (jr(n) && n.shadowRoot)
       for (const Te of Array.from(n.shadowRoot.childNodes)) {
-        const we = xn(Te, le);
-        we && (Vn(n.shadowRoot) && (we.isShadow = !0), K.childNodes.push(we));
+        const _e = xn(Te, le);
+        _e && (Gn(n.shadowRoot) && (_e.isShadow = !0), K.childNodes.push(_e));
       }
   }
-  return n.parentNode && Gn(n.parentNode) && Vn(n.parentNode) && (K.isShadow = !0), K.type === me.Element && K.tagName === "iframe" && rl(n, () => {
+  return n.parentNode && Vn(n.parentNode) && Gn(n.parentNode) && (K.isShadow = !0), K.type === me.Element && K.tagName === "iframe" && ll(n, () => {
     const le = n.contentDocument;
     if (le && M) {
       const Te = xn(le, {
@@ -24299,18 +24378,18 @@ function xn(n, e) {
         slimDOMOptions: y,
         dataURLOptions: k,
         inlineImages: C,
-        recordCanvas: _,
+        recordCanvas: w,
         preserveWhiteSpace: j,
         onSerialize: A,
         onIframeLoad: M,
-        iframeLoadTimeout: w,
+        iframeLoadTimeout: _,
         onStylesheetLoad: x,
         stylesheetLoadTimeout: N,
-        keepIframeSrcFn: V
+        keepIframeSrcFn: G
       });
       Te && M(n, Te);
     }
-  }, w), K.type === me.Element && K.tagName === "link" && typeof K.attributes.rel == "string" && (K.attributes.rel === "stylesheet" || K.attributes.rel === "preload" && typeof K.attributes.href == "string" && As(K.attributes.href) === "css") && ll(n, () => {
+  }, _), K.type === me.Element && K.tagName === "link" && typeof K.attributes.rel == "string" && (K.attributes.rel === "stylesheet" || K.attributes.rel === "preload" && typeof K.attributes.href == "string" && As(K.attributes.href) === "css") && dl(n, () => {
     if (x) {
       const le = xn(n, {
         doc: i,
@@ -24328,21 +24407,21 @@ function xn(n, e) {
         slimDOMOptions: y,
         dataURLOptions: k,
         inlineImages: C,
-        recordCanvas: _,
+        recordCanvas: w,
         preserveWhiteSpace: j,
         onSerialize: A,
         onIframeLoad: M,
-        iframeLoadTimeout: w,
+        iframeLoadTimeout: _,
         onStylesheetLoad: x,
         stylesheetLoadTimeout: N,
-        keepIframeSrcFn: V
+        keepIframeSrcFn: G
       });
       le && x(n, le);
     }
   }, N), K;
 }
-function vl(n, e) {
-  const { mirror: i = new ws(), blockClass: t = "rr-block", blockSelector: s = null, maskTextClass: o = "rr-mask", maskTextSelector: r = null, inlineStylesheet: l = !0, inlineImages: u = !1, recordCanvas: b = !1, maskAllInputs: v = !1, maskTextFn: g, maskInputFn: f, slimDOM: y = !1, dataURLOptions: k, preserveWhiteSpace: C, onSerialize: _, onIframeLoad: A, iframeLoadTimeout: M, onStylesheetLoad: w, stylesheetLoadTimeout: x, keepIframeSrcFn: N = () => !1 } = e || {};
+function bl(n, e) {
+  const { mirror: i = new _s(), blockClass: t = "rr-block", blockSelector: s = null, maskTextClass: o = "rr-mask", maskTextSelector: r = null, inlineStylesheet: l = !0, inlineImages: u = !1, recordCanvas: b = !1, maskAllInputs: v = !1, maskTextFn: g, maskInputFn: f, slimDOM: y = !1, dataURLOptions: k, preserveWhiteSpace: C, onSerialize: w, onIframeLoad: A, iframeLoadTimeout: M, onStylesheetLoad: _, stylesheetLoadTimeout: x, keepIframeSrcFn: N = () => !1 } = e || {};
   return xn(n, {
     doc: n,
     mirror: i,
@@ -24390,10 +24469,10 @@ function vl(n, e) {
     inlineImages: u,
     recordCanvas: b,
     preserveWhiteSpace: C,
-    onSerialize: _,
+    onSerialize: w,
     onIframeLoad: A,
     iframeLoadTimeout: M,
-    onStylesheetLoad: w,
+    onStylesheetLoad: _,
     stylesheetLoadTimeout: x,
     keepIframeSrcFn: N,
     newlyAddedElement: !1
@@ -24406,7 +24485,7 @@ function Ae(n, e, i = document) {
 const Tn = `Please stop import mirror directly. Instead of that,\r
 now you can use replayer.getMirror() to access the mirror instance of a replayer,\r
 or you can use record.mirror to access the mirror instance during recording.`;
-let $t = {
+let Jt = {
   map: {},
   getId() {
     return console.error(Tn), -1;
@@ -24424,7 +24503,7 @@ let $t = {
     console.error(Tn);
   }
 };
-typeof window < "u" && window.Proxy && window.Reflect && ($t = new Proxy($t, {
+typeof window < "u" && window.Proxy && window.Reflect && (Jt = new Proxy(Jt, {
   get(n, e, i) {
     return e === "map" && console.error(Tn), Reflect.get(n, e, i);
   }
@@ -24504,22 +24583,22 @@ function Me(n, e, i, t) {
   }
   return !!(i && (s.matches(i) || t && s.closest(i) !== null));
 }
-function bl(n, e) {
+function pl(n, e) {
   return e.getId(n) !== -1;
 }
 function Ji(n, e) {
   return e.getId(n) === Wn;
 }
 function Bs(n, e) {
-  if (Gn(n))
+  if (Vn(n))
     return !1;
   const i = e.getId(n);
   return e.has(i) ? n.parentNode && n.parentNode.nodeType === n.DOCUMENT_NODE ? !1 : n.parentNode ? Bs(n.parentNode, e) : !0 : !0;
 }
-function it(n) {
+function nt(n) {
   return !!n.changedTouches;
 }
-function pl(n = window) {
+function fl(n = window) {
   "NodeList" in n && !n.NodeList.prototype.forEach && (n.NodeList.prototype.forEach = Array.prototype.forEach), "DOMTokenList" in n && !n.DOMTokenList.prototype.forEach && (n.DOMTokenList.prototype.forEach = Array.prototype.forEach), Node.prototype.contains || (Node.prototype.contains = (...e) => {
     let i = e[0];
     if (!(0 in e))
@@ -24537,10 +24616,10 @@ function Rs(n, e) {
 function Ds(n, e) {
   return !!(n.nodeName === "LINK" && n.nodeType === n.ELEMENT_NODE && n.getAttribute && n.getAttribute("rel") === "stylesheet" && e.getMeta(n));
 }
-function tt(n) {
+function it(n) {
   return !!(n != null && n.shadowRoot);
 }
-class fl {
+class gl {
   constructor() {
     this.id = 1, this.styleIDMap = /* @__PURE__ */ new WeakMap(), this.idStyleMap = /* @__PURE__ */ new Map();
   }
@@ -24572,28 +24651,28 @@ function Os(n) {
   let t = null;
   return ((i = (e = n.getRootNode) === null || e === void 0 ? void 0 : e.call(n)) === null || i === void 0 ? void 0 : i.nodeType) === Node.DOCUMENT_FRAGMENT_NODE && n.getRootNode().host && (t = n.getRootNode().host), t;
 }
-function gl(n) {
+function yl(n) {
   let e = n, i;
   for (; i = Os(e); )
     e = i;
   return e;
 }
-function yl(n) {
+function Cl(n) {
   const e = n.ownerDocument;
   if (!e)
     return !1;
-  const i = gl(n);
+  const i = yl(n);
   return e.contains(i);
 }
 function Hs(n) {
   const e = n.ownerDocument;
-  return e ? e.contains(n) || yl(n) : !1;
+  return e ? e.contains(n) || Cl(n) : !1;
 }
 var W = /* @__PURE__ */ ((n) => (n[n.DomContentLoaded = 0] = "DomContentLoaded", n[n.Load = 1] = "Load", n[n.FullSnapshot = 2] = "FullSnapshot", n[n.IncrementalSnapshot = 3] = "IncrementalSnapshot", n[n.Meta = 4] = "Meta", n[n.Custom = 5] = "Custom", n[n.Plugin = 6] = "Plugin", n))(W || {}), q = /* @__PURE__ */ ((n) => (n[n.Mutation = 0] = "Mutation", n[n.MouseMove = 1] = "MouseMove", n[n.MouseInteraction = 2] = "MouseInteraction", n[n.Scroll = 3] = "Scroll", n[n.ViewportResize = 4] = "ViewportResize", n[n.Input = 5] = "Input", n[n.TouchMove = 6] = "TouchMove", n[n.MediaInteraction = 7] = "MediaInteraction", n[n.StyleSheetRule = 8] = "StyleSheetRule", n[n.CanvasMutation = 9] = "CanvasMutation", n[n.Font = 10] = "Font", n[n.Log = 11] = "Log", n[n.Drag = 12] = "Drag", n[n.StyleDeclaration = 13] = "StyleDeclaration", n[n.Selection = 14] = "Selection", n[n.AdoptedStyleSheet = 15] = "AdoptedStyleSheet", n[n.CustomElement = 16] = "CustomElement", n))(q || {}), Le = /* @__PURE__ */ ((n) => (n[n.MouseUp = 0] = "MouseUp", n[n.MouseDown = 1] = "MouseDown", n[n.Click = 2] = "Click", n[n.ContextMenu = 3] = "ContextMenu", n[n.DblClick = 4] = "DblClick", n[n.Focus = 5] = "Focus", n[n.Blur = 6] = "Blur", n[n.TouchStart = 7] = "TouchStart", n[n.TouchMove_Departed = 8] = "TouchMove_Departed", n[n.TouchEnd = 9] = "TouchEnd", n[n.TouchCancel = 10] = "TouchCancel", n))(Le || {}), Ye = /* @__PURE__ */ ((n) => (n[n.Mouse = 0] = "Mouse", n[n.Pen = 1] = "Pen", n[n.Touch = 2] = "Touch", n))(Ye || {}), Bn = /* @__PURE__ */ ((n) => (n[n["2D"] = 0] = "2D", n[n.WebGL = 1] = "WebGL", n[n.WebGL2 = 2] = "WebGL2", n))(Bn || {});
-function Yt(n) {
+function $t(n) {
   return "__ln" in n;
 }
-class Cl {
+class Sl {
   constructor() {
     this.length = 0, this.head = null, this.tail = null;
   }
@@ -24611,10 +24690,10 @@ class Cl {
       previous: null,
       next: null
     };
-    if (e.__ln = i, e.previousSibling && Yt(e.previousSibling)) {
+    if (e.__ln = i, e.previousSibling && $t(e.previousSibling)) {
       const t = e.previousSibling.__ln.next;
       i.next = t, i.previous = e.previousSibling.__ln, e.previousSibling.__ln.next = i, t && (t.previous = i);
-    } else if (e.nextSibling && Yt(e.nextSibling) && e.nextSibling.__ln.previous) {
+    } else if (e.nextSibling && $t(e.nextSibling) && e.nextSibling.__ln.previous) {
       const t = e.nextSibling.__ln.previous;
       i.previous = t, i.next = e.nextSibling.__ln, e.nextSibling.__ln.previous = i, t && (t.next = i);
     } else
@@ -24626,15 +24705,15 @@ class Cl {
     this.head && (i.previous ? (i.previous.next = i.next, i.next ? i.next.previous = i.previous : this.tail = i.previous) : (this.head = i.next, this.head ? this.head.previous = null : this.tail = null), e.__ln && delete e.__ln, this.length--);
   }
 }
-const Qt = (n, e) => `${n}@${e}`;
-class Sl {
+const Yt = (n, e) => `${n}@${e}`;
+class kl {
   constructor() {
     this.frozen = !1, this.locked = !1, this.texts = [], this.attributes = [], this.attributeMap = /* @__PURE__ */ new WeakMap(), this.removes = [], this.mapRemoves = [], this.movedMap = {}, this.addedSet = /* @__PURE__ */ new Set(), this.movedSet = /* @__PURE__ */ new Set(), this.droppedSet = /* @__PURE__ */ new Set(), this.processMutations = (e) => {
       e.forEach(this.processMutation), this.emit();
     }, this.emit = () => {
       if (this.frozen || this.locked)
         return;
-      const e = [], i = /* @__PURE__ */ new Set(), t = new Cl(), s = (u) => {
+      const e = [], i = /* @__PURE__ */ new Set(), t = new Sl(), s = (u) => {
         let b = u, v = Wn;
         for (; v === Wn; )
           b = b && b.nextSibling, v = b && this.mirror.getId(b);
@@ -24642,7 +24721,7 @@ class Sl {
       }, o = (u) => {
         if (!u.parentNode || !Hs(u) || u.parentNode.tagName === "TEXTAREA")
           return;
-        const b = Gn(u.parentNode) ? this.mirror.getId(Os(u)) : this.mirror.getId(u.parentNode), v = s(u);
+        const b = Vn(u.parentNode) ? this.mirror.getId(Os(u)) : this.mirror.getId(u.parentNode), v = s(u);
         if (b === -1 || v === -1)
           return t.addNode(u);
         const g = xn(u, {
@@ -24663,7 +24742,7 @@ class Sl {
           recordCanvas: this.recordCanvas,
           inlineImages: this.inlineImages,
           onSerialize: (f) => {
-            Rs(f, this.mirror) && this.iframeManager.addIframe(f), Ds(f, this.mirror) && this.stylesheetManager.trackLinkElement(f), tt(u) && this.shadowDomManager.addShadowRoot(u.shadowRoot, this.doc);
+            Rs(f, this.mirror) && this.iframeManager.addIframe(f), Ds(f, this.mirror) && this.stylesheetManager.trackLinkElement(f), it(u) && this.shadowDomManager.addShadowRoot(u.shadowRoot, this.doc);
           },
           onIframeLoad: (f, y) => {
             this.iframeManager.attachIframe(f, y), this.shadowDomManager.observeAttachShadow(f);
@@ -24681,9 +24760,9 @@ class Sl {
       for (; this.mapRemoves.length; )
         this.mirror.removeNodeFromMap(this.mapRemoves.shift());
       for (const u of this.movedSet)
-        Xt(this.removes, u, this.mirror) && !this.movedSet.has(u.parentNode) || o(u);
+        Qt(this.removes, u, this.mirror) && !this.movedSet.has(u.parentNode) || o(u);
       for (const u of this.addedSet)
-        !es(this.droppedSet, u) && !Xt(this.removes, u, this.mirror) || es(this.movedSet, u) ? o(u) : this.droppedSet.add(u);
+        !Xt(this.droppedSet, u) && !Qt(this.removes, u, this.mirror) || Xt(this.movedSet, u) ? o(u) : this.droppedSet.add(u);
       let r = null;
       for (; t.length; ) {
         let u = null;
@@ -24768,8 +24847,8 @@ class Sl {
             const i = e.target;
             let t = e.attributeName, s = e.target.getAttribute(t);
             if (t === "value") {
-              const r = lt(i);
-              s = rt({
+              const r = rt(i);
+              s = at({
                 element: i,
                 maskInputOptions: this.maskInputOptions,
                 tagName: i.tagName,
@@ -24817,11 +24896,11 @@ class Sl {
               return;
             }
             e.addedNodes.forEach((i) => this.genAdds(i, e.target)), e.removedNodes.forEach((i) => {
-              const t = this.mirror.getId(i), s = Gn(e.target) ? this.mirror.getId(e.target.host) : this.mirror.getId(e.target);
-              Me(e.target, this.blockClass, this.blockSelector, !1) || Ji(i, this.mirror) || !bl(i, this.mirror) || (this.addedSet.has(i) ? (st(this.addedSet, i), this.droppedSet.add(i)) : this.addedSet.has(e.target) && t === -1 || Bs(e.target, this.mirror) || (this.movedSet.has(i) && this.movedMap[Qt(t, s)] ? st(this.movedSet, i) : this.removes.push({
+              const t = this.mirror.getId(i), s = Vn(e.target) ? this.mirror.getId(e.target.host) : this.mirror.getId(e.target);
+              Me(e.target, this.blockClass, this.blockSelector, !1) || Ji(i, this.mirror) || !pl(i, this.mirror) || (this.addedSet.has(i) ? (tt(this.addedSet, i), this.droppedSet.add(i)) : this.addedSet.has(e.target) && t === -1 || Bs(e.target, this.mirror) || (this.movedSet.has(i) && this.movedMap[Yt(t, s)] ? tt(this.movedSet, i) : this.removes.push({
                 parentId: s,
                 id: t,
-                isShadow: Gn(e.target) && Vn(e.target) ? !0 : void 0
+                isShadow: Vn(e.target) && Gn(e.target) ? !0 : void 0
               })), this.mapRemoves.push(i));
             });
             break;
@@ -24834,10 +24913,10 @@ class Sl {
             return;
           this.movedSet.add(e);
           let t = null;
-          i && this.mirror.hasNode(i) && (t = this.mirror.getId(i)), t && t !== -1 && (this.movedMap[Qt(this.mirror.getId(e), t)] = !0);
+          i && this.mirror.hasNode(i) && (t = this.mirror.getId(i)), t && t !== -1 && (this.movedMap[Yt(this.mirror.getId(e), t)] = !0);
         } else
           this.addedSet.add(e), this.droppedSet.delete(e);
-        Me(e, this.blockClass, this.blockSelector, !1) || (e.childNodes.forEach((t) => this.genAdds(t)), tt(e) && e.shadowRoot.childNodes.forEach((t) => {
+        Me(e, this.blockClass, this.blockSelector, !1) || (e.childNodes.forEach((t) => this.genAdds(t)), it(e) && e.shadowRoot.childNodes.forEach((t) => {
           this.processedNodeManager.add(t, this), this.genAdds(t, e);
         }));
       }
@@ -24889,10 +24968,10 @@ class Sl {
     this.shadowDomManager.reset(), this.canvasManager.reset();
   }
 }
-function st(n, e) {
-  n.delete(e), e.childNodes.forEach((i) => st(n, i));
+function tt(n, e) {
+  n.delete(e), e.childNodes.forEach((i) => tt(n, i));
 }
-function Xt(n, e, i) {
+function Qt(n, e, i) {
   return n.length === 0 ? !1 : Us(n, e, i);
 }
 function Us(n, e, i) {
@@ -24902,7 +24981,7 @@ function Us(n, e, i) {
   const s = i.getId(t);
   return n.some((o) => o.id === s) ? !0 : Us(n, t, i);
 }
-function es(n, e) {
+function Xt(n, e) {
   return n.size === 0 ? !1 : Ks(n, e);
 }
 function Ks(n, e) {
@@ -24910,7 +24989,7 @@ function Ks(n, e) {
   return i ? n.has(i) ? !0 : Ks(n, i) : !1;
 }
 let Fn;
-function kl(n) {
+function wl(n) {
   Fn = n;
 }
 function _l() {
@@ -24939,7 +25018,7 @@ function Qn(n) {
 }
 function js(n, e) {
   var i, t;
-  const s = new Sl();
+  const s = new kl();
   yn.push(s), s.init(n);
   let o = window.MutationObserver || window.__rrMutationObserver;
   const r = (t = (i = window == null ? void 0 : window.Zone) === null || i === void 0 ? void 0 : i.__symbol__) === null || t === void 0 ? void 0 : t.call(i, "MutationObserver");
@@ -24954,7 +25033,7 @@ function js(n, e) {
     subtree: !0
   }), l;
 }
-function wl({ mousemoveCb: n, sampling: e, doc: i, mirror: t }) {
+function Al({ mousemoveCb: n, sampling: e, doc: i, mirror: t }) {
   if (e.mousemove === !1)
     return () => {
     };
@@ -24964,7 +25043,7 @@ function wl({ mousemoveCb: n, sampling: e, doc: i, mirror: t }) {
     const f = Date.now() - l;
     n(r.map((y) => (y.timeOffset -= f, y)), g), r = [], l = null;
   }), o), b = z(Zn(z((g) => {
-    const f = Qn(g), { clientX: y, clientY: k } = it(g) ? g.changedTouches[0] : g;
+    const f = Qn(g), { clientX: y, clientY: k } = nt(g) ? g.changedTouches[0] : g;
     l || (l = Ci()), r.push({
       x: y,
       y: k,
@@ -24982,7 +25061,7 @@ function wl({ mousemoveCb: n, sampling: e, doc: i, mirror: t }) {
     v.forEach((g) => g());
   });
 }
-function Al({ mouseInteractionCb: n, doc: e, mirror: i, blockClass: t, blockSelector: s, sampling: o }) {
+function Ml({ mouseInteractionCb: n, doc: e, mirror: i, blockClass: t, blockSelector: s, sampling: o }) {
   if (o.mouseInteraction === !1)
     return () => {
     };
@@ -25006,13 +25085,13 @@ function Al({ mouseInteractionCb: n, doc: e, mirror: i, blockClass: t, blockSele
           break;
       }
       y === Ye.Touch ? Le[v] === Le.MouseDown ? k = "TouchStart" : Le[v] === Le.MouseUp && (k = "TouchEnd") : Ye.Pen;
-    } else it(g) && (y = Ye.Touch);
+    } else nt(g) && (y = Ye.Touch);
     y !== null ? (u = y, (k.startsWith("Touch") && y === Ye.Touch || k.startsWith("Mouse") && y === Ye.Mouse) && (y = null)) : Le[v] === Le.Click && (y = u, u = null);
-    const C = it(g) ? g.changedTouches[0] : g;
+    const C = nt(g) ? g.changedTouches[0] : g;
     if (!C)
       return;
-    const _ = i.getId(f), { clientX: A, clientY: M } = C;
-    z(n)(Object.assign({ type: Le[k], id: _, x: A, y: M }, y !== null && { pointerType: y }));
+    const w = i.getId(f), { clientX: A, clientY: M } = C;
+    z(n)(Object.assign({ type: Le[k], id: w, x: A, y: M }, y !== null && { pointerType: y }));
   };
   return Object.keys(Le).filter((v) => Number.isNaN(Number(v)) && !v.endsWith("_Departed") && r[v] !== !1).forEach((v) => {
     let g = kn(v);
@@ -25032,7 +25111,7 @@ function Al({ mouseInteractionCb: n, doc: e, mirror: i, blockClass: t, blockSele
     l.forEach((v) => v());
   });
 }
-function Gs({ scrollCb: n, doc: e, mirror: i, blockClass: t, blockSelector: s, sampling: o }) {
+function Vs({ scrollCb: n, doc: e, mirror: i, blockClass: t, blockSelector: s, sampling: o }) {
   const r = z(Zn(z((l) => {
     const u = Qn(l);
     if (!u || Me(u, t, s, !0))
@@ -25054,7 +25133,7 @@ function Gs({ scrollCb: n, doc: e, mirror: i, blockClass: t, blockSelector: s, s
   }), o.scroll || 100));
   return Ae("scroll", r, e);
 }
-function Ml({ viewportResizeCb: n }, { win: e }) {
+function Ll({ viewportResizeCb: n }, { win: e }) {
   let i = -1, t = -1;
   const s = z(Zn(z(() => {
     const o = Ps(), r = Ns();
@@ -25065,37 +25144,37 @@ function Ml({ viewportResizeCb: n }, { win: e }) {
   }), 200));
   return Ae("resize", s, e);
 }
-const Ll = ["INPUT", "TEXTAREA", "SELECT"], ns = /* @__PURE__ */ new WeakMap();
-function Tl({ inputCb: n, doc: e, mirror: i, blockClass: t, blockSelector: s, ignoreClass: o, ignoreSelector: r, maskInputOptions: l, maskInputFn: u, sampling: b, userTriggeredOnInput: v }) {
+const Tl = ["INPUT", "TEXTAREA", "SELECT"], es = /* @__PURE__ */ new WeakMap();
+function El({ inputCb: n, doc: e, mirror: i, blockClass: t, blockSelector: s, ignoreClass: o, ignoreSelector: r, maskInputOptions: l, maskInputFn: u, sampling: b, userTriggeredOnInput: v }) {
   function g(M) {
-    let w = Qn(M);
-    const x = M.isTrusted, N = w && w.tagName;
-    if (w && N === "OPTION" && (w = w.parentElement), !w || !N || Ll.indexOf(N) < 0 || Me(w, t, s, !0) || w.classList.contains(o) || r && w.matches(r))
+    let _ = Qn(M);
+    const x = M.isTrusted, N = _ && _.tagName;
+    if (_ && N === "OPTION" && (_ = _.parentElement), !_ || !N || Tl.indexOf(N) < 0 || Me(_, t, s, !0) || _.classList.contains(o) || r && _.matches(r))
       return;
-    let V = w.value, F = !1;
-    const U = lt(w) || "";
-    U === "radio" || U === "checkbox" ? F = w.checked : (l[N.toLowerCase()] || l[U]) && (V = rt({
-      element: w,
+    let G = _.value, F = !1;
+    const U = rt(_) || "";
+    U === "radio" || U === "checkbox" ? F = _.checked : (l[N.toLowerCase()] || l[U]) && (G = at({
+      element: _,
       maskInputOptions: l,
       tagName: N,
       type: U,
-      value: V,
+      value: G,
       maskInputFn: u
-    })), f(w, v ? { text: V, isChecked: F, userTriggered: x } : { text: V, isChecked: F });
-    const j = w.name;
+    })), f(_, v ? { text: G, isChecked: F, userTriggered: x } : { text: G, isChecked: F });
+    const j = _.name;
     U === "radio" && j && F && e.querySelectorAll(`input[type="radio"][name="${j}"]`).forEach((te) => {
-      if (te !== w) {
+      if (te !== _) {
         const fe = te.value;
         f(te, v ? { text: fe, isChecked: !F, userTriggered: !1 } : { text: fe, isChecked: !F });
       }
     });
   }
-  function f(M, w) {
-    const x = ns.get(M);
-    if (!x || x.text !== w.text || x.isChecked !== w.isChecked) {
-      ns.set(M, w);
+  function f(M, _) {
+    const x = es.get(M);
+    if (!x || x.text !== _.text || x.isChecked !== _.isChecked) {
+      es.set(M, _);
       const N = i.getId(M);
-      z(n)(Object.assign(Object.assign({}, w), { id: N }));
+      z(n)(Object.assign(Object.assign({}, _), { id: N }));
     }
   }
   const k = (b.input === "last" ? ["change"] : ["input", "change"]).map((M) => Ae(M, z(g), e)), C = e.defaultView;
@@ -25103,7 +25182,7 @@ function Tl({ inputCb: n, doc: e, mirror: i, blockClass: t, blockSelector: s, ig
     return () => {
       k.forEach((M) => M());
     };
-  const _ = C.Object.getOwnPropertyDescriptor(C.HTMLInputElement.prototype, "value"), A = [
+  const w = C.Object.getOwnPropertyDescriptor(C.HTMLInputElement.prototype, "value"), A = [
     [C.HTMLInputElement.prototype, "value"],
     [C.HTMLInputElement.prototype, "checked"],
     [C.HTMLSelectElement.prototype, "value"],
@@ -25111,7 +25190,7 @@ function Tl({ inputCb: n, doc: e, mirror: i, blockClass: t, blockSelector: s, ig
     [C.HTMLSelectElement.prototype, "selectedIndex"],
     [C.HTMLOptionElement.prototype, "selected"]
   ];
-  return _ && _.set && k.push(...A.map((M) => Pi(M[0], M[1], {
+  return w && w.set && k.push(...A.map((M) => Pi(M[0], M[1], {
     set() {
       z(g)({
         target: this,
@@ -25143,17 +25222,17 @@ function on(n, e, i) {
     id: t
   }) : {};
 }
-function El({ styleSheetRuleCb: n, mirror: e, stylesheetManager: i }, { win: t }) {
+function xl({ styleSheetRuleCb: n, mirror: e, stylesheetManager: i }, { win: t }) {
   if (!t.CSSStyleSheet || !t.CSSStyleSheet.prototype)
     return () => {
     };
   const s = t.CSSStyleSheet.prototype.insertRule;
   t.CSSStyleSheet.prototype.insertRule = new Proxy(s, {
     apply: z((v, g, f) => {
-      const [y, k] = f, { id: C, styleId: _ } = on(g, e, i.styleMirror);
-      return (C && C !== -1 || _ && _ !== -1) && n({
+      const [y, k] = f, { id: C, styleId: w } = on(g, e, i.styleMirror);
+      return (C && C !== -1 || w && w !== -1) && n({
         id: C,
-        styleId: _,
+        styleId: w,
         adds: [{ rule: y, index: k }]
       }), v.apply(g, f);
     })
@@ -25200,7 +25279,7 @@ function El({ styleSheetRuleCb: n, mirror: e, stylesheetManager: i }, { win: t }
       deleteRule: g.prototype.deleteRule
     }, g.prototype.insertRule = new Proxy(b[v].insertRule, {
       apply: z((f, y, k) => {
-        const [C, _] = k, { id: A, styleId: M } = on(y.parentStyleSheet, e, i.styleMirror);
+        const [C, w] = k, { id: A, styleId: M } = on(y.parentStyleSheet, e, i.styleMirror);
         return (A && A !== -1 || M && M !== -1) && n({
           id: A,
           styleId: M,
@@ -25209,7 +25288,7 @@ function El({ styleSheetRuleCb: n, mirror: e, stylesheetManager: i }, { win: t }
               rule: C,
               index: [
                 ...Si(y),
-                _ || 0
+                w || 0
               ]
             }
           ]
@@ -25217,9 +25296,9 @@ function El({ styleSheetRuleCb: n, mirror: e, stylesheetManager: i }, { win: t }
       })
     }), g.prototype.deleteRule = new Proxy(b[v].deleteRule, {
       apply: z((f, y, k) => {
-        const [C] = k, { id: _, styleId: A } = on(y.parentStyleSheet, e, i.styleMirror);
-        return (_ && _ !== -1 || A && A !== -1) && n({
-          id: _,
+        const [C] = k, { id: w, styleId: A } = on(y.parentStyleSheet, e, i.styleMirror);
+        return (w && w !== -1 || A && A !== -1) && n({
+          id: w,
           styleId: A,
           removes: [
             { index: [...Si(y), C] }
@@ -25233,7 +25312,7 @@ function El({ styleSheetRuleCb: n, mirror: e, stylesheetManager: i }, { win: t }
     });
   });
 }
-function Vs({ mirror: n, stylesheetManager: e }, i) {
+function Gs({ mirror: n, stylesheetManager: e }, i) {
   var t, s, o;
   let r = null;
   i.nodeName === "#document" ? r = n.getId(i) : r = n.getId(i.host);
@@ -25265,7 +25344,7 @@ function Vs({ mirror: n, stylesheetManager: e }, i) {
     });
   }));
 }
-function xl({ styleDeclarationCb: n, mirror: e, ignoreCSSAttributes: i, stylesheetManager: t }, { win: s }) {
+function Pl({ styleDeclarationCb: n, mirror: e, ignoreCSSAttributes: i, stylesheetManager: t }, { win: s }) {
   const o = s.CSSStyleDeclaration.prototype.setProperty;
   s.CSSStyleDeclaration.prototype.setProperty = new Proxy(o, {
     apply: z((l, u, b) => {
@@ -25307,7 +25386,7 @@ function xl({ styleDeclarationCb: n, mirror: e, ignoreCSSAttributes: i, styleshe
     s.CSSStyleDeclaration.prototype.setProperty = o, s.CSSStyleDeclaration.prototype.removeProperty = r;
   });
 }
-function Pl({ mediaInteractionCb: n, blockClass: e, blockSelector: i, mirror: t, sampling: s, doc: o }) {
+function Nl({ mediaInteractionCb: n, blockClass: e, blockSelector: i, mirror: t, sampling: s, doc: o }) {
   const r = z((u) => Zn(z((b) => {
     const v = Qn(b);
     if (!v || Me(v, e, i, !0))
@@ -25333,7 +25412,7 @@ function Pl({ mediaInteractionCb: n, blockClass: e, blockSelector: i, mirror: t,
     l.forEach((u) => u());
   });
 }
-function Nl({ fontCb: n, doc: e }) {
+function Il({ fontCb: n, doc: e }) {
   const i = e.defaultView;
   if (!i)
     return () => {
@@ -25362,7 +25441,7 @@ function Nl({ fontCb: n, doc: e }) {
     t.forEach((l) => l());
   });
 }
-function Il(n) {
+function Bl(n) {
   const { doc: e, mirror: i, blockClass: t, blockSelector: s, selectionCb: o } = n;
   let r = !0;
   const l = z(() => {
@@ -25372,19 +25451,19 @@ function Il(n) {
     r = u.isCollapsed || !1;
     const b = [], v = u.rangeCount || 0;
     for (let g = 0; g < v; g++) {
-      const f = u.getRangeAt(g), { startContainer: y, startOffset: k, endContainer: C, endOffset: _ } = f;
+      const f = u.getRangeAt(g), { startContainer: y, startOffset: k, endContainer: C, endOffset: w } = f;
       Me(y, t, s, !0) || Me(C, t, s, !0) || b.push({
         start: i.getId(y),
         startOffset: k,
         end: i.getId(C),
-        endOffset: _
+        endOffset: w
       });
     }
     o({ ranges: b });
   });
   return l(), Ae("selectionchange", l);
 }
-function Bl({ doc: n, customElementCb: e }) {
+function Rl({ doc: n, customElementCb: e }) {
   const i = n.defaultView;
   return !i || !i.customElements ? () => {
   } : On(i.customElements, "define", function(s) {
@@ -25402,7 +25481,7 @@ function Bl({ doc: n, customElementCb: e }) {
     };
   });
 }
-function Rl(n, e) {
+function Dl(n, e) {
   const { mutationCb: i, mousemoveCb: t, mouseInteractionCb: s, scrollCb: o, viewportResizeCb: r, inputCb: l, mediaInteractionCb: u, styleSheetRuleCb: b, styleDeclarationCb: v, canvasMutationCb: g, fontCb: f, selectionCb: y, customElementCb: k } = n;
   n.mutationCb = (...C) => {
     e.mutation && e.mutation(...C), i(...C);
@@ -25432,30 +25511,30 @@ function Rl(n, e) {
     e.customElement && e.customElement(...C), k(...C);
   };
 }
-function Dl(n, e = {}) {
+function Ol(n, e = {}) {
   const i = n.doc.defaultView;
   if (!i)
     return () => {
     };
-  Rl(n, e);
+  Dl(n, e);
   let t;
   n.recordDOM && (t = js(n, n.doc));
-  const s = wl(n), o = Al(n), r = Gs(n), l = Ml(n, {
+  const s = Al(n), o = Ml(n), r = Vs(n), l = Ll(n, {
     win: i
-  }), u = Tl(n), b = Pl(n);
+  }), u = El(n), b = Nl(n);
   let v = () => {
   }, g = () => {
   }, f = () => {
   }, y = () => {
   };
-  n.recordDOM && (v = El(n, { win: i }), g = Vs(n, n.doc), f = xl(n, {
+  n.recordDOM && (v = xl(n, { win: i }), g = Gs(n, n.doc), f = Pl(n, {
     win: i
-  }), n.collectFonts && (y = Nl(n)));
-  const k = Il(n), C = Bl(n), _ = [];
+  }), n.collectFonts && (y = Il(n)));
+  const k = Bl(n), C = Rl(n), w = [];
   for (const A of n.plugins)
-    _.push(A.observer(A.callback, i, A.options));
+    w.push(A.observer(A.callback, i, A.options));
   return z(() => {
-    yn.forEach((A) => A.reset()), t == null || t.disconnect(), s(), o(), r(), l(), u(), b(), v(), g(), f(), y(), k(), C(), _.forEach((A) => A());
+    yn.forEach((A) => A.reset()), t == null || t.disconnect(), s(), o(), r(), l(), u(), b(), v(), g(), f(), y(), k(), C(), w.forEach((A) => A());
   });
 }
 function ai(n) {
@@ -25464,7 +25543,7 @@ function ai(n) {
 function ri(n) {
   return !!(typeof window[n] < "u" && window[n].prototype && "insertRule" in window[n].prototype && "deleteRule" in window[n].prototype);
 }
-class is {
+class ns {
   constructor(e) {
     this.generateIdFn = e, this.iframeIdToRemoteIdMap = /* @__PURE__ */ new WeakMap(), this.iframeRemoteIdToIdMap = /* @__PURE__ */ new WeakMap();
   }
@@ -25504,9 +25583,9 @@ class is {
     return i || (i = /* @__PURE__ */ new Map(), this.iframeRemoteIdToIdMap.set(e, i)), i;
   }
 }
-class Ol {
+class Hl {
   constructor(e) {
-    this.iframes = /* @__PURE__ */ new WeakMap(), this.crossOriginIframeMap = /* @__PURE__ */ new WeakMap(), this.crossOriginIframeMirror = new is(Ms), this.crossOriginIframeRootIdMap = /* @__PURE__ */ new WeakMap(), this.mutationCb = e.mutationCb, this.wrappedEmit = e.wrappedEmit, this.stylesheetManager = e.stylesheetManager, this.recordCrossOriginIframes = e.recordCrossOriginIframes, this.crossOriginIframeStyleMirror = new is(this.stylesheetManager.styleMirror.generateId.bind(this.stylesheetManager.styleMirror)), this.mirror = e.mirror, this.recordCrossOriginIframes && window.addEventListener("message", this.handleMessage.bind(this));
+    this.iframes = /* @__PURE__ */ new WeakMap(), this.crossOriginIframeMap = /* @__PURE__ */ new WeakMap(), this.crossOriginIframeMirror = new ns(Ms), this.crossOriginIframeRootIdMap = /* @__PURE__ */ new WeakMap(), this.mutationCb = e.mutationCb, this.wrappedEmit = e.wrappedEmit, this.stylesheetManager = e.stylesheetManager, this.recordCrossOriginIframes = e.recordCrossOriginIframes, this.crossOriginIframeStyleMirror = new ns(this.stylesheetManager.styleMirror.generateId.bind(this.stylesheetManager.styleMirror)), this.mirror = e.mirror, this.recordCrossOriginIframes && window.addEventListener("message", this.handleMessage.bind(this));
   }
   addIframe(e) {
     this.iframes.set(e, !0), e.contentWindow && this.crossOriginIframeMap.set(e.contentWindow, e);
@@ -25644,7 +25723,7 @@ class Ol {
     });
   }
 }
-class Hl {
+class Ul {
   constructor(e) {
     this.shadowDoms = /* @__PURE__ */ new WeakSet(), this.restoreHandlers = [], this.mutationCb = e.mutationCb, this.scrollCb = e.scrollCb, this.bypassOptions = e.bypassOptions, this.mirror = e.mirror, this.init();
   }
@@ -25652,12 +25731,12 @@ class Hl {
     this.reset(), this.patchAttachShadow(Element, document);
   }
   addShadowRoot(e, i) {
-    if (!Vn(e) || this.shadowDoms.has(e))
+    if (!Gn(e) || this.shadowDoms.has(e))
       return;
     this.shadowDoms.add(e);
     const t = js(Object.assign(Object.assign({}, this.bypassOptions), { doc: i, mutationCb: this.mutationCb, mirror: this.mirror, shadowDomManager: this }), e);
-    this.restoreHandlers.push(() => t.disconnect()), this.restoreHandlers.push(Gs(Object.assign(Object.assign({}, this.bypassOptions), { scrollCb: this.scrollCb, doc: e, mirror: this.mirror }))), setTimeout(() => {
-      e.adoptedStyleSheets && e.adoptedStyleSheets.length > 0 && this.bypassOptions.stylesheetManager.adoptStyleSheets(e.adoptedStyleSheets, this.mirror.getId(e.host)), this.restoreHandlers.push(Vs({
+    this.restoreHandlers.push(() => t.disconnect()), this.restoreHandlers.push(Vs(Object.assign(Object.assign({}, this.bypassOptions), { scrollCb: this.scrollCb, doc: e, mirror: this.mirror }))), setTimeout(() => {
+      e.adoptedStyleSheets && e.adoptedStyleSheets.length > 0 && this.bypassOptions.stylesheetManager.adoptStyleSheets(e.adoptedStyleSheets, this.mirror.getId(e.host)), this.restoreHandlers.push(Gs({
         mirror: this.mirror,
         stylesheetManager: this.bypassOptions.stylesheetManager
       }, e));
@@ -25698,7 +25777,7 @@ LOSS OF USE, DATA OR PROFITS, WHETHER IN AN ACTION OF CONTRACT, NEGLIGENCE OR
 OTHER TORTIOUS ACTION, ARISING OUT OF OR IN CONNECTION WITH THE USE OR
 PERFORMANCE OF THIS SOFTWARE.
 ***************************************************************************** */
-function Ul(n, e) {
+function Kl(n, e) {
   var i = {};
   for (var t in n) Object.prototype.hasOwnProperty.call(n, t) && e.indexOf(t) < 0 && (i[t] = n[t]);
   if (n != null && typeof Object.getOwnPropertySymbols == "function")
@@ -25706,7 +25785,7 @@ function Ul(n, e) {
       e.indexOf(t[s]) < 0 && Object.prototype.propertyIsEnumerable.call(n, t[s]) && (i[t[s]] = n[t[s]]);
   return i;
 }
-function Kl(n, e, i, t) {
+function jl(n, e, i, t) {
   function s(o) {
     return o instanceof i ? o : new i(function(r) {
       r(o);
@@ -25733,24 +25812,24 @@ function Kl(n, e, i, t) {
     b((t = t.apply(n, [])).next());
   });
 }
-var Pn = "ABCDEFGHIJKLMNOPQRSTUVWXYZabcdefghijklmnopqrstuvwxyz0123456789+/", jl = typeof Uint8Array > "u" ? [] : new Uint8Array(256);
+var Pn = "ABCDEFGHIJKLMNOPQRSTUVWXYZabcdefghijklmnopqrstuvwxyz0123456789+/", Vl = typeof Uint8Array > "u" ? [] : new Uint8Array(256);
 for (var li = 0; li < Pn.length; li++)
-  jl[Pn.charCodeAt(li)] = li;
+  Vl[Pn.charCodeAt(li)] = li;
 var Gl = function(n) {
   var e = new Uint8Array(n), i, t = e.length, s = "";
   for (i = 0; i < t; i += 3)
     s += Pn[e[i] >> 2], s += Pn[(e[i] & 3) << 4 | e[i + 1] >> 4], s += Pn[(e[i + 1] & 15) << 2 | e[i + 2] >> 6], s += Pn[e[i + 2] & 63];
   return t % 3 === 2 ? s = s.substring(0, s.length - 1) + "=" : t % 3 === 1 && (s = s.substring(0, s.length - 2) + "=="), s;
 };
-const ts = /* @__PURE__ */ new Map();
-function Vl(n, e) {
-  let i = ts.get(n);
-  return i || (i = /* @__PURE__ */ new Map(), ts.set(n, i)), i.has(e) || i.set(e, []), i.get(e);
+const is = /* @__PURE__ */ new Map();
+function Fl(n, e) {
+  let i = is.get(n);
+  return i || (i = /* @__PURE__ */ new Map(), is.set(n, i)), i.has(e) || i.set(e, []), i.get(e);
 }
 const Fs = (n, e, i) => {
   if (!n || !(zs(n, e) || typeof n == "object"))
     return;
-  const t = n.constructor.name, s = Vl(i, t);
+  const t = n.constructor.name, s = Fl(i, t);
   let o = s.indexOf(n);
   return o === -1 && (o = s.length, s.push(n)), o;
 };
@@ -25822,7 +25901,7 @@ const qs = (n, e, i) => n.map((t) => hi(t, e, i)), zs = (n, e) => !![
   "WebGLVertexArrayObject",
   "WebGLVertexArrayObjectOES"
 ].filter((s) => typeof e[s] == "function").find((s) => n instanceof e[s]);
-function Fl(n, e, i, t) {
+function ql(n, e, i, t) {
   const s = [], o = Object.getOwnPropertyNames(e.CanvasRenderingContext2D.prototype);
   for (const r of o)
     try {
@@ -25858,16 +25937,16 @@ function Fl(n, e, i, t) {
     s.forEach((r) => r());
   };
 }
-function ql(n) {
+function zl(n) {
   return n === "experimental-webgl" ? "webgl" : n;
 }
-function ss(n, e, i, t) {
+function ts(n, e, i, t) {
   const s = [];
   try {
     const o = On(n.HTMLCanvasElement.prototype, "getContext", function(r) {
       return function(l, ...u) {
         if (!Me(this, e, i, !0)) {
-          const b = ql(l);
+          const b = zl(l);
           if ("__context" in this || (this.__context = b), t && ["webgl", "webgl2"].includes(b))
             if (u[0] && typeof u[0] == "object") {
               const v = u[0];
@@ -25888,7 +25967,7 @@ function ss(n, e, i, t) {
     s.forEach((o) => o());
   };
 }
-function os(n, e, i, t, s, o, r) {
+function ss(n, e, i, t, s, o, r) {
   const l = [], u = Object.getOwnPropertyNames(n);
   for (const b of u)
     if (![
@@ -25930,13 +26009,13 @@ function os(n, e, i, t, s, o, r) {
       }
   return l;
 }
-function zl(n, e, i, t, s) {
+function Wl(n, e, i, t, s) {
   const o = [];
-  return o.push(...os(e.WebGLRenderingContext.prototype, Bn.WebGL, n, i, t, s, e)), typeof e.WebGL2RenderingContext < "u" && o.push(...os(e.WebGL2RenderingContext.prototype, Bn.WebGL2, n, i, t, s, e)), () => {
+  return o.push(...ss(e.WebGLRenderingContext.prototype, Bn.WebGL, n, i, t, s, e)), typeof e.WebGL2RenderingContext < "u" && o.push(...ss(e.WebGL2RenderingContext.prototype, Bn.WebGL2, n, i, t, s, e)), () => {
     o.forEach((r) => r());
   };
 }
-function Wl(n, e) {
+function Zl(n, e) {
   var i = n.toString(), t = i.split(`
 `);
   t.pop(), t.shift();
@@ -25945,17 +26024,17 @@ function Wl(n, e) {
 `;
   return t;
 }
-function Zl(n, e) {
-  var i = Wl(n), t = new Blob(i, { type: "application/javascript" });
+function Jl(n, e) {
+  var i = Zl(n), t = new Blob(i, { type: "application/javascript" });
   return URL.createObjectURL(t);
 }
-function Jl(n, e) {
+function $l(n, e) {
   var i;
   return function(s) {
-    return i = i || Zl(n), new Worker(i, s);
+    return i = i || Jl(n), new Worker(i, s);
   };
 }
-var $l = Jl(
+var Yl = $l(
   /* rollup-plugin-web-worker-loader */
   function() {
     (function() {
@@ -25981,22 +26060,22 @@ var $l = Jl(
           });
         }
         return new (g || (g = Promise))(function(k, C) {
-          function _(w) {
+          function w(_) {
             try {
-              M(f.next(w));
+              M(f.next(_));
             } catch (x) {
               C(x);
             }
           }
-          function A(w) {
+          function A(_) {
             try {
-              M(f.throw(w));
+              M(f.throw(_));
             } catch (x) {
               C(x);
             }
           }
-          function M(w) {
-            w.done ? k(w.value) : y(w.value).then(_, A);
+          function M(_) {
+            _.done ? k(_.value) : y(_.value).then(w, A);
           }
           M((f = f.apply(b, [])).next());
         });
@@ -26018,8 +26097,8 @@ var $l = Jl(
               return r.get(f);
             const y = new OffscreenCanvas(b, v);
             y.getContext("2d");
-            const C = yield (yield y.convertToBlob(g)).arrayBuffer(), _ = s(C);
-            return r.set(f, _), _;
+            const C = yield (yield y.convertToBlob(g)).arrayBuffer(), w = s(C);
+            return r.set(f, w), w;
           } else
             return "";
         });
@@ -26028,16 +26107,16 @@ var $l = Jl(
       u.onmessage = function(b) {
         return n(this, void 0, void 0, function* () {
           if ("OffscreenCanvas" in globalThis) {
-            const { id: v, bitmap: g, width: f, height: y, dataURLOptions: k } = b.data, C = l(f, y, k), _ = new OffscreenCanvas(f, y);
-            _.getContext("2d").drawImage(g, 0, 0), g.close();
-            const M = yield _.convertToBlob(k), w = M.type, x = yield M.arrayBuffer(), N = s(x);
+            const { id: v, bitmap: g, width: f, height: y, dataURLOptions: k } = b.data, C = l(f, y, k), w = new OffscreenCanvas(f, y);
+            w.getContext("2d").drawImage(g, 0, 0), g.close();
+            const M = yield w.convertToBlob(k), _ = M.type, x = yield M.arrayBuffer(), N = s(x);
             if (!o.has(v) && (yield C) === N)
               return o.set(v, N), u.postMessage({ id: v });
             if (o.get(v) === N)
               return u.postMessage({ id: v });
             u.postMessage({
               id: v,
-              type: w,
+              type: _,
               base64: N,
               width: f,
               height: y
@@ -26049,7 +26128,7 @@ var $l = Jl(
     })();
   }
 );
-class Yl {
+class Ql {
   reset() {
     this.pendingCanvasMutations.clear(), this.resetObservers && this.resetObservers();
   }
@@ -26075,19 +26154,19 @@ class Yl {
     });
   }
   initCanvasFPSObserver(e, i, t, s, o) {
-    const r = ss(i, t, s, !0), l = /* @__PURE__ */ new Map(), u = new $l();
+    const r = ts(i, t, s, !0), l = /* @__PURE__ */ new Map(), u = new Yl();
     u.onmessage = (k) => {
       const { id: C } = k.data;
       if (l.set(C, !1), !("base64" in k.data))
         return;
-      const { base64: _, type: A, width: M, height: w } = k.data;
+      const { base64: w, type: A, width: M, height: _ } = k.data;
       this.mutationCb({
         id: C,
         type: Bn["2D"],
         commands: [
           {
             property: "clearRect",
-            args: [0, 0, M, w]
+            args: [0, 0, M, _]
           },
           {
             property: "drawImage",
@@ -26097,7 +26176,7 @@ class Yl {
                 args: [
                   {
                     rr_type: "Blob",
-                    data: [{ rr_type: "ArrayBuffer", base64: _ }],
+                    data: [{ rr_type: "ArrayBuffer", base64: w }],
                     type: A
                   }
                 ]
@@ -26121,14 +26200,14 @@ class Yl {
         g = requestAnimationFrame(y);
         return;
       }
-      v = k, f().forEach((C) => Kl(this, void 0, void 0, function* () {
-        var _;
+      v = k, f().forEach((C) => jl(this, void 0, void 0, function* () {
+        var w;
         const A = this.mirror.getId(C);
         if (l.get(A) || C.width === 0 || C.height === 0)
           return;
         if (l.set(A, !0), ["webgl", "webgl2"].includes(C.__context)) {
-          const w = C.getContext(C.__context);
-          ((_ = w == null ? void 0 : w.getContextAttributes()) === null || _ === void 0 ? void 0 : _.preserveDrawingBuffer) === !1 && w.clear(w.COLOR_BUFFER_BIT);
+          const _ = C.getContext(C.__context);
+          ((w = _ == null ? void 0 : _.getContextAttributes()) === null || w === void 0 ? void 0 : w.preserveDrawingBuffer) === !1 && _.clear(_.COLOR_BUFFER_BIT);
         }
         const M = yield createImageBitmap(C);
         u.postMessage({
@@ -26146,7 +26225,7 @@ class Yl {
   }
   initCanvasMutationObserver(e, i, t) {
     this.startRAFTimestamping(), this.startPendingCanvasMutationFlusher();
-    const s = ss(e, i, t, !1), o = Fl(this.processMutation.bind(this), e, i, t), r = zl(this.processMutation.bind(this), e, i, t, this.mirror);
+    const s = ts(e, i, t, !1), o = ql(this.processMutation.bind(this), e, i, t), r = Wl(this.processMutation.bind(this), e, i, t, this.mirror);
     this.resetObservers = () => {
       s(), o(), r();
     };
@@ -26172,13 +26251,13 @@ class Yl {
     const t = this.pendingCanvasMutations.get(e);
     if (!t || i === -1)
       return;
-    const s = t.map((r) => Ul(r, ["type"])), { type: o } = t[0];
+    const s = t.map((r) => Kl(r, ["type"])), { type: o } = t[0];
     this.mutationCb({ id: i, type: o, commands: s }), this.pendingCanvasMutations.delete(e);
   }
 }
-class Ql {
+class Xl {
   constructor(e) {
-    this.trackedLinkElements = /* @__PURE__ */ new WeakSet(), this.styleMirror = new fl(), this.mutationCb = e.mutationCb, this.adoptedStyleSheetCb = e.adoptedStyleSheetCb;
+    this.trackedLinkElements = /* @__PURE__ */ new WeakSet(), this.styleMirror = new gl(), this.mutationCb = e.mutationCb, this.adoptedStyleSheetCb = e.adoptedStyleSheetCb;
   }
   attachLinkElement(e, i) {
     "_cssText" in i.attributes && this.mutationCb({
@@ -26208,7 +26287,7 @@ class Ql {
       this.styleMirror.has(o) ? r = this.styleMirror.getId(o) : (r = this.styleMirror.add(o), s.push({
         styleId: r,
         rules: Array.from(o.rules || CSSRule, (l, u) => ({
-          rule: _s(l),
+          rule: ws(l),
           index: u
         }))
       })), t.styleIds.push(r);
@@ -26221,7 +26300,7 @@ class Ql {
   trackStylesheetInLinkElement(e) {
   }
 }
-class Xl {
+class ed {
   constructor() {
     this.nodeMap = /* @__PURE__ */ new WeakMap(), this.loop = !0, this.periodicallyClear();
   }
@@ -26248,19 +26327,19 @@ function he(n) {
   return Object.assign(Object.assign({}, n), { timestamp: Ci() });
 }
 let re, mi, $i, ki = !1;
-const Be = zr();
+const Be = Wr();
 function Xn(n = {}) {
-  const { emit: e, checkoutEveryNms: i, checkoutEveryNth: t, blockClass: s = "rr-block", blockSelector: o = null, ignoreClass: r = "rr-ignore", ignoreSelector: l = null, maskTextClass: u = "rr-mask", maskTextSelector: b = null, inlineStylesheet: v = !0, maskAllInputs: g, maskInputOptions: f, slimDOMOptions: y, maskInputFn: k, maskTextFn: C, hooks: _, packFn: A, sampling: M = {}, dataURLOptions: w = {}, mousemoveWait: x, recordDOM: N = !0, recordCanvas: V = !1, recordCrossOriginIframes: F = !1, recordAfter: U = n.recordAfter === "DOMContentLoaded" ? n.recordAfter : "load", userTriggeredOnInput: j = !1, collectFonts: te = !1, inlineImages: fe = !1, plugins: K, keepIframeSrcFn: _e = () => !1, ignoreCSSAttributes: le = /* @__PURE__ */ new Set([]), errorHandler: Te } = n;
-  kl(Te);
-  const we = F ? window.parent === window : !0;
+  const { emit: e, checkoutEveryNms: i, checkoutEveryNth: t, blockClass: s = "rr-block", blockSelector: o = null, ignoreClass: r = "rr-ignore", ignoreSelector: l = null, maskTextClass: u = "rr-mask", maskTextSelector: b = null, inlineStylesheet: v = !0, maskAllInputs: g, maskInputOptions: f, slimDOMOptions: y, maskInputFn: k, maskTextFn: C, hooks: w, packFn: A, sampling: M = {}, dataURLOptions: _ = {}, mousemoveWait: x, recordDOM: N = !0, recordCanvas: G = !1, recordCrossOriginIframes: F = !1, recordAfter: U = n.recordAfter === "DOMContentLoaded" ? n.recordAfter : "load", userTriggeredOnInput: j = !1, collectFonts: te = !1, inlineImages: fe = !1, plugins: K, keepIframeSrcFn: we = () => !1, ignoreCSSAttributes: le = /* @__PURE__ */ new Set([]), errorHandler: Te } = n;
+  wl(Te);
+  const _e = F ? window.parent === window : !0;
   let ze = !1;
-  if (!we)
+  if (!_e)
     try {
       window.parent.document && (ze = !1);
     } catch {
       ze = !0;
     }
-  if (we && !e)
+  if (_e && !e)
     throw new Error("emit function is required");
   x !== void 0 && M.mousemove === void 0 && (M.mousemove = x), Be.reset();
   const tn = g === !0 ? {
@@ -26292,7 +26371,7 @@ function Xn(n = {}) {
     headMetaAuthorship: y === "all",
     headMetaDescKeywords: y === "all"
   } : y || {};
-  pl();
+  fl();
   let vn, sn = 0;
   const Ee = (B) => {
     for (const de of K || [])
@@ -26301,7 +26380,7 @@ function Xn(n = {}) {
   };
   re = (B, de) => {
     var $;
-    if (!(($ = yn[0]) === null || $ === void 0) && $.isFrozen() && B.type !== W.FullSnapshot && !(B.type === W.IncrementalSnapshot && B.data.source === q.Mutation) && yn.forEach((ge) => ge.unfreeze()), we)
+    if (!(($ = yn[0]) === null || $ === void 0) && $.isFrozen() && B.type !== W.FullSnapshot && !(B.type === W.IncrementalSnapshot && B.data.source === q.Mutation) && yn.forEach((ge) => ge.unfreeze()), _e)
       e == null || e(Ee(B), de);
     else if (ze) {
       const ge = {
@@ -26336,10 +26415,10 @@ function Xn(n = {}) {
   })), ve = (B) => re(he({
     type: W.IncrementalSnapshot,
     data: Object.assign({ source: q.AdoptedStyleSheet }, B)
-  })), Pe = new Ql({
+  })), Pe = new Xl({
     mutationCb: Ze,
     adoptedStyleSheetCb: ve
-  }), xe = new Ol({
+  }), xe = new Hl({
     mirror: Be,
     mutationCb: Ze,
     stylesheetManager: Pe,
@@ -26352,18 +26431,18 @@ function Xn(n = {}) {
       crossOriginIframeMirror: xe.crossOriginIframeMirror,
       crossOriginIframeStyleMirror: xe.crossOriginIframeStyleMirror
     });
-  const Ce = new Xl();
-  $i = new Yl({
-    recordCanvas: V,
+  const Ce = new ed();
+  $i = new Ql({
+    recordCanvas: G,
     mutationCb: ae,
     win: window,
     blockClass: s,
     blockSelector: o,
     mirror: Be,
     sampling: M.canvas,
-    dataURLOptions: w
+    dataURLOptions: _
   });
-  const Ue = new Hl({
+  const Ue = new Ul({
     mutationCb: Ze,
     scrollCb: bn,
     bypassOptions: {
@@ -26373,17 +26452,17 @@ function Xn(n = {}) {
       maskTextSelector: b,
       inlineStylesheet: v,
       maskInputOptions: tn,
-      dataURLOptions: w,
+      dataURLOptions: _,
       maskTextFn: C,
       maskInputFn: k,
-      recordCanvas: V,
+      recordCanvas: G,
       inlineImages: fe,
       sampling: M,
       slimDOMOptions: We,
       iframeManager: xe,
       stylesheetManager: Pe,
       canvasManager: $i,
-      keepIframeSrcFn: _e,
+      keepIframeSrcFn: we,
       processedNodeManager: Ce
     },
     mirror: Be
@@ -26399,7 +26478,7 @@ function Xn(n = {}) {
         height: Ps()
       }
     }), B), Pe.reset(), Ue.init(), yn.forEach(($) => $.lock());
-    const de = vl(document, {
+    const de = bl(document, {
       mirror: Be,
       blockClass: s,
       blockSelector: o,
@@ -26409,11 +26488,11 @@ function Xn(n = {}) {
       maskAllInputs: tn,
       maskTextFn: C,
       slimDOM: We,
-      dataURLOptions: w,
-      recordCanvas: V,
+      dataURLOptions: _,
+      recordCanvas: G,
       inlineImages: fe,
       onSerialize: ($) => {
-        Rs($, Be) && xe.addIframe($), Ds($, Be) && Pe.trackLinkElement($), tt($) && Ue.addShadowRoot($.shadowRoot, document);
+        Rs($, Be) && xe.addIframe($), Ds($, Be) && Pe.trackLinkElement($), it($) && Ue.addShadowRoot($.shadowRoot, document);
       },
       onIframeLoad: ($, ge) => {
         xe.attachIframe($, ge), Ue.observeAttachShadow($);
@@ -26421,7 +26500,7 @@ function Xn(n = {}) {
       onStylesheetLoad: ($, ge) => {
         Pe.attachLinkElement($, ge);
       },
-      keepIframeSrcFn: _e
+      keepIframeSrcFn: we
     });
     if (!de)
       return console.warn("Failed to snapshot the document");
@@ -26436,7 +26515,7 @@ function Xn(n = {}) {
   try {
     const B = [], de = (ge) => {
       var Ke;
-      return z(Dl)({
+      return z(Ol)({
         mutationCb: Ze,
         mousemoveCb: (Q, Un) => re(he({
           type: W.IncrementalSnapshot,
@@ -26496,17 +26575,17 @@ function Xn(n = {}) {
         inlineStylesheet: v,
         sampling: M,
         recordDOM: N,
-        recordCanvas: V,
+        recordCanvas: G,
         inlineImages: fe,
         userTriggeredOnInput: j,
         collectFonts: te,
         doc: ge,
         maskInputFn: k,
         maskTextFn: C,
-        keepIframeSrcFn: _e,
+        keepIframeSrcFn: we,
         blockSelector: o,
         slimDOMOptions: We,
-        dataURLOptions: w,
+        dataURLOptions: _,
         mirror: Be,
         iframeManager: xe,
         stylesheetManager: Pe,
@@ -26525,7 +26604,7 @@ function Xn(n = {}) {
             }
           }))
         }))) || []
-      }, _);
+      }, w);
     };
     xe.addLoadListener((ge) => {
       try {
@@ -26579,21 +26658,21 @@ var Ws = /* @__PURE__ */ ((n) => (n[n.DomContentLoaded = 0] = "DomContentLoaded"
   LIB_VERSION: "2.55.1"
 }, D;
 if (typeof window > "u") {
-  var as = {
+  var os = {
     hostname: ""
   };
   D = {
     navigator: { userAgent: "", onLine: !0 },
     document: {
-      location: as,
+      location: os,
       referrer: ""
     },
     screen: { width: 0, height: 0 },
-    location: as
+    location: os
   };
 } else
   D = window;
-var qn = 24 * 60 * 60 * 1e3, Yi = 8 * 1e3, Ni = Array.prototype, ed = Function.prototype, Zs = Object.prototype, rn = Ni.slice, ei = Zs.toString, Ii = Zs.hasOwnProperty, ce = D.console, ln = D.navigator, X = D.document, di = D.opera, _i = D.screen, Ge = ln.userAgent, Qi = ed.bind, rs = Ni.forEach, ls = Ni.indexOf, ds = Ni.map, nd = Array.isArray, ot = {}, m = {
+var qn = 24 * 60 * 60 * 1e3, Yi = 8 * 1e3, Ni = Array.prototype, nd = Function.prototype, Zs = Object.prototype, rn = Ni.slice, ei = Zs.toString, Ii = Zs.hasOwnProperty, ce = D.console, ln = D.navigator, X = D.document, di = D.opera, wi = D.screen, Ve = ln.userAgent, Qi = nd.bind, as = Ni.forEach, rs = Ni.indexOf, ls = Ni.map, id = Array.isArray, st = {}, m = {
   trim: function(n) {
     return n.replace(/^[\s\uFEFF\xA0]+|[\s\uFEFF\xA0]+$/g, "");
   }
@@ -26678,15 +26757,15 @@ m.bind = function(n, e) {
 };
 m.each = function(n, e, i) {
   if (n != null) {
-    if (rs && n.forEach === rs)
+    if (as && n.forEach === as)
       n.forEach(e, i);
     else if (n.length === +n.length) {
       for (var t = 0, s = n.length; t < s; t++)
-        if (t in n && e.call(i, n[t], t, n) === ot)
+        if (t in n && e.call(i, n[t], t, n) === st)
           return;
     } else
       for (var o in n)
-        if (Ii.call(n, o) && e.call(i, n[o], o, n) === ot)
+        if (Ii.call(n, o) && e.call(i, n[o], o, n) === st)
           return;
   }
 };
@@ -26696,7 +26775,7 @@ m.extend = function(n) {
       e[i] !== void 0 && (n[i] = e[i]);
   }), n;
 };
-m.isArray = nd || function(n) {
+m.isArray = id || function(n) {
   return ei.call(n) === "[object Array]";
 };
 m.isFunction = function(n) {
@@ -26713,7 +26792,7 @@ m.toArray = function(n) {
   return n ? n.toArray ? n.toArray() : m.isArray(n) || m.isArguments(n) ? rn.call(n) : m.values(n) : [];
 };
 m.map = function(n, e, i) {
-  if (ds && n.map === ds)
+  if (ls && n.map === ls)
     return n.map(e, i);
   var t = [];
   return m.each(n, function(s) {
@@ -26734,9 +26813,9 @@ m.values = function(n) {
 };
 m.include = function(n, e) {
   var i = !1;
-  return n === null ? i : ls && n.indexOf === ls ? n.indexOf(e) != -1 : (m.each(n, function(t) {
+  return n === null ? i : rs && n.indexOf === rs ? n.indexOf(e) != -1 : (m.each(n, function(t) {
     if (i || (i = t === e))
-      return ot;
+      return st;
   }), i);
 };
 m.includes = function(n, e) {
@@ -26881,16 +26960,16 @@ m.JSONDecode = function() {
     else
       return y;
   }, l = function() {
-    var y, k, C = "", _;
+    var y, k, C = "", w;
     if (e === '"')
       for (; o(); ) {
         if (e === '"')
           return o(), C;
         if (e === "\\")
           if (o(), e === "u") {
-            for (_ = 0, k = 0; k < 4 && (y = parseInt(o(), 16), !!isFinite(y)); k += 1)
-              _ = _ * 16 + y;
-            C += String.fromCharCode(_);
+            for (w = 0, k = 0; k < 4 && (y = parseInt(o(), 16), !!isFinite(y)); k += 1)
+              w = w * 16 + y;
+            C += String.fromCharCode(w);
           } else if (typeof i[e] == "string")
             C += i[e];
           else
@@ -26996,7 +27075,7 @@ m.UUID = /* @__PURE__ */ function() {
   }, e = function() {
     return Math.random().toString(16).replace(".", "");
   }, i = function() {
-    var t = Ge, s, o, r = [], l = 0;
+    var t = Ve, s, o, r = [], l = 0;
     function u(b, v) {
       var g, f = 0;
       for (g = 0; g < v.length; g++)
@@ -27008,11 +27087,11 @@ m.UUID = /* @__PURE__ */ function() {
     return r.length > 0 && (l = u(l, r)), l.toString(16);
   };
   return function() {
-    var t = (_i.height * _i.width).toString(16);
+    var t = (wi.height * wi.width).toString(16);
     return n() + "-" + e() + "-" + i() + "-" + t + "-" + n();
   };
 }();
-var us = [
+var ds = [
   "ahrefsbot",
   "ahrefssiteaudit",
   "baiduspider",
@@ -27041,8 +27120,8 @@ var us = [
 ];
 m.isBlockedUA = function(n) {
   var e;
-  for (n = n.toLowerCase(), e = 0; e < us.length; e++)
-    if (n.indexOf(us[e]) !== -1)
+  for (n = n.toLowerCase(), e = 0; e < ds.length; e++)
+    if (n.indexOf(ds[e]) !== -1)
       return !0;
   return !1;
 };
@@ -27088,7 +27167,7 @@ m.cookie = {
     if (r)
       l = "; domain=" + r;
     else if (t) {
-      var v = cs(X.location.hostname);
+      var v = us(X.location.hostname);
       l = v ? "; domain=." + v : "";
     }
     if (i) {
@@ -27102,7 +27181,7 @@ m.cookie = {
     if (r)
       l = "; domain=" + r;
     else if (t) {
-      var v = cs(X.location.hostname);
+      var v = us(X.location.hostname);
       l = v ? "; domain=." + v : "";
     }
     if (i) {
@@ -27117,13 +27196,13 @@ m.cookie = {
     m.cookie.set(n, "", -1, e, !1, !1, i);
   }
 };
-var et = null, wi = function(n, e) {
+var et = null, _i = function(n, e) {
   if (et !== null && !e)
     return et;
   var i = !0;
   try {
     n = n || window.localStorage;
-    var t = "__mplss_" + ut(8), s = "xyz";
+    var t = "__mplss_" + dt(8), s = "xyz";
     n.setItem(t, s), n.getItem(t) !== s && (i = !1), n.removeItem(t);
   } catch {
     i = !1;
@@ -27132,7 +27211,7 @@ var et = null, wi = function(n, e) {
 };
 m.localStorage = {
   is_supported: function(n) {
-    var e = wi(null, n);
+    var e = _i(null, n);
     return e || J.error("localStorage unsupported; falling back to cookie store"), e;
   },
   error: function(n) {
@@ -27199,7 +27278,7 @@ m.register_event = function() {
     this.cancelBubble = !0;
   }, n;
 }();
-var id = new RegExp('^(\\w*)\\[(\\w+)([=~\\|\\^\\$\\*]?)=?"?([^\\]"]*)"?\\]$');
+var td = new RegExp('^(\\w*)\\[(\\w+)([=~\\|\\^\\$\\*]?)=?"?([^\\]"]*)"?\\]$');
 m.dom_query = /* @__PURE__ */ function() {
   function n(s) {
     return s.all ? s.all : s.getElementsByTagName("*");
@@ -27212,37 +27291,37 @@ m.dom_query = /* @__PURE__ */ function() {
   function t(s) {
     if (!X.getElementsByTagName)
       return [];
-    var o = s.split(" "), r, l, u, b, v, g, f, y, k, C, _ = [X];
+    var o = s.split(" "), r, l, u, b, v, g, f, y, k, C, w = [X];
     for (g = 0; g < o.length; g++) {
       if (r = o[g].replace(/^\s+/, "").replace(/\s+$/, ""), r.indexOf("#") > -1) {
         l = r.split("#"), u = l[0];
         var A = l[1], M = X.getElementById(A);
         if (!M || u && M.nodeName.toLowerCase() != u)
           return [];
-        _ = [M];
+        w = [M];
         continue;
       }
       if (r.indexOf(".") > -1) {
         l = r.split("."), u = l[0];
-        var w = l[1];
-        for (u || (u = "*"), b = [], v = 0, f = 0; f < _.length; f++)
-          for (u == "*" ? k = n(_[f]) : k = _[f].getElementsByTagName(u), y = 0; y < k.length; y++)
+        var _ = l[1];
+        for (u || (u = "*"), b = [], v = 0, f = 0; f < w.length; f++)
+          for (u == "*" ? k = n(w[f]) : k = w[f].getElementsByTagName(u), y = 0; y < k.length; y++)
             b[v++] = k[y];
-        for (_ = [], C = 0, f = 0; f < b.length; f++)
+        for (w = [], C = 0, f = 0; f < b.length; f++)
           b[f].className && m.isString(b[f].className) && // some SVG elements have classNames which are not strings
-          i(b[f], w) && (_[C++] = b[f]);
+          i(b[f], _) && (w[C++] = b[f]);
         continue;
       }
-      var x = r.match(id);
+      var x = r.match(td);
       if (x) {
         u = x[1];
-        var N = x[2], V = x[3], F = x[4];
-        for (u || (u = "*"), b = [], v = 0, f = 0; f < _.length; f++)
-          for (u == "*" ? k = n(_[f]) : k = _[f].getElementsByTagName(u), y = 0; y < k.length; y++)
+        var N = x[2], G = x[3], F = x[4];
+        for (u || (u = "*"), b = [], v = 0, f = 0; f < w.length; f++)
+          for (u == "*" ? k = n(w[f]) : k = w[f].getElementsByTagName(u), y = 0; y < k.length; y++)
             b[v++] = k[y];
-        _ = [], C = 0;
+        w = [], C = 0;
         var U;
-        switch (V) {
+        switch (G) {
           case "=":
             U = function(j) {
               return j.getAttribute(N) == F;
@@ -27278,32 +27357,32 @@ m.dom_query = /* @__PURE__ */ function() {
               return j.getAttribute(N);
             };
         }
-        for (_ = [], C = 0, f = 0; f < b.length; f++)
-          U(b[f]) && (_[C++] = b[f]);
+        for (w = [], C = 0, f = 0; f < b.length; f++)
+          U(b[f]) && (w[C++] = b[f]);
         continue;
       }
-      for (u = r, b = [], v = 0, f = 0; f < _.length; f++)
-        for (k = _[f].getElementsByTagName(u), y = 0; y < k.length; y++)
+      for (u = r, b = [], v = 0, f = 0; f < w.length; f++)
+        for (k = w[f].getElementsByTagName(u), y = 0; y < k.length; y++)
           b[v++] = k[y];
-      _ = b;
+      w = b;
     }
-    return _;
+    return w;
   }
   return function(s) {
     return m.isElement(s) ? [s] : m.isObject(s) && !m.isUndefined(s.length) ? s : t.call(this, s);
   };
 }();
-var td = ["utm_source", "utm_medium", "utm_campaign", "utm_content", "utm_term", "utm_id", "utm_source_platform", "utm_campaign_id", "utm_creative_format", "utm_marketing_tactic"], sd = ["dclid", "fbclid", "gclid", "ko_click_id", "li_fat_id", "msclkid", "sccid", "ttclid", "twclid", "wbraid"];
+var sd = ["utm_source", "utm_medium", "utm_campaign", "utm_content", "utm_term", "utm_id", "utm_source_platform", "utm_campaign_id", "utm_creative_format", "utm_marketing_tactic"], od = ["dclid", "fbclid", "gclid", "ko_click_id", "li_fat_id", "msclkid", "sccid", "ttclid", "twclid", "wbraid"];
 m.info = {
   campaignParams: function(n) {
     var e = "", i = {};
-    return m.each(td, function(t) {
+    return m.each(sd, function(t) {
       e = m.getQueryParam(X.URL, t), e.length ? i[t] = e : n !== void 0 && (i[t] = n);
     }), i;
   },
   clickParams: function() {
     var n = "", e = {};
-    return m.each(sd, function(i) {
+    return m.each(od, function(i) {
       n = m.getQueryParam(X.URL, i), n.length && (e[i] = n);
     }), e;
   },
@@ -27360,7 +27439,7 @@ m.info = {
     return r ? parseFloat(r[r.length - 2]) : null;
   },
   os: function() {
-    var n = Ge;
+    var n = Ve;
     return /Windows/i.test(n) ? /Phone/.test(n) || /WPDesktop/.test(n) ? "Windows Phone" : "Windows" : /(iPhone|iPad|iPod)/.test(n) ? "iOS" : /Android/.test(n) ? "Android" : /(BlackBerry|PlayBook|BB10)/i.test(n) ? "BlackBerry" : /Mac/i.test(n) ? "Mac OS X" : /Linux/.test(n) ? "Linux" : /CrOS/.test(n) ? "Chrome OS" : "";
   },
   device: function(n) {
@@ -27376,18 +27455,18 @@ m.info = {
   properties: function(n) {
     return typeof n != "object" && (n = {}), m.extend(m.strip_empty_properties({
       $os: m.info.os(),
-      $browser: m.info.browser(Ge, ln.vendor, di),
+      $browser: m.info.browser(Ve, ln.vendor, di),
       $referrer: X.referrer,
       $referring_domain: m.info.referringDomain(X.referrer),
-      $device: m.info.device(Ge)
+      $device: m.info.device(Ve)
     }), {
       $current_url: m.info.currentUrl(),
-      $browser_version: m.info.browserVersion(Ge, ln.vendor, di),
-      $screen_height: _i.height,
-      $screen_width: _i.width,
+      $browser_version: m.info.browserVersion(Ve, ln.vendor, di),
+      $screen_height: wi.height,
+      $screen_width: wi.width,
       mp_lib: "web",
       $lib_version: Xe.LIB_VERSION,
-      $insert_id: ut(),
+      $insert_id: dt(),
       time: m.timestamp() / 1e3
       // epoch time in seconds
     }, m.strip_empty_properties(n));
@@ -27395,9 +27474,9 @@ m.info = {
   people_properties: function() {
     return m.extend(m.strip_empty_properties({
       $os: m.info.os(),
-      $browser: m.info.browser(Ge, ln.vendor, di)
+      $browser: m.info.browser(Ve, ln.vendor, di)
     }), {
-      $browser_version: m.info.browserVersion(Ge, ln.vendor, di)
+      $browser_version: m.info.browserVersion(Ve, ln.vendor, di)
     });
   },
   mpPageViewProperties: function() {
@@ -27410,15 +27489,15 @@ m.info = {
     });
   }
 };
-var ut = function(n) {
+var dt = function(n) {
   var e = Math.random().toString(36).substring(2, 10) + Math.random().toString(36).substring(2, 10);
   return n ? e.substring(0, n) : e;
-}, od = /[a-z0-9][a-z0-9-]*\.[a-z]+$/i, ad = /[a-z0-9][a-z0-9-]+\.[a-z.]{2,6}$/i, cs = function(n) {
-  var e = ad, i = n.split("."), t = i[i.length - 1];
-  (t.length > 4 || t === "com" || t === "org") && (e = od);
+}, ad = /[a-z0-9][a-z0-9-]*\.[a-z]+$/i, rd = /[a-z0-9][a-z0-9-]+\.[a-z.]{2,6}$/i, us = function(n) {
+  var e = rd, i = n.split("."), t = i[i.length - 1];
+  (t.length > 4 || t === "com" || t === "org") && (e = ad);
   var s = n.match(e);
   return s ? s[0] : "";
-}, rd = function() {
+}, ld = function() {
   var n = D.navigator.onLine;
   return m.isUndefined(n) || n;
 }, Ai = null, Mi = null;
@@ -27436,54 +27515,54 @@ m.info.device = m.info.device;
 m.info.browser = m.info.browser;
 m.info.browserVersion = m.info.browserVersion;
 m.info.properties = m.info.properties;
-var ld = "__mp_opt_in_out_";
-function dd(n, e) {
+var dd = "__mp_opt_in_out_";
+function ud(n, e) {
   Ys(!0, n, e);
 }
-function ud(n, e) {
+function cd(n, e) {
   Ys(!1, n, e);
 }
-function cd(n, e) {
+function hd(n, e) {
   return $s(n, e) === "1";
 }
 function Js(n, e) {
-  if (md(e))
+  if (vd(e))
     return J.warn('This browser has "Do Not Track" enabled. This will prevent the Mixpanel SDK from sending any data. To ignore the "Do Not Track" browser setting, initialize the Mixpanel instance with the config "ignore_dnt: true"'), !0;
   var i = $s(n, e) === "0";
   return i && J.warn("You are opted out of Mixpanel tracking. This will prevent the Mixpanel SDK from sending any data."), i;
 }
 function cn(n) {
-  return mt(n, function(e) {
+  return ht(n, function(e) {
     return this.get_config(e);
   });
 }
 function hn(n) {
-  return mt(n, function(e) {
+  return ht(n, function(e) {
     return this._get_config(e);
   });
 }
 function Hn(n) {
-  return mt(n, function(e) {
+  return ht(n, function(e) {
     return this._get_config(e);
   });
 }
-function hd(n, e) {
-  e = e || {}, ct(e).remove(
-    ht(n, e),
+function md(n, e) {
+  e = e || {}, ut(e).remove(
+    ct(n, e),
     !!e.crossSubdomainCookie,
     e.cookieDomain
   );
 }
-function ct(n) {
+function ut(n) {
   return n = n || {}, n.persistenceType === "localStorage" ? m.localStorage : m.cookie;
 }
-function ht(n, e) {
-  return e = e || {}, (e.persistencePrefix || ld) + n;
+function ct(n, e) {
+  return e = e || {}, (e.persistencePrefix || dd) + n;
 }
 function $s(n, e) {
-  return ct(e).get(ht(n, e));
+  return ut(e).get(ct(n, e));
 }
-function md(n) {
+function vd(n) {
   if (n && n.ignoreDnt)
     return !1;
   var e = n && n.window || D, i = e.navigator || {}, t = !1;
@@ -27501,8 +27580,8 @@ function Ys(n, e, i) {
     J.error("gdpr." + (n ? "optIn" : "optOut") + " called with an invalid token");
     return;
   }
-  i = i || {}, ct(i).set(
-    ht(e, i),
+  i = i || {}, ut(i).set(
+    ct(e, i),
     n ? 1 : 0,
     m.isNumber(i.cookieExpiration) ? i.cookieExpiration : null,
     !!i.crossSubdomainCookie,
@@ -27513,7 +27592,7 @@ function Ys(n, e, i) {
     send_immediately: !0
   });
 }
-function mt(n, e) {
+function ht(n, e) {
   return function() {
     var i = !1;
     try {
@@ -27533,7 +27612,7 @@ function mt(n, e) {
     typeof u == "function" && u(0);
   };
 }
-var vd = Bi("lock"), Qs = function(n, e) {
+var bd = Bi("lock"), Qs = function(n, e) {
   e = e || {}, this.storageKey = n, this.storage = e.storage || window.localStorage, this.pollIntervalMS = e.pollIntervalMS || 100, this.timeoutMS = e.timeoutMS || 2e3;
 };
 Qs.prototype.withLock = function(n, e, i) {
@@ -27542,19 +27621,19 @@ Qs.prototype.withLock = function(n, e, i) {
     e && e(M);
   }, y = function(M) {
     if ((/* @__PURE__ */ new Date()).getTime() - s > l) {
-      vd.error("Timeout waiting for mutex on " + o + "; clearing lock. [" + t + "]"), u.removeItem(g), u.removeItem(v), _();
+      bd.error("Timeout waiting for mutex on " + o + "; clearing lock. [" + t + "]"), u.removeItem(g), u.removeItem(v), w();
       return;
     }
     setTimeout(function() {
       try {
         M();
-      } catch (w) {
-        f(w);
+      } catch (_) {
+        f(_);
       }
     }, r * (Math.random() + 0.1));
-  }, k = function(M, w) {
-    M() ? w() : y(function() {
-      k(M, w);
+  }, k = function(M, _) {
+    M() ? _() : y(function() {
+      k(M, _);
     });
   }, C = function() {
     var M = u.getItem(v);
@@ -27562,10 +27641,10 @@ Qs.prototype.withLock = function(n, e, i) {
       return !1;
     if (u.setItem(v, t), u.getItem(v) === t)
       return !0;
-    if (!wi(u, !0))
+    if (!_i(u, !0))
       throw new Error("localStorage support dropped while acquiring lock");
     return !1;
-  }, _ = function() {
+  }, w = function() {
     u.setItem(b, t), k(C, function() {
       if (u.getItem(b) === t) {
         A();
@@ -27573,7 +27652,7 @@ Qs.prototype.withLock = function(n, e, i) {
       }
       y(function() {
         if (u.getItem(v) !== t) {
-          _();
+          w();
           return;
         }
         k(function() {
@@ -27590,20 +27669,20 @@ Qs.prototype.withLock = function(n, e, i) {
     }
   };
   try {
-    if (wi(u, !0))
-      _();
+    if (_i(u, !0))
+      w();
     else
       throw new Error("localStorage support check failed");
   } catch (M) {
     f(M);
   }
 };
-var hs = Bi("batch"), mn = function(n, e) {
-  e = e || {}, this.storageKey = n, this.storage = e.storage || window.localStorage, this.reportError = e.errorReporter || m.bind(hs.error, hs), this.lock = new Qs(n, { storage: this.storage }), this.usePersistence = e.usePersistence, this.pid = e.pid || null, this.memQueue = [];
+var cs = Bi("batch"), mn = function(n, e) {
+  e = e || {}, this.storageKey = n, this.storage = e.storage || window.localStorage, this.reportError = e.errorReporter || m.bind(cs.error, cs), this.lock = new Qs(n, { storage: this.storage }), this.usePersistence = e.usePersistence, this.pid = e.pid || null, this.memQueue = [];
 };
 mn.prototype.enqueue = function(n, e, i) {
   var t = {
-    id: ut(),
+    id: dt(),
     flushAfter: (/* @__PURE__ */ new Date()).getTime() + e * 2,
     payload: n
   };
@@ -27638,7 +27717,7 @@ mn.prototype.fillBatch = function(n) {
   }
   return e;
 };
-var ms = function(n, e) {
+var hs = function(n, e) {
   var i = [];
   return m.each(n, function(t) {
     t.id && !e[t.id] && i.push(t);
@@ -27648,14 +27727,14 @@ mn.prototype.removeItemsByID = function(n, e) {
   var i = {};
   if (m.each(n, function(s) {
     i[s] = !0;
-  }), this.memQueue = ms(this.memQueue, i), !this.usePersistence)
+  }), this.memQueue = hs(this.memQueue, i), !this.usePersistence)
     e && e(!0);
   else {
     var t = m.bind(function() {
       var s;
       try {
         var o = this.readFromStorage();
-        if (o = ms(o, i), s = this.saveToStorage(o), s) {
+        if (o = hs(o, i), s = this.saveToStorage(o), s) {
           o = this.readFromStorage();
           for (var r = 0; r < o.length; r++) {
             var l = o[r];
@@ -27673,7 +27752,7 @@ mn.prototype.removeItemsByID = function(n, e) {
       e && e(o);
     }, m.bind(function(o) {
       var r = !1;
-      if (this.reportError("Error acquiring storage lock", o), !wi(this.storage, !0) && (r = t(), !r))
+      if (this.reportError("Error acquiring storage lock", o), !_i(this.storage, !0) && (r = t(), !r))
         try {
           this.storage.removeItem(this.storageKey);
         } catch (l) {
@@ -27683,7 +27762,7 @@ mn.prototype.removeItemsByID = function(n, e) {
     }, this), this.pid);
   }
 };
-var vs = function(n, e) {
+var ms = function(n, e) {
   var i = [];
   return m.each(n, function(t) {
     var s = t.id;
@@ -27695,11 +27774,11 @@ var vs = function(n, e) {
   }), i;
 };
 mn.prototype.updatePayloads = function(n, e) {
-  this.memQueue = vs(this.memQueue, n), this.usePersistence ? this.lock.withLock(m.bind(function() {
+  this.memQueue = ms(this.memQueue, n), this.usePersistence ? this.lock.withLock(m.bind(function() {
     var t;
     try {
       var s = this.readFromStorage();
-      s = vs(s, n), t = this.saveToStorage(s);
+      s = ms(s, n), t = this.saveToStorage(s);
     } catch {
       this.reportError("Error updating items", n), t = !1;
     }
@@ -27727,7 +27806,7 @@ mn.prototype.saveToStorage = function(n) {
 mn.prototype.clear = function() {
   this.memQueue = [], this.usePersistence && this.storage.removeItem(this.storageKey);
 };
-var bd = 10 * 60 * 1e3, zn = Bi("batch"), Oe = function(n, e) {
+var pd = 10 * 60 * 1e3, zn = Bi("batch"), Oe = function(n, e) {
   this.errorReporter = e.errorReporter, this.queue = new mn(n, {
     errorReporter: m.bind(this.reportError, this),
     storage: e.storage,
@@ -27794,9 +27873,9 @@ Oe.prototype.flush = function(n) {
           this.queue.updatePayloads(l);
         else if (m.isObject(v) && v.error === "timeout" && (/* @__PURE__ */ new Date()).getTime() - i >= e)
           this.reportError("Network timeout; retrying"), this.flush();
-        else if (m.isObject(v) && (v.httpStatusCode >= 500 || v.httpStatusCode === 429 || v.httpStatusCode <= 0 && !rd() || v.error === "timeout")) {
+        else if (m.isObject(v) && (v.httpStatusCode >= 500 || v.httpStatusCode === 429 || v.httpStatusCode <= 0 && !ld() || v.error === "timeout")) {
           var f = this.flushInterval * 2;
-          v.retryAfter && (f = parseInt(v.retryAfter, 10) * 1e3 || f), f = Math.min(bd, f), this.reportError("Error; retry in " + f + " ms"), this.scheduleFlush(f);
+          v.retryAfter && (f = parseInt(v.retryAfter, 10) * 1e3 || f), f = Math.min(pd, f), this.reportError("Error; retry in " + f + " ms"), this.scheduleFlush(f);
         } else if (m.isObject(v) && v.httpStatusCode === 413)
           if (s.length > 1) {
             var y = Math.max(1, Math.floor(t / 2));
@@ -27844,12 +27923,12 @@ Oe.prototype.reportError = function(n, e) {
       zn.error(i);
     }
 };
-var Cn = Bi("recorder"), bs = D.CompressionStream, pd = {
+var Cn = Bi("recorder"), vs = D.CompressionStream, fd = {
   batch_size: 1e3,
   batch_flush_interval_ms: 10 * 1e3,
   batch_request_timeout_ms: 90 * 1e3,
   batch_autostart: !0
-}, fd = /* @__PURE__ */ new Set([
+}, gd = /* @__PURE__ */ new Set([
   je.MouseMove,
   je.MouseInteraction,
   je.Scroll,
@@ -27860,15 +27939,15 @@ var Cn = Bi("recorder"), bs = D.CompressionStream, pd = {
   je.Drag,
   je.Selection
 ]);
-function gd(n) {
-  return n.type === Ws.IncrementalSnapshot && fd.has(n.data.source);
+function yd(n) {
+  return n.type === Ws.IncrementalSnapshot && gd.has(n.data.source);
 }
 var He = function(n) {
   this._mixpanel = n, this._stopRecording = null, this.recEvents = [], this.seqNo = 0, this.replayId = null, this.replayStartTime = null, this.sendBatchId = null, this.idleTimeoutId = null, this.maxTimeoutId = null, this.recordMaxMs = qn, this.recordMinMs = 0, this._initBatcher();
 };
 He.prototype._initBatcher = function() {
   this.batcher = new Oe("__mprec", {
-    libConfig: pd,
+    libConfig: fd,
     sendRequestFunc: m.bind(this.flushEventsWithOptOut, this),
     errorReporter: m.bind(this.reportError, this),
     flushOnlyOnInterval: !0,
@@ -27891,7 +27970,7 @@ He.prototype.startRecording = function(n) {
   }, this), i = this.get_config("record_block_selector");
   (i === "" || i === null) && (i = void 0), this._stopRecording = Xn({
     emit: m.bind(function(t) {
-      this.batcher.enqueue(t), gd(t) && (this.batcher.stopped && (/* @__PURE__ */ new Date()).getTime() - this.replayStartTime >= this.recordMinMs && this.batcher.start(), e());
+      this.batcher.enqueue(t), yd(t) && (this.batcher.stopped && (/* @__PURE__ */ new Date()).getTime() - this.replayStartTime >= this.recordMinMs && this.batcher.start(), e());
     }, this),
     blockClass: this.get_config("record_block_class"),
     blockSelector: i,
@@ -27955,8 +28034,8 @@ He.prototype._flushEvents = cn(function(n, e, i) {
     }, u = m.JSONEncode(n), b = this._mixpanel.get_property("$device_id");
     b && (l.$device_id = b);
     var v = this._mixpanel.get_property("$user_id");
-    if (v && (l.$user_id = v), bs) {
-      var g = new Blob([u], { type: "application/json" }).stream(), f = g.pipeThrough(new bs("gzip"));
+    if (v && (l.$user_id = v), vs) {
+      var g = new Blob([u], { type: "application/json" }).stream(), f = g.pipeThrough(new vs("gzip"));
       new Response(f).blob().then(m.bind(function(y) {
         l.format = "gzip", this._sendRequest(s, l, y, i);
       }, this));
@@ -28036,7 +28115,7 @@ Ri.prototype.after_track_handler = function(n, e) {
     e.element.submit();
   }, 0);
 };
-var un = "$set", Dn = "$set_once", Re = "$unset", _n = "$add", Ve = "$append", wn = "$union", en = "$remove", yd = "$delete", Xs = {
+var un = "$set", Dn = "$set_once", Re = "$unset", wn = "$add", Ge = "$append", _n = "$union", en = "$remove", Cd = "$delete", Xs = {
   set_action: function(n, e) {
     var i = {}, t = {};
     return m.isObject(n) ? m.each(n, function(s, o) {
@@ -28059,13 +28138,13 @@ var un = "$set", Dn = "$set_once", Re = "$unset", _n = "$add", Ve = "$append", w
     var i = {}, t = {};
     return m.isObject(n) ? m.each(n, function(s, o) {
       this._is_reserved_property(o) || (t[o] = m.isArray(s) ? s : [s]);
-    }, this) : t[n] = m.isArray(e) ? e : [e], i[wn] = t, i;
+    }, this) : t[n] = m.isArray(e) ? e : [e], i[_n] = t, i;
   },
   append_action: function(n, e) {
     var i = {}, t = {};
     return m.isObject(n) ? m.each(n, function(s, o) {
       this._is_reserved_property(o) || (t[o] = s);
-    }, this) : t[n] = e, i[Ve] = t, i;
+    }, this) : t[n] = e, i[Ge] = t, i;
   },
   remove_action: function(n, e) {
     var i = {}, t = {};
@@ -28075,7 +28154,7 @@ var un = "$set", Dn = "$set_once", Re = "$unset", _n = "$add", Ve = "$append", w
   },
   delete_action: function() {
     var n = {};
-    return n[yd] = "", n;
+    return n[Cd] = "", n;
   }
 }, ie = function() {
 };
@@ -28164,7 +28243,7 @@ O.prototype.increment = hn(function(n, e, i) {
         return;
       } else
         s[r] = o;
-  }, this), i = e) : (m.isUndefined(e) && (e = 1), s[n] = e), t[_n] = s, this._send_request(t, i);
+  }, this), i = e) : (m.isUndefined(e) && (e = 1), s[n] = e), t[wn] = s, this._send_request(t, i);
 });
 O.prototype.append = hn(function(n, e, i) {
   m.isObject(n) && (i = e);
@@ -28223,7 +28302,7 @@ O.prototype._identify_called = function() {
   return this._mixpanel._flags.identify_called === !0;
 };
 O.prototype._enqueue = function(n) {
-  un in n ? this._mixpanel.persistence._add_to_people_queue(un, n) : Dn in n ? this._mixpanel.persistence._add_to_people_queue(Dn, n) : Re in n ? this._mixpanel.persistence._add_to_people_queue(Re, n) : _n in n ? this._mixpanel.persistence._add_to_people_queue(_n, n) : Ve in n ? this._mixpanel.persistence._add_to_people_queue(Ve, n) : en in n ? this._mixpanel.persistence._add_to_people_queue(en, n) : wn in n ? this._mixpanel.persistence._add_to_people_queue(wn, n) : J.error("Invalid call to _enqueue():", n);
+  un in n ? this._mixpanel.persistence._add_to_people_queue(un, n) : Dn in n ? this._mixpanel.persistence._add_to_people_queue(Dn, n) : Re in n ? this._mixpanel.persistence._add_to_people_queue(Re, n) : wn in n ? this._mixpanel.persistence._add_to_people_queue(wn, n) : Ge in n ? this._mixpanel.persistence._add_to_people_queue(Ge, n) : en in n ? this._mixpanel.persistence._add_to_people_queue(en, n) : _n in n ? this._mixpanel.persistence._add_to_people_queue(_n, n) : J.error("Invalid call to _enqueue():", n);
 };
 O.prototype._flush_one_queue = function(n, e, i, t) {
   var s = this, o = m.extend({}, this._mixpanel.persistence.load_queue(n)), r = o;
@@ -28233,19 +28312,19 @@ O.prototype._flush_one_queue = function(n, e, i, t) {
 };
 O.prototype._flush = function(n, e, i, t, s, o, r) {
   var l = this;
-  this._flush_one_queue(un, this.set, n), this._flush_one_queue(Dn, this.set_once, t), this._flush_one_queue(Re, this.unset, o, function(_) {
-    return m.keys(_);
-  }), this._flush_one_queue(_n, this.increment, e), this._flush_one_queue(wn, this.union, s);
-  var u = this._mixpanel.persistence.load_queue(Ve);
+  this._flush_one_queue(un, this.set, n), this._flush_one_queue(Dn, this.set_once, t), this._flush_one_queue(Re, this.unset, o, function(w) {
+    return m.keys(w);
+  }), this._flush_one_queue(wn, this.increment, e), this._flush_one_queue(_n, this.union, s);
+  var u = this._mixpanel.persistence.load_queue(Ge);
   if (!m.isUndefined(u) && m.isArray(u) && u.length)
-    for (var b, v = function(_, A) {
-      _ === 0 && l._mixpanel.persistence._add_to_people_queue(Ve, b), m.isUndefined(i) || i(_, A);
+    for (var b, v = function(w, A) {
+      w === 0 && l._mixpanel.persistence._add_to_people_queue(Ge, b), m.isUndefined(i) || i(w, A);
     }, g = u.length - 1; g >= 0; g--)
-      u = this._mixpanel.persistence.load_queue(Ve), b = u.pop(), l._mixpanel.persistence.save(), m.isEmptyObject(b) || l.append(b, v);
+      u = this._mixpanel.persistence.load_queue(Ge), b = u.pop(), l._mixpanel.persistence.save(), m.isEmptyObject(b) || l.append(b, v);
   var f = this._mixpanel.persistence.load_queue(en);
   if (!m.isUndefined(f) && m.isArray(f) && f.length)
-    for (var y, k = function(_, A) {
-      _ === 0 && l._mixpanel.persistence._add_to_people_queue(en, y), m.isUndefined(r) || r(_, A);
+    for (var y, k = function(w, A) {
+      w === 0 && l._mixpanel.persistence._add_to_people_queue(en, y), m.isUndefined(r) || r(w, A);
     }, C = f.length - 1; C >= 0; C--)
       f = this._mixpanel.persistence.load_queue(en), y = f.pop(), l._mixpanel.persistence.save(), m.isEmptyObject(y) || l.remove(y, k);
 };
@@ -28263,39 +28342,39 @@ O.prototype.track_charge = O.prototype.track_charge;
 O.prototype.clear_charges = O.prototype.clear_charges;
 O.prototype.delete_user = O.prototype.delete_user;
 O.prototype.toString = O.prototype.toString;
-var vt = "__mps", bt = "__mpso", pt = "__mpus", ft = "__mpa", gt = "__mpap", yt = "__mpr", Ct = "__mpu", eo = "$people_distinct_id", Li = "__alias", Jn = "__timers", Cd = [
+var mt = "__mps", vt = "__mpso", bt = "__mpus", pt = "__mpa", ft = "__mpap", gt = "__mpr", yt = "__mpu", eo = "$people_distinct_id", Li = "__alias", Jn = "__timers", Sd = [
+  mt,
   vt,
   bt,
   pt,
   ft,
   gt,
   yt,
-  Ct,
   eo,
   Li,
   Jn
-], G = function(n) {
+], V = function(n) {
   this.props = {}, this.campaign_params_saved = !1, n.persistence_name ? this.name = "mp_" + n.persistence_name : this.name = "mp_" + n.token + "_mixpanel";
   var e = n.persistence;
   e !== "cookie" && e !== "localStorage" && (J.critical("Unknown persistence type " + e + "; falling back to cookie"), e = n.persistence = "cookie"), e === "localStorage" && m.localStorage.is_supported() ? this.storage = m.localStorage : this.storage = m.cookie, this.load(), this.update_config(n), this.upgrade(), this.save();
 };
-G.prototype.properties = function() {
+V.prototype.properties = function() {
   var n = {};
   return this.load(), m.each(this.props, function(e, i) {
-    m.include(Cd, i) || (n[i] = e);
+    m.include(Sd, i) || (n[i] = e);
   }), n;
 };
-G.prototype.load = function() {
+V.prototype.load = function() {
   if (!this.disabled) {
     var n = this.storage.parse(this.name);
     n && (this.props = m.extend({}, n));
   }
 };
-G.prototype.upgrade = function() {
+V.prototype.upgrade = function() {
   var n, e;
   this.storage === m.localStorage ? (n = m.cookie.parse(this.name), m.cookie.remove(this.name), m.cookie.remove(this.name, !0), n && this.register_once(n)) : this.storage === m.cookie && (e = m.localStorage.parse(this.name), m.localStorage.remove(this.name), e && this.register_once(e));
 };
-G.prototype.save = function() {
+V.prototype.save = function() {
   this.disabled || this.storage.set(
     this.name,
     m.JSONEncode(this.props),
@@ -28306,124 +28385,124 @@ G.prototype.save = function() {
     this.cookie_domain
   );
 };
-G.prototype.load_prop = function(n) {
+V.prototype.load_prop = function(n) {
   return this.load(), this.props[n];
 };
-G.prototype.remove = function() {
+V.prototype.remove = function() {
   this.storage.remove(this.name, !1, this.cookie_domain), this.storage.remove(this.name, !0, this.cookie_domain);
 };
-G.prototype.clear = function() {
+V.prototype.clear = function() {
   this.remove(), this.props = {};
 };
-G.prototype.register_once = function(n, e, i) {
+V.prototype.register_once = function(n, e, i) {
   return m.isObject(n) ? (typeof e > "u" && (e = "None"), this.expire_days = typeof i > "u" ? this.default_expiry : i, this.load(), m.each(n, function(t, s) {
     (!this.props.hasOwnProperty(s) || this.props[s] === e) && (this.props[s] = t);
   }, this), this.save(), !0) : !1;
 };
-G.prototype.register = function(n, e) {
+V.prototype.register = function(n, e) {
   return m.isObject(n) ? (this.expire_days = typeof e > "u" ? this.default_expiry : e, this.load(), m.extend(this.props, n), this.save(), !0) : !1;
 };
-G.prototype.unregister = function(n) {
+V.prototype.unregister = function(n) {
   this.load(), n in this.props && (delete this.props[n], this.save());
 };
-G.prototype.update_search_keyword = function(n) {
+V.prototype.update_search_keyword = function(n) {
   this.register(m.info.searchInfo(n));
 };
-G.prototype.update_referrer_info = function(n) {
+V.prototype.update_referrer_info = function(n) {
   this.register_once({
     $initial_referrer: n || "$direct",
     $initial_referring_domain: m.info.referringDomain(n) || "$direct"
   }, "");
 };
-G.prototype.get_referrer_info = function() {
+V.prototype.get_referrer_info = function() {
   return m.strip_empty_properties({
     $initial_referrer: this.props.$initial_referrer,
     $initial_referring_domain: this.props.$initial_referring_domain
   });
 };
-G.prototype.update_config = function(n) {
+V.prototype.update_config = function(n) {
   this.default_expiry = this.expire_days = n.cookie_expiration, this.set_disabled(n.disable_persistence), this.set_cookie_domain(n.cookie_domain), this.set_cross_site(n.cross_site_cookie), this.set_cross_subdomain(n.cross_subdomain_cookie), this.set_secure(n.secure_cookie);
 };
-G.prototype.set_disabled = function(n) {
+V.prototype.set_disabled = function(n) {
   this.disabled = n, this.disabled ? this.remove() : this.save();
 };
-G.prototype.set_cookie_domain = function(n) {
+V.prototype.set_cookie_domain = function(n) {
   n !== this.cookie_domain && (this.remove(), this.cookie_domain = n, this.save());
 };
-G.prototype.set_cross_site = function(n) {
+V.prototype.set_cross_site = function(n) {
   n !== this.cross_site && (this.cross_site = n, this.remove(), this.save());
 };
-G.prototype.set_cross_subdomain = function(n) {
+V.prototype.set_cross_subdomain = function(n) {
   n !== this.cross_subdomain && (this.cross_subdomain = n, this.remove(), this.save());
 };
-G.prototype.get_cross_subdomain = function() {
+V.prototype.get_cross_subdomain = function() {
   return this.cross_subdomain;
 };
-G.prototype.set_secure = function(n) {
+V.prototype.set_secure = function(n) {
   n !== this.secure && (this.secure = !!n, this.remove(), this.save());
 };
-G.prototype._add_to_people_queue = function(n, e) {
-  var i = this._get_queue_key(n), t = e[n], s = this._get_or_create_queue(un), o = this._get_or_create_queue(Dn), r = this._get_or_create_queue(Re), l = this._get_or_create_queue(_n), u = this._get_or_create_queue(wn), b = this._get_or_create_queue(en, []), v = this._get_or_create_queue(Ve, []);
-  i === vt ? (m.extend(s, t), this._pop_from_people_queue(_n, t), this._pop_from_people_queue(wn, t), this._pop_from_people_queue(Re, t)) : i === bt ? (m.each(t, function(g, f) {
+V.prototype._add_to_people_queue = function(n, e) {
+  var i = this._get_queue_key(n), t = e[n], s = this._get_or_create_queue(un), o = this._get_or_create_queue(Dn), r = this._get_or_create_queue(Re), l = this._get_or_create_queue(wn), u = this._get_or_create_queue(_n), b = this._get_or_create_queue(en, []), v = this._get_or_create_queue(Ge, []);
+  i === mt ? (m.extend(s, t), this._pop_from_people_queue(wn, t), this._pop_from_people_queue(_n, t), this._pop_from_people_queue(Re, t)) : i === vt ? (m.each(t, function(g, f) {
     f in o || (o[f] = g);
-  }), this._pop_from_people_queue(Re, t)) : i === pt ? m.each(t, function(g) {
+  }), this._pop_from_people_queue(Re, t)) : i === bt ? m.each(t, function(g) {
     m.each([s, o, l, u], function(f) {
       g in f && delete f[g];
     }), m.each(v, function(f) {
       g in f && delete f[g];
     }), r[g] = !0;
-  }) : i === ft ? (m.each(t, function(g, f) {
+  }) : i === pt ? (m.each(t, function(g, f) {
     f in s ? s[f] += g : (f in l || (l[f] = 0), l[f] += g);
-  }, this), this._pop_from_people_queue(Re, t)) : i === Ct ? (m.each(t, function(g, f) {
+  }, this), this._pop_from_people_queue(Re, t)) : i === yt ? (m.each(t, function(g, f) {
     m.isArray(g) && (f in u || (u[f] = []), u[f] = u[f].concat(g));
-  }), this._pop_from_people_queue(Re, t)) : i === yt ? (b.push(t), this._pop_from_people_queue(Ve, t)) : i === gt && (v.push(t), this._pop_from_people_queue(Re, t)), J.log("MIXPANEL PEOPLE REQUEST (QUEUED, PENDING IDENTIFY):"), J.log(e), this.save();
+  }), this._pop_from_people_queue(Re, t)) : i === gt ? (b.push(t), this._pop_from_people_queue(Ge, t)) : i === ft && (v.push(t), this._pop_from_people_queue(Re, t)), J.log("MIXPANEL PEOPLE REQUEST (QUEUED, PENDING IDENTIFY):"), J.log(e), this.save();
 };
-G.prototype._pop_from_people_queue = function(n, e) {
+V.prototype._pop_from_people_queue = function(n, e) {
   var i = this.props[this._get_queue_key(n)];
   m.isUndefined(i) || m.each(e, function(t, s) {
-    n === Ve || n === en ? m.each(i, function(o) {
+    n === Ge || n === en ? m.each(i, function(o) {
       o[s] === t && delete o[s];
     }) : delete i[s];
   }, this);
 };
-G.prototype.load_queue = function(n) {
+V.prototype.load_queue = function(n) {
   return this.load_prop(this._get_queue_key(n));
 };
-G.prototype._get_queue_key = function(n) {
+V.prototype._get_queue_key = function(n) {
   if (n === un)
-    return vt;
+    return mt;
   if (n === Dn)
-    return bt;
+    return vt;
   if (n === Re)
+    return bt;
+  if (n === wn)
     return pt;
-  if (n === _n)
+  if (n === Ge)
     return ft;
-  if (n === Ve)
-    return gt;
   if (n === en)
+    return gt;
+  if (n === _n)
     return yt;
-  if (n === wn)
-    return Ct;
   J.error("Invalid queue:", n);
 };
-G.prototype._get_or_create_queue = function(n, e) {
+V.prototype._get_or_create_queue = function(n, e) {
   var i = this._get_queue_key(n);
   return e = m.isUndefined(e) ? {} : e, this.props[i] || (this.props[i] = e);
 };
-G.prototype.set_event_timer = function(n, e) {
+V.prototype.set_event_timer = function(n, e) {
   var i = this.load_prop(Jn) || {};
   i[n] = e, this.props[Jn] = i, this.save();
 };
-G.prototype.remove_event_timer = function(n) {
+V.prototype.remove_event_timer = function(n) {
   var e = this.load_prop(Jn) || {}, i = e[n];
   return m.isUndefined(i) || (delete this.props[Jn][n], this.save()), i;
 };
-var St, no = function(n, e) {
+var Ct, no = function(n, e) {
   throw new Error(n + " not available in this build.");
-}, Se, io = 0, Sd = 1, kd = function(n) {
+}, Se, io = 0, kd = 1, wd = function(n) {
   return n;
 }, $n = function() {
-}, Ne = "mixpanel", to = "base64", _d = "json", kt = "$device:", In = D.XMLHttpRequest && "withCredentials" in new XMLHttpRequest(), so = !In && Ge.indexOf("MSIE") === -1 && Ge.indexOf("Mozilla") === -1, Ti = null;
+}, Ne = "mixpanel", to = "base64", _d = "json", St = "$device:", In = D.XMLHttpRequest && "withCredentials" in new XMLHttpRequest(), so = !In && Ve.indexOf("MSIE") === -1 && Ve.indexOf("Mozilla") === -1, Ti = null;
 ln.sendBeacon && (Ti = function() {
   return ln.sendBeacon.apply(ln, arguments);
 });
@@ -28432,7 +28511,7 @@ var oo = {
   engage: "engage/",
   groups: "groups/",
   record: "record/"
-}, ps = {
+}, bs = {
   api_host: "https://api-js.mixpanel.com",
   api_routes: oo,
   api_method: "POST",
@@ -28493,9 +28572,9 @@ var oo = {
   record_sessions_percent: 0,
   recorder_src: "https://cdn.mxpnl.com/libs/mixpanel-recorder.min.js"
 }, ao = !1, L = function() {
-}, at = function(n, e, i) {
+}, ot = function(n, e, i) {
   var t, s = i === Ne ? Se : Se[i];
-  if (s && St === io)
+  if (s && Ct === io)
     t = s;
   else {
     if (s && !m.isArray(s)) {
@@ -28521,17 +28600,17 @@ L.prototype.init = function(n, e, i) {
     this.report_error("You must initialize the main mixpanel object right after you include the Mixpanel js snippet");
     return;
   }
-  var t = at(n, e, i);
+  var t = ot(n, e, i);
   return Se[i] = t, t._loaded(), t;
 };
 L.prototype._init = function(n, e, i) {
   e = e || {}, this.__loaded = !0, this.config = {};
   var t = {};
   if (!("api_payload_format" in e)) {
-    var s = e.api_host || ps.api_host;
+    var s = e.api_host || bs.api_host;
     s.match(/\.mixpanel\.com/) && (t.api_payload_format = _d);
   }
-  if (this.set_config(m.extend({}, ps, t, e, {
+  if (this.set_config(m.extend({}, bs, t, e, {
     name: i,
     token: n,
     callback_fn: (i === Ne ? i : Ne + "." + i) + "._jsc"
@@ -28554,10 +28633,10 @@ L.prototype._init = function(n, e, i) {
       });
     }
   }
-  this.persistence = this.cookie = new G(this.config), this.unpersisted_superprops = {}, this._gdpr_init();
+  this.persistence = this.cookie = new V(this.config), this.unpersisted_superprops = {}, this._gdpr_init();
   var r = m.UUID();
   this.get_distinct_id() || this.register_once({
-    distinct_id: kt + r,
+    distinct_id: St + r,
     $device_id: r
   }, "");
   var l = this.get_config("track_pageview");
@@ -28708,8 +28787,8 @@ L.prototype._send_request = function(n, e, i, t) {
             var M;
             if (f.timeout && !f.status && (/* @__PURE__ */ new Date()).getTime() - k >= f.timeout ? M = "timeout" : M = "Bad HTTP status: " + f.status + " " + f.statusText, v.report_error(M), t)
               if (b) {
-                var w = f.responseHeaders || {};
-                t({ status: 0, httpStatusCode: f.status, error: M, retryAfter: w["Retry-After"] });
+                var _ = f.responseHeaders || {};
+                t({ status: 0, httpStatusCode: f.status, error: M, retryAfter: _["Retry-After"] });
               } else
                 t(0);
           }
@@ -28720,8 +28799,8 @@ L.prototype._send_request = function(n, e, i, t) {
   else {
     var C = X.createElement("script");
     C.type = "text/javascript", C.async = !0, C.defer = !0, C.src = n;
-    var _ = X.getElementsByTagName("script")[0];
-    _.parentNode.insertBefore(C, _);
+    var w = X.getElementsByTagName("script")[0];
+    w.parentNode.insertBefore(C, w);
   }
   return s;
 };
@@ -28927,24 +29006,24 @@ L.prototype.time_event = function(n) {
   }
   this._event_is_disabled(n) || this.persistence.set_event_timer(n, (/* @__PURE__ */ new Date()).getTime());
 };
-var wd = {
+var Ad = {
   persistent: !0
-}, _t = function(n) {
+}, kt = function(n) {
   var e;
-  return m.isObject(n) ? e = n : m.isUndefined(n) ? e = {} : e = { days: n }, m.extend({}, wd, e);
+  return m.isObject(n) ? e = n : m.isUndefined(n) ? e = {} : e = { days: n }, m.extend({}, Ad, e);
 };
 L.prototype.register = function(n, e) {
-  var i = _t(e);
+  var i = kt(e);
   i.persistent ? this.persistence.register(n, i.days) : m.extend(this.unpersisted_superprops, n);
 };
 L.prototype.register_once = function(n, e, i) {
-  var t = _t(i);
+  var t = kt(i);
   t.persistent ? this.persistence.register_once(n, e, t.days) : (typeof e > "u" && (e = "None"), m.each(n, function(s, o) {
     (!this.unpersisted_superprops.hasOwnProperty(o) || this.unpersisted_superprops[o] === e) && (this.unpersisted_superprops[o] = s);
   }, this));
 };
 L.prototype.unregister = function(n, e) {
-  e = _t(e), e.persistent ? this.persistence.unregister(n) : delete this.unpersisted_superprops[n];
+  e = kt(e), e.persistent ? this.persistence.unregister(n) : delete this.unpersisted_superprops[n];
 };
 L.prototype._register_single = function(n, e) {
   var i = {};
@@ -28953,7 +29032,7 @@ L.prototype._register_single = function(n, e) {
 L.prototype.identify = function(n, e, i, t, s, o, r, l) {
   var u = this.get_distinct_id();
   if (n && u !== n) {
-    if (typeof n == "string" && n.indexOf(kt) === 0)
+    if (typeof n == "string" && n.indexOf(St) === 0)
       return this.report_error("distinct_id cannot have $device: prefix"), -1;
     this.register({ $user_id: n });
   }
@@ -28973,7 +29052,7 @@ L.prototype.reset = function() {
   this.persistence.clear(), this._flags.identify_called = !1;
   var n = m.UUID();
   this.register_once({
-    distinct_id: kt + n,
+    distinct_id: St + n,
     $device_id: n
   }, "");
 };
@@ -29009,7 +29088,7 @@ L.prototype.get_config = function(n) {
   return this.config[n];
 };
 L.prototype._run_hook = function(n) {
-  var e = (this.config.hooks[n] || kd).apply(this, rn.call(arguments, 1));
+  var e = (this.config.hooks[n] || wd).apply(this, rn.call(arguments, 1));
   return typeof e > "u" && (this.report_error(n + " hook did not return a value"), e = null), e;
 };
 L.prototype.get_property = function(n) {
@@ -29020,7 +29099,7 @@ L.prototype.toString = function() {
   return n !== Ne && (n = Ne + "." + n), n;
 };
 L.prototype._event_is_disabled = function(n) {
-  return m.isBlockedUA(Ge) || this._flags.disable_all_events || m.include(this.__disabled_events, n);
+  return m.isBlockedUA(Ve) || this._flags.disable_all_events || m.include(this.__disabled_events, n);
 };
 L.prototype._gdpr_init = function() {
   var n = this.get_config("opt_out_tracking_persistence_type") === "localStorage";
@@ -29069,16 +29148,16 @@ L.prototype._gdpr_call_func = function(n, e) {
 L.prototype.opt_in_tracking = function(n) {
   n = m.extend({
     enable_persistence: !0
-  }, n), this._gdpr_call_func(dd, n), this._gdpr_update_persistence(n);
+  }, n), this._gdpr_call_func(ud, n), this._gdpr_update_persistence(n);
 };
 L.prototype.opt_out_tracking = function(n) {
   n = m.extend({
     clear_persistence: !0,
     delete_user: !0
-  }, n), n.delete_user && this.people && this.people._identify_called() && (this.people.delete_user(), this.people.clear_charges()), this._gdpr_call_func(ud, n), this._gdpr_update_persistence(n);
+  }, n), n.delete_user && this.people && this.people._identify_called() && (this.people.delete_user(), this.people.clear_charges()), this._gdpr_call_func(cd, n), this._gdpr_update_persistence(n);
 };
 L.prototype.has_opted_in_tracking = function(n) {
-  return this._gdpr_call_func(cd, n);
+  return this._gdpr_call_func(hd, n);
 };
 L.prototype.has_opted_out_tracking = function(n) {
   return this._gdpr_call_func(Js, n);
@@ -29086,7 +29165,7 @@ L.prototype.has_opted_out_tracking = function(n) {
 L.prototype.clear_opt_in_out_tracking = function(n) {
   n = m.extend({
     enable_persistence: !0
-  }, n), this._gdpr_call_func(hd, n), this._gdpr_update_persistence(n);
+  }, n), this._gdpr_call_func(md, n), this._gdpr_update_persistence(n);
 };
 L.prototype.report_error = function(n, e) {
   J.error.apply(J.error, arguments);
@@ -29131,23 +29210,23 @@ L.prototype.start_session_recording = L.prototype.start_session_recording;
 L.prototype.stop_session_recording = L.prototype.stop_session_recording;
 L.prototype.get_session_recording_properties = L.prototype.get_session_recording_properties;
 L.prototype.DEFAULT_API_ROUTES = oo;
-G.prototype.properties = G.prototype.properties;
-G.prototype.update_search_keyword = G.prototype.update_search_keyword;
-G.prototype.update_referrer_info = G.prototype.update_referrer_info;
-G.prototype.get_cross_subdomain = G.prototype.get_cross_subdomain;
-G.prototype.clear = G.prototype.clear;
-var Nn = {}, Ad = function() {
+V.prototype.properties = V.prototype.properties;
+V.prototype.update_search_keyword = V.prototype.update_search_keyword;
+V.prototype.update_referrer_info = V.prototype.update_referrer_info;
+V.prototype.get_cross_subdomain = V.prototype.get_cross_subdomain;
+V.prototype.clear = V.prototype.clear;
+var Nn = {}, Md = function() {
   m.each(Nn, function(n, e) {
     e !== Ne && (Se[e] = n);
   }), Se._ = m;
-}, Md = function() {
+}, Ld = function() {
   Se.init = function(n, e, i) {
     if (i)
-      return Se[i] || (Se[i] = Nn[i] = at(n, e, i), Se[i]._loaded()), Se[i];
+      return Se[i] || (Se[i] = Nn[i] = ot(n, e, i), Se[i]._loaded()), Se[i];
     var t = Se;
-    Nn[Ne] ? t = Nn[Ne] : n && (t = at(n, e, Ne), t._loaded(), Nn[Ne] = t), Se = t, St === Sd && (D[Ne] = Se), Ad();
+    Nn[Ne] ? t = Nn[Ne] : n && (t = ot(n, e, Ne), t._loaded(), Nn[Ne] = t), Se = t, Ct === kd && (D[Ne] = Se), Md();
   };
-}, Ld = function() {
+}, Td = function() {
   function n() {
     n.done || (n.done = !0, ao = !0, so = !1, m.each(Nn, function(t) {
       t._dom_loaded();
@@ -29175,13 +29254,13 @@ var Nn = {}, Ad = function() {
   }
   m.register_event(D, "load", n, !0);
 };
-function Td(n) {
-  return no = n, St = io, Se = new L(), Md(), Se.init(), Ld(), Se;
+function Ed(n) {
+  return no = n, Ct = io, Se = new L(), Ld(), Se.init(), Td(), Se;
 }
-function Ed(n, e) {
+function xd(n, e) {
   e();
 }
-var P = Td(Ed);
+var P = Ed(xd);
 const ro = `<div id="checkoutConfirmationEnd">
     <div class="w-full">
         <div id="otp-content" class=" grid gap-4">
@@ -29239,7 +29318,7 @@ class lo {
     return ro;
   }
 }
-class xd {
+class Pd {
   constructor({
     amount: e,
     container: i,
@@ -29257,10 +29336,10 @@ class xd {
     metadata: y,
     localCurrency: k,
     hidePaymentMethods: C,
-    showPaymentMethods: _,
+    showPaymentMethods: w,
     onClose: A,
     restartTransactionProcess: M,
-    retryingPayment: w
+    retryingPayment: _
   }) {
     h(this, "contents");
     h(this, "cardDetailForm");
@@ -29301,7 +29380,7 @@ class xd {
     h(this, "isMobile", !1);
     this.currency = l, this.onSuccess = g || (() => null), this.container = i, this.encryption = s, this.token = r, this.email = t, this.planId = o, this.amount = e, this.rdtCode = u, this.url = b, this.reference = v, this.callBackUrl = f, this.metadata = y, this.localCurrency = k, this._currentStep = 1, this.activeRef = "", this.contents = this.container.querySelector(
       "#payment-content-view"
-    ), this.cardResponse = {}, this.cardResponseHeader = {}, this.hidePaymentMethods = C, this.showPaymentMethods = _, this.onClose = A, this.restartTransactionProcess = M, this.retryingPayment = w, this.isMaxRetriesReached = !1, this.renderCardContent(), P.track("card_opens", {
+    ), this.cardResponse = {}, this.cardResponseHeader = {}, this.hidePaymentMethods = C, this.showPaymentMethods = w, this.onClose = A, this.restartTransactionProcess = M, this.retryingPayment = _, this.isMaxRetriesReached = !1, this.renderCardContent(), P.track("card_opens", {
       payment_method: "Card"
     }), this.isMobile = window.matchMedia("(max-width: 767px)").matches;
   }
@@ -29318,7 +29397,7 @@ class xd {
     });
     const t = this.container.querySelector(".spinner"), s = this.container.querySelector(
       "#details-form-button-text"
-    ), o = await Lr(
+    ), o = await Tr(
       JSON.stringify(i),
       this.encryption
     );
@@ -29685,21 +29764,21 @@ class xd {
     if (this.currentStep !== 1 ? (this.hidePaymentMethods(), i == null || i.classList.add("hidden")) : this.showPaymentMethods(), this.isMobile && this.hidePaymentMethods(), this.contents) {
       switch (this.currentStep) {
         case 1:
-          this.cardDetailForm = new Wt({
+          this.cardDetailForm = new zt({
             container: this.contents,
             onAction: (r) => (l) => this.submitCardDetails.bind(this)(r, l),
             merchantName: this.merchantPlanDetail.merchantName
           }), this.cardDetailForm.renderContent();
           break;
         case 2:
-          this.cardPinForm = new Nr({
+          this.cardPinForm = new Ir({
             container: this.contents,
             onClose: this.onClose,
             onAction: (r) => this.handlePinRequest.bind(this)(r)
           }), this.cardPinForm.renderComponent();
           break;
         case 3:
-          this.cardOtpValidationForm = new xr({
+          this.cardOtpValidationForm = new Pr({
             container: this.contents,
             onClose: this.onClose,
             onAction: (r) => (l) => this.submitOtp.bind(this)(r, l),
@@ -29726,7 +29805,7 @@ class xd {
           this.pageLoader = new Ie(this.contents), this.pageLoader.mountLoader(), this.pageLoader.updateMessage("Verifying Payment");
           break;
         case 7:
-          this.avsForm = new Dr({
+          this.avsForm = new Or({
             container: this.contents,
             onAction: (r) => (l) => this.validatedAVS.bind(this)(r, l)
           }), this.avsForm.renderComponent();
@@ -29765,7 +29844,7 @@ class xd {
           }), this.confirmationEnd.renderComponent();
           break;
         default:
-          this.cardDetailForm = new Wt({
+          this.cardDetailForm = new zt({
             container: this.contents,
             onAction: (r) => (l) => this.submitCardDetails.bind(this)(r, l),
             merchantName: this.merchantPlanDetail.merchantName
@@ -29798,7 +29877,7 @@ class xd {
     }
   }
 }
-const Pd = `<div>
+const Nd = `<div>
   <div class="container-center h-[40vh] hidden" id="loader">
     <img src="" alt="loader gif" />
   </div>
@@ -29890,7 +29969,7 @@ const Pd = `<div>
     </div>
   </div>
 </div>`;
-function Nd(n) {
+function Id(n) {
   return n && n.__esModule && Object.prototype.hasOwnProperty.call(n, "default") ? n.default : n;
 }
 var uo = { exports: {} };
@@ -29955,65 +30034,65 @@ var uo = { exports: {} };
         /***/
         function(i, t, s) {
           var o = this && this.__extends || /* @__PURE__ */ function() {
-            var C = function(_, A) {
-              return C = Object.setPrototypeOf || { __proto__: [] } instanceof Array && function(M, w) {
-                M.__proto__ = w;
-              } || function(M, w) {
-                for (var x in w) w.hasOwnProperty(x) && (M[x] = w[x]);
-              }, C(_, A);
+            var C = function(w, A) {
+              return C = Object.setPrototypeOf || { __proto__: [] } instanceof Array && function(M, _) {
+                M.__proto__ = _;
+              } || function(M, _) {
+                for (var x in _) _.hasOwnProperty(x) && (M[x] = _[x]);
+              }, C(w, A);
             };
-            return function(_, A) {
-              C(_, A);
+            return function(w, A) {
+              C(w, A);
               function M() {
-                this.constructor = _;
+                this.constructor = w;
               }
-              _.prototype = A === null ? Object.create(A) : (M.prototype = A.prototype, new M());
+              w.prototype = A === null ? Object.create(A) : (M.prototype = A.prototype, new M());
             };
           }();
           Object.defineProperty(t, "__esModule", { value: !0 });
           var r = 256, l = (
             /** @class */
             function() {
-              function C(_) {
-                _ === void 0 && (_ = "="), this._paddingCharacter = _;
+              function C(w) {
+                w === void 0 && (w = "="), this._paddingCharacter = w;
               }
-              return C.prototype.encodedLength = function(_) {
-                return this._paddingCharacter ? (_ + 2) / 3 * 4 | 0 : (_ * 8 + 5) / 6 | 0;
-              }, C.prototype.encode = function(_) {
-                for (var A = "", M = 0; M < _.length - 2; M += 3) {
-                  var w = _[M] << 16 | _[M + 1] << 8 | _[M + 2];
-                  A += this._encodeByte(w >>> 3 * 6 & 63), A += this._encodeByte(w >>> 2 * 6 & 63), A += this._encodeByte(w >>> 1 * 6 & 63), A += this._encodeByte(w >>> 0 * 6 & 63);
+              return C.prototype.encodedLength = function(w) {
+                return this._paddingCharacter ? (w + 2) / 3 * 4 | 0 : (w * 8 + 5) / 6 | 0;
+              }, C.prototype.encode = function(w) {
+                for (var A = "", M = 0; M < w.length - 2; M += 3) {
+                  var _ = w[M] << 16 | w[M + 1] << 8 | w[M + 2];
+                  A += this._encodeByte(_ >>> 3 * 6 & 63), A += this._encodeByte(_ >>> 2 * 6 & 63), A += this._encodeByte(_ >>> 1 * 6 & 63), A += this._encodeByte(_ >>> 0 * 6 & 63);
                 }
-                var x = _.length - M;
+                var x = w.length - M;
                 if (x > 0) {
-                  var w = _[M] << 16 | (x === 2 ? _[M + 1] << 8 : 0);
-                  A += this._encodeByte(w >>> 3 * 6 & 63), A += this._encodeByte(w >>> 2 * 6 & 63), x === 2 ? A += this._encodeByte(w >>> 1 * 6 & 63) : A += this._paddingCharacter || "", A += this._paddingCharacter || "";
+                  var _ = w[M] << 16 | (x === 2 ? w[M + 1] << 8 : 0);
+                  A += this._encodeByte(_ >>> 3 * 6 & 63), A += this._encodeByte(_ >>> 2 * 6 & 63), x === 2 ? A += this._encodeByte(_ >>> 1 * 6 & 63) : A += this._paddingCharacter || "", A += this._paddingCharacter || "";
                 }
                 return A;
-              }, C.prototype.maxDecodedLength = function(_) {
-                return this._paddingCharacter ? _ / 4 * 3 | 0 : (_ * 6 + 7) / 8 | 0;
-              }, C.prototype.decodedLength = function(_) {
-                return this.maxDecodedLength(_.length - this._getPaddingLength(_));
-              }, C.prototype.decode = function(_) {
-                if (_.length === 0)
+              }, C.prototype.maxDecodedLength = function(w) {
+                return this._paddingCharacter ? w / 4 * 3 | 0 : (w * 6 + 7) / 8 | 0;
+              }, C.prototype.decodedLength = function(w) {
+                return this.maxDecodedLength(w.length - this._getPaddingLength(w));
+              }, C.prototype.decode = function(w) {
+                if (w.length === 0)
                   return new Uint8Array(0);
-                for (var A = this._getPaddingLength(_), M = _.length - A, w = new Uint8Array(this.maxDecodedLength(M)), x = 0, N = 0, V = 0, F = 0, U = 0, j = 0, te = 0; N < M - 4; N += 4)
-                  F = this._decodeChar(_.charCodeAt(N + 0)), U = this._decodeChar(_.charCodeAt(N + 1)), j = this._decodeChar(_.charCodeAt(N + 2)), te = this._decodeChar(_.charCodeAt(N + 3)), w[x++] = F << 2 | U >>> 4, w[x++] = U << 4 | j >>> 2, w[x++] = j << 6 | te, V |= F & r, V |= U & r, V |= j & r, V |= te & r;
-                if (N < M - 1 && (F = this._decodeChar(_.charCodeAt(N)), U = this._decodeChar(_.charCodeAt(N + 1)), w[x++] = F << 2 | U >>> 4, V |= F & r, V |= U & r), N < M - 2 && (j = this._decodeChar(_.charCodeAt(N + 2)), w[x++] = U << 4 | j >>> 2, V |= j & r), N < M - 3 && (te = this._decodeChar(_.charCodeAt(N + 3)), w[x++] = j << 6 | te, V |= te & r), V !== 0)
+                for (var A = this._getPaddingLength(w), M = w.length - A, _ = new Uint8Array(this.maxDecodedLength(M)), x = 0, N = 0, G = 0, F = 0, U = 0, j = 0, te = 0; N < M - 4; N += 4)
+                  F = this._decodeChar(w.charCodeAt(N + 0)), U = this._decodeChar(w.charCodeAt(N + 1)), j = this._decodeChar(w.charCodeAt(N + 2)), te = this._decodeChar(w.charCodeAt(N + 3)), _[x++] = F << 2 | U >>> 4, _[x++] = U << 4 | j >>> 2, _[x++] = j << 6 | te, G |= F & r, G |= U & r, G |= j & r, G |= te & r;
+                if (N < M - 1 && (F = this._decodeChar(w.charCodeAt(N)), U = this._decodeChar(w.charCodeAt(N + 1)), _[x++] = F << 2 | U >>> 4, G |= F & r, G |= U & r), N < M - 2 && (j = this._decodeChar(w.charCodeAt(N + 2)), _[x++] = U << 4 | j >>> 2, G |= j & r), N < M - 3 && (te = this._decodeChar(w.charCodeAt(N + 3)), _[x++] = j << 6 | te, G |= te & r), G !== 0)
                   throw new Error("Base64Coder: incorrect characters for decoding");
-                return w;
-              }, C.prototype._encodeByte = function(_) {
-                var A = _;
-                return A += 65, A += 25 - _ >>> 8 & 6, A += 51 - _ >>> 8 & -75, A += 61 - _ >>> 8 & -15, A += 62 - _ >>> 8 & 3, String.fromCharCode(A);
-              }, C.prototype._decodeChar = function(_) {
+                return _;
+              }, C.prototype._encodeByte = function(w) {
+                var A = w;
+                return A += 65, A += 25 - w >>> 8 & 6, A += 51 - w >>> 8 & -75, A += 61 - w >>> 8 & -15, A += 62 - w >>> 8 & 3, String.fromCharCode(A);
+              }, C.prototype._decodeChar = function(w) {
                 var A = r;
-                return A += (42 - _ & _ - 44) >>> 8 & -r + _ - 43 + 62, A += (46 - _ & _ - 48) >>> 8 & -r + _ - 47 + 63, A += (47 - _ & _ - 58) >>> 8 & -r + _ - 48 + 52, A += (64 - _ & _ - 91) >>> 8 & -r + _ - 65 + 0, A += (96 - _ & _ - 123) >>> 8 & -r + _ - 97 + 26, A;
-              }, C.prototype._getPaddingLength = function(_) {
+                return A += (42 - w & w - 44) >>> 8 & -r + w - 43 + 62, A += (46 - w & w - 48) >>> 8 & -r + w - 47 + 63, A += (47 - w & w - 58) >>> 8 & -r + w - 48 + 52, A += (64 - w & w - 91) >>> 8 & -r + w - 65 + 0, A += (96 - w & w - 123) >>> 8 & -r + w - 97 + 26, A;
+              }, C.prototype._getPaddingLength = function(w) {
                 var A = 0;
                 if (this._paddingCharacter) {
-                  for (var M = _.length - 1; M >= 0 && _[M] === this._paddingCharacter; M--)
+                  for (var M = w.length - 1; M >= 0 && w[M] === this._paddingCharacter; M--)
                     A++;
-                  if (_.length < 4 || A > 2)
+                  if (w.length < 4 || A > 2)
                     throw new Error("Base64Coder: incorrect padding");
                 }
                 return A;
@@ -30033,17 +30112,17 @@ var uo = { exports: {} };
           var g = (
             /** @class */
             function(C) {
-              o(_, C);
-              function _() {
+              o(w, C);
+              function w() {
                 return C !== null && C.apply(this, arguments) || this;
               }
-              return _.prototype._encodeByte = function(A) {
+              return w.prototype._encodeByte = function(A) {
                 var M = A;
                 return M += 65, M += 25 - A >>> 8 & 6, M += 51 - A >>> 8 & -75, M += 61 - A >>> 8 & -13, M += 62 - A >>> 8 & 49, String.fromCharCode(M);
-              }, _.prototype._decodeChar = function(A) {
+              }, w.prototype._decodeChar = function(A) {
                 var M = r;
                 return M += (44 - A & A - 46) >>> 8 & -r + A - 45 + 62, M += (94 - A & A - 96) >>> 8 & -r + A - 95 + 63, M += (47 - A & A - 58) >>> 8 & -r + A - 48 + 52, M += (64 - A & A - 91) >>> 8 & -r + A - 65 + 0, M += (96 - A & A - 123) >>> 8 & -r + A - 97 + 26, M;
-              }, _;
+              }, w;
             }(l)
           );
           t.URLSafeCoder = g;
@@ -30110,17 +30189,17 @@ var uo = { exports: {} };
                 } else if (y < 240) {
                   if (f >= v.length - 1)
                     throw new Error(r);
-                  var C = v[++f], _ = v[++f];
-                  if ((C & 192) !== 128 || (_ & 192) !== 128)
+                  var C = v[++f], w = v[++f];
+                  if ((C & 192) !== 128 || (w & 192) !== 128)
                     throw new Error(r);
-                  y = (y & 15) << 12 | (C & 63) << 6 | _ & 63, k = 2048;
+                  y = (y & 15) << 12 | (C & 63) << 6 | w & 63, k = 2048;
                 } else if (y < 248) {
                   if (f >= v.length - 2)
                     throw new Error(r);
-                  var C = v[++f], _ = v[++f], A = v[++f];
-                  if ((C & 192) !== 128 || (_ & 192) !== 128 || (A & 192) !== 128)
+                  var C = v[++f], w = v[++f], A = v[++f];
+                  if ((C & 192) !== 128 || (w & 192) !== 128 || (A & 192) !== 128)
                     throw new Error(r);
-                  y = (y & 15) << 18 | (C & 63) << 12 | (_ & 63) << 6 | A & 63, k = 65536;
+                  y = (y & 15) << 18 | (C & 63) << 12 | (w & 63) << 6 | A & 63, k = 65536;
                 } else
                   throw new Error(r);
                 if (y < k || y >= 55296 && y <= 57343)
@@ -30257,7 +30336,7 @@ var uo = { exports: {} };
           (function(c) {
             c.UserAuthentication = "user-authentication", c.ChannelAuthorization = "channel-authorization";
           })(C || (C = {}));
-          class _ extends Error {
+          class w extends Error {
             constructor(a) {
               super(a), Object.setPrototypeOf(this, new.target.prototype);
             }
@@ -30272,7 +30351,7 @@ var uo = { exports: {} };
               super(a), Object.setPrototypeOf(this, new.target.prototype);
             }
           }
-          class w extends Error {
+          class _ extends Error {
             constructor(a) {
               super(a), Object.setPrototypeOf(this, new.target.prototype);
             }
@@ -30287,7 +30366,7 @@ var uo = { exports: {} };
               super(a), Object.setPrototypeOf(this, new.target.prototype);
             }
           }
-          class V extends Error {
+          class G extends Error {
             constructor(a) {
               super(a), Object.setPrototypeOf(this, new.target.prototype);
             }
@@ -30339,21 +30418,21 @@ var uo = { exports: {} };
           function fe(c) {
             return ze(Te(c));
           }
-          var K = String.fromCharCode, _e = "ABCDEFGHIJKLMNOPQRSTUVWXYZabcdefghijklmnopqrstuvwxyz0123456789+/", le = function(c) {
+          var K = String.fromCharCode, we = "ABCDEFGHIJKLMNOPQRSTUVWXYZabcdefghijklmnopqrstuvwxyz0123456789+/", le = function(c) {
             var a = c.charCodeAt(0);
             return a < 128 ? c : a < 2048 ? K(192 | a >>> 6) + K(128 | a & 63) : K(224 | a >>> 12 & 15) + K(128 | a >>> 6 & 63) + K(128 | a & 63);
           }, Te = function(c) {
             return c.replace(/[^\x00-\x7F]/g, le);
-          }, we = function(c) {
+          }, _e = function(c) {
             var a = [0, 2, 1][c.length % 3], d = c.charCodeAt(0) << 16 | (c.length > 1 ? c.charCodeAt(1) : 0) << 8 | (c.length > 2 ? c.charCodeAt(2) : 0), p = [
-              _e.charAt(d >>> 18),
-              _e.charAt(d >>> 12 & 63),
-              a >= 2 ? "=" : _e.charAt(d >>> 6 & 63),
-              a >= 1 ? "=" : _e.charAt(d & 63)
+              we.charAt(d >>> 18),
+              we.charAt(d >>> 12 & 63),
+              a >= 2 ? "=" : we.charAt(d >>> 6 & 63),
+              a >= 1 ? "=" : we.charAt(d & 63)
             ];
             return p.join("");
           }, ze = window.btoa || function(c) {
-            return c.replace(/[\s\S]{1,3}/g, we);
+            return c.replace(/[\s\S]{1,3}/g, _e);
           };
           class tn {
             constructor(a, d, p, S) {
@@ -30478,7 +30557,7 @@ var uo = { exports: {} };
               a.push([p, d]);
             }), a;
           }
-          function At(c, a) {
+          function _t(c, a) {
             for (var d = 0; d < c.length; d++)
               if (a(c[d], d, c))
                 return !0;
@@ -30615,10 +30694,10 @@ var uo = { exports: {} };
               });
               E.send(I);
             };
-          }, _o = {
+          }, wo = {
             name: "jsonp",
             getAgent: ko
-          }, wo = _o;
+          }, _o = wo;
           function Di(c, a, d) {
             var p = c + (a.useTLS ? "s" : ""), S = a.useTLS ? a.hostTLS : a.hostNonTLS;
             return p + "://" + S + d;
@@ -30816,26 +30895,26 @@ var uo = { exports: {} };
             getSocket: function(c) {
               return H.createWebSocket(c);
             }
-          }), Mt = {
+          }), At = {
             urls: Mo,
             handlesActivityChecks: !1,
             supportsPing: !0,
             isInitialized: function() {
               return !0;
             }
-          }, Lt = ve({
+          }, Mt = ve({
             getSocket: function(c) {
               return H.HTTPFactory.createStreamingSocket(c);
             }
-          }, Mt), Tt = ve({
+          }, At), Lt = ve({
             getSocket: function(c) {
               return H.HTTPFactory.createPollingSocket(c);
             }
-          }, Mt), Et = {
+          }, At), Tt = {
             isSupported: function() {
               return H.isXHRSupported();
             }
-          }, Po = new Mn(ve({}, Lt, Et)), No = new Mn(ve({}, Tt, Et)), Io = {
+          }, Po = new Mn(ve({}, Mt, Tt)), No = new Mn(ve({}, Lt, Tt)), Io = {
             ws: xo,
             xhr_streaming: Po,
             xhr_polling: No
@@ -30863,12 +30942,12 @@ var uo = { exports: {} };
                 path: a
               }));
             }
-          }), xt = {
+          }), Et = {
             isSupported: function(c) {
               var a = H.isXDRSupported(c.useTLS);
               return a;
             }
-          }, Ro = new Mn(ve({}, Lt, xt)), Do = new Mn(ve({}, Tt, xt));
+          }, Ro = new Mn(ve({}, Mt, Et)), Do = new Mn(ve({}, Lt, Et));
           ii.xdr_streaming = Ro, ii.xdr_polling = Do, ii.sockjs = Bo;
           var Oo = ii;
           class Ho extends Je {
@@ -30910,7 +30989,7 @@ var uo = { exports: {} };
               return this.manager.isAlive() && this.transport.isSupported(a);
             }
           }
-          const Pt = {
+          const xt = {
             decodeMessage: function(c) {
               try {
                 var a = JSON.parse(c.data), d = a.data;
@@ -30933,7 +31012,7 @@ var uo = { exports: {} };
               return JSON.stringify(c);
             },
             processHandshake: function(c) {
-              var a = Pt.decodeMessage(c);
+              var a = xt.decodeMessage(c);
               if (a.event === "pusher:connection_established") {
                 if (!a.data.activity_timeout)
                   throw "No activity timeout specified in handshake";
@@ -30964,7 +31043,7 @@ var uo = { exports: {} };
               } : null;
             }
           };
-          var pn = Pt;
+          var pn = xt;
           class jo extends Je {
             constructor(a, d) {
               super(), this.id = a, this.transport = d, this.activityTimeout = d.activityTimeout, this.bindListeners();
@@ -31039,7 +31118,7 @@ var uo = { exports: {} };
               p && this.emit("error", p), d && this.emit(d, { action: d, error: p });
             }
           }
-          class Go {
+          class Vo {
             constructor(a, d) {
               this.transport = a, this.callback = d, this.bindListeners();
             }
@@ -31073,7 +31152,7 @@ var uo = { exports: {} };
               this.callback(ve({ transport: this.transport, action: a }, d));
             }
           }
-          class Vo {
+          class Go {
             constructor(a, d) {
               this.timeline = a, this.options = d || {};
             }
@@ -31092,7 +31171,7 @@ var uo = { exports: {} };
             }
             trigger(a, d) {
               if (a.indexOf("client-") !== 0)
-                throw new _("Event '" + a + "' does not start with 'client-'");
+                throw new w("Event '" + a + "' does not start with 'client-'");
               if (!this.subscribed) {
                 var p = k.buildLogSuffix("triggeringClientEvents");
                 oe.warn(`Client event triggered before channel 'subscription_succeeded' event . ${p}`);
@@ -31555,16 +31634,16 @@ var uo = { exports: {} };
               return new Zo(c, a, d);
             },
             createTimelineSender(c, a) {
-              return new Vo(c, a);
+              return new Go(c, a);
             },
             createHandshake(c, a) {
-              return new Go(c, a);
+              return new Vo(c, a);
             },
             createAssistantToTheTransportManager(c, a, d) {
               return new Ko(c, a, d);
             }
           }, $e = Qo;
-          class Nt {
+          class Pt {
             constructor(a) {
               this.options = a || {}, this.livesLeft = this.options.lives || 1 / 0;
             }
@@ -31586,7 +31665,7 @@ var uo = { exports: {} };
               this.strategies = a, this.loop = !!d.loop, this.failFast = !!d.failFast, this.timeout = d.timeout, this.timeoutLimit = d.timeoutLimit;
             }
             isSupported() {
-              return At(this.strategies, ae.method("isSupported"));
+              return _t(this.strategies, ae.method("isSupported"));
             }
             connect(a, d) {
               var p = this.strategies, S = 0, T = this.timeout, E = null, I = (R, Z) => {
@@ -31617,12 +31696,12 @@ var uo = { exports: {} };
               };
             }
           }
-          class Gi {
+          class Vi {
             constructor(a) {
               this.strategies = a;
             }
             isSupported() {
-              return At(this.strategies, ae.method("isSupported"));
+              return _t(this.strategies, ae.method("isSupported"));
             }
             connect(a, d) {
               return Xo(this.strategies, a, function(p, S) {
@@ -31682,7 +31761,7 @@ var uo = { exports: {} };
                 }))) : T++);
               }
               var R = ae.now(), Z = E.pop().connect(a, function Y(ue, oi) {
-                ue ? (It(p), E.length > 0 ? (R = ae.now(), Z = E.pop().connect(a, Y)) : d(ue)) : (sa(p, oi.transport.name, ae.now() - R, T), d(null, oi));
+                ue ? (Nt(p), E.length > 0 ? (R = ae.now(), Z = E.pop().connect(a, Y)) : d(ue)) : (sa(p, oi.transport.name, ae.now() - R, T), d(null, oi));
               });
               return {
                 abort: function() {
@@ -31694,18 +31773,18 @@ var uo = { exports: {} };
               };
             }
           }
-          function Vi(c) {
+          function Gi(c) {
             return "pusherTransport" + (c ? "TLS" : "NonTLS");
           }
           function ta(c) {
             var a = H.getLocalStorage();
             if (a)
               try {
-                var d = a[Vi(c)];
+                var d = a[Gi(c)];
                 if (d)
                   return JSON.parse(d);
               } catch {
-                It(c);
+                Nt(c);
               }
             return null;
           }
@@ -31713,7 +31792,7 @@ var uo = { exports: {} };
             var S = H.getLocalStorage();
             if (S)
               try {
-                S[Vi(c)] = ni({
+                S[Gi(c)] = ni({
                   timestamp: ae.now(),
                   transport: a,
                   latency: d,
@@ -31722,11 +31801,11 @@ var uo = { exports: {} };
               } catch {
               }
           }
-          function It(c) {
+          function Nt(c) {
             var a = H.getLocalStorage();
             if (a)
               try {
-                delete a[Vi(c)];
+                delete a[Gi(c)];
               } catch {
               }
           }
@@ -31785,9 +31864,9 @@ var uo = { exports: {} };
           }
           var aa = function(c, a, d) {
             var p = {};
-            function S(Ft, or, ar, rr, lr) {
-              var qt = d(c, Ft, or, ar, rr, lr);
-              return p[Ft] = qt, qt;
+            function S(Gt, or, ar, rr, lr) {
+              var Ft = d(c, Gt, or, ar, rr, lr);
+              return p[Gt] = Ft, Ft;
             }
             var T = Object.assign({}, a, {
               hostNonTLS: c.wsHost + ":" + c.wsPort,
@@ -31803,28 +31882,28 @@ var uo = { exports: {} };
               loop: !0,
               timeout: 15e3,
               timeoutLimit: 6e4
-            }, Z = new Nt({
+            }, Z = new Pt({
               minPingDelay: 1e4,
               maxPingDelay: c.activityTimeout
-            }), Y = new Nt({
+            }), Y = new Pt({
               lives: 2,
               minPingDelay: 1e4,
               maxPingDelay: c.activityTimeout
-            }), ue = S("ws", "ws", 3, T, Z), oi = S("wss", "ws", 3, E, Z), er = S("sockjs", "sockjs", 1, I), Ht = S("xhr_streaming", "xhr_streaming", 1, I, Y), nr = S("xdr_streaming", "xdr_streaming", 1, I, Y), Ut = S("xhr_polling", "xhr_polling", 1, I), ir = S("xdr_polling", "xdr_polling", 1, I), Kt = new fn([ue], R), tr = new fn([oi], R), sr = new fn([er], R), jt = new fn([
-              new Kn(jn(Ht), Ht, nr)
-            ], R), Gt = new fn([
-              new Kn(jn(Ut), Ut, ir)
+            }), ue = S("ws", "ws", 3, T, Z), oi = S("wss", "ws", 3, E, Z), er = S("sockjs", "sockjs", 1, I), Ot = S("xhr_streaming", "xhr_streaming", 1, I, Y), nr = S("xdr_streaming", "xdr_streaming", 1, I, Y), Ht = S("xhr_polling", "xhr_polling", 1, I), ir = S("xdr_polling", "xdr_polling", 1, I), Ut = new fn([ue], R), tr = new fn([oi], R), sr = new fn([er], R), Kt = new fn([
+              new Kn(jn(Ot), Ot, nr)
+            ], R), jt = new fn([
+              new Kn(jn(Ht), Ht, ir)
             ], R), Vt = new fn([
-              new Kn(jn(jt), new Gi([
-                jt,
-                new ti(Gt, { delay: 4e3 })
-              ]), Gt)
+              new Kn(jn(Kt), new Vi([
+                Kt,
+                new ti(jt, { delay: 4e3 })
+              ]), jt)
             ], R), Wi = new Kn(jn(Vt), Vt, sr), Zi;
-            return a.useTLS ? Zi = new Gi([
-              Kt,
+            return a.useTLS ? Zi = new Vi([
+              Ut,
               new ti(Wi, { delay: 2e3 })
-            ]) : Zi = new Gi([
-              Kt,
+            ]) : Zi = new Vi([
+              Ut,
               new ti(tr, { delay: 2e3 }),
               new ti(Wi, { delay: 5e3 })
             ]), new ia(new oa(new Kn(jn(ue), Zi, Wi)), p, {
@@ -31895,7 +31974,7 @@ var uo = { exports: {} };
           var gn = Fi, ma = 1;
           class va {
             constructor(a, d) {
-              this.hooks = a, this.session = Rt(1e3) + "/" + ga(8), this.location = ba(d), this.readyState = gn.CONNECTING, this.openStream();
+              this.hooks = a, this.session = Bt(1e3) + "/" + ga(8), this.location = ba(d), this.readyState = gn.CONNECTING, this.openStream();
             }
             send(a) {
               return this.sendRaw(JSON.stringify([a]));
@@ -31909,7 +31988,7 @@ var uo = { exports: {} };
             sendRaw(a) {
               if (this.readyState === gn.OPEN)
                 try {
-                  return H.createSocketRequest("POST", Bt(pa(this.location, this.session))).start(a), !0;
+                  return H.createSocketRequest("POST", It(pa(this.location, this.session))).start(a), !0;
                 } catch {
                   return !1;
                 }
@@ -31964,7 +32043,7 @@ var uo = { exports: {} };
               this.onerror && this.onerror(a);
             }
             openStream() {
-              this.stream = H.createSocketRequest("POST", Bt(this.hooks.getReceiveURL(this.location, this.session))), this.stream.bind("chunk", (a) => {
+              this.stream = H.createSocketRequest("POST", It(this.hooks.getReceiveURL(this.location, this.session))), this.stream.bind("chunk", (a) => {
                 this.onChunk(a);
               }), this.stream.bind("finished", (a) => {
                 this.hooks.onFinished(this, a);
@@ -31993,7 +32072,7 @@ var uo = { exports: {} };
           function pa(c, a) {
             return c.base + "/" + a + "/xhr_send";
           }
-          function Bt(c) {
+          function It(c) {
             var a = c.indexOf("?") === -1 ? "?" : "&";
             return c + a + "t=" + +/* @__PURE__ */ new Date() + "&n=" + ma++;
           }
@@ -32001,12 +32080,12 @@ var uo = { exports: {} };
             var d = /(https?:\/\/)([^\/:]+)((\/|:)?.*)/.exec(c);
             return d[1] + a + d[3];
           }
-          function Rt(c) {
+          function Bt(c) {
             return H.randomInt(c);
           }
           function ga(c) {
             for (var a = [], d = 0; d < c; d++)
-              a.push(Rt(32).toString(32));
+              a.push(Bt(32).toString(32));
             return a.join("");
           }
           var ya = va, Ca = {
@@ -32034,7 +32113,7 @@ var uo = { exports: {} };
             onFinished: function(c, a) {
               a === 200 ? c.reconnect() : c.onClose(1006, "Connection interrupted (" + a + ")", !1);
             }
-          }, _a = ka, wa = {
+          }, wa = ka, _a = {
             getRequest: function(c) {
               var a = H.getXHRAPI(), d = new a();
               return d.onreadystatechange = d.onprogress = function() {
@@ -32051,12 +32130,12 @@ var uo = { exports: {} };
             abortRequest: function(c) {
               c.onreadystatechange = null, c.abort();
             }
-          }, Aa = wa, Ma = {
+          }, Aa = _a, Ma = {
             createStreamingSocket(c) {
               return this.createSocket(Sa, c);
             },
             createPollingSocket(c) {
-              return this.createSocket(_a, c);
+              return this.createSocket(wa, c);
             },
             createSocket(c, a) {
               return new ya(c, a);
@@ -32067,11 +32146,11 @@ var uo = { exports: {} };
             createRequest(c, a, d) {
               return new ha(c, a, d);
             }
-          }, Dt = Ma;
-          Dt.createXDR = function(c, a) {
+          }, Rt = Ma;
+          Rt.createXDR = function(c, a) {
             return this.createRequest(ua, c, a);
           };
-          var La = Dt, Ta = {
+          var La = Rt, Ta = {
             nextAuthCallbackID: 1,
             auth_callbacks: {},
             ScriptReceivers: r,
@@ -32080,7 +32159,7 @@ var uo = { exports: {} };
             Transports: Oo,
             transportConnectionInitializer: la,
             HTTPFactory: La,
-            TimelineTransport: wo,
+            TimelineTransport: _o,
             getXHRAPI() {
               return window.XMLHttpRequest;
             },
@@ -32219,8 +32298,8 @@ var uo = { exports: {} };
             connect(a, d) {
               if (this.isSupported()) {
                 if (this.priority < a)
-                  return Ot(new w(), d);
-              } else return Ot(new F(), d);
+                  return Dt(new _(), d);
+              } else return Dt(new F(), d);
               var p = !1, S = this.transport.createConnection(this.name, this.priority, this.options.key, this.options), T = null, E = function() {
                 S.unbind("initialized", E), S.connect();
               }, I = function() {
@@ -32246,7 +32325,7 @@ var uo = { exports: {} };
               };
             }
           }
-          function Ot(c, a) {
+          function Dt(c, a) {
             return ae.defer(function() {
               a(c);
             }), {
@@ -32260,7 +32339,7 @@ var uo = { exports: {} };
           var Na = function(c, a, d, p, S, T) {
             var E = Pa[d];
             if (!E)
-              throw new V(d);
+              throw new G(d);
             var I = (!c.enabledTransports || xe(c.enabledTransports, a) !== -1) && (!c.disabledTransports || xe(c.disabledTransports, a) === -1), R;
             return I ? (S = Object.assign({ ignoreNullOrigin: c.ignoreNullOrigin }, S), R = new xa(a, p, T ? T.getAssistant(E) : E, S)) : R = Ia, R;
           }, Ia = {
@@ -32356,7 +32435,7 @@ var uo = { exports: {} };
               enableStats: qa(c),
               httpHost: ja(c),
               useTLS: Fa(c),
-              wsHost: Ga(c),
+              wsHost: Va(c),
               userAuthenticator: za(c),
               channelAuthorizer: Za(c, a)
             };
@@ -32365,10 +32444,10 @@ var uo = { exports: {} };
           function ja(c) {
             return c.httpHost ? c.httpHost : c.cluster ? `sockjs-${c.cluster}.pusher.com` : u.httpHost;
           }
-          function Ga(c) {
-            return c.wsHost ? c.wsHost : Va(c.cluster);
-          }
           function Va(c) {
+            return c.wsHost ? c.wsHost : Ga(c.cluster);
+          }
+          function Ga(c) {
             return `ws-${c}.pusher.com`;
           }
           function Fa(c) {
@@ -32596,9 +32675,9 @@ var uo = { exports: {} };
     );
   });
 })(uo);
-var Id = uo.exports;
-const Bd = /* @__PURE__ */ Nd(Id);
-class fs {
+var Bd = uo.exports;
+const Rd = /* @__PURE__ */ Id(Bd);
+class ps {
   constructor(e) {
     h(this, "container");
     h(this, "onAction");
@@ -32648,25 +32727,25 @@ class fs {
     });
   }
   renderComponent(e) {
-    var g, f, y, k, C, _;
+    var g, f, y, k, C, w;
     e && (this.payment = e), this.container.innerHTML = this.render();
     const i = this.container.querySelector("#transfer-amount"), t = this.container.querySelector("#transfer-bank"), s = this.container.querySelector("#account-name"), o = this.container.querySelector("#transfer-acn"), r = this.container.querySelector("#time-left"), l = ((g = this.payment) == null ? void 0 : g.currency) || "USD", u = l === "USD" ? (f = this.payment) == null ? void 0 : f.localCurrency : l;
     if (i && (i.innerHTML = `${u} ${ke(
       l === "USD" ? (y = this.payment) == null ? void 0 : y.localAmount : (k = this.payment) == null ? void 0 : k.amount,
       2
-    )}`), t && this.payment.bankDetails && (t.innerHTML = (C = this.payment.bankDetails) == null ? void 0 : C.bankName), s && this.payment.bankDetails && (s.innerHTML = (_ = this.payment.bankDetails) == null ? void 0 : _.accountName), o && this.payment.bankDetails && (o.innerHTML = this.payment.bankDetails.accountNumber), r && (r.innerHTML = bi(this.initialTime)), this.startTimer("poll"), e.status === "inProgress") {
+    )}`), t && this.payment.bankDetails && (t.innerHTML = (C = this.payment.bankDetails) == null ? void 0 : C.bankName), s && this.payment.bankDetails && (s.innerHTML = (w = this.payment.bankDetails) == null ? void 0 : w.accountName), o && this.payment.bankDetails && (o.innerHTML = this.payment.bankDetails.accountNumber), r && (r.innerHTML = bi(this.initialTime)), this.startTimer("poll"), e.status === "inProgress") {
       const A = "45654f3ce4c9512ea9a4", M = "us2";
-      var b = new Bd(A, {
+      var b = new Rd(A, {
         cluster: M
       }), v = b.subscribe(e.reference);
-      v.bind("payment_status", (w) => {
-        w.status === "successful" ? (clearInterval(this.timerId || void 0), this.onAction(6), P.track("verify_payment", {
+      v.bind("payment_status", (_) => {
+        _.status === "successful" ? (clearInterval(this.timerId || void 0), this.onAction(6), P.track("verify_payment", {
           payment_method: "Transfer",
           verification_status: "Success"
-        }), w != null && w.redirectUrl && setTimeout(() => {
-          const x = new URL(w.redirectUrl);
-          x.searchParams.append("status", w.status), x.searchParams.append("reference", w.reference), window.location.href = x.toString();
-        }, 1800)) : w.status === "failed" && (clearInterval(this.timerId || void 0), this.onFail(7, "Transfer failed"), P.track("verify_payment", {
+        }), _ != null && _.redirectUrl && setTimeout(() => {
+          const x = new URL(_.redirectUrl);
+          x.searchParams.append("status", _.status), x.searchParams.append("reference", _.reference), window.location.href = x.toString();
+        }, 1800)) : _.status === "failed" && (clearInterval(this.timerId || void 0), this.onFail(7, "Transfer failed"), P.track("verify_payment", {
           payment_method: "Transfer",
           verification_status: "Failed"
         }));
@@ -32675,10 +32754,10 @@ class fs {
     this.attachListener();
   }
   render() {
-    return Pd;
+    return Nd;
   }
 }
-const Rd = `<div id="trasferConfirmationProgress">
+const Dd = `<div id="trasferConfirmationProgress">
   <div>
     <div>
       <div class=" grid grid-rows-[auto_1fr] gap-4 mx-5">
@@ -32760,7 +32839,7 @@ const Rd = `<div id="trasferConfirmationProgress">
     </div>
   </div>
 </div>`;
-class Dd {
+class Od {
   constructor(e) {
     h(this, "container");
     h(this, "onAction");
@@ -32867,10 +32946,10 @@ class Dd {
     this.container.innerHTML = this.render(), this.renderTransferDetailsComponent(e), this.attachListeners();
   }
   render() {
-    return Rd;
+    return Dd;
   }
 }
-const Od = `<div id="paymenExpired">
+const Hd = `<div id="paymenExpired">
   <div class="container-center min-h-[30dvh]">
     <div>
       <div class="container-center mb-5">
@@ -32894,7 +32973,7 @@ const Od = `<div id="paymenExpired">
     </div>
   </div>
 </div>`;
-class Hd {
+class Ud {
   constructor(e) {
     h(this, "container");
     this.container = e.container;
@@ -32905,10 +32984,10 @@ class Hd {
     this.container.innerHTML = this.render();
   }
   render() {
-    return Od;
+    return Hd;
   }
 }
-class Ud {
+class Kd {
   constructor({
     amount: e,
     closeModal: i,
@@ -32925,7 +33004,7 @@ class Ud {
     disablePaymentMethods: y,
     restartTransactionProcess: k,
     hidePaymentMethods: C,
-    retryingPayment: _
+    retryingPayment: w
   }) {
     h(this, "container");
     h(this, "contents");
@@ -32963,7 +33042,7 @@ class Ud {
     h(this, "isMobile", !1);
     this.currency = r, this.container = t, this.contents = this.container.querySelector(
       "#payment-content-view"
-    ), this.closeModal = i, this.token = o, this.email = s, this.amount = e, this.rdtCode = l, this.url = u, this.reference = b, this._currentStep = 1, this.callBackUrl = v, this.metadata = g, this.localCurrency = f, this.disablePaymentMethods = y, this.paymentResponse = {}, this.paymentResponseHeaders = {}, this.restartTransactionProcess = k, this.hidePaymentMethods = C, this.retryingPayment = _, this.isMaxRetriesReached = !1, this.renderTransferContent(), this.paymentResponse = {}, this.activeRef = "", this.timerId = null, this.mainLoader = new Ie(this.contents), P.track("transfer_opens", {
+    ), this.closeModal = i, this.token = o, this.email = s, this.amount = e, this.rdtCode = l, this.url = u, this.reference = b, this._currentStep = 1, this.callBackUrl = v, this.metadata = g, this.localCurrency = f, this.disablePaymentMethods = y, this.paymentResponse = {}, this.paymentResponseHeaders = {}, this.restartTransactionProcess = k, this.hidePaymentMethods = C, this.retryingPayment = w, this.isMaxRetriesReached = !1, this.renderTransferContent(), this.paymentResponse = {}, this.activeRef = "", this.timerId = null, this.mainLoader = new Ie(this.contents), P.track("transfer_opens", {
       payment_method: "Transfer"
     }), this.mainLoader.mountLoader("25dvh"), this.currentStep === 1 && (this.abortController = new AbortController(), this.createTransfer()), this.isMobile = window.matchMedia("(max-width: 767px)").matches;
   }
@@ -33044,7 +33123,7 @@ class Ud {
         this.paymentResponse = s, this.paymentResponseHeaders = o, s.status === "failed" ? (this.currentStep = 7, s.providerMessage ? this.warningScreen.setPaymentError(s.providerMessage) : this.warningScreen.setPaymentError("Payment failed"), P.track("stop_transferProcess", {
           payment_method: "Transfer",
           verification_status: "Failed"
-        })) : (e && i && (e.classList.add("hidden"), i.classList.remove("hidden")), this.activeRef = s.reference, this.paymentResponse = s, s.bankDetails && s.bankDetails.accountNumber ? (this.transferDetails = new fs({
+        })) : (e && i && (e.classList.add("hidden"), i.classList.remove("hidden")), this.activeRef = s.reference, this.paymentResponse = s, s.bankDetails && s.bankDetails.accountNumber ? (this.transferDetails = new ps({
           container: this.contents,
           onAction: (r) => {
             this.onSentVerify.bind(this)(r);
@@ -33085,7 +33164,7 @@ class Ud {
     }), this.contents) {
       switch (this.currentStep) {
         case 1:
-          this.transferDetails = new fs({
+          this.transferDetails = new ps({
             container: this.contents,
             onAction: (s) => {
               this.onSentVerify.bind(this)(s);
@@ -33096,12 +33175,12 @@ class Ud {
           });
           break;
         case 2:
-          this.transferExpired = new Hd({
+          this.transferExpired = new Ud({
             container: this.contents
           }), this.transferExpired.renderComponent();
           break;
         case 5:
-          this.transferConfirmationProgress = new Dd({
+          this.transferConfirmationProgress = new Od({
             container: this.contents,
             onAction: (s, o) => {
               this.currentStep = s, s === 7 && o && this.warningScreen.setPaymentError(o);
@@ -33194,7 +33273,7 @@ class Ud {
     this.abortController && this.abortController.abort();
   }
 }
-function gs() {
+function fs() {
   return function(n, e) {
     let i = n[e];
     Object.defineProperty(n, e, {
@@ -33358,7 +33437,7 @@ class co extends wt {
     }
   }
 }
-class Kd extends wt {
+class jd extends wt {
   constructor(e) {
     super(e);
   }
@@ -33386,7 +33465,7 @@ class Kd extends wt {
     }
   }
 }
-class jd extends wt {
+class Vd extends wt {
   constructor(e) {
     super(e);
   }
@@ -33445,7 +33524,7 @@ const Gd = `<form id="ussdBanks">
     </div>
   </div>
 </form>`;
-class ys {
+class gs {
   constructor(e) {
     h(this, "container");
     h(this, "bank_service");
@@ -33456,7 +33535,7 @@ class ys {
     h(this, "localCurrency");
     h(this, "rate");
     h(this, "amount");
-    this.container = e.container, this.currency = e.currency, this.localCurrency = e.localCurrency, this.rate = e.rate, this.amount = e.amount, this.bank_list = [], this.bank_service = new jd({
+    this.container = e.container, this.currency = e.currency, this.localCurrency = e.localCurrency, this.rate = e.rate, this.amount = e.amount, this.bank_list = [], this.bank_service = new Vd({
       token: e.merchantKey,
       rdtCode: e.rdtCode,
       url: e.url
@@ -33526,7 +33605,7 @@ class ys {
     return Gd;
   }
 }
-const Vd = `<div id="viewCode">
+const Fd = `<div id="viewCode">
   <div class="grid gap-4">
     <div class="text-center">
       <div class="md:w-4/5 mx-auto grid gap-3">
@@ -33564,7 +33643,7 @@ const Vd = `<div id="viewCode">
     </div>
   </div>
 </div>`;
-class Fd {
+class qd {
   constructor(e) {
     h(this, "container");
     h(this, "selected");
@@ -33677,13 +33756,13 @@ class Fd {
     this.makePayment(), this.attachListener();
   }
   render() {
-    return Vd;
+    return Fd;
   }
 }
-var qd = Object.defineProperty, zd = (n, e, i, t) => {
+var zd = Object.defineProperty, Wd = (n, e, i, t) => {
   for (var s = void 0, o = n.length - 1, r; o >= 0; o--)
     (r = n[o]) && (s = r(e, i, s) || s);
-  return s && qd(e, i, s), s;
+  return s && zd(e, i, s), s;
 };
 class ho {
   constructor({
@@ -33791,7 +33870,7 @@ class ho {
     }
     switch (this.currentStep) {
       case 1:
-        this.bankDetail = new ys({
+        this.bankDetail = new gs({
           container: this.contents,
           merchantKey: this.secret,
           onAction: this.onCodeSelect.bind(this),
@@ -33804,7 +33883,7 @@ class ho {
         }), this.bankDetail.renderContent();
         break;
       case 2:
-        this.viewUssdCode = new Fd({
+        this.viewUssdCode = new qd({
           container: this.contents,
           onAction: (t, s) => {
             this.activeRef = s, this.currentStep = 4, this.intervalPayment = setInterval(() => {
@@ -33849,7 +33928,7 @@ class ho {
         }), this.successScreen.renderComponent();
         break;
       default:
-        this.bankDetail = new ys({
+        this.bankDetail = new gs({
           container: this.contents,
           merchantKey: this.secret,
           onAction: this.onCodeSelect.bind(this),
@@ -33869,11 +33948,11 @@ class ho {
     }, 400), this.currentStep = 2;
   }
 }
-zd([
-  gs(),
-  gs()
+Wd([
+  fs(),
+  fs()
 ], ho.prototype, "selectedCode");
-const Wd = {
+const Zd = {
   NGN: "Nigerian Naira",
   USD: "US Dollar",
   GHS: "Ghanaian Cedi",
@@ -33881,8 +33960,8 @@ const Wd = {
   ZAF: "South African Rand",
   USDT: "Tether",
   KSH: "Kenyan Shilling"
-}, Zd = (n) => n == null ? void 0 : n.replace(/_/g, " ");
-function Jd(n) {
+}, Jd = (n) => n == null ? void 0 : n.replace(/_/g, " ");
+function $d(n) {
   return n.split(" ").map(
     (e) => e.charAt(0).toUpperCase() + e.slice(1).toLowerCase()
     // Capitalize the first letter and make the rest lowercase
@@ -33890,11 +33969,11 @@ function Jd(n) {
 }
 const ui = (n) => {
   if (n) {
-    const e = Zd(n);
-    return Jd(e);
+    const e = Jd(n);
+    return $d(e);
   }
   return "";
-}, $d = `<div>
+}, Yd = `<div>
   <button id="go-back" class="md:hidden" aria-label="Go back">
   </button>
 </div>
@@ -34023,7 +34102,7 @@ const ui = (n) => {
     <!-- Tab options -->
   </div>
 </div>`;
-class Yd {
+class Qd {
   constructor(e) {
     h(this, "container");
     h(this, "email");
@@ -34056,7 +34135,7 @@ class Yd {
     });
   }
   renderComponent() {
-    var x, N, V, F, U, j, te, fe, K, _e, le, Te, we, ze, tn, We, vn, sn, Ee, Ze, bn, ae, ve, Pe, xe, Ce, Ue, B, de;
+    var x, N, G, F, U, j, te, fe, K, we, le, Te, _e, ze, tn, We, vn, sn, Ee, Ze, bn, ae, ve, Pe, xe, Ce, Ue, B, de;
     this.container.innerHTML = this.render(), this.amount = this.amount;
     const e = this.container.querySelector(
       "#merchant-logo-container"
@@ -34076,11 +34155,11 @@ class Yd {
       "#designated-rate-mob"
     ), k = this.container.querySelector(
       "#designated-rate-no-plan"
-    ), C = this.container.querySelector("#source-rate"), _ = this.container.querySelector("#source-rate-mob"), A = this.container.querySelector("#tooltip-localCurrency"), M = this.container.querySelector(
+    ), C = this.container.querySelector("#source-rate"), w = this.container.querySelector("#source-rate-mob"), A = this.container.querySelector("#tooltip-localCurrency"), M = this.container.querySelector(
       "#tooltip-localCurrency-mob"
     );
     if ((x = this.merchantDetail) != null && x.merchantLogo ? i && i.setAttribute("src", (N = this.merchantDetail) == null ? void 0 : N.merchantLogo) : e && (i == null || i.remove(), e.innerHTML = `<div class="font-semibold text-tone-100 rounded-2xl w-8 h-8 bg-tone-10 container-center uppercase">${this.merchantDetail.merchantName[0]}</div>`), t && (t.innerHTML = this.email), s && (s.innerHTML = this.email), o) {
-      if ((F = (V = this.merchantDetail) == null ? void 0 : V.plan) != null && F.title) {
+      if ((F = (G = this.merchantDetail) == null ? void 0 : G.plan) != null && F.title) {
         const $ = ((j = (U = this.merchantDetail) == null ? void 0 : U.plan) == null ? void 0 : j.title) || "";
         o.textContent = ui($);
       }
@@ -34090,22 +34169,22 @@ class Yd {
     }
     if (r) {
       if ((K = (fe = this.merchantDetail) == null ? void 0 : fe.plan) != null && K.title) {
-        const $ = ((le = (_e = this.merchantDetail) == null ? void 0 : _e.plan) == null ? void 0 : le.title) || "";
+        const $ = ((le = (we = this.merchantDetail) == null ? void 0 : we.plan) == null ? void 0 : le.title) || "";
         r.textContent = ui($);
       }
       (Te = this.metadata) != null && Te.productName && (r.textContent = ui(
         this.metadata.productName
       ));
     }
-    u && (this.currency === "USD" ? v && (v.innerHTML = `1 ${((ze = (we = this.merchantDetail) == null ? void 0 : we.rate) == null ? void 0 : ze.to) || "-"} = ${((We = (tn = this.merchantDetail) == null ? void 0 : tn.rate) == null ? void 0 : We.from) || "-"} ${ke(
+    u && (this.currency === "USD" ? v && (v.innerHTML = `1 ${((ze = (_e = this.merchantDetail) == null ? void 0 : _e.rate) == null ? void 0 : ze.to) || "-"} = ${((We = (tn = this.merchantDetail) == null ? void 0 : tn.rate) == null ? void 0 : We.from) || "-"} ${ke(
       ((vn = this.merchantDetail.rate) == null ? void 0 : vn.rate) || 1,
       2
     )} `) : u.innerHTML = ""), b && (this.currency === "USD" ? g && (g.innerHTML = `1 ${((Ee = (sn = this.merchantDetail) == null ? void 0 : sn.rate) == null ? void 0 : Ee.to) || "-"} = ${((bn = (Ze = this.merchantDetail) == null ? void 0 : Ze.rate) == null ? void 0 : bn.from) || "-"} ${ke(
       ((ae = this.merchantDetail.rate) == null ? void 0 : ae.rate) || 1,
       2
-    )} `) : b.innerHTML = ""), (Pe = (ve = this.merchantDetail) == null ? void 0 : ve.plan) != null && Pe.title || (xe = this.metadata) != null && xe.productName ? f && (f.innerHTML = `${this.currency} ${ke(this.amount, 2)}`) : (k && (k.innerHTML = `<span> ${this.currency} ${ke(this.amount, 2)} </span>`), o && r && (o.remove(), r == null || r.remove()), this.localCurrency ? f == null || f.remove() : l && l.remove()), y && (y.innerHTML = `${this.currency} ${ke(this.amount, 2)}`), C && (this.localCurrency && this.localCurrency !== this.currency ? C.children[1].innerHTML = `${this.localCurrency} ${ke(this.amount * (((Ue = (Ce = this.merchantDetail) == null ? void 0 : Ce.rate) == null ? void 0 : Ue.rate) || 1), 2)}` : C.remove()), _ && (this.localCurrency && this.localCurrency !== this.currency ? _.children[1].innerHTML = `${this.localCurrency} ${ke(this.amount * (((de = (B = this.merchantDetail) == null ? void 0 : B.rate) == null ? void 0 : de.rate) || 1), 2)}` : _.remove());
-    const w = Wd[this.localCurrency];
-    A && this.localCurrency && (A.innerHTML = w ? `${w} (${this.localCurrency})` : this.localCurrency), M && this.localCurrency && (M.innerHTML = w ? `${w} (${this.localCurrency})` : this.localCurrency), this.renderPaymentOptions(this.container), this.attachListeners();
+    )} `) : b.innerHTML = ""), (Pe = (ve = this.merchantDetail) == null ? void 0 : ve.plan) != null && Pe.title || (xe = this.metadata) != null && xe.productName ? f && (f.innerHTML = `${this.currency} ${ke(this.amount, 2)}`) : (k && (k.innerHTML = `<span> ${this.currency} ${ke(this.amount, 2)} </span>`), o && r && (o.remove(), r == null || r.remove()), this.localCurrency ? f == null || f.remove() : l && l.remove()), y && (y.innerHTML = `${this.currency} ${ke(this.amount, 2)}`), C && (this.localCurrency && this.localCurrency !== this.currency ? C.children[1].innerHTML = `${this.localCurrency} ${ke(this.amount * (((Ue = (Ce = this.merchantDetail) == null ? void 0 : Ce.rate) == null ? void 0 : Ue.rate) || 1), 2)}` : C.remove()), w && (this.localCurrency && this.localCurrency !== this.currency ? w.children[1].innerHTML = `${this.localCurrency} ${ke(this.amount * (((de = (B = this.merchantDetail) == null ? void 0 : B.rate) == null ? void 0 : de.rate) || 1), 2)}` : w.remove());
+    const _ = Zd[this.localCurrency];
+    A && this.localCurrency && (A.innerHTML = _ ? `${_} (${this.localCurrency})` : this.localCurrency), M && this.localCurrency && (M.innerHTML = _ ? `${_} (${this.localCurrency})` : this.localCurrency), this.renderPaymentOptions(this.container), this.attachListeners();
   }
   renderPaymentOptions(e) {
     const i = e.querySelector(".payment-options"), t = this.localCurrency ? this.localCurrency : this.currency;
@@ -34177,10 +34256,10 @@ class Yd {
     }
   }
   render() {
-    return $d;
+    return Yd;
   }
 }
-const Qd = `<div class="flex items-center justify-center md:justify-between w-full text-xxs mt-5">
+const Xd = `<div class="flex items-center justify-center md:justify-between w-full text-xxs mt-5">
   <div class="text-tone-60"><span>Powered by</span> <span class="font-bold">Spotflow</span></div>
   <div class="align-center text-tone-60 hidden md:flex gap-4">
     <a href="https://ribbon-scowl-35f.notion.site/Terms-Conditions-940742f0a1b144498ffc1786c5bc6a08?pvs=4" target="_blank" class="hover:font-bold">Terms</a>
@@ -34188,7 +34267,7 @@ const Qd = `<div class="flex items-center justify-center md:justify-between w-fu
     <a href="mailto:hello@spotflow.one" class="hover:font-bold">Contact</a>
   </div>
 </div>`;
-class Xd {
+class eu {
   constructor(e) {
     h(this, "container");
     this.container = e.container;
@@ -34199,10 +34278,10 @@ class Xd {
     this.container.innerHTML = this.render(), this.attachListener();
   }
   render() {
-    return Qd;
+    return Xd;
   }
 }
-const eu = `<div id="mobileConfirmationProgress">
+const nu = `<div id="mobileConfirmationProgress">
     <div>
       <div>
         <div class=" grid grid-rows-[auto_1fr] gap-4 mx-5">
@@ -34242,7 +34321,7 @@ const eu = `<div id="mobileConfirmationProgress">
       </div>
     </div>
   </div>`;
-class nu {
+class iu {
   constructor(e) {
     h(this, "container");
     h(this, "onAction");
@@ -34329,10 +34408,10 @@ class nu {
     this.container.innerHTML = this.render(), this.attachListeners();
   }
   render() {
-    return eu;
+    return nu;
   }
 }
-const iu = `<form id="mobile-money-form">
+const tu = `<form id="mobile-money-form">
   <div>
     <h5 class="text-grey-400 font-semibold text-sm">Please enter your Mobile Money details to begin payment</h5>
 
@@ -34355,10 +34434,18 @@ const iu = `<form id="mobile-money-form">
       </div>
 
       <div class="relative w-full">
-        <span class="absolute text-xs left-0 top-1 text-grey-100 pt-1 pb-1 px-3 tracking-[0.5px]">Mobile number</span>
-        <div>
-          <input class="mm-input-container" type="text" id="phone-number-input" name="number"
-            placeholder="Enter your mobile number" required />
+        <!-- <span class="absolute text-xs left-0 top-1 text-grey-100 pt-1 pb-1 px-3 tracking-[0.5px]">Mobile number</span> -->
+        <div class="flex border border-tone-40 rounded-lg">
+          <div class="grow relative flex gap-2">
+            <div class="relative flex w-full">
+              <div class="absolute left-0 top-1/2 -translate-y-2/4 border-r py-4 pl-4 pr-2 border-tone-40">
+                <div id="region-code" class="align-center  gap-2">
+                </div>
+              </div>
+              <input class="details-input-container ml-20 mr-11 grow py-4 pl-4 pr-2 font-normal placeholder:text-tone-50" type="tel" id="phone-number-input" name="number"
+                placeholder="Enter your mobile number" required />
+            </div>
+          </div>
         </div>
       </div>
 
@@ -34393,7 +34480,7 @@ const iu = `<form id="mobile-money-form">
     </div>
   </div>
 </form>`;
-class tu {
+class su {
   constructor(e) {
     h(this, "container");
     h(this, "payment");
@@ -34466,12 +34553,21 @@ class tu {
     this.container.innerHTML = this.render();
     const i = this.container.querySelector("#network-search-input");
     if (i) {
-      const t = new Option("Select your network", "", !0, !0);
-      t.disabled = !0, i.appendChild(t), i.classList.remove("text-tone-100"), i.classList.add("text-tone-50"), i && e.forEach((s) => {
-        const o = new Option(s.name, s.code);
-        i.appendChild(o), i.classList.remove("text-tone-50"), i.classList.add("text-tone-100");
+      const r = new Option("Select your network", "", !0, !0);
+      r.disabled = !0, i.appendChild(r), i.classList.remove("text-tone-100"), i.classList.add("text-tone-50"), i && e.forEach((l) => {
+        const u = new Option(l.name, l.code);
+        i.appendChild(u), i.classList.remove("text-tone-50"), i.classList.add("text-tone-100");
       });
     }
+    const t = this.container.querySelector("#region-code"), s = this.localCurrency ? this.localCurrency : this.currency, o = yr.find((r) => r.name === s);
+    if (t) {
+      t.innerHTML = `
+      ${o == null ? void 0 : o.icon}
+      <span class="text-tone-100 text-sm font-semibold">${o == null ? void 0 : o.dialCode}</span>
+      `;
+      const r = t.querySelector("svg");
+      r && (r.setAttribute("width", "20"), r.setAttribute("height", "20"));
+    }
     this.displayButtonText(), this.attachListener();
   }
   renderContent() {
@@ -34490,10 +34586,10 @@ class tu {
     });
   }
   render() {
-    return iu;
+    return tu;
   }
 }
-const su = `<div id="checkoutMobileOtp">
+const ou = `<div id="checkoutMobileOtp">
   <div class="w-full">
     <div id="otp-content" class=" grid gap-4">
       <h5 class="text-black" id="otp-message">
@@ -34533,7 +34629,7 @@ const su = `<div id="checkoutMobileOtp">
       </div>
     </div>
   </div>`;
-class ou {
+class au {
   constructor(e) {
     h(this, "container");
     h(this, "momoOtp");
@@ -34576,10 +34672,10 @@ class ou {
     e && (e.innerHTML = this.otpMessage), this.attachListener();
   }
   render() {
-    return su;
+    return ou;
   }
 }
-class au {
+class ru {
   constructor(e) {
     h(this, "container");
     h(this, "onAction");
@@ -34607,7 +34703,7 @@ class au {
     return ro;
   }
 }
-class ru {
+class lu {
   constructor({
     container: e,
     merchantKey: i,
@@ -34624,10 +34720,10 @@ class ru {
     currency: y,
     disablePaymentMethods: k,
     hidePaymentMethods: C,
-    showPaymentMethods: _,
+    showPaymentMethods: w,
     onClose: A,
     restartTransactionProcess: M,
-    retryingPayment: w
+    retryingPayment: _
   }) {
     h(this, "contents");
     h(this, "mobileMoneyForm");
@@ -34666,7 +34762,7 @@ class ru {
     h(this, "isMobile", !1);
     this.container = e, this.onSuccess = u || (() => null), this.token = f, this.currency = y, this.amount = g, this.contents = this.container.querySelector(
       "#payment-content-view"
-    ), this._currentStep = 1, this.activeRef = "", this.token = i, this.email = v, this.metadata = s, this.localCurrency = t, this.callBackUrl = o, this.localCurrency = t, this.rdtCode = r, this.url = b, this.reference = l, this.merchantDetails = {}, this.disablePaymentMethods = k, this.hidePaymentMethods = C, this.showPaymentMethods = _, this.onClose = A, this.paymentResponse = {}, this.paymentResponseHeaders = {}, this.restartTransactionProcess = M, this.retryingPayment = w, this.isMaxRetriesReached = !1, P.track("mobile_money_opens", {
+    ), this._currentStep = 1, this.activeRef = "", this.token = i, this.email = v, this.metadata = s, this.localCurrency = t, this.callBackUrl = o, this.localCurrency = t, this.rdtCode = r, this.url = b, this.reference = l, this.merchantDetails = {}, this.disablePaymentMethods = k, this.hidePaymentMethods = C, this.showPaymentMethods = w, this.onClose = A, this.paymentResponse = {}, this.paymentResponseHeaders = {}, this.restartTransactionProcess = M, this.retryingPayment = _, this.isMaxRetriesReached = !1, P.track("mobile_money_opens", {
       payment_method: "Mobile Money"
     }), this.isMobile = window.matchMedia("(max-width: 767px)").matches;
   }
@@ -34818,7 +34914,7 @@ class ru {
     }
     switch (this.currentStep === 6 ? this.hidePaymentMethods() : this.showPaymentMethods(), this.isMobile && this.hidePaymentMethods(), this.currentStep) {
       case 1:
-        this.mobileMoneyForm = new tu({
+        this.mobileMoneyForm = new su({
           container: this.contents,
           merchantKey: this.token,
           url: this.url,
@@ -34839,7 +34935,7 @@ class ru {
         this.mainLoader = new Ie(this.contents), this.mainLoader.mountLoader("25dvh"), this.mainLoader.updateMessage("Please wait");
         break;
       case 3:
-        this.mobileMoneyConfirmation = new nu({
+        this.mobileMoneyConfirmation = new iu({
           container: this.contents,
           onAction: (s) => {
             this.currentStep = s;
@@ -34872,7 +34968,7 @@ class ru {
         }), this.contents.innerHTML = this.warningScreen.render(), this.warningScreen.attachListener();
         break;
       case 6:
-        this.mobileMoneyValidationForm = new ou({
+        this.mobileMoneyValidationForm = new au({
           container: this.contents,
           onClose: this.onClose,
           onAction: (s) => (o) => this.submitOtp.bind(this)(s, o),
@@ -34883,7 +34979,7 @@ class ru {
         this.pageLoader = new Ie(this.contents), this.pageLoader.mountLoader(), this.pageLoader.updateMessage("Verifying Payment");
         break;
       case 8:
-        this.mobileMoneyConfirmationEnd = new au({
+        this.mobileMoneyConfirmationEnd = new ru({
           container: this.contents,
           onAction: (s) => {
             this.currentStep = s;
@@ -34920,7 +35016,7 @@ class ru {
     this.attachInputListeners();
   }
 }
-const lu = `<div id="eft-authenticate-container">
+const du = `<div id="eft-authenticate-container">
     <div class="pt-3">
         <div class="container-center">
             <svg width="98" height="32" viewBox="0 0 98 32" fill="none" xmlns="http://www.w3.org/2000/svg"
@@ -34958,7 +35054,7 @@ const lu = `<div id="eft-authenticate-container">
     </div>
 
 </div>`;
-class Cs {
+class ys {
   constructor(e) {
     h(this, "container");
     h(this, "payment");
@@ -34990,10 +35086,10 @@ class Cs {
     this.container.innerHTML = this.render(), this.attachListener();
   }
   render() {
-    return lu;
+    return du;
   }
 }
-class du {
+class uu {
   constructor({
     amount: e,
     container: i,
@@ -35178,7 +35274,7 @@ class du {
     if (this.currentStep !== 1 ? (this.hidePaymentMethods(), i == null || i.classList.add("hidden")) : this.showPaymentMethods(), this.isMobile && this.hidePaymentMethods(), this.contents) {
       switch (this.currentStep) {
         case 1:
-          this.eftAuthenticate = new Cs({
+          this.eftAuthenticate = new ys({
             container: this.contents,
             merchantKey: this.token,
             url: this.url,
@@ -35230,7 +35326,7 @@ class du {
           }), this.transactionIssuesScreen.renderTransactionIssuesComponent();
           break;
         default:
-          this.eftAuthenticate = new Cs({
+          this.eftAuthenticate = new ys({
             container: this.contents,
             merchantKey: this.token,
             url: this.url,
@@ -35250,7 +35346,7 @@ class du {
     }
   }
 }
-class uu {
+class cu {
   constructor({
     container: e,
     email: i,
@@ -35267,7 +35363,7 @@ class uu {
     callBackUrl: y,
     metadata: k,
     localCurrency: C,
-    closePayment: _
+    closePayment: w
   }) {
     h(this, "validChannels", []);
     h(this, "disabledChannels", []);
@@ -35301,7 +35397,7 @@ class uu {
     h(this, "localCurrency");
     h(this, "closePayment");
     h(this, "retryingPayment");
-    this.validChannels = [], this.disabledChannels = [], this.selectedChannel = "", this.modalContainer = l, this.encryption = o, this.planId = b || "", this.merchantKey = r, this.email = i, this.phoneNumber = t, this.code = s, this.amount = u || 0, this.rdtCode = v || "", this.url = g || "", this.reference = f, this.mainLayout = e, this.callBackUrl = y, this.metadata = k || {}, this.localCurrency = C || "", this.isMobile = window.matchMedia("(max-width: 767px)").matches, this.currentPaymentMethod = "", this.currency = "", this.closePayment = _, this.retryingPayment = !1;
+    this.validChannels = [], this.disabledChannels = [], this.selectedChannel = "", this.modalContainer = l, this.encryption = o, this.planId = b || "", this.merchantKey = r, this.email = i, this.phoneNumber = t, this.code = s, this.amount = u || 0, this.rdtCode = v || "", this.url = g || "", this.reference = f, this.mainLayout = e, this.callBackUrl = y, this.metadata = k || {}, this.localCurrency = C || "", this.isMobile = window.matchMedia("(max-width: 767px)").matches, this.currentPaymentMethod = "", this.currency = "", this.closePayment = w, this.retryingPayment = !1;
   }
   mountScreen(e, i, t, s) {
     var r, l;
@@ -35309,7 +35405,7 @@ class uu {
     const o = (l = (r = this.merchantPlanDetail.plan) == null ? void 0 : r.pricingOptions) == null ? void 0 : l.find(
       (u) => u.currency === this.currency
     );
-    this.amount = (o == null ? void 0 : o.amount) || this.amount, this.mainHeader = new Yd({
+    this.amount = (o == null ? void 0 : o.amount) || this.amount, this.mainHeader = new Qd({
       container: document.getElementById("main-header"),
       email: this.email,
       amount: this.amount,
@@ -35323,7 +35419,7 @@ class uu {
         this.closeBTN.bind(this)(u);
       },
       currentPaymentMethod: this.currentPaymentMethod
-    }), this.mainHeader.renderComponent(), this.mainFooter = new Xd({
+    }), this.mainHeader.renderComponent(), this.mainFooter = new eu({
       container: document.getElementById("main-footer")
     }), this.mainFooter.renderComponent(), this.setupPaymentMethodButtons(), this.selectedChannel && (this.currentPaymentMethod = this.selectedChannel), this.updatePaymentMethodView(
       this.merchantKey,
@@ -35376,7 +35472,7 @@ class uu {
   updatePaymentMethodView(e, i, t, s) {
     switch (this.currentPaymentMethod) {
       case "card":
-        return this.card = new xd({
+        return this.card = new Pd({
           container: this.modalContainer,
           amount: t,
           currency: s,
@@ -35400,7 +35496,7 @@ class uu {
           retryingPayment: this.retryingPayment
         });
       case "bank_transfer":
-        return this.transfer = new Ud({
+        return this.transfer = new Kd({
           amount: t,
           currency: s,
           closeModal: this.closeModal.bind(this),
@@ -35442,7 +35538,7 @@ class uu {
           }
         });
       case "mobile_money":
-        return this.mobileMoney = new ru({
+        return this.mobileMoney = new lu({
           container: this.modalContainer,
           email: this.email,
           currency: s,
@@ -35470,7 +35566,7 @@ class uu {
           retryingPayment: this.retryingPayment
         });
       case "eft":
-        return this.eft = new du({
+        return this.eft = new uu({
           container: this.modalContainer,
           amount: t,
           currency: s,
@@ -35595,7 +35691,7 @@ class uu {
     return hr;
   }
 }
-class nt {
+class Cs {
   constructor(e) {
     h(this, "container");
     this.container = e;
@@ -35631,8 +35727,8 @@ class nt {
     `;
   }
 }
-const cu = "data:image/svg+xml,%3csvg%20width='40'%20height='40'%20viewBox='0%200%2040%2040'%20fill='none'%20xmlns='http://www.w3.org/2000/svg'%3e%3crect%20x='10'%20y='11.6667'%20width='20'%20height='18.3333'%20fill='white'/%3e%3cpath%20d='M19.9955%2036.6666C15.5754%2036.6706%2011.3352%2034.9161%208.20965%2031.7898C5.08414%2028.6635%203.33001%2024.4222%203.33399%2020.0009V19.6676C3.47026%2012.9884%207.57901%207.0353%2013.7747%204.54029C19.9704%202.04528%2027.0568%203.49007%2031.7819%208.21164C36.5512%2012.9782%2037.9786%2020.1498%2035.398%2026.38C32.8174%2032.6101%2026.7375%2036.6706%2019.9955%2036.6666ZM19.9955%2022.3508L24.3109%2026.6672L26.6601%2024.3174L22.3448%2020.0009L26.6601%2015.6845L24.3109%2013.3347L19.9955%2017.6511L15.6802%2013.3347L13.3309%2015.6845L17.6463%2020.0009L13.3309%2024.3174L15.6802%2026.6672L19.9955%2022.3525V22.3508Z'%20fill='%23D62020'/%3e%3c/svg%3e";
-class hu {
+const hu = "data:image/svg+xml,%3csvg%20width='40'%20height='40'%20viewBox='0%200%2040%2040'%20fill='none'%20xmlns='http://www.w3.org/2000/svg'%3e%3crect%20x='10'%20y='11.6667'%20width='20'%20height='18.3333'%20fill='white'/%3e%3cpath%20d='M19.9955%2036.6666C15.5754%2036.6706%2011.3352%2034.9161%208.20965%2031.7898C5.08414%2028.6635%203.33001%2024.4222%203.33399%2020.0009V19.6676C3.47026%2012.9884%207.57901%207.0353%2013.7747%204.54029C19.9704%202.04528%2027.0568%203.49007%2031.7819%208.21164C36.5512%2012.9782%2037.9786%2020.1498%2035.398%2026.38C32.8174%2032.6101%2026.7375%2036.6706%2019.9955%2036.6666ZM19.9955%2022.3508L24.3109%2026.6672L26.6601%2024.3174L22.3448%2020.0009L26.6601%2015.6845L24.3109%2013.3347L19.9955%2017.6511L15.6802%2013.3347L13.3309%2015.6845L17.6463%2020.0009L13.3309%2024.3174L15.6802%2026.6672L19.9955%2022.3525V22.3508Z'%20fill='%23D62020'/%3e%3c/svg%3e";
+class mu {
   constructor(e) {
     h(this, "container");
     h(this, "currency", "");
@@ -35673,7 +35769,7 @@ class hu {
       `;
   }
 }
-class gu {
+class yu {
   constructor() {
     h(this, "modalContainer");
     h(this, "mainLayout");
@@ -35743,15 +35839,13 @@ class gu {
       metadata: f,
       localCurrency: y
     } = e;
-    if (this.merchantKey = s || "", this.email = i || "", this.amount = r || 0, this.encryption = t || "", this.planId = o || "", this.rdtCode = l || "", this.reference = u || Cr(), this.url = v || "", this.callBackUrl = g || "", this.metadata = f || {}, !s || !i)
-      throw this.mainError = new nt(this.mainLayout), this.mainError.renderContent(this.callBackUrl), this.showErrorIcon(), new Error("Merchant key or email is required");
-    if (b === "ZAR" || y === "ZAR")
-      throw this.mainError = new nt(this.mainLayout), this.mainError.renderContent(this.callBackUrl), this.showErrorIcon(), new Error("ZAR payments are not supported yet");
-    this.currency = b || "", this.merchantConfigService = new Kd({
+    if (this.merchantKey = s || "", this.email = i || "", this.amount = r || 0, this.encryption = t || "", this.planId = o || "", this.rdtCode = l || "", this.reference = u || Sr(), this.url = v || "", this.callBackUrl = g || "", this.metadata = f || {}, !s || !i)
+      throw this.mainError = new Cs(this.mainLayout), this.mainError.renderContent(this.callBackUrl), this.showErrorIcon(), new Error("Merchant key or email is required");
+    this.currency = b || "", this.merchantConfigService = new jd({
       token: this.merchantKey,
       rdtCode: this.rdtCode,
       url: this.url
-    }), this.localCurrency = y || "", this.mainScreen = new uu({
+    }), this.localCurrency = y || "", this.mainScreen = new cu({
       container: this.mainLayout,
       modalContainer: this.modalContainer,
       merchantKey: s,
@@ -35768,7 +35862,7 @@ class gu {
       metadata: this.metadata,
       localCurrency: this.localCurrency,
       closePayment: this.closePayment.bind(this)
-    }), this.mainLoader = new Ie(this.mainLayout), this.mainError = new nt(this.mainLayout), this.mainLoader.mountLoader(), this.getPlanDetails();
+    }), this.mainLoader = new Ie(this.mainLayout), this.mainError = new Cs(this.mainLayout), this.mainLoader.mountLoader(), this.getPlanDetails();
   }
   getAvailableChannels() {
     var o, r;
@@ -35791,7 +35885,7 @@ class gu {
       }), P.track("checkout_opens");
       const { validChannels: t, disabledChannels: s } = this.getAvailableChannels();
       if (t.length === 0 || t[0] === "ussd" && t.length === 1) {
-        const r = new hu(this.mainLayout);
+        const r = new mu(this.mainLayout);
         this.mainError = r;
         let l = 0;
         throw (o = this.merchantPlanDetail) != null && o.limits && this.merchantPlanDetail.limits.length > 0 && (l = Math.max(
@@ -35811,12 +35905,12 @@ class gu {
   showErrorIcon() {
     var i;
     const e = this.mainLayout.querySelector("#shared-error-container");
-    e && (e.classList.remove("hidden"), e.parentElement.classList.add("mx-auto"), e.classList.add("flex", "flex-col", "items-center", "gap-2"), (i = e.querySelector("img")) == null || i.setAttribute("src", cu));
+    e && (e.classList.remove("hidden"), e.parentElement.classList.add("mx-auto"), e.classList.add("flex", "flex-col", "items-center", "gap-2"), (i = e.querySelector("img")) == null || i.setAttribute("src", hu));
   }
   closeModal() {
     this.modalContainer && this.modalContainer.parentNode && document.body.removeChild(this.modalContainer), this.mainScreen.closeModal();
   }
 }
 export {
-  gu as CheckoutForm
+  yu as CheckoutForm
 };