@bcc-code/payment-client 1.1.3 → 1.1.4

package/dist/components/index.mjs

@@ -1,14 +1,14 @@
-import { defineComponent as E, ref as _, computed as S, onMounted as A, onUnmounted as I, watch as N, createElementBlock as v, openBlock as b, createElementVNode as o, createCommentVNode as P, toDisplayString as g } from "vue";
+import { defineComponent as U, ref as D, computed as w, onMounted as A, onUnmounted as I, watch as E, createElementBlock as v, openBlock as b, createElementVNode as s, createCommentVNode as k, toDisplayString as _ } from "vue";
 const $ = { class: "stripe-elements" }, B = {
   key: 0,
   class: "elements-loading"
 }, x = {
   key: 1,
   class: "elements-error"
-}, M = {
+}, O = {
   key: 2,
   class: "payment-button-container"
-}, O = ["disabled"], H = /* @__PURE__ */ E({
+}, M = ["disabled"], H = /* @__PURE__ */ U({
   __name: "StripePayment",
   props: {
     paymentId: {},
@@ -24,10 +24,10 @@ const $ = { class: "stripe-elements" }, B = {
     returnUrl: { default: void 0 }
   },
   emits: ["submit", "success", "error", "ready"],
-  setup(h, { expose: D, emit: m }) {
-    const e = h, a = m, p = _(), u = _(!0), n = _(!1), l = _("");
+  setup(h, { expose: P, emit: m }) {
+    const e = h, a = m, p = D(), u = D(!0), n = D(!1), c = D("");
     let d = null, f = null, y = null;
-    const w = S(() => ({
+    const K = w(() => ({
       EUR: "€",
       USD: "$",
       GBP: "£",
@@ -38,33 +38,33 @@ const $ = { class: "stripe-elements" }, B = {
       PLN: "zł",
       CZK: "Kč",
       HUF: "Ft"
-    })[e.currency] || e.currency), K = S(() => e.amount.toFixed(2)), r = S(() => {
+    })[e.currency] || e.currency), N = w(() => e.amount.toFixed(2)), o = w(() => {
       if (e.clientData)
         try {
-          const s = JSON.parse(e.clientData);
-          return s.clientSecret || s.client_secret;
+          const r = JSON.parse(e.clientData);
+          return r.clientSecret || r.client_secret;
         } catch {
           return;
         }
-    }), c = async () => {
+    }), i = async () => {
       if (!p.value) return;
-      let s = e.publishableKey;
-      if (!s && e.clientData)
+      let r = e.publishableKey;
+      if (!r && e.clientData)
         try {
-          const i = JSON.parse(e.clientData);
-          s = i.publishableKey || i.publishable_key;
+          const l = JSON.parse(e.clientData);
+          r = l.publishableKey || l.publishable_key;
         } catch {
         }
-      if (!s) {
-        l.value = "Publishable key is required", u.value = !1;
+      if (!r) {
+        c.value = "Publishable key is required", u.value = !1;
         return;
       }
       try {
-        u.value = !0, l.value = "";
-        const { loadStripe: i } = await import("@stripe/stripe-js");
-        if (d = await i(s), !d)
+        u.value = !0, c.value = "";
+        const { loadStripe: l } = await import("@stripe/stripe-js");
+        if (d = await l(r), !d)
           throw new Error("Failed to load Stripe");
-        const t = r.value, k = {
+        const t = o.value, S = {
           appearance: e.appearance || {
             theme: "stripe",
             variables: {
@@ -80,7 +80,7 @@ const $ = { class: "stripe-elements" }, B = {
           loader: e.loader,
           locale: e.locale
         };
-        t && (k.clientSecret = t), f = d.elements(k), y = f.create("payment", {
+        t && (S.clientSecret = t), f = d.elements(S), y = f.create("payment", {
           layout: "tabs",
           defaultValues: {
             billingDetails: {
@@ -91,24 +91,24 @@ const $ = { class: "stripe-elements" }, B = {
           }
         }), y.mount(p.value), y.on("ready", () => {
           u.value = !1, a("ready");
-        }), y.on("change", (U) => {
-          U.error ? (l.value = U.error.message, a("error", U.error)) : l.value = "";
+        }), y.on("change", (R) => {
+          R.error ? (c.value = R.error.message, a("error", R.error)) : c.value = "";
         });
-      } catch (i) {
-        l.value = i instanceof Error ? i.message : "Failed to initialize payment form", u.value = !1, a("error", i);
+      } catch (l) {
+        c.value = l instanceof Error ? l.message : "Failed to initialize payment form", u.value = !1, a("error", l);
       }
-    }, R = async () => {
+    }, C = async () => {
       if (!(!d || !y)) {
-        n.value = !0, l.value = "";
+        n.value = !0, c.value = "";
         try {
-          const s = e.returnUrl || `${window.location.origin}/payment/return`, { error: i, paymentIntent: t } = await d.confirmPayment({
+          const r = e.returnUrl || `${window.location.origin}/payment/return`, { error: l, paymentIntent: t } = await d.confirmPayment({
             elements: f,
             confirmParams: {
-              return_url: s
+              return_url: r
             },
             redirect: "if_required"
           });
-          i ? (l.value = i.message || "Payment failed", a("error", i)) : t ? t.status === "succeeded" ? a("success", {
+          l ? (c.value = l.message || "Payment failed", a("error", l)) : t ? t.status === "succeeded" ? a("success", {
             paymentIntent: t,
             status: "succeeded",
             message: "Payment completed successfully!"
@@ -117,58 +117,58 @@ const $ = { class: "stripe-elements" }, B = {
             status: "processing",
             message: "Payment is being processed..."
           }) : a("submit", { paymentIntent: t, status: t.status }) : a("submit", y);
-        } catch (s) {
-          l.value = s instanceof Error ? s.message : "Payment failed", a("error", s);
+        } catch (r) {
+          c.value = r instanceof Error ? r.message : "Payment failed", a("error", r);
         } finally {
           n.value = !1;
         }
       }
-    }, C = () => {
+    }, g = () => {
       y && (y.destroy(), y = null), f && (f = null), d && (d = null);
     };
     return A(() => {
-      c();
+      i();
     }), I(() => {
-      C();
-    }), N(() => e.currency, () => {
-      C(), c();
-    }), N([() => e.publishableKey, () => e.clientData], () => {
-      (e.publishableKey || e.clientData) && (C(), c());
-    }), D({
-      destroyElements: C
-    }), (s, i) => (b(), v("div", $, [
-      o("div", {
+      g();
+    }), E(() => e.currency, () => {
+      g(), i();
+    }), E([() => e.publishableKey, () => e.clientData], () => {
+      (e.publishableKey || e.clientData) && (g(), i());
+    }), P({
+      destroyElements: g
+    }), (r, l) => (b(), v("div", $, [
+      s("div", {
         ref_key: "elementsContainer",
         ref: p,
         class: "elements-container"
       }, null, 512),
-      u.value ? (b(), v("div", B, [...i[0] || (i[0] = [
-        o("div", { class: "loading-spinner" }, null, -1),
-        o("p", null, "Loading payment form...", -1)
-      ])])) : P("", !0),
-      l.value ? (b(), v("div", x, [
-        i[1] || (i[1] = o("div", { class: "error-icon" }, " ⚠️ ", -1)),
-        o("p", null, g(l.value), 1),
-        o("button", {
+      u.value ? (b(), v("div", B, [...l[0] || (l[0] = [
+        s("div", { class: "loading-spinner" }, null, -1),
+        s("p", null, "Loading payment form...", -1)
+      ])])) : k("", !0),
+      c.value ? (b(), v("div", x, [
+        l[1] || (l[1] = s("div", { class: "error-icon" }, " ⚠️ ", -1)),
+        s("p", null, _(c.value), 1),
+        s("button", {
           class: "retry-btn",
-          onClick: c
+          onClick: i
         }, " Retry ")
-      ])) : P("", !0),
-      h.showPayButton && !u.value && !l.value ? (b(), v("div", M, [
-        o("button", {
+      ])) : k("", !0),
+      h.showPayButton && !u.value && !c.value ? (b(), v("div", O, [
+        s("button", {
           disabled: n.value,
           class: "payment-button",
-          onClick: R
-        }, g(n.value ? "Processing..." : `Pay ${w.value}${K.value}`), 9, O)
-      ])) : P("", !0)
+          onClick: C
+        }, _(n.value ? "Processing..." : `Pay ${K.value}${N.value}`), 9, M)
+      ])) : k("", !0)
     ]));
   }
-}), F = (h, D) => {
+}), F = (h, P) => {
   const m = h.__vccOpts || h;
-  for (const [e, a] of D)
+  for (const [e, a] of P)
     m[e] = a;
   return m;
-}, ne = /* @__PURE__ */ F(H, [["__scopeId", "data-v-adbdf3c5"]]), z = /* @__PURE__ */ E({
+}, ne = /* @__PURE__ */ F(H, [["__scopeId", "data-v-adbdf3c5"]]), z = /* @__PURE__ */ U({
   __name: "AdyenPayment",
   props: {
     paymentId: {},
@@ -181,8 +181,8 @@ const $ = { class: "stripe-elements" }, B = {
     onCancel: { type: Function }
   },
   emits: ["submit", "additionalDetails", "error", "ready", "success"],
-  setup(h, { emit: D }) {
-    const m = h, e = D, a = _(null), p = () => {
+  setup(h, { emit: P }) {
+    const m = h, e = P, a = D(null), p = () => {
       if (!m.clientData)
         return console.error("No clientData provided"), null;
       try {
@@ -199,7 +199,7 @@ const $ = { class: "stripe-elements" }, B = {
         return console.error("Failed to parse clientData:", n), null;
       }
     }, u = async () => {
-      var l;
+      var c;
       if (!m.clientKey || !a.value) {
         console.error("Initialization failed: Missing clientKey or container.");
         return;
@@ -210,12 +210,12 @@ const $ = { class: "stripe-elements" }, B = {
         return;
       }
       try {
-        const { AdyenCheckout: d, Card: f, ApplePay: y, GooglePay: w, Klarna: K, Blik: r, Dropin: c } = await import("@adyen/adyen-web"), R = {
+        const { AdyenCheckout: d, Card: f, ApplePay: y, GooglePay: K, Klarna: N, Blik: o, Dropin: i } = await import("@adyen/adyen-web"), C = {
           environment: m.environment || "test",
           clientKey: m.clientKey,
           session: n,
-          onPaymentCompleted: (t, k) => {
-            console.info("Payment Completed:", t, k), e("submit", t), t.resultCode === "Authorised" || t.resultCode === "Received" ? (console.info("Payment Successful:", t), e("success", {
+          onPaymentCompleted: (t, S) => {
+            console.info("Payment Completed:", t, S), e("submit", t), t.resultCode === "Authorised" || t.resultCode === "Received" ? (console.info("Payment Successful:", t), e("success", {
               status: "succeeded",
               message: "Payment completed successfully",
               resultCode: t.resultCode,
@@ -233,12 +233,12 @@ const $ = { class: "stripe-elements" }, B = {
               paymentData: t
             }));
           },
-          onError: (t, k) => {
-            console.error("Adyen Error:", t.name, t.message, t.stack, k), e("error", t);
+          onError: (t, S) => {
+            console.error("Adyen Error:", t.name, t.message, t.stack, S), e("error", t);
           }
-        }, C = {
+        }, g = {
           showPayButton: !0,
-          paymentMethodComponents: [f, y, w, K, r],
+          paymentMethodComponents: [f, y, K, N, o],
           paymentMethodsConfiguration: {
             card: {
               hasHolderName: !0,
@@ -259,37 +259,37 @@ const $ = { class: "stripe-elements" }, B = {
               // BLIK configuration for Polish market
             }
           }
-        }, s = await d(R);
-        console.log("Adyen Checkout created:", s), console.log("Available payment methods from session:", (l = s.paymentMethodsResponse) == null ? void 0 : l.paymentMethods);
-        const i = new c(s, C);
-        console.log("Adyen Drop-in created with session payment methods"), a.value && (i.mount(a.value), console.log("Adyen Drop-in mounted successfully"), e("ready"));
+        }, r = await d(C);
+        console.log("Adyen Checkout created:", r), console.log("Available payment methods from session:", (c = r.paymentMethodsResponse) == null ? void 0 : c.paymentMethods);
+        const l = new i(r, g);
+        console.log("Adyen Drop-in created with session payment methods"), a.value && (l.mount(a.value), console.log("Adyen Drop-in mounted successfully"), e("ready"));
       } catch (d) {
         console.error("Error creating Adyen Drop-in:", d), e("error", d);
       }
     };
     return A(() => {
       u();
-    }), N(() => m.clientData, () => {
+    }), E(() => m.clientData, () => {
       a.value && (a.value.innerHTML = "", u());
-    }), (n, l) => (b(), v("div", {
+    }), (n, c) => (b(), v("div", {
       ref_key: "dropinContainer",
       ref: a,
       class: "payment-dropin"
     }, null, 512));
   }
-}), ae = /* @__PURE__ */ F(z, [["__scopeId", "data-v-ef2ec054"]]), L = { class: "delayed-payment" }, q = { class: "payment-form" }, J = { class: "amount-display" }, V = { class: "amount-value" }, G = {
+}), ae = /* @__PURE__ */ F(z, [["__scopeId", "data-v-ef2ec054"]]), L = { class: "delayed-payment" }, T = { class: "payment-form" }, j = { class: "amount-display" }, q = { class: "amount-value" }, J = {
   key: 0,
   class: "session-info"
-}, T = {
+}, V = {
   key: 0,
   class: "info-row"
-}, W = { class: "value" }, Z = {
+}, G = { class: "value" }, W = {
   key: 1,
   class: "info-row"
-}, j = { class: "value" }, Q = {
+}, X = { class: "value" }, Z = {
   key: 1,
   class: "error-message"
-}, X = { class: "button-container" }, Y = ["disabled"], ee = /* @__PURE__ */ E({
+}, Q = { class: "button-container" }, Y = ["disabled"], ee = /* @__PURE__ */ U({
   __name: "DelayedPayment",
   props: {
     paymentId: { default: void 0 },
@@ -299,8 +299,8 @@ const $ = { class: "stripe-elements" }, B = {
     tenantId: { default: void 0 }
   },
   emits: ["submit", "success", "error", "ready"],
-  setup(h, { expose: D, emit: m }) {
-    const e = h, a = m, p = _(!1), u = _(""), n = _({}), l = S(() => ({
+  setup(h, { expose: P, emit: m }) {
+    const e = h, a = m, p = D(!1), u = D(""), n = D({}), c = w(() => ({
       EUR: "€",
       USD: "$",
       GBP: "£",
@@ -309,88 +309,109 @@ const $ = { class: "stripe-elements" }, B = {
       SEK: "kr",
       DKK: "kr",
       PLN: "zł"
-    })[e.currency] || e.currency), d = S(() => e.amount.toFixed(2)), f = S(() => n.value.invoiceNumber && n.value.confirmationUrl), y = () => {
+    })[e.currency] || e.currency), d = w(() => e.amount.toFixed(2)), f = w(() => n.value.transactionNumber && n.value.confirmationUrl), y = () => {
       if (!e.clientData) {
         console.error("No clientData provided for delayed payment");
         return;
       }
       try {
-        const r = JSON.parse(e.clientData);
-        console.log("Parsed delayed payment session data:", r), n.value = {
-          invoiceNumber: r.invoiceNumber,
-          merchantReference: r.merchantReference,
-          providerUid: r.providerUid,
-          paymentId: r.paymentId,
-          confirmationUrl: r.confirmationUrl,
-          returnUrl: r.returnUrl
+        const o = JSON.parse(e.clientData);
+        console.log("Parsed delayed payment session data:", o), n.value = {
+          transactionNumber: o.transactionNumber,
+          merchantReference: o.merchantReference,
+          providerUid: o.providerUid,
+          paymentId: o.paymentId,
+          confirmationUrl: o.confirmationUrl
         }, a("ready");
-      } catch (r) {
-        console.error("Failed to parse clientData:", r), u.value = "Invalid session data", a("error", r);
+      } catch (o) {
+        console.error("Failed to parse clientData:", o), u.value = "Invalid session data", a("error", o);
       }
-    }, w = () => {
+    }, K = async () => {
       if (!(!f.value || p.value)) {
         p.value = !0, u.value = "";
         try {
-          const r = {
+          const o = {
             provider: "delayed-payment",
             amount: e.amount,
             currency: e.currency,
-            invoiceNumber: n.value.invoiceNumber,
+            transactionNumber: n.value.transactionNumber,
             merchantReference: n.value.merchantReference,
             timestamp: (/* @__PURE__ */ new Date()).toISOString()
           };
-          if (a("submit", r), !n.value.confirmationUrl)
+          if (a("submit", o), !n.value.confirmationUrl)
             throw new Error("Confirmation URL not provided");
-          window.location.href = n.value.confirmationUrl;
-        } catch (r) {
-          u.value = r instanceof Error ? r.message : "Failed to confirm payment", a("error", r), p.value = !1;
+          const i = {
+            "Content-Type": "application/json",
+            Accept: "application/json"
+          };
+          e.tenantId && (i["X-Tenant-ID"] = e.tenantId);
+          const C = await fetch(n.value.confirmationUrl, {
+            method: "POST",
+            headers: i,
+            credentials: "include"
+          });
+          if (!C.ok) {
+            const r = await C.json();
+            throw new Error(r.message || "Failed to confirm payment");
+          }
+          const g = await C.json();
+          a("success", {
+            status: "succeeded",
+            message: g.message,
+            paymentId: g.paymentId,
+            transactionNumber: n.value.transactionNumber
+          });
+        } catch (o) {
+          u.value = o instanceof Error ? o.message : "Failed to confirm payment", a("error", o);
+        } finally {
+          p.value = !1;
         }
       }
-    }, K = () => {
+    }, N = () => {
       u.value = "";
     };
     return A(() => {
       y();
-    }), D({
-      clearError: K
-    }), (r, c) => (b(), v("div", L, [
-      o("div", q, [
-        c[4] || (c[4] = o("div", { class: "info-section" }, [
-          o("div", { class: "info-icon" }, " 📄 "),
-          o("h3", { class: "info-title" }, " Delayed Payment "),
-          o("p", { class: "info-description" }, " Payment will be processed manually via invoice or bank transfer ")
+    }), P({
+      clearError: N
+    }), (o, i) => (b(), v("div", L, [
+      s("div", T, [
+        i[4] || (i[4] = s("div", { class: "info-section" }, [
+          s("div", { class: "info-icon" }, " 📄 "),
+          s("h3", { class: "info-title" }, " Delayed Payment "),
+          s("p", { class: "info-description" }, " Payment will be processed manually via invoice or bank transfer ")
         ], -1)),
-        o("div", J, [
-          c[0] || (c[0] = o("span", { class: "amount-label" }, "Amount to pay:", -1)),
-          o("span", V, g(l.value) + g(d.value), 1)
+        s("div", j, [
+          i[0] || (i[0] = s("span", { class: "amount-label" }, "Amount to pay:", -1)),
+          s("span", q, _(c.value) + _(d.value), 1)
         ]),
-        f.value ? (b(), v("div", G, [
-          n.value.invoiceNumber ? (b(), v("div", T, [
-            c[1] || (c[1] = o("span", { class: "label" }, "Invoice Number:", -1)),
-            o("span", W, g(n.value.invoiceNumber), 1)
-          ])) : P("", !0),
-          n.value.merchantReference ? (b(), v("div", Z, [
-            c[2] || (c[2] = o("span", { class: "label" }, "Reference:", -1)),
-            o("span", j, g(n.value.merchantReference), 1)
-          ])) : P("", !0)
-        ])) : P("", !0),
-        u.value ? (b(), v("div", Q, [
-          c[3] || (c[3] = o("div", { class: "error-icon" }, " ⚠️ ", -1)),
-          o("p", null, g(u.value), 1)
-        ])) : P("", !0),
-        o("div", X, [
-          o("button", {
+        f.value ? (b(), v("div", J, [
+          n.value.transactionNumber ? (b(), v("div", V, [
+            i[1] || (i[1] = s("span", { class: "label" }, "Transaction Number:", -1)),
+            s("span", G, _(n.value.transactionNumber), 1)
+          ])) : k("", !0),
+          n.value.merchantReference ? (b(), v("div", W, [
+            i[2] || (i[2] = s("span", { class: "label" }, "Reference:", -1)),
+            s("span", X, _(n.value.merchantReference), 1)
+          ])) : k("", !0)
+        ])) : k("", !0),
+        u.value ? (b(), v("div", Z, [
+          i[3] || (i[3] = s("div", { class: "error-icon" }, " ⚠️ ", -1)),
+          s("p", null, _(u.value), 1)
+        ])) : k("", !0),
+        s("div", Q, [
+          s("button", {
             disabled: p.value || !f.value,
             class: "submit-button",
-            onClick: w
-          }, g(p.value ? "Processing..." : `Confirm Payment ${l.value}${d.value}`), 9, Y)
+            onClick: K
+          }, _(p.value ? "Processing..." : `Confirm Payment ${c.value}${d.value}`), 9, Y)
         ])
       ])
     ]));
   }
-}), oe = /* @__PURE__ */ F(ee, [["__scopeId", "data-v-d0f79a32"]]);
+}), se = /* @__PURE__ */ F(ee, [["__scopeId", "data-v-ebc5d9c9"]]);
 export {
   ae as AdyenPayment,
-  oe as DelayedPayment,
+  se as DelayedPayment,
   ne as StripePayment
 };