@verbb/formie-browser 1.0.1 → 1.0.3

package/dist/chunks/loqate-BdNGv93o.js

@@ -0,0 +1,55 @@
+import { d as p, A as d } from "./index-BcqwpPNE.js";
+import { l as y } from "./scripts-D9N2d5rN.js";
+const E = "FORMIE_LOQATE_SCRIPT", C = p({
+  id: "loqate",
+  load: async () => {
+    await y("pca", {
+      id: E,
+      src: "https://services.pcapredict.com/js/address-3.91.min.js",
+      async: !0,
+      defer: !0
+    });
+    const e = document.createElement("link");
+    return e.href = "https://services.pcapredict.com/css/address-3.91.min.css", e.rel = "stylesheet", e.type = "text/css", document.querySelector(`link[href="${e.href}"]`) || document.body.appendChild(e), window.pca;
+  },
+  mount: ({ api: e, field: m, services: P, provider: n }) => {
+    const l = n.namespace || "", i = n.apiKey || "";
+    if (!i)
+      throw new Error("Loqate API key is required");
+    const f = {
+      autoComplete: d.autoComplete,
+      address1: d.address1,
+      address2: d.address2,
+      address3: d.address3,
+      city: d.city,
+      state: d.state,
+      zip: d.zip,
+      country: d.country
+    }, t = (o) => {
+      if (l)
+        return `${l}[${o}]`;
+      const a = f[o], s = a ? m.querySelector(a) : null;
+      return s?.name ? s.name : s?.id ? s.id : "";
+    }, c = t("autoComplete");
+    if (!c)
+      throw new Error("Loqate: could not find autocomplete input within address field");
+    const u = [
+      { element: c, field: "", mode: e.fieldMode.SEARCH },
+      { element: t("address1"), field: "Line1", mode: e.fieldMode.POPULATE },
+      { element: t("address2"), field: "Line2", mode: e.fieldMode.POPULATE },
+      { element: t("address3"), field: "Line3", mode: e.fieldMode.POPULATE },
+      { element: t("city"), field: "City", mode: e.fieldMode.POPULATE },
+      { element: t("state"), field: "Province", mode: e.fieldMode.POPULATE },
+      { element: t("zip"), field: "PostalCode", mode: e.fieldMode.POPULATE },
+      { element: t("country"), field: "CountryName", mode: e.fieldMode.COUNTRY }
+    ].filter((o) => o.element), r = new e.Address(u, {
+      key: i,
+      simulateReactEvents: !0,
+      ...n.reconfigurableOptions || {}
+    });
+    return typeof r.load == "function" && r.load(), r;
+  }
+});
+export {
+  C as loqateModule
+};

package/dist/chunks/mollie-DFOjTuGX.js

@@ -0,0 +1,24 @@
+import { u as d, v as l } from "./index-BcqwpPNE.js";
+const o = l("mollie", "redirect"), s = d({
+  id: "mollie",
+  defaultRequiredInputSuffixes: [],
+  load: async () => null,
+  setup: async ({ services: r, root: e }) => {
+    const t = (i) => {
+      const n = i.detail?.data;
+      if (!n?.checkoutUrl) {
+        r.addError("Missing Mollie checkout URL.");
+        return;
+      }
+      window.location.href = n.checkoutUrl;
+    };
+    return e.addEventListener(o, t), {
+      destroy: () => {
+        e.removeEventListener(o, t);
+      }
+    };
+  }
+});
+export {
+  s as mollieModule
+};

package/dist/chunks/moneris-BbFfl-EL.js

@@ -0,0 +1,101 @@
+import { u as S } from "./index-BcqwpPNE.js";
+const k = {
+  940: "Invalid profile ID (tokenization request).",
+  941: "Error generating token.",
+  942: "Invalid Profile ID or source URL.",
+  943: "Card data is invalid.",
+  944: "Invalid expiration date.",
+  945: "Invalid CVD."
+}, I = (n) => {
+  const i = (e) => {
+    const r = String(e.dataKey ?? e.data_key ?? "").trim(), t = String(e.responseCode ?? e.response_code ?? "").trim(), d = String(e.responseMessage ?? e.response_message ?? "").trim(), a = String(e.error ?? e.errorMessage ?? e.message ?? "").trim();
+    if (r)
+      return { token: r, error: "" };
+    if (t && t !== "001") {
+      const s = k[t] || `Moneris response code ${t}.`;
+      return { token: "", error: d || s };
+    }
+    return { token: "", error: a };
+  };
+  if (n && typeof n == "object")
+    return i(n);
+  if (typeof n != "string")
+    return { token: "", error: "" };
+  const o = n.trim();
+  if (!o)
+    return { token: "", error: "" };
+  try {
+    const e = JSON.parse(o);
+    if (e && typeof e == "object")
+      return i(e);
+  } catch {
+  }
+  if (o.includes("=")) {
+    const e = new URLSearchParams(o), r = (e.get("dataKey") || e.get("data_key") || "").trim(), t = (e.get("responseCode") || e.get("response_code") || "").trim(), d = (e.get("responseMessage") || e.get("response_message") || "").trim(), a = (e.get("error") || e.get("message") || "").trim();
+    if (r)
+      return { token: r, error: "" };
+    if (t && t !== "001") {
+      const s = k[t] || `Moneris response code ${t}.`;
+      return { token: "", error: d || s };
+    }
+    return { token: "", error: a };
+  }
+  return /^[A-Za-z0-9._-]{8,}$/.test(o) ? { token: o, error: "" } : { token: "", error: "" };
+}, z = S({
+  id: "moneris",
+  defaultRequiredInputSuffixes: ["monerisTokenId"],
+  load: async () => null,
+  onBeforeAuthorize: async (n) => {
+    const { field: i, services: o, options: e } = n, r = i, d = (e.provider.endpointUrl || "").trim(), a = i.querySelector("[data-formie-moneris-frame]");
+    let s = "";
+    try {
+      s = new URL(d, window.location.origin).origin;
+    } catch {
+      s = "";
+    }
+    if (!a?.contentWindow || !s)
+      return o.addError("Moneris frame or endpoint is missing."), !1;
+    r.__formieMonerisAuthorizeCleanup?.();
+    const p = (r.__formieMonerisAuthorizeRequestId || 0) + 1;
+    return r.__formieMonerisAuthorizeRequestId = p, new Promise((f) => {
+      let u = !1, g = "", l = 0;
+      const c = () => {
+        window.removeEventListener("message", M), window.clearTimeout(l), r.__formieMonerisAuthorizeCleanup === c && (r.__formieMonerisAuthorizeCleanup = null);
+      }, M = (_) => {
+        if (u || p !== r.__formieMonerisAuthorizeRequestId || _.origin !== s)
+          return;
+        const m = I(_.data);
+        m.token ? (u = !0, c(), o.updateInputs("monerisTokenId", m.token), f(!0)) : m.error && (g = m.error);
+      };
+      r.__formieMonerisAuthorizeCleanup = c, l = window.setTimeout(() => {
+        u || (u = !0, c(), o.addError(g || "Moneris tokenization timed out. Please try again."), f(!1));
+      }, 1e4), window.addEventListener("message", M);
+      try {
+        a.contentWindow?.postMessage("tokenize", s);
+      } catch {
+        u = !0, c(), o.addError("Moneris tokenization could not be started."), f(!1);
+      }
+    });
+  },
+  setup: async (n) => {
+    const { services: i } = n, o = (r) => {
+      if (!r.origin.includes("moneris"))
+        return;
+      const t = I(r.data);
+      t.token && i.updateInputs("monerisTokenId", t.token);
+    }, e = i.events.onRoot("message", o);
+    return {
+      destroy: () => {
+        e();
+        const r = n.target;
+        r.__formieMonerisAuthorizeCleanup?.(), r.__formieMonerisAuthorizeCleanup = null;
+      }
+    };
+  },
+  onAfterSubmit: async ({ services: n }) => {
+    n.updateInputs("monerisTokenId", "");
+  }
+});
+export {
+  z as monerisModule
+};

package/dist/chunks/opayo-CmgYa9ya.js

@@ -0,0 +1,122 @@
+import { u as v, v as w, h as b } from "./index-BcqwpPNE.js";
+import { l as E } from "./scripts-D9N2d5rN.js";
+const I = "FORMIE_OPAYO_SCRIPT", D = "https://live.opayo.eu.elavon.com/api/v1/js/sagepay.js", T = "https://sandbox.opayo.eu.elavon.com/api/v1/js/sagepay.js", t = b("payments", "opayo"), k = w("opayo", "challenge"), C = "formie:payment:opayo:challenge:response", R = v({
+  id: "opayo",
+  defaultRequiredInputSuffixes: ["opayoTokenId"],
+  load: async (c) => {
+    const { provider: a } = c.options, d = !!a.useSandbox ? T : D;
+    return await E("sagepayOwnForm", {
+      id: I,
+      src: d,
+      timeoutMs: 1e4
+    }), null;
+  },
+  onBeforeAuthorize: async (c) => {
+    const { field: a, services: e, options: d } = c, p = d.provider, g = p.handle || "opayo", m = e.form;
+    if (!m?.action)
+      return e.addError("Form action is missing."), t.warn("Missing form action before authorize."), !1;
+    const s = window.sagepayOwnForm;
+    if (!s)
+      return e.addError("Opayo script failed to load."), t.warn("sagepayOwnForm global not available."), !1;
+    const r = a.querySelector('[data-opayo-card="cardholder-name"]')?.value ?? "";
+    let y = a.querySelector('[data-opayo-card="card-number"]')?.value ?? "", f = a.querySelector('[data-opayo-card="expiry-date"]')?.value ?? "";
+    const h = a.querySelector('[data-opayo-card="security-code"]')?.value ?? "";
+    return y = y.replace(/[\s/]/g, ""), f = f.replace(/[\s/]/g, ""), new Promise((n) => {
+      const i = new FormData();
+      i.append("action", "formie/payment-webhooks/process-callback"), i.append("merchantSessionKey", "true"), i.append("handle", g), i.append("sessionToken", p.sessionToken || ""), fetch(m.action, {
+        method: "POST",
+        body: i
+      }).then(async (o) => {
+        if (o.status < 200 || o.status >= 300) {
+          e.addError(`${o.status}: ${o.statusText}`), t.warn("Merchant session request failed.", {
+            status: o.status,
+            statusText: o.statusText
+          }), n(!1);
+          return;
+        }
+        try {
+          const u = (await o.json()).merchantSessionKey;
+          if (!u) {
+            e.addError("Unable to get merchant session."), t.warn("merchantSessionKey missing in callback response."), n(!1);
+            return;
+          }
+          s({ merchantSessionKey: u }).tokeniseCardDetails({
+            cardDetails: {
+              cardholderName: r,
+              cardNumber: y,
+              expiryDate: f,
+              securityCode: h
+            },
+            onTokenised: (l) => {
+              l.success && l.cardIdentifier ? (e.updateInputs("opayoTokenId", l.cardIdentifier), e.updateInputs("opayoSessionKey", u), t.log("Tokenization succeeded.", {
+                hasCardIdentifier: !!l.cardIdentifier
+              }), n(!0)) : (e.addError(l.errors?.[0]?.message || "Tokenization failed."), t.warn("Tokenization failed.", l), n(!1));
+            }
+          });
+        } catch {
+          e.addError("Unable to parse merchant session response."), t.warn("Failed to parse merchant session response."), n(!1);
+        }
+      }).catch(() => {
+        e.addError("Network error. Please try again."), t.warn("Network error requesting merchant session."), n(!1);
+      });
+    });
+  },
+  setup: async (c) => {
+    const { services: a } = c;
+    c.target;
+    let e = null, d = !1;
+    const p = () => {
+      e?.parentNode && e.parentNode.removeChild(e), e = null;
+    }, g = a.events.onForm(k, ((s) => {
+      const r = s.detail?.data;
+      if (!r?.acsUrl || !r?.creq) return;
+      d = !1, t.log("Received payment challenge event.", {
+        hasAcsUrl: !!r.acsUrl,
+        hasCreq: !!r.creq
+      });
+      const h = a.form?.querySelector('input[name*="opayoSessionKey"]')?.value || "", n = document.createElement("div");
+      n.className = "formie-modal", n.id = `formie-opayo-dialog-${Math.random().toString(36).slice(2, 9)}`, n.innerHTML = `
+                <div class="formie-modal-backdrop" data-dialog-close></div>
+                <div class="formie-modal-content">
+                    <div class="formie-loading formie-loading-large" style="--formie-loading-width: 3rem; --formie-loading-height: 3rem; top: 50%; margin-top: -1.5rem;"></div>
+                    <iframe width="100%" height="100%" style="width: 100%; height: 100%; position: relative; z-index: 1;"></iframe>
+                </div>
+            `;
+      const i = n.querySelector("iframe"), o = (l) => l.replace(/&/g, "&amp;").replace(/"/g, "&quot;").replace(/</g, "&lt;"), S = r.returnUrl || r.redirectUrl || "", u = `<form action="${o(r.acsUrl)}" method="post">
+                <input type="hidden" name="creq" value="${o(r.creq || "")}" />
+                <input type="hidden" name="threeDSSessionData" value="${o(r.threeDSSessionData || "")}" />
+                <input type="hidden" name="MD" value="${o(h)}" />
+                <input type="hidden" name="TermUrl" value="${o(S)}" />
+                <input type="hidden" name="ThreeDSNotificationURL" value="${o(S)}" />
+            </form><script>document.forms[0].submit();<\/script>`;
+      p(), document.body.appendChild(n), e = n, i?.contentWindow && (i.contentWindow.document.open(), i.contentWindow.document.write(u), i.contentWindow.document.close());
+    })), m = (s) => {
+      if (s.data?.message === C) {
+        if (!e) {
+          t.log("Ignoring 3DS response without active dialog.");
+          return;
+        }
+        if (d) {
+          t.warn("Ignoring duplicate 3DS response while processing.");
+          return;
+        }
+        if (d = !0, t.log("Received payment challenge response message.", s.data?.value), p(), a.removeError(), s.data?.value?.error) {
+          a.addError(s.data.value.error.message), a.releaseSubmitLoading(), d = !1;
+          return;
+        }
+        a.updateInputs("opayo3DSComplete", s.data.value?.transactionId ?? ""), a.triggerSubmit();
+      }
+    };
+    return window.addEventListener("message", m), {
+      destroy: () => {
+        g(), window.removeEventListener("message", m), p(), d = !1;
+      }
+    };
+  },
+  onAfterSubmit: async ({ services: c }) => {
+    c.updateInputs(["opayoTokenId", "opayoSessionKey", "opayo3DSComplete"], "");
+  }
+});
+export {
+  R as opayoModule
+};

package/dist/chunks/paddle-BUi7w1_o.js

@@ -0,0 +1,60 @@
+import { u as l, v as u } from "./index-BcqwpPNE.js";
+import { l as c } from "./scripts-D9N2d5rN.js";
+const p = "FORMIE_PADDLE_SCRIPT", m = u("paddle", "initialize"), h = l({
+  id: "paddle",
+  defaultRequiredInputSuffixes: ["paddleCheckoutData"],
+  load: async () => null,
+  setup: async (d) => {
+    const { services: t } = d;
+    d.target;
+    const o = d.options.provider, n = o.clientSideToken;
+    if (!n?.trim())
+      return t.addError("Missing clientSideToken for Paddle."), {};
+    let a;
+    try {
+      a = await c("Paddle", {
+        id: p,
+        src: "https://cdn.paddle.com/paddle/v2/paddle.js"
+      }), a.Environment.set(o.environment || "production");
+    } catch (e) {
+      return t.addError(e instanceof Error ? e.message : "Failed to load Paddle SDK."), {};
+    }
+    a.Initialize({
+      token: n,
+      checkout: {
+        settings: {
+          displayMode: "overlay",
+          variant: "multi-page"
+        }
+      },
+      eventCallback: (e) => {
+        e.name === "checkout.completed" && (t.updateInputs("paddleCheckoutInit", ""), t.updateInputs("paddleCheckoutData", JSON.stringify(e.data || {})), setTimeout(() => {
+          a.Checkout.close(), t.triggerSubmit();
+        }, 500));
+      }
+    });
+    const i = (e) => {
+      if (!e?.items)
+        return t.addError("Missing Paddle checkout items."), !1;
+      try {
+        t.releaseSubmitLoading(), a.Checkout.open(e);
+      } catch (r) {
+        return t.addError(r instanceof Error ? r.message : "Unable to open Paddle checkout."), !1;
+      }
+      return !0;
+    }, s = t.events.onForm(m, ((e) => {
+      i(e.detail?.data);
+    }));
+    return {
+      destroy: () => {
+        s();
+      }
+    };
+  },
+  onAfterSubmit: async ({ services: d }) => {
+    d.updateInputs("paddleCheckoutInit", "true"), d.updateInputs("paddleCheckoutData", "");
+  }
+});
+export {
+  h as paddleModule
+};

package/dist/chunks/paypal-A-ePfh6k.js

@@ -0,0 +1,100 @@
+import { u as b } from "./index-BcqwpPNE.js";
+import { e as I } from "./styles-C3aqgtek.js";
+import { l as v } from "./scripts-D9N2d5rN.js";
+const g = "@layer formie-theme{.formie-paypal-button{border:var(--formie-border-width) solid var(--formie-color-border);border-radius:var(--formie-radius-sm);background:var(--formie-color-surface);box-sizing:border-box;min-height:var(--formie-control-height);padding:var(--formie-space-2)}}";
+I("paypal", [g]);
+const A = "FORMIE_PAYPAL_SCRIPT";
+function P(r) {
+  if (!r)
+    return "";
+  const a = (r.purchase_units || [])[0]?.payments || {}, e = a.authorizations || [], c = a.captures || [];
+  return String(e[0]?.id || c[0]?.id || "").trim();
+}
+function S(r, o) {
+  return `https://www.paypal.com/sdk/js?${[
+    "intent=authorize",
+    `currency=${encodeURIComponent(o)}`,
+    `client-id=${encodeURIComponent(r)}`
+  ].join("&")}`;
+}
+const U = b({
+  id: "paypal",
+  defaultRequiredInputSuffixes: ["paypalOrderId", "paypalAuthId"],
+  load: async (r) => {
+    const { provider: o } = r.options, a = o.clientId;
+    if (!a?.trim())
+      return console.error("[formie] Missing clientId for PayPal."), null;
+    const e = o.currency || "AUD", c = S(a, e);
+    return await v("paypal", {
+      id: A,
+      src: c
+    }), window.paypal;
+  },
+  mount: async (r) => {
+    const { api: o, field: a, services: e, options: c, provider: t } = r, i = a.querySelector("[data-formie-paypal-button]");
+    if (!i || !o || i.getAttribute("data-formie-paypal-rendered") === "true")
+      return null;
+    i.innerHTML = "";
+    const y = !!t.useSandbox, s = e.resolveCurrency({ value: t.currency, defaultCurrency: "AUD" });
+    if (!s.ok)
+      return e.addError("error" in s ? s.error : "Invalid PayPal currency."), null;
+    const m = s.value, l = {
+      layout: t.buttonLayout || "vertical",
+      color: t.buttonColor || "gold",
+      shape: t.buttonShape || "rect",
+      label: t.buttonLabel || "paypal",
+      width: t.buttonWidth || 250,
+      height: t.buttonHeight || 35
+    };
+    l.layout === "horizontal" && (l.tagline = t.buttonTagline ?? !0);
+    const f = {
+      env: y ? "sandbox" : "production",
+      style: l,
+      createOrder: (d, p) => {
+        e.removeError();
+        const n = e.resolveAmount({
+          type: t.amountType,
+          fixed: t.amountFixed,
+          variable: t.amountVariable
+        });
+        if (!n.ok) {
+          const u = "error" in n ? n.error : "Invalid PayPal amount.";
+          throw e.addError(u), new Error(u);
+        }
+        return p.order.create({
+          intent: "AUTHORIZE",
+          application_context: { user_action: "CONTINUE" },
+          purchase_units: [{
+            amount: {
+              currency_code: m,
+              value: String(n.value)
+            }
+          }]
+        });
+      },
+      onError: (d) => {
+        e.addError(d?.message || "PayPal error.");
+      },
+      onApprove: async (d, p) => {
+        try {
+          const n = await p.order.authorize(), u = P(n);
+          e.updateInputs("paypalOrderId", d.orderID), e.updateInputs("paypalAuthId", u || ""), u ? e.addSuccess("Payment authorized. Finalize the form to complete payment.") : e.addSuccess("PayPal approval received. Finalizing payment on submit.");
+        } catch {
+          e.addError("Unable to authorize payment. Please try again.");
+        }
+      }
+    }, h = o.Buttons(f);
+    return i.setAttribute("data-formie-paypal-rendered", "true"), h.render(i);
+  },
+  unmount: async (r) => {
+    r.widget?.close && r.widget.close();
+    const o = r.field.querySelector("[data-formie-paypal-button]");
+    o && (o.removeAttribute("data-formie-paypal-rendered"), o.innerHTML = "");
+  },
+  onAfterSubmit: async ({ services: r }) => {
+    r.updateInputs(["paypalOrderId", "paypalAuthId"], ""), r.removeSuccess(), r.removeError();
+  }
+});
+export {
+  U as paypalModule
+};

package/dist/chunks/payway-BqFCbhyo.js

@@ -0,0 +1,56 @@
+import { u as y } from "./index-BcqwpPNE.js";
+import { e as u } from "./styles-C3aqgtek.js";
+import { l as p } from "./scripts-D9N2d5rN.js";
+const f = "@layer formie-theme{.formie-payway-button{border:var(--formie-border-width) solid var(--formie-color-border);border-radius:var(--formie-radius-sm);background:var(--formie-color-surface);box-sizing:border-box;min-height:var(--formie-control-height);padding:var(--formie-space-2)}}";
+u("payway", [f]);
+const c = "FORMIE_PAYWAY_SCRIPT", h = y({
+  id: "payway",
+  defaultRequiredInputSuffixes: ["paywayTokenId"],
+  load: async (e) => {
+    const { provider: a } = e.options;
+    return a.publishableKey?.trim() ? (await p("payway", {
+      id: c,
+      src: "https://api.payway.com.au/rest/v1/payway.js"
+    }), null) : (console.error("[formie] Missing publishableKey for PayWay."), null);
+  },
+  mount: async (e) => {
+    const { field: a, services: r, options: o } = e, i = o.provider;
+    if (!a.querySelector("[data-formie-payway-button]"))
+      return null;
+    const t = window.payway;
+    return t ? new Promise((s) => {
+      t.createCreditCardFrame({
+        layout: "wide",
+        publishableApiKey: i.publishableKey || "",
+        tokenMode: "callback"
+      }, (d, l) => {
+        if (d || !l) {
+          r.addError(d?.message || "PayWay frame failed to load."), s(null);
+          return;
+        }
+        s(l);
+      });
+    }) : null;
+  },
+  unmount: async (e) => {
+    e.widget?.destroy();
+  },
+  onBeforeAuthorize: async (e) => {
+    const { widget: a, services: r } = e;
+    return a ? new Promise((o) => {
+      a.getToken((i, n) => {
+        if (i) {
+          r.addError(i.message), o(!1);
+          return;
+        }
+        n?.singleUseTokenId ? (r.updateInputs("paywayTokenId", n.singleUseTokenId), o(!0)) : (r.addError("Tokenization failed."), o(!1));
+      });
+    }) : (r.addError("PayWay card frame is not ready."), !1);
+  },
+  onAfterSubmit: async ({ services: e }) => {
+    e.updateInputs("paywayTokenId", "");
+  }
+});
+export {
+  h as paywayModule
+};