@astropay/payments-lib 2.0.8 → 2.0.9

package/dist/{main-QOFSdpoZ.js → main-OhXOviRS.js}

@@ -472,7 +472,7 @@ ${te}` : ""}`;
 function validateValue(ee, re, te) {
   return re.includes(ee) ? ee : te;
 }
-const toCamelCase$1 = (ee) => ee.toLowerCase().replace(
+const NON_BREAKING_SPACE = " ", toCamelCase$1 = (ee) => ee.toLowerCase().replace(
   /(?:^|[^a-zA-Z0-9]+)([a-zA-Z0-9])/g,
   (re, te, ne) => ne === 0 ? te.toLowerCase() : te.toUpperCase()
 ), toSnakeCase = (ee) => ee.replace(/([a-z])([A-Z])/g, "$1_$2").replace(/[^a-zA-Z0-9]+/g, "_").toLowerCase(), encodeData = (ee) => {
@@ -5285,7 +5285,7 @@ class LoadingSuccess extends Component {
 const RUNTIME_CONFIG = {
   test: {
     NAME: "@astropay/payments-lib",
-    VERSION: "2.0.8",
+    VERSION: "2.0.9",
     MODE: "test",
     API_BASE_URL: "https://partners-api-tst.astropay.com/api",
     RESOURCES_BUCKET: "https://rs-tst.astropay.com",
@@ -5295,7 +5295,7 @@ const RUNTIME_CONFIG = {
   },
   sandbox: {
     NAME: "@astropay/payments-lib",
-    VERSION: "2.0.8",
+    VERSION: "2.0.9",
     MODE: "staging",
     API_BASE_URL: "https://partners-api-sandbox.astropay.com/api",
     RESOURCES_BUCKET: "https://rs-tst.astropay.com",
@@ -5305,7 +5305,7 @@ const RUNTIME_CONFIG = {
   },
   production: {
     NAME: "@astropay/payments-lib",
-    VERSION: "2.0.8",
+    VERSION: "2.0.9",
     MODE: "production",
     API_BASE_URL: "https://partners-api.astropay.com/api",
     RESOURCES_BUCKET: "https://rs.astropay.com",
@@ -11584,7 +11584,7 @@ async function lazyLoadRecorder(ee = importRecorder) {
 async function importRecorder() {
   return (await import(
     /* webpackChunkName: "recorder" */
-    "./startRecording-CKBjDVQr.js"
+    "./startRecording-D2fB2eZp.js"
   )).startRecording;
 }
 function isProfilingSupported() {
@@ -11604,7 +11604,7 @@ async function lazyLoadProfiler(ee = importProfiler) {
 async function importProfiler() {
   return (await import(
     /* webpackChunkName: "profiler" */
-    "./profiler-Cq4Jvt9c.js"
+    "./profiler-D3cW_-YH.js"
   )).createRumProfiler;
 }
 function makeProfilerApi() {
@@ -11644,7 +11644,7 @@ const Vi = class Vi {
       env: AstroPayConfig.getRuntimeConfig().MODE,
       version: AstroPayConfig.getRuntimeConfig().VERSION,
       sessionSampleRate: 50,
-      sessionReplaySampleRate: 10,
+      sessionReplaySampleRate: 100,
       defaultPrivacyLevel: "mask-user-input",
       trackViewsManually: !0,
       trackResources: !1,
@@ -28911,6 +28911,7 @@ class InputSelect extends Component {
     this.helperTextElement ? (this.helperTextElement.textContent = te, this.helperTextElement.style.color = ne.helperText.color) : (this.helperTextElement = new Typography({
       text: te,
       size: ne.helperText.size,
+      lineHeight: ne.helperText.size,
       weight: ne.helperText.weight,
       color: ne.helperText.color
     }).element, this.element.append(this.helperTextElement));
@@ -29188,6 +29189,7 @@ class InputText extends Component {
     this.helperTextElement ? (this.helperTextElement.textContent = te, this.helperTextElement.style.color = ne.helperText.color) : (this.helperTextElement = new Typography({
       text: te,
       size: ne.helperText.size,
+      lineHeight: ne.helperText.size,
       weight: ne.helperText.weight,
       color: ne.helperText.color
     }).element, this.element.append(this.helperTextElement));
@@ -30150,7 +30152,7 @@ var EBreakpoints = /* @__PURE__ */ ((ee) => (ee.MOBILE = "480px", ee.TABLET = "7
 const getFormTemplateStyles = () => css`
   display: flex;
   flex-direction: column;
-  gap: 12px;
+  gap: 8px;
 
   .row-container {
     display: flex;
@@ -30212,14 +30214,16 @@ class FormTemplate extends Component {
       label: te.label,
       placeholder: te.placeholder,
       options: mountSelectOptions(te.values),
-      validateOn: "onChange"
+      validateOn: "onChange",
+      helperText: NON_BREAKING_SPACE
     }) : this.createTextInput({
       name: te.field,
       label: te.label,
       placeholder: te.placeholder,
       type: "text",
       validationRegex: parseRegex(te.regex),
-      validateOn: "onChange"
+      validateOn: "onChange",
+      helperText: NON_BREAKING_SPACE
     });
   }
   createSelectInput(te) {
@@ -31985,17 +31989,17 @@ class CardApService {
       return this.form.accessToken = ie, await new Promise((oe) => {
         this.form.submit(
           (se) => {
-            var le, de, fe, he, pe;
+            var le, de, fe, he, pe, ge;
             const ae = (le = se.card_number) == null ? void 0 : le.details, ue = ae == null ? void 0 : ae.bin;
             if (!ue) {
               ne(new Error(AstroPayI18n.translate("card_tokenization_error")));
               return;
             }
             const ce = {
-              cardNumberTkn: ((de = se.card_number) == null ? void 0 : de.value) || "",
-              cvvToken: ((fe = se.card_cvc) == null ? void 0 : fe.value) || "",
-              holderName: (he = se.card_holder) == null ? void 0 : he.value,
-              expirationDate: formatCardExpiryDate((pe = se.card_exp) == null ? void 0 : pe.value),
+              cardNumberTkn: ((fe = (de = se.card_number) == null ? void 0 : de.value) == null ? void 0 : fe.trim()) || "",
+              cvvToken: ((he = se.card_cvc) == null ? void 0 : he.value) || "",
+              holderName: (pe = se.card_holder) == null ? void 0 : pe.value,
+              expirationDate: formatCardExpiryDate((ge = se.card_exp) == null ? void 0 : ge.value),
               firstSixDigits: ue ? ue.substring(0, 6) : "",
               lastFourDigits: (ae == null ? void 0 : ae.lastFour) || "",
               brand: (ae == null ? void 0 : ae.brand) || "unknown"
@@ -32043,7 +32047,7 @@ const CARD_STYLES = (ee, re) => ({
 }), getCardPaymentMethodStyles = (ee, { error: re = !1, disabled: te = !1 }) => css`
   display: flex;
   flex-direction: column;
-  gap: 12px;
+  gap: 8px;
 
   .loading-wrapper {
     display: flex;
@@ -32069,6 +32073,14 @@ const CARD_STYLES = (ee, re) => ({
     width: 100%;
   }
 
+  .row-container .input-container {
+    height: 100%;
+  }
+
+  .row-container .input-container > *:first-child {
+    flex: 1;
+  }
+
   .center-row {
     display: flex;
     justify-content: center;
@@ -32131,21 +32143,17 @@ class CardField extends Component {
       }).element, ue.append(this.labelTextElement), ue.htmlFor = te, this.inputContainer.append(this.labelTextElement);
     }
     const ae = document.createElement("div");
-    ae.id = te, ae.classList.add("form-field"), this.inputContainer.append(ae), ie && (this.helperTextElement = new Typography({
-      text: ie,
+    ae.id = te, ae.classList.add("form-field"), this.inputContainer.append(ae), this.helperTextElement = new Typography({
+      text: ie || NON_BREAKING_SPACE,
       size: se.helperText.size,
+      lineHeight: se.helperText.size,
       weight: se.helperText.weight,
       color: se.helperText.color
-    }).element, this.inputContainer.append(this.helperTextElement)), this.element.append(this.inputContainer);
+    }).element, this.inputContainer.append(this.helperTextElement), this.element.append(this.inputContainer);
   }
   setHelperText(te, ne = !0) {
     const ie = inputStyle(!ne);
-    this.helperTextElement || (this.helperTextElement = new Typography({
-      text: te,
-      size: ie.helperText.size,
-      weight: ie.helperText.weight,
-      color: ie.helperText.color
-    }).element, this.inputContainer.append(this.helperTextElement)), this.helperTextElement.textContent = te, this.helperTextElement.style.color = ie.helperText.color;
+    this.helperTextElement.textContent = te || NON_BREAKING_SPACE, this.helperTextElement.style.color = ie.helperText.color;
   }
   setValid(te) {
     if (this.labelTextElement) {
@@ -33045,11 +33053,17 @@ class AstroPayCardPayment extends Component {
     xe(this, "loadingWrapper");
     xe(this, "componentProps");
     xe(this, "methodCode");
-    this.componentProps = {
-      ...te,
-      country: te.country.trim().toUpperCase(),
-      currency: te.currency.trim().toUpperCase()
-    }, this.methodCode = ECheckoutPaymentMethod.CARD, AstroPayCore.registerComponent(this), AmplitudeAnalytics$1.astroPayPaymentImpression("AstroPayCardPayment"), this.loadingWrapper = document.createElement("div"), this.loadingWrapper.classList.add("loading-wrapper");
+    if (this.methodCode = ECheckoutPaymentMethod.CARD, te.paymentExternalId)
+      this.componentProps = te;
+    else {
+      const ie = te;
+      this.componentProps = {
+        ...ie,
+        country: ie.country.trim().toUpperCase(),
+        currency: ie.currency.trim().toUpperCase()
+      };
+    }
+    AstroPayCore.registerComponent(this), AmplitudeAnalytics$1.astroPayPaymentImpression("AstroPayCardPayment"), this.loadingWrapper = document.createElement("div"), this.loadingWrapper.classList.add("loading-wrapper");
     const ne = new Loading({
       size: 100,
       variant: "fetching",
@@ -33060,21 +33074,20 @@ class AstroPayCardPayment extends Component {
   async createPayment() {
     var te, ne;
     try {
-      const { amount: ie, currency: oe, country: se, order: ae, paymentExternalId: ue } = this.componentProps;
-      let ce;
-      if (ue)
-        ce = await PaymentService.getPaymentDetails(ue, "card_payment");
-      else {
-        const le = {
-          country: se,
-          currency: oe,
-          amount: ie,
-          order: ae,
+      let ie;
+      this.componentProps.paymentExternalId ? ie = await PaymentService.getPaymentDetails(
+        this.componentProps.paymentExternalId,
+        "card_payment"
+      ) : ie = await PaymentService.postCreatePayment(
+        {
+          country: this.componentProps.country,
+          currency: this.componentProps.currency,
+          amount: this.componentProps.amount,
+          order: this.componentProps.order,
           methodCode: this.methodCode
-        };
-        ce = await PaymentService.postCreatePayment(le, "card_payment");
-      }
-      this.renderAstroPayCardMethod(ce);
+        },
+        "card_payment"
+      ), this.renderAstroPayCardMethod(ie);
     } catch (ie) {
       const oe = ie;
       (ne = (te = this.componentProps) == null ? void 0 : te.onError) == null || ne.call(te), this.showErrorMessage(oe.description ?? oe.message);
@@ -33083,7 +33096,7 @@ class AstroPayCardPayment extends Component {
     }
   }
   renderAstroPayCardMethod(te) {
-    var pe, ge, me, ye;
+    var ye, ve, be, _e, Ce, Te;
     const {
       paymentExternalId: ne,
       user: ie,
@@ -33096,36 +33109,41 @@ class AstroPayCardPayment extends Component {
     } = te;
     this.element.innerHTML = "";
     const de = (oe == null ? void 0 : oe.filter(
-      (ve) => ve.enabled && CARDS_METHOD.includes(ve.code)
+      (Se) => Se.enabled && CARDS_METHOD.includes(Se.code)
     )) ?? [];
     if (de.length === 0) {
-      (ge = (pe = this.componentProps) == null ? void 0 : pe.onError) == null || ge.call(pe), this.showErrorMessage(AstroPayI18n.translate("generic_error"));
+      (ve = (ye = this.componentProps) == null ? void 0 : ye.onError) == null || ve.call(ye), this.showErrorMessage(AstroPayI18n.translate("generic_error"));
+      return;
+    }
+    const fe = (ce == null ? void 0 : ce.amount) ?? this.componentProps.amount, he = (ce == null ? void 0 : ce.currency) ?? this.componentProps.currency, pe = le ?? this.componentProps.country;
+    if (fe === void 0 || he === void 0 || pe === void 0) {
+      (_e = (be = this.componentProps) == null ? void 0 : be.onError) == null || _e.call(be), this.showErrorMessage(AstroPayI18n.translate("generic_error"));
       return;
     }
-    const fe = mountPaymentMethodItems({
+    const ge = mountPaymentMethodItems({
       paymentMethods: de,
       paymentExternalId: ne,
-      amount: (ce == null ? void 0 : ce.amount) ?? this.componentProps.amount,
-      currency: (ce == null ? void 0 : ce.currency) ?? this.componentProps.currency,
-      country: le ?? this.componentProps.country,
+      amount: fe,
+      currency: he,
+      country: pe,
       user: ie,
       countries: se,
       benefits: ae,
       actionLabel: ue == null ? void 0 : ue.actionLabel,
-      onSuccess: (ve) => this.showResultScreen(ve, {
+      onSuccess: (Se) => this.showResultScreen(Se, {
         type: "success",
         onSuccess: this.componentProps.onSuccess
       }),
-      onError: (ve) => this.showResultScreen(ve, {
+      onError: (Se) => this.showResultScreen(Se, {
         type: "error",
         onError: this.componentProps.onError
       }),
       cardConfig: {
-        showPaymentSummary: (me = this.componentProps) == null ? void 0 : me.showPaymentSummary,
-        expirationDateFormat: (ye = this.componentProps) == null ? void 0 : ye.expirationDateFormat
+        showPaymentSummary: (Ce = this.componentProps) == null ? void 0 : Ce.showPaymentSummary,
+        expirationDateFormat: (Te = this.componentProps) == null ? void 0 : Te.expirationDateFormat
       }
-    }), he = new Accordion({ items: fe, defaultActiveItem: 0 });
-    this.element.append(he.element);
+    }), me = new Accordion({ items: ge, defaultActiveItem: 0 });
+    this.element.append(me.element);
   }
   showErrorMessage(te) {
     this.element.innerHTML = "";
@@ -33211,13 +33229,24 @@ class AstroPayFullCheckout extends Component {
     xe(this, "loadingWrapper");
     xe(this, "componentProps");
     xe(this, "accPaymentMethods");
-    this.componentProps = {
-      ...te,
-      showTitle: te.showTitle ?? !0,
-      showDescription: te.showDescription ?? !0,
-      country: te.country.trim().toUpperCase(),
-      currency: te.currency.trim().toUpperCase()
-    }, AstroPayCore.registerComponent(this), AmplitudeAnalytics$1.astroPayPaymentImpression("AstroPayFullCheckout"), this.loadingWrapper = document.createElement("div"), this.loadingWrapper.classList.add("loading-wrapper");
+    if (te.paymentExternalId) {
+      const ie = te;
+      this.componentProps = {
+        ...ie,
+        showTitle: ie.showTitle ?? !0,
+        showDescription: ie.showDescription ?? !0
+      };
+    } else {
+      const ie = te;
+      this.componentProps = {
+        ...ie,
+        showTitle: ie.showTitle ?? !0,
+        showDescription: ie.showDescription ?? !0,
+        country: ie.country.trim().toUpperCase(),
+        currency: ie.currency.trim().toUpperCase()
+      };
+    }
+    AstroPayCore.registerComponent(this), AmplitudeAnalytics$1.astroPayPaymentImpression("AstroPayFullCheckout"), this.loadingWrapper = document.createElement("div"), this.loadingWrapper.classList.add("loading-wrapper");
     const ne = new Loading({
       size: 100,
       variant: "fetching",
@@ -33228,32 +33257,28 @@ class AstroPayFullCheckout extends Component {
   async createPayment() {
     var te, ne;
     try {
-      const {
-        amount: ie,
-        currency: oe,
-        country: se,
-        user: ae,
-        order: ue,
-        paymentExternalId: ce,
-        description: le,
-        paymentLink: de
-      } = this.componentProps;
-      let fe;
-      if (ce)
-        fe = await PaymentService.getPaymentDetails(ce, "full_checkout");
+      let ie;
+      if (this.componentProps.paymentExternalId)
+        ie = await PaymentService.getPaymentDetails(
+          this.componentProps.paymentExternalId,
+          "full_checkout"
+        );
       else {
-        const he = {
-          country: se,
-          currency: oe,
-          amount: ie,
-          user: ae,
-          order: ue,
-          description: le,
-          paymentLink: de
-        };
-        fe = await PaymentService.postCreatePayment(he, "full_checkout");
+        const { description: oe, paymentLink: se } = this.componentProps;
+        ie = await PaymentService.postCreatePayment(
+          {
+            country: this.componentProps.country,
+            currency: this.componentProps.currency,
+            amount: this.componentProps.amount,
+            user: this.componentProps.user,
+            order: this.componentProps.order,
+            description: oe,
+            paymentLink: se
+          },
+          "full_checkout"
+        );
       }
-      this.renderPaymentMethods(fe);
+      this.renderPaymentMethods(ie);
     } catch (ie) {
       const oe = ie;
       (ne = (te = this.componentProps) == null ? void 0 : te.onError) == null || ne.call(te);
@@ -33268,7 +33293,7 @@ class AstroPayFullCheckout extends Component {
     }
   }
   renderPaymentMethods(te) {
-    var pe, ge, me;
+    var ye, ve, be;
     const {
       paymentExternalId: ne,
       user: ie,
@@ -33281,50 +33306,53 @@ class AstroPayFullCheckout extends Component {
       paymentCountry: de
     } = te;
     if (this.element.innerHTML = "", this.componentProps.showTitle) {
-      const ye = new Typography({
+      const _e = new Typography({
         text: AstroPayI18n.translate("checkout_method"),
         variant: "div",
         size: "large",
         weight: 600
       }).element;
-      this.element.append(ye);
+      this.element.append(_e);
     }
     if (this.componentProps.showDescription && ae) {
-      const ye = new Typography({
+      const _e = new Typography({
         text: ae,
         size: "small",
         color: ThemeManager.getStyles().textSecondaryColor,
         weight: 400
       }).element;
-      this.element.append(ye);
+      this.element.append(_e);
     }
     const fe = {
       code: EPaymentCode.AP,
-      label: ((pe = te == null ? void 0 : te.metadata) == null ? void 0 : pe.title) || AstroPayI18n.translate("astro_express_checkout"),
-      description: (ge = te == null ? void 0 : te.metadata) == null ? void 0 : ge.description,
+      label: ((ye = te == null ? void 0 : te.metadata) == null ? void 0 : ye.title) || AstroPayI18n.translate("astro_express_checkout"),
+      description: (ve = te == null ? void 0 : te.metadata) == null ? void 0 : ve.description,
       enabled: !0
-    }, he = mountPaymentMethodItems({
+    }, he = (le == null ? void 0 : le.amount) ?? this.componentProps.amount, pe = (le == null ? void 0 : le.currency) ?? this.componentProps.currency, ge = de ?? this.componentProps.country;
+    if (he === void 0 || pe === void 0 || ge === void 0)
+      throw new Error(AstroPayI18n.translate("generic_error"));
+    const me = mountPaymentMethodItems({
       paymentMethods: [fe, ...oe ?? []],
       paymentExternalId: ne,
-      amount: (le == null ? void 0 : le.amount) ?? this.componentProps.amount,
-      currency: (le == null ? void 0 : le.currency) ?? this.componentProps.currency,
-      country: de ?? this.componentProps.country,
+      amount: he,
+      currency: pe,
+      country: ge,
       user: ie,
       countries: se,
       benefits: ue,
       actionLabel: ce == null ? void 0 : ce.actionLabel,
-      onSuccess: (ye) => this.showResultScreen(ye, {
+      onSuccess: (_e) => this.showResultScreen(_e, {
         type: "success",
         onSuccess: this.componentProps.onSuccess
       }),
-      onError: (ye) => this.showResultScreen(ye, {
+      onError: (_e) => this.showResultScreen(_e, {
         type: "error",
         onError: this.componentProps.onError
       }),
-      cardConfig: (me = this.componentProps) == null ? void 0 : me.cardConfig
+      cardConfig: (be = this.componentProps) == null ? void 0 : be.cardConfig
     });
-    he.length > 0 && (this.accPaymentMethods = new Accordion({
-      items: he,
+    me.length > 0 && (this.accPaymentMethods = new Accordion({
+      items: me,
       defaultActiveItem: 0
     }), this.element.append(this.accPaymentMethods.element));
   }
@@ -33402,11 +33430,17 @@ class AstroPayPayment extends Component {
     xe(this, "loadingWrapper");
     xe(this, "componentProps");
     xe(this, "methodCode");
-    this.componentProps = {
-      ...te,
-      country: te.country.trim().toUpperCase(),
-      currency: te.currency.trim().toUpperCase()
-    }, this.methodCode = ECheckoutPaymentMethod.ASTRO_PAY, AstroPayCore.registerComponent(this), AmplitudeAnalytics$1.astroPayPaymentImpression("AstroPayPayment"), this.loadingWrapper = document.createElement("div"), this.loadingWrapper.classList.add("loading-wrapper");
+    if (this.methodCode = ECheckoutPaymentMethod.ASTRO_PAY, te.paymentExternalId)
+      this.componentProps = te;
+    else {
+      const ie = te;
+      this.componentProps = {
+        ...ie,
+        country: ie.country.trim().toUpperCase(),
+        currency: ie.currency.trim().toUpperCase()
+      };
+    }
+    AstroPayCore.registerComponent(this), AmplitudeAnalytics$1.astroPayPaymentImpression("AstroPayPayment"), this.loadingWrapper = document.createElement("div"), this.loadingWrapper.classList.add("loading-wrapper");
     const ne = new Loading({
       size: 100,
       variant: "fetching",
@@ -33417,22 +33451,21 @@ class AstroPayPayment extends Component {
   async createPayment() {
     var te, ne;
     try {
-      const { amount: ie, currency: oe, country: se, user: ae, order: ue, paymentExternalId: ce } = this.componentProps;
-      let le;
-      if (ce)
-        le = await PaymentService.getPaymentDetails(ce, "astropay_payment");
-      else {
-        const de = {
-          country: se,
-          currency: oe,
-          amount: ie,
-          user: ae,
-          order: ue,
+      let ie;
+      this.componentProps.paymentExternalId ? ie = await PaymentService.getPaymentDetails(
+        this.componentProps.paymentExternalId,
+        "astropay_payment"
+      ) : ie = await PaymentService.postCreatePayment(
+        {
+          country: this.componentProps.country,
+          currency: this.componentProps.currency,
+          amount: this.componentProps.amount,
+          user: this.componentProps.user,
+          order: this.componentProps.order,
           methodCode: this.methodCode
-        };
-        le = await PaymentService.postCreatePayment(de, "astropay_payment");
-      }
-      this.renderAstroPayMethod(le);
+        },
+        "astropay_payment"
+      ), this.renderAstroPayMethod(ie);
     } catch (ie) {
       const oe = ie;
       (ne = (te = this.componentProps) == null ? void 0 : te.onError) == null || ne.call(te);
@@ -33449,26 +33482,26 @@ class AstroPayPayment extends Component {
   renderAstroPayMethod(te) {
     const { paymentExternalId: ne, user: ie, countries: oe, benefits: se, metadata: ae, paymentAmount: ue } = te;
     this.element.innerHTML = "";
-    const ce = {
-      amount: (ue == null ? void 0 : ue.amount) ?? this.componentProps.amount,
-      currency: (ue == null ? void 0 : ue.currency) ?? this.componentProps.currency
-    }, le = new AstroPayPaymentMethod({
+    const ce = (ue == null ? void 0 : ue.amount) ?? this.componentProps.amount, le = (ue == null ? void 0 : ue.currency) ?? this.componentProps.currency;
+    if (ce === void 0 || le === void 0)
+      throw new Error(AstroPayI18n.translate("generic_error"));
+    const de = { amount: ce, currency: le }, fe = new AstroPayPaymentMethod({
       paymentExternalId: ne,
       user: ie,
       countries: oe,
       benefits: se,
-      paymentAmount: ce,
+      paymentAmount: de,
       actionLabel: ae == null ? void 0 : ae.actionLabel,
-      onSuccess: (de) => this.showResultScreen(de, {
+      onSuccess: (he) => this.showResultScreen(he, {
         type: "success",
         onSuccess: this.componentProps.onSuccess
       }),
-      onError: (de) => this.showResultScreen(de, {
+      onError: (he) => this.showResultScreen(he, {
         type: "error",
         onError: this.componentProps.onError
       })
     }).element;
-    this.element.append(le);
+    this.element.append(fe);
   }
   showResultScreen(te, ne) {
     this.element.innerHTML = "";

package/dist/{profiler-Cq4Jvt9c.js → profiler-D3cW_-YH.js}

@@ -1,4 +1,4 @@
-import { p as x, V as z, W as H, w as O, X as W, Y as v, Z as X, O as Y, M as Z } from "./main-QOFSdpoZ.js";
+import { p as x, V as z, W as H, w as O, X as W, Y as v, Z as X, O as Y, M as Z } from "./main-OhXOviRS.js";
 function q(e) {
   let t = 0;
   for (const o of e)

package/dist/{startRecording-CKBjDVQr.js → startRecording-D2fB2eZp.js}

@@ -1,4 +1,4 @@
-import { s as A, C, b as ft, i as Y, g as V, N as h, P as X, S as pt, a as B, c as ht, d as mt, e as St, f as q, r as gt, h as Et, j as yt, k as Tt, l as j, m as J, t as _, n as x, o as M, p as K, q as N, u as Q, v as Z, w as Nt, x as vt, y as b, z as D, A as R, B as wt, D as Mt, E as It, F as Rt, G as Ct, H as bt, I as _t, J as Lt, K as Dt, L as xt, M as Ot, O as At, Q as Vt, R as Pt, T as kt, U as zt } from "./main-QOFSdpoZ.js";
+import { s as A, C, b as ft, i as Y, g as V, N as h, P as X, S as pt, a as B, c as ht, d as mt, e as St, f as q, r as gt, h as Et, j as yt, k as Tt, l as j, m as J, t as _, n as x, o as M, p as K, q as N, u as Q, v as Z, w as Nt, x as vt, y as b, z as D, A as R, B as wt, D as Mt, E as It, F as Rt, G as Ct, H as bt, I as _t, J as Lt, K as Dt, L as xt, M as Ot, O as At, Q as Vt, R as Pt, T as kt, U as zt } from "./main-OhXOviRS.js";
 const P = /* @__PURE__ */ new WeakMap();
 function T(t) {
   return P.has(t);