@verbb/formie-browser 1.0.1 → 1.0.3

package/CHANGELOG.md

@@ -1,5 +1,21 @@
 # Changelog
 
+## 1.0.3
+
+### Patch Changes
+
+- version bump
+- Updated dependencies
+    - @verbb/formie-core@1.0.3
+
+## 1.0.2
+
+### Patch Changes
+
+- version bump
+- Updated dependencies
+    - @verbb/formie-core@1.0.2
+
 ## 1.0.1
 
 ### Patch Changes

package/dist/chunks/address-finder-BjMuEiwF.js

@@ -0,0 +1,37 @@
+import { d as p, g as a } from "./index-BcqwpPNE.js";
+import { l as _ } from "./scripts-D9N2d5rN.js";
+const f = "FORMIE_ADDRESS_FINDER_SCRIPT", g = p({
+  id: "address-finder",
+  load: async () => _("AddressFinder", {
+    id: f,
+    src: "https://api.addressfinder.io/assets/v3/widget.js",
+    async: !0,
+    defer: !0
+  }),
+  mount: ({ api: t, field: u, services: e, provider: s }) => {
+    const n = e.input.getAutocomplete();
+    if (!n || typeof t > "u" || !t.Widget)
+      throw new Error("AddressFinder API not ready");
+    const i = s.apiKey || "", r = s.countryCode || "au", o = new t.Widget(
+      n,
+      i,
+      r,
+      s.widgetOptions
+    );
+    return o.on("result:select", (l, d) => {
+      d.address_line_2 ? (e.input.setValue("address1", d.address_line_2), e.input.setValue("address2", d.address_line_1)) : (e.input.setValue("address1", d.address_line_1 || ""), e.input.setValue("address2", "")), e.input.setValue("city", d.locality_name || ""), e.input.setValue("zip", d.postcode || ""), e.input.setValue("state", d.state_territory || ""), e.input.setValue("country", r), u.dispatchEvent(
+        new CustomEvent(a("address-finder", "populate"), {
+          bubbles: !0,
+          detail: {
+            addressProvider: "address-finder",
+            fullAddress: l,
+            metaData: d
+          }
+        })
+      );
+    }), o;
+  }
+});
+export {
+  g as addressFinderModule
+};

package/dist/chunks/bpoint-KudsBCo2.js

@@ -0,0 +1,26 @@
+import { u as c } from "./index-BcqwpPNE.js";
+const p = c({
+  id: "bpoint",
+  defaultRequiredInputSuffixes: ["bpointToken"],
+  load: async () => null,
+  onBeforeAuthorize: async ({ field: e, services: t }) => {
+    if ((e.querySelector('input[name$="[bpointToken]"]')?.value || "").trim() !== "")
+      return !0;
+    const o = e.querySelector('[data-bpoint-card="cardholder-name"]')?.value?.trim() || "", r = e.querySelector('[data-bpoint-card="card-number"]')?.value?.replace(/\s+/g, "") || "", u = e.querySelector('[data-bpoint-card="expiry-date"]')?.value || "", a = e.querySelector('[data-bpoint-card="security-code"]')?.value?.trim() || "", n = (u.match(/\d/g) || []).join("").slice(0, 4);
+    if (!r || n.length !== 4 || !a)
+      return t.addError("Please provide valid card details to continue."), !1;
+    const i = {
+      cardholderName: o,
+      cardNumber: r,
+      expiryDate: n,
+      cvn: a
+    };
+    return t.updateInputs("bpointToken", JSON.stringify(i)), !0;
+  },
+  onAfterSubmit: async ({ services: e }) => {
+    e.updateInputs("bpointToken", "");
+  }
+});
+export {
+  p as bpointModule
+};

package/dist/chunks/calculations-DlGSkQ3W.js

@@ -0,0 +1,147 @@
+import { j as H, _ as A, $ as D, U as N, F as T } from "./index-BEsfee-D.js";
+import { g as K, d as L } from "./shared-BmntPmnW.js";
+import { h as R, i as k, n as U, j as V, r as _ } from "./index-BcqwpPNE.js";
+const S = "input[data-formie-calculation-input]", y = "calculations", g = R("fields", "calculations");
+function j(e, r, t) {
+  const a = k(e), o = {};
+  return r.forEach(([u, i]) => {
+    const d = _(i.sourceKey || "", a);
+    o[u] = N(i, d.value);
+  }), T(o, t.formatting);
+}
+function z(e, r) {
+  const t = k(e), a = /* @__PURE__ */ new Set();
+  return r.forEach(([, o]) => {
+    const u = U(o.sourceKey || ""), i = t.get(u);
+    if (i?.names?.length) {
+      i.names.forEach((f) => {
+        a.add(f);
+      });
+      return;
+    }
+    const d = V(u);
+    d && (a.add(d), a.add(`${d}[]`));
+  }), a;
+}
+function B(e, r, t, a) {
+  const o = H(a), u = A(a), i = /* @__PURE__ */ new Map();
+  let d = null, f = !1, v = !1, h = !1;
+  const p = () => {
+    i.forEach((s, m) => {
+      s.forEach((n, l) => {
+        m.removeEventListener(l, n);
+      });
+    }), i.clear();
+  }, b = (s) => {
+    !s || f || queueMicrotask(() => {
+      f || (t.dispatchEvent(new Event("input", { bubbles: !0 })), t.dispatchEvent(new Event("change", { bubbles: !0 })));
+    });
+  }, w = (s = !1) => {
+    const m = j(e, u, a);
+    g.log("Evaluate requested.", {
+      fieldHandle: r.getAttribute("data-formie-field-handle") || null,
+      isInit: s
+    });
+    const n = {
+      calculations: t,
+      init: s,
+      formula: o,
+      variables: m
+    };
+    if (L(r, y, "before-evaluate", n), !n.formula) {
+      const l = t.value !== "";
+      t.value = "", b(l);
+      return;
+    }
+    try {
+      const l = D(n.formula, n.variables, a), c = {
+        calculations: t,
+        init: s,
+        formula: n.formula,
+        variables: n.variables,
+        result: l
+      };
+      L(r, y, "after-evaluate", c);
+      const E = typeof c.result == "string" || typeof c.result == "number" ? String(c.result) : "", F = t.value !== E;
+      t.value = E, g.log("Evaluate complete.", {
+        fieldHandle: r.getAttribute("data-formie-field-handle") || null,
+        valueChanged: F,
+        nextValue: E
+      }), b(F);
+    } catch (l) {
+      const c = t.value !== "";
+      console.error("[formie] Failed to evaluate calculation.", l), g.warn("Evaluate failed.", {
+        fieldHandle: r.getAttribute("data-formie-field-handle") || null,
+        error: l instanceof Error ? l.message : l
+      }), t.value = "", b(c);
+    }
+  }, M = (s = !1) => {
+    v || f || (v = !0, queueMicrotask(() => {
+      v = !1, w(s);
+    }));
+  }, C = () => {
+    p();
+    const s = z(e, u);
+    if (g.log("Binding variable watchers.", {
+      fieldHandle: r.getAttribute("data-formie-field-handle") || null,
+      watchCount: s.size
+    }), !s.size)
+      return;
+    const m = (n) => {
+      const c = n.target?.name || "";
+      !c || !s.has(c) || (g.log("Source change detected.", {
+        fieldHandle: r.getAttribute("data-formie-field-handle") || null,
+        sourceName: c,
+        eventType: n.type
+      }), M(!1));
+    };
+    ["input", "change"].forEach((n) => {
+      e.addEventListener(n, m);
+      const l = i.get(e) || /* @__PURE__ */ new Map();
+      l.set(n, m), i.set(e, l);
+    });
+  }, q = () => {
+    h || f || (h = !0, queueMicrotask(() => {
+      h = !1, C(), M(!1);
+    }));
+  };
+  return C(), d = new MutationObserver(() => {
+    q();
+  }), d.observe(e, {
+    childList: !0,
+    subtree: !0
+  }), w(!0), () => {
+    f = !0, d?.disconnect(), p();
+  };
+}
+const Q = {
+  id: y,
+  kind: "field",
+  match: (e) => !!e.target.querySelector(S),
+  setup: async (e) => {
+    const r = e.options || {}, t = K(e);
+    g.log("Module setup.", {
+      fieldCount: t.length,
+      formatting: r.formatting || null
+    });
+    const a = t.map((o) => {
+      const u = o.querySelector(S);
+      return u instanceof HTMLInputElement ? B(e.root, o, u, r) : () => {
+      };
+    });
+    return await e.emit("formie:module:calculations:init", {
+      count: a.length
+    }), {
+      destroy: () => {
+        g.log("Module destroy.", {
+          fieldCount: a.length
+        }), a.forEach((o) => {
+          o();
+        }), e.emit("formie:module:calculations:destroy", {});
+      }
+    };
+  }
+};
+export {
+  Q as calculationsModule
+};

package/dist/chunks/captcha-eu-CterYFok.js

@@ -0,0 +1,34 @@
+import { a as l, C as n } from "./index-BcqwpPNE.js";
+import { l as s } from "./scripts-D9N2d5rN.js";
+async function c(e) {
+  const t = String(e.endPoint || "https://www.captcha.eu").trim().replace(/\/+$/, "");
+  return s("KROT", {
+    id: "FORMIE_CAPTCHA_EU_SCRIPT",
+    src: `${t}/sdk.js`,
+    async: !0,
+    defer: !0,
+    timeoutMs: n
+  });
+}
+const h = l({
+  id: "captcha-eu",
+  defaultPlaceholderSelector: "[data-captcha-eu-placeholder]",
+  defaultTokenFieldNames: ["captcha-eu-token"],
+  load: ({ options: e }) => c(e.provider),
+  mount: ({ api: e, container: t, provider: o, services: a }) => (e.init(), e.setup(String(o.publicKey || "")), e.WidgetV2.render(t), e.on("CPT_OK", (r) => {
+    a.tokens.write(JSON.stringify(r.detail || {}), {
+      container: t
+    }), a.errors.clear();
+  }, t), e.on("CPT_EXPIRED", () => {
+    a.tokens.clear(), a.errors.clear();
+  }, t), t),
+  screen: async ({ placeholder: e, services: t, stageCtx: o }) => {
+    if (!await t.tokens.wait()) {
+      const r = t.errors.getDefaultMessage();
+      t.errors.show(r, e), o.abort(r);
+    }
+  }
+});
+export {
+  h as captchaEuModule
+};

package/dist/chunks/checkbox-radio-CBvgk3hR.js

@@ -0,0 +1,136 @@
+import { r as A, d as E, a as p, e as M } from "./shared-BmntPmnW.js";
+import { h as L } from "./index-BcqwpPNE.js";
+const l = "[data-formie-checkboxes-field-layout], [data-formie-radio-field-layout]", d = "minmaxOptions", h = "data-formie-checkbox-radio-max-disabled", g = "checkbox-radio", x = "checkbox-radio", f = L("fields", "checkbox-radio");
+function m(t) {
+  return t.hasAttribute("data-checkbox-toggle") || t.hasAttribute("data-formie-checkbox-toggle");
+}
+function b(t) {
+  const r = t(d);
+  if (!r || r === !0 || typeof r != "object")
+    return {
+      min: null,
+      max: null
+    };
+  const o = r;
+  return {
+    min: typeof o.min == "number" ? o.min : null,
+    max: typeof o.max == "number" ? o.max : null
+  };
+}
+function T(t) {
+  A(t, x, (r) => {
+    r.addValidator(
+      d,
+      ({ field: o, getRule: e }) => {
+        if (!o || !e(d))
+          return !0;
+        const n = Array.from(o.querySelectorAll('input[type="checkbox"]')).filter((u) => u instanceof HTMLInputElement && !m(u)).filter((u) => u.checked).length, { min: a, max: i } = b(e);
+        return !(a !== null && n < a || i !== null && n > i);
+      },
+      ({ field: o, label: e, t: c, getRule: n }) => {
+        const { min: a, max: i } = o ? b(n) : { min: null, max: null };
+        return a !== null && i !== null ? c("{attribute} must select between {min} and {max}.", { attribute: e, min: a, max: i }) : a !== null ? c("{attribute} must select no less than {min}.", { attribute: e, min: a }) : i !== null ? c("{attribute} must select no greater than {max}.", { attribute: e, max: i }) : c("{attribute} has an invalid value.", { attribute: e });
+      }
+    );
+  });
+}
+function q(t) {
+  p(t, x, [d]);
+}
+function s(t) {
+  t.checked ? t.setAttribute("checked", "") : t.removeAttribute("checked");
+}
+function k(t) {
+  const r = Array.from(t.querySelectorAll('input[type="checkbox"][required][data-formie-checkbox-input]')).filter((e) => e instanceof HTMLInputElement);
+  if (!r.length)
+    return;
+  const o = r.some((e) => e.checked);
+  r.forEach((e) => {
+    if (o) {
+      e.removeAttribute("required"), e.setAttribute("aria-required", "false");
+      return;
+    }
+    e.setAttribute("required", "true"), e.setAttribute("aria-required", "true");
+  });
+}
+function y(t) {
+  const r = parseInt(t.closest("[data-formie-field-handle]")?.getAttribute("data-formie-max-options") || "", 10);
+  if (!(r > 0))
+    return;
+  const o = Array.from(t.querySelectorAll('input[type="checkbox"]')).filter((n) => n instanceof HTMLInputElement && !m(n)), c = o.filter((n) => n.checked).length >= r;
+  o.forEach((n) => {
+    const a = c && !n.checked, i = n.hasAttribute(h);
+    if (a) {
+      n.disabled || (n.disabled = !0, n.setAttribute(h, "true"));
+      return;
+    }
+    i && (n.disabled = !1, n.removeAttribute(h));
+  });
+}
+function v(t, r) {
+  Array.from(t.querySelectorAll('input[type="checkbox"]')).filter((e) => e instanceof HTMLInputElement && e !== r && !m(e)).forEach((e) => {
+    e.disabled && !e.checked || (e.checked = r.checked, s(e), e.dispatchEvent(new Event("change", { bubbles: !0 })), e.dispatchEvent(new Event("input", { bubbles: !0 })));
+  });
+}
+function I(t, r) {
+  if (!t.checked || !t.name) {
+    s(t);
+    return;
+  }
+  Array.from(r.querySelectorAll(`input[type="radio"][name="${M(t.name)}"]`)).filter((e) => e instanceof HTMLInputElement).forEach((e) => {
+    s(e);
+  });
+}
+function C(t) {
+  const r = Array.from(t.querySelectorAll('input[type="checkbox"], input[type="radio"]')).filter((e) => e instanceof HTMLInputElement);
+  if (!r.length)
+    return f.log("No checkbox/radio inputs found for field."), () => {
+    };
+  const o = r.map((e) => {
+    const c = e.type === "radio" ? "change" : "click", n = () => {
+      s(e), e.type === "checkbox" && m(e) && v(t, e), e.type === "radio" && I(e, t), k(t), y(t), f.log("Input interaction processed.", {
+        inputName: e.name,
+        inputType: e.type,
+        checked: e.checked
+      });
+    };
+    return e.addEventListener(c, n), s(e), () => {
+      e.removeEventListener(c, n);
+    };
+  });
+  return k(t), y(t), E(t, g, "init", {
+    checkboxRadio: t
+  }), () => {
+    o.forEach((e) => {
+      e();
+    });
+  };
+}
+const H = {
+  id: g,
+  kind: "field",
+  match: (t) => t.target instanceof HTMLElement && (t.target.matches(l) || !!t.target.querySelector(l)),
+  setup: async (t) => {
+    if (!(t.target instanceof HTMLElement))
+      return;
+    const r = t.target.matches(l) ? [t.target] : Array.from(t.target.querySelectorAll(l)).filter((e) => e instanceof HTMLElement);
+    T(t.form), f.log("Module setup.", {
+      fieldCount: r.length
+    });
+    const o = r.map((e) => C(e));
+    return await t.emit("formie:module:checkbox-radio:init", {
+      count: r.length
+    }), {
+      destroy: () => {
+        o.forEach((e) => {
+          e();
+        }), q(t.form), f.log("Module destroy.", {
+          fieldCount: r.length
+        }), t.emit("formie:module:checkbox-radio:destroy", {});
+      }
+    };
+  }
+};
+export {
+  H as checkboxRadioModule
+};