@wssto2/vue-core 0.13.1 → 0.15.0

package/dist/modules/incident/routes.d.ts

@@ -1,5 +1,5 @@
 import { type PageMeta, type QueryValue } from "../../client";
-import type { CommentResponse, Created, Incident, Meta } from "./entities";
+import type { CommentResponse, Created, Incident, Meta, OccurrenceResponse } from "./entities";
 export declare const incidentRoutes: {
     readonly index: import("../../client").ApiRoute<Record<string, QueryValue>, Incident[], PageMeta>;
     readonly show: import("../../client").ApiRoute<{
@@ -8,6 +8,9 @@ export declare const incidentRoutes: {
     readonly comments: import("../../client").ApiRoute<{
         incidentID: number;
     }, CommentResponse[], unknown>;
+    readonly occurrences: import("../../client").ApiRoute<{
+        incidentID: number;
+    } & Record<string, QueryValue>, OccurrenceResponse[], PageMeta>;
     readonly report: import("../../client").ApiRoute<{
         title: string;
         description: string;

package/dist/{navigation-CctcxT51.js → navigation-DMJ6akat.js}

@@ -1,6 +1,6 @@
 import { computed as k } from "vue";
 import { d as y } from "./context-Ch1r4fdN.js";
-import { h as N } from "./platform-DtISOEt7.js";
+import { h as N } from "./platform-ORzRR3Tw.js";
 function F(l, a = {}) {
   const i = /* @__PURE__ */ new Map(), o = [];
   for (const e of l) {

package/dist/{neighbors-Csfan8Ho.js → neighbors-DrEahe7B.js}

@@ -1,7 +1,7 @@
 import { computed as j, ref as z, shallowRef as I, watch as F, getCurrentScope as J, onScopeDispose as Q } from "vue";
 import { useRoute as O } from "vue-router";
 import { i as N } from "./error-CD7x0Jrz.js";
-import { L as k, d as B, e as D, o as U, q as V } from "./state-CXMexi0l.js";
+import { L as k, d as B, e as D, o as U, q as V } from "./state-QDaxntgR.js";
 function K(l, t, n, g) {
   return typeof t == "string" ? t : { ...t, query: { ...t.query, [n]: D(l, g) } };
 }

package/dist/notifications/index.js

@@ -1,4 +1,4 @@
-import { d as s, e as a, n as o, b as i, c as n, f as u } from "../index-D_yyd4C2.js";
+import { d as s, e as a, n as o, b as i, c as n, f as u } from "../index-DYva-K_4.js";
 export {
   s as deadLettersRoutes,
   a as eventsRoutes,

package/dist/onboarding/index.js

@@ -1,7 +1,7 @@
 import { defineComponent as L, ref as d, computed as x, watch as v, nextTick as H, onBeforeUnmount as O, openBlock as F, createBlock as j, Teleport as q, createVNode as w, Transition as U, withCtx as Y, createElementBlock as G, withKeys as J, withModifiers as Q, normalizeStyle as M, unref as n, createElementVNode as l, normalizeClass as W, toDisplayString as k, renderSlot as X, createTextVNode as Z, createCommentVNode as ee } from "vue";
 import { useI18n as te } from "vue-i18n";
 import { _ as V } from "../Icon.vue_vue_type_script_lang-BhhsFYwp.js";
-import { u as ne } from "../usePreferences-B8LIZp_f.js";
+import { u as ne } from "../usePreferences-BfMXVbSO.js";
 import { u as oe, a as h } from "../anchored-DpuUwf-9.js";
 const ie = (o) => typeof o == "object" && o !== null && !Array.isArray(o);
 function se(o, e) {

package/dist/page/index.js

@@ -1,14 +1,14 @@
-import { _ as W, a as X, b as Y, c as Z, p as ee, u as te, d as ae } from "../AdaptivePageShell.vue_vue_type_script_setup_true_lang-lPj9hPqV.js";
+import { _ as W, a as X, b as Y, c as Z, p as ee, u as te, d as ae } from "../AdaptivePageShell.vue_vue_type_script_setup_true_lang-Bsv5j5Z8.js";
 import { _ as se } from "../BottomDock.vue_vue_type_script_setup_true_lang-CjN7xYEr.js";
 import { b as ne, i as re, u as ie } from "../bottomDock-BZEiOPYZ.js";
 import { _ as x } from "../BottomDockPortal.vue_vue_type_script_setup_true_lang-DmwR-2SP.js";
 import { defineComponent as v, openBlock as a, createBlock as b, withCtx as c, createElementVNode as s, normalizeStyle as k, createElementBlock as l, Fragment as y, renderList as B, normalizeClass as d, unref as _, createCommentVNode as p, toDisplayString as f, useModel as S, useId as C, useTemplateRef as P, computed as $, mergeProps as w, createSlots as T, renderSlot as m, mergeModels as D } from "vue";
 import { _ as L } from "../Icon.vue_vue_type_script_lang-BhhsFYwp.js";
-import { _ as ue } from "../RecordHeader.vue_vue_type_script_setup_true_lang-Do_ATJwT.js";
+import { _ as ue } from "../RecordHeader.vue_vue_type_script_setup_true_lang-SDgLjwEI.js";
 import { c as pe, i as fe, p as me, a as be, u as ge, b as ve } from "../chrome-nUcmVu8G.js";
 import { s as z, u as I } from "../sectionIndex-BS0ic5W7.js";
 import { p as he, a as xe } from "../sectionIndex-BS0ic5W7.js";
-import { _ as ye } from "../SectionNavigator.vue_vue_type_script_setup_true_lang-DfKEhTFv.js";
+import { _ as ye } from "../SectionNavigator.vue_vue_type_script_setup_true_lang-TMdsmYAg.js";
 import { a as Se, _ as Ce } from "../SectionList.vue_vue_type_script_setup_true_lang-DR0_NsqC.js";
 import { _ as A } from "../Panel.vue_vue_type_script_setup_true_lang-D_Wg42hu.js";
 const K = ["aria-label"], M = ["aria-label"], N = ["aria-selected", "tabindex", "onClick"], R = { class: "relative" }, E = {

package/dist/phone/index.d.ts

@@ -1,5 +1,5 @@
 export { default as PhoneField } from "./PhoneField.vue";
 export { phoneDefaultsKey } from "./environment";
 export type { PhoneDefaults } from "./environment";
-export { COMMON_COUNTRIES, countryName, dialCode, formatInternational, isValidPhone, phoneCountry, phoneKind, phoneProblem } from "./phone";
+export { COMMON_COUNTRIES, countryName, dialCode, formatInternational, isValidPhone, phoneCountry, phoneKind, phoneProblem, whatsAppLink } from "./phone";
 export type { PhoneCountry, PhoneKind, PhoneProblem } from "./phone";

package/dist/phone/index.js

@@ -1,62 +1,73 @@
-import { defineComponent as fe, useModel as me, useTemplateRef as F, ref as E, computed as g, watch as ne, nextTick as q, openBlock as w, createElementBlock as $, createElementVNode as f, normalizeClass as P, unref as i, createVNode as M, toDisplayString as T, normalizeStyle as xe, Fragment as ee, renderList as le, createCommentVNode as J, withModifiers as we, withDirectives as _e, vModelText as ke, mergeModels as ae, inject as Ce, shallowRef as $e, onBeforeUnmount as De, createBlock as Me, mergeProps as Te, createSlots as Se, withCtx as se, createTextVNode as Ne, renderSlot as Ie, mergeDefaults as Pe } from "vue";
+import { defineComponent as fe, useModel as me, useTemplateRef as z, ref as B, computed as g, watch as ne, nextTick as W, openBlock as w, createElementBlock as $, createElementVNode as f, normalizeClass as P, unref as i, createVNode as M, toDisplayString as T, normalizeStyle as xe, Fragment as ee, renderList as le, createCommentVNode as J, withModifiers as we, withDirectives as _e, vModelText as ke, mergeModels as re, inject as Ce, shallowRef as $e, onBeforeUnmount as De, createBlock as Me, mergeProps as Te, createSlots as Se, withCtx as se, createTextVNode as Ne, renderSlot as Ie, mergeDefaults as Pe } from "vue";
 import { useI18n as pe } from "vue-i18n";
-import { u as ve } from "../format-DoKs29bZ.js";
+import { u as ve } from "../format-Cp1h0vsC.js";
 import { b as Ve } from "../controlSurface-t7OEFESJ.js";
-import { c as ie, a as Oe, e as Re, _ as Be, f as Ee, b as Le } from "../options-B48UiYsG.js";
-import { _ as z } from "../Icon.vue_vue_type_script_lang-BhhsFYwp.js";
+import { c as ie, a as Oe, e as Le, _ as Re, f as Be, b as Ee } from "../options-B48UiYsG.js";
+import { _ as A } from "../Icon.vue_vue_type_script_lang-BhhsFYwp.js";
 import { _ as ue } from "../CountryFlag.vue_vue_type_script_setup_true_lang-Kry_vPPZ.js";
 import { u as Fe } from "../anchored-DpuUwf-9.js";
-import { AsYouType as A, validatePhoneNumberLength as ze, parsePhoneNumberFromString as he, getCountries as qe, getCountryCallingCode as Ae } from "libphonenumber-js/max";
-import We from "libphonenumber-js/max/metadata";
+import { AsYouType as q, validatePhoneNumberLength as ze, parsePhoneNumberFromString as he, getCountries as Ae, getCountryCallingCode as We } from "libphonenumber-js/max";
+import qe from "libphonenumber-js/max/metadata";
 const ce = ["HR", "BA", "SI", "RS"], Ke = 15;
 function ye(t) {
-  return We.country_calling_codes[t]?.[0];
+  return qe.country_calling_codes[t]?.[0];
 }
-const W = (t) => Ae(t), de = (t) => `+${W(t)}`, te = () => qe();
+const E = (t) => We(t), de = (t) => `+${E(t)}`;
+function Dt(t, a) {
+  let e = (t ?? "").replace(/\D/g, "");
+  if (e.length < 6) return null;
+  let n = "";
+  try {
+    n = E(a.toUpperCase());
+  } catch {
+  }
+  return e.startsWith("00") ? e = e.slice(2) : !(t ?? "").trim().startsWith("+") && n && !e.startsWith(n) && (e = n + e.replace(/^0/, "")), `https://wa.me/${e}`;
+}
+const te = () => Ae();
 function Ue(t, a) {
-  const o = `+${t}`;
-  return new A().input(`${o}${a}`).slice(o.length).trim();
+  const e = `+${t}`;
+  return new q().input(`${e}${a}`).slice(e.length).trim();
 }
-function re(t, a, o) {
-  const r = o.slice(0, Math.max(0, Ke - a.length));
-  return r === "" ? { country: t, e164: "", text: "" } : { country: t, e164: `+${a}${r}`, text: Ue(a, r) };
+function ae(t, a, e) {
+  const n = e.slice(0, Math.max(0, Ke - a.length));
+  return n === "" ? { country: t, e164: "", text: "" } : { country: t, e164: `+${a}${n}`, text: Ue(a, n) };
 }
 function oe(t, a) {
-  const o = t.trim().replace(/^00(?=\d)/, "+");
-  if (o.startsWith("+")) {
-    const l = new A();
-    l.input(o);
+  const e = t.trim().replace(/^00(?=\d)/, "+");
+  if (e.startsWith("+")) {
+    const l = new q();
+    l.input(e);
     const x = l.getCallingCode();
-    if (!x) return { country: a, e164: "", text: o.replace(/[^\d+]/g, "") };
-    const p = l.getCountry() ?? (W(a) === x ? a : ye(x) ?? a);
-    return re(p, x, l.getNumber()?.nationalNumber ?? "");
+    if (!x) return { country: a, e164: "", text: e.replace(/[^\d+]/g, "") };
+    const p = l.getCountry() ?? (E(a) === x ? a : ye(x) ?? a);
+    return ae(p, x, l.getNumber()?.nationalNumber ?? "");
   }
-  const r = new A(a);
-  return r.input(o.replace(/\D/g, "")), re(a, W(a), r.getNumber()?.nationalNumber ?? "");
+  const n = new q(a);
+  return n.input(e.replace(/\D/g, "")), ae(a, E(a), n.getNumber()?.nationalNumber ?? "");
 }
 function je(t, a) {
-  return re(a, W(a), t.text.replace(/\D/g, ""));
+  return ae(a, E(a), t.text.replace(/\D/g, ""));
 }
 function He(t) {
-  return t.startsWith("+") ? new A().input(t) : t;
+  return t.startsWith("+") ? new q().input(t) : t;
 }
 const Ge = { MOBILE: "mobile", FIXED_LINE: "landline", TOLL_FREE: "toll_free", PREMIUM_RATE: "premium_rate", VOIP: "voip" };
 function Xe(t) {
-  const a = t ? he(t) : void 0, o = a?.isValid() ? a.getType() : void 0;
-  return o ? Ge[o] : void 0;
+  const a = t ? he(t) : void 0, e = a?.isValid() ? a.getType() : void 0;
+  return e ? Ge[e] : void 0;
 }
 function Ye(t) {
-  const a = new A();
+  const a = new q();
   a.input(t);
-  const o = a.getCallingCode();
-  return a.getCountry() ?? (o ? ye(o) : void 0);
+  const e = a.getCallingCode();
+  return a.getCountry() ?? (e ? ye(e) : void 0);
 }
 function be(t) {
   if (t === "") return null;
-  const a = Ye(t), o = ze(t);
-  return o === "TOO_SHORT" ? { kind: "too_short", country: a } : o === "TOO_LONG" ? { kind: "too_long", country: a } : o !== void 0 ? { kind: "invalid", country: a } : he(t)?.isValid() ? null : { kind: "invalid", country: a };
+  const a = Ye(t), e = ze(t);
+  return e === "TOO_SHORT" ? { kind: "too_short", country: a } : e === "TOO_LONG" ? { kind: "too_long", country: a } : e !== void 0 ? { kind: "invalid", country: a } : he(t)?.isValid() ? null : { kind: "invalid", country: a };
 }
-const Dt = (t) => be(t) === null;
+const Mt = (t) => be(t) === null;
 function ge(t, a) {
   try {
     return new Intl.DisplayNames([a], { type: "region" }).of(t) ?? t;
@@ -64,23 +75,23 @@ function ge(t, a) {
     return t;
   }
 }
-function Je(t, a, o) {
-  const r = ie(t.trim());
-  if (r === "") return o;
-  const l = r.replace(/\D/g, ""), x = new Intl.DisplayNames([a], { type: "region" }), p = (h) => ie(x.of(h) ?? h), _ = r.startsWith("+") || /^\d+$/.test(r);
-  return o.filter((h) => _ ? W(h).startsWith(l) : p(h).includes(r) || h.toLowerCase() === r);
+function Je(t, a, e) {
+  const n = ie(t.trim());
+  if (n === "") return e;
+  const l = n.replace(/\D/g, ""), x = new Intl.DisplayNames([a], { type: "region" }), p = (h) => ie(x.of(h) ?? h), _ = n.startsWith("+") || /^\d+$/.test(n);
+  return e.filter((h) => _ ? E(h).startsWith(l) : p(h).includes(n) || h.toLowerCase() === n);
 }
 const Qe = ["id", "disabled", "aria-label", "aria-expanded"], Ze = { class: "tabular-nums" }, et = ["id", "aria-label"], tt = {
   key: 0,
   role: "presentation",
   class: "px-2 pb-1 pt-1.5 text-caption font-semibold uppercase text-content-disabled"
-}, ot = ["id", "aria-selected", "data-country", "onMouseenter", "onClick"], nt = { class: "shrink-0 tabular-nums text-content-muted" }, at = {
+}, ot = ["id", "aria-selected", "data-country", "onMouseenter", "onClick"], nt = { class: "shrink-0 tabular-nums text-content-muted" }, rt = {
   key: 0,
   class: "px-3 py-2 text-footnote text-content-muted",
   role: "status"
-}, rt = { class: "border-t border-border-separator px-3 py-2" }, lt = ["aria-controls", "aria-activedescendant", "aria-label", "placeholder"], st = /* @__PURE__ */ fe({
+}, at = { class: "border-t border-border-separator px-3 py-2" }, lt = ["aria-controls", "aria-activedescendant", "aria-label", "placeholder"], st = /* @__PURE__ */ fe({
   __name: "CountryPicker",
-  props: /* @__PURE__ */ ae({
+  props: /* @__PURE__ */ re({
     id: {},
     common: {},
     disabled: { type: Boolean },
@@ -89,79 +100,79 @@ const Qe = ["id", "disabled", "aria-label", "aria-expanded"], Ze = { class: "tab
     modelValue: { required: !0 },
     modelModifiers: {}
   }),
-  emits: /* @__PURE__ */ ae(["picked"], ["update:modelValue"]),
-  setup(t, { expose: a, emit: o }) {
-    const r = t, l = me(t, "modelValue"), x = o, { t: p } = pe(), _ = ve(), h = F("root"), V = F("trigger"), k = F("panel"), K = F("search"), C = E(!1), v = E(""), d = E(0), O = g(() => {
-      const e = /* @__PURE__ */ new Map();
-      for (const s of te()) e.set(s, ge(s, _.intlLocale));
-      return e;
-    }), S = (e) => O.value.get(e) ?? e, D = g(() => {
-      const e = r.common.filter((c) => O.value.has(c));
+  emits: /* @__PURE__ */ re(["picked"], ["update:modelValue"]),
+  setup(t, { expose: a, emit: e }) {
+    const n = t, l = me(t, "modelValue"), x = e, { t: p } = pe(), _ = ve(), h = z("root"), V = z("trigger"), k = z("panel"), K = z("search"), C = B(!1), v = B(""), d = B(0), O = g(() => {
+      const o = /* @__PURE__ */ new Map();
+      for (const s of te()) o.set(s, ge(s, _.intlLocale));
+      return o;
+    }), S = (o) => O.value.get(o) ?? o, D = g(() => {
+      const o = n.common.filter((c) => O.value.has(c));
       if (v.value.trim() !== "") {
         const c = Je(v.value, _.intlLocale, te());
-        return [{ title: null, countries: [...c.filter((n) => e.includes(n)), ...c.filter((n) => !e.includes(n))] }];
+        return [{ title: null, countries: [...c.filter((r) => o.includes(r)), ...c.filter((r) => !o.includes(r))] }];
       }
-      const s = te().filter((c) => !e.includes(c)).sort((c, n) => S(c).localeCompare(S(n), _.intlLocale));
-      return [{ title: p("core.form.phone.common"), countries: e }, { title: p("core.form.phone.all"), countries: s }].filter((c) => c.countries.length > 0);
-    }), y = g(() => D.value.flatMap((e) => e.countries)), L = g(() => D.value.map((e, s) => D.value.slice(0, s).reduce((c, n) => c + n.countries.length, 0))), U = (e) => `${r.id}-country-${e}`, { style: Q } = Fe(k, {
+      const s = te().filter((c) => !o.includes(c)).sort((c, r) => S(c).localeCompare(S(r), _.intlLocale));
+      return [{ title: p("core.form.phone.common"), countries: o }, { title: p("core.form.phone.all"), countries: s }].filter((c) => c.countries.length > 0);
+    }), y = g(() => D.value.flatMap((o) => o.countries)), F = g(() => D.value.map((o, s) => D.value.slice(0, s).reduce((c, r) => c + r.countries.length, 0))), U = (o) => `${n.id}-country-${o}`, { style: Q } = Fe(k, {
       reference: () => V.value,
       placement: () => "bottom-start",
       offset: 4,
       padding: 8,
-      fit: (e, s) => {
-        e.style.width = "min(20rem, calc(100vw - 1rem))", e.style.maxHeight = `${Math.max(200, Math.min(380, s.height))}px`;
+      fit: (o, s) => {
+        o.style.width = "min(20rem, calc(100vw - 1rem))", o.style.maxHeight = `${Math.max(200, Math.min(380, s.height))}px`;
       }
     });
     async function j() {
-      r.disabled || C.value || (v.value = "", d.value = Math.max(0, y.value.indexOf(l.value)), C.value = !0, await q(), K.value?.focus());
+      n.disabled || C.value || (v.value = "", d.value = Math.max(0, y.value.indexOf(l.value)), C.value = !0, await W(), K.value?.focus());
     }
-    function N(e) {
-      C.value = !1, e && V.value?.focus();
+    function N(o) {
+      C.value = !1, o && V.value?.focus();
     }
-    function R(e) {
-      l.value = e, x("picked", e), N(!1);
+    function L(o) {
+      l.value = o, x("picked", o), N(!1);
     }
-    ne(v, () => d.value = 0), ne(d, () => void q(() => k.value?.querySelector("[aria-selected='true']")?.scrollIntoView?.({ block: "nearest" })));
-    function H(e) {
-      C.value && !h.value?.contains(e.relatedTarget) && N(!1);
+    ne(v, () => d.value = 0), ne(d, () => void W(() => k.value?.querySelector("[aria-selected='true']")?.scrollIntoView?.({ block: "nearest" })));
+    function H(o) {
+      C.value && !h.value?.contains(o.relatedTarget) && N(!1);
     }
-    function G(e) {
-      if (e.key === "Escape")
-        e.stopPropagation(), e.preventDefault(), N(!0);
-      else if (e.key === "ArrowDown" || e.key === "ArrowUp")
-        e.preventDefault(), d.value = Math.min(Math.max(d.value + (e.key === "ArrowDown" ? 1 : -1), 0), y.value.length - 1);
-      else if (e.key === "Enter") {
-        e.preventDefault();
+    function G(o) {
+      if (o.key === "Escape")
+        o.stopPropagation(), o.preventDefault(), N(!0);
+      else if (o.key === "ArrowDown" || o.key === "ArrowUp")
+        o.preventDefault(), d.value = Math.min(Math.max(d.value + (o.key === "ArrowDown" ? 1 : -1), 0), y.value.length - 1);
+      else if (o.key === "Enter") {
+        o.preventDefault();
         const s = y.value[d.value];
-        s && R(s);
+        s && L(s);
       }
     }
-    function B(e) {
-      (e.key === "ArrowDown" || e.key === "ArrowUp") && (e.preventDefault(), j());
+    function R(o) {
+      (o.key === "ArrowDown" || o.key === "ArrowUp") && (o.preventDefault(), j());
     }
-    return a({ focus: () => V.value?.focus() }), (e, s) => (w(), $("div", {
+    return a({ focus: () => V.value?.focus() }), (o, s) => (w(), $("div", {
       ref_key: "root",
       ref: h,
       class: "shrink-0",
       onFocusout: H
     }, [
       f("button", {
-        id: `${r.id}-country`,
+        id: `${n.id}-country`,
         ref_key: "trigger",
         ref: V,
         type: "button",
-        disabled: r.disabled,
+        disabled: n.disabled,
         "aria-label": i(p)("core.form.phone.country", { country: S(l.value) }),
         "aria-haspopup": "listbox",
         "aria-expanded": C.value,
         "data-test": "country-button",
-        class: P(["flex h-full min-h-8 cursor-pointer items-center gap-1.5 whitespace-nowrap text-body font-medium text-content-strong focus-visible:outline-2 focus-visible:outline-offset-1 focus-visible:outline-border-focus disabled:cursor-not-allowed compact:border-r compact:border-border-separator", r.surface]),
+        class: P(["flex h-full min-h-8 cursor-pointer items-center gap-1.5 whitespace-nowrap text-body font-medium text-content-strong focus-visible:outline-2 focus-visible:outline-offset-1 focus-visible:outline-border-focus disabled:cursor-not-allowed compact:border-r compact:border-border-separator", n.surface]),
         onClick: s[0] || (s[0] = (c) => C.value ? N(!0) : j()),
-        onKeydown: B
+        onKeydown: R
       }, [
         M(ue, { country: l.value }, null, 8, ["country"]),
         f("span", Ze, T(i(de)(l.value)), 1),
-        M(i(z), {
+        M(i(A), {
           name: "arrowDownSLine",
           size: 14,
           class: "text-content-muted"
@@ -176,12 +187,12 @@ const Qe = ["id", "disabled", "aria-label", "aria-expanded"], Ze = { class: "tab
         class: "z-1000 flex flex-col overflow-hidden rounded-menu bg-surface-overlay shadow-float"
       }, [
         f("div", {
-          id: `${r.id}-countries`,
+          id: `${n.id}-countries`,
           role: "listbox",
           "aria-label": i(p)("core.form.phone.countries"),
           class: "min-h-0 flex-1 overflow-y-auto p-2"
         }, [
-          (w(!0), $(ee, null, le(D.value, (c, n) => (w(), $(ee, {
+          (w(!0), $(ee, null, le(D.value, (c, r) => (w(), $(ee, {
             key: c.title ?? "found"
           }, [
             c.title ? (w(), $("p", tt, T(c.title), 1)) : J("", !0),
@@ -189,14 +200,14 @@ const Qe = ["id", "disabled", "aria-label", "aria-expanded"], Ze = { class: "tab
               id: U(u),
               key: u,
               role: "option",
-              "aria-selected": (L.value[n] ?? 0) + b === d.value,
+              "aria-selected": (F.value[r] ?? 0) + b === d.value,
               "data-test": "country-option",
               "data-country": u,
-              class: P(["flex cursor-pointer items-center gap-2.5 rounded-control px-2 py-2 text-body", (L.value[n] ?? 0) + b === d.value ? "bg-tint-soft" : "hover:bg-fill"]),
+              class: P(["flex cursor-pointer items-center gap-2.5 rounded-control px-2 py-2 text-body", (F.value[r] ?? 0) + b === d.value ? "bg-tint-soft" : "hover:bg-fill"]),
               onMousedown: s[1] || (s[1] = we(() => {
               }, ["prevent"])),
-              onMouseenter: (m) => d.value = (L.value[n] ?? 0) + b,
-              onClick: (m) => R(u)
+              onMouseenter: (m) => d.value = (F.value[r] ?? 0) + b,
+              onClick: (m) => L(u)
             }, [
               M(ue, { country: u }, null, 8, ["country"]),
               f("span", {
@@ -205,9 +216,9 @@ const Qe = ["id", "disabled", "aria-label", "aria-expanded"], Ze = { class: "tab
               f("span", nt, T(i(de)(u)), 1)
             ], 42, ot))), 128))
           ], 64))), 128)),
-          y.value.length === 0 ? (w(), $("p", at, T(i(p)("core.form.phone.no_match")), 1)) : J("", !0)
+          y.value.length === 0 ? (w(), $("p", rt, T(i(p)("core.form.phone.no_match")), 1)) : J("", !0)
         ], 8, et),
-        f("div", rt, [
+        f("div", at, [
           _e(f("input", {
             ref_key: "search",
             ref: K,
@@ -217,7 +228,7 @@ const Qe = ["id", "disabled", "aria-label", "aria-expanded"], Ze = { class: "tab
             autocomplete: "off",
             "aria-autocomplete": "list",
             "aria-expanded": "true",
-            "aria-controls": `${r.id}-countries`,
+            "aria-controls": `${n.id}-countries`,
             "aria-activedescendant": y.value[d.value] ? U(y.value[d.value]) : void 0,
             "aria-label": i(p)("core.form.phone.search"),
             placeholder: i(p)("core.form.phone.search"),
@@ -238,9 +249,9 @@ const Qe = ["id", "disabled", "aria-label", "aria-expanded"], Ze = { class: "tab
 }, ft = ["href", "aria-label", "title"], mt = ["href", "aria-label", "title"], pt = ["aria-label", "title"], vt = {
   class: "sr-only",
   role: "status"
-}, Mt = /* @__PURE__ */ fe({
+}, Tt = /* @__PURE__ */ fe({
   __name: "PhoneField",
-  props: /* @__PURE__ */ ae(/* @__PURE__ */ Pe({
+  props: /* @__PURE__ */ re(/* @__PURE__ */ Pe({
     label: {},
     labelHidden: { type: Boolean },
     hint: {},
@@ -255,66 +266,66 @@ const Qe = ["id", "disabled", "aria-label", "aria-expanded"], Ze = { class: "tab
     commonCountries: {},
     placeholder: {},
     width: {}
-  }, { ...Le, defaultCountry: void 0, commonCountries: void 0, placeholder: void 0, width: "lg" }), {
+  }, { ...Ee, defaultCountry: void 0, commonCountries: void 0, placeholder: void 0, width: "lg" }), {
     modelValue: { default: "" },
     modelModifiers: {}
   }),
   emits: ["update:modelValue"],
   setup(t, { expose: a }) {
-    const o = t, r = me(t, "modelValue"), { t: l } = pe(), x = ve(), p = Ce(it, {}), _ = !!Oe(), h = Re("text", () => o.error || R.value ? "error" : o.disabled ? "locked" : "rest"), V = g(() => _ ? Ve(o.width) : "w-full"), k = F("input"), K = g(() => o.defaultCountry ?? p.defaultCountry ?? (o.commonCountries ?? p.commonCountries ?? ce)[0] ?? "HR"), C = g(() => o.commonCountries ?? p.commonCountries ?? ce), v = $e(K.value), d = E("");
+    const e = t, n = me(t, "modelValue"), { t: l } = pe(), x = ve(), p = Ce(it, {}), _ = !!Oe(), h = Le("text", () => e.error || L.value ? "error" : e.disabled ? "locked" : "rest"), V = g(() => _ ? Ve(e.width) : "w-full"), k = z("input"), K = g(() => e.defaultCountry ?? p.defaultCountry ?? (e.commonCountries ?? p.commonCountries ?? ce)[0] ?? "HR"), C = g(() => e.commonCountries ?? p.commonCountries ?? ce), v = $e(K.value), d = B("");
     let O = null;
-    function S(n) {
-      v.value = n.country, d.value = n.text;
+    function S(r) {
+      v.value = r.country, d.value = r.text;
     }
-    ne(() => r.value, (n) => {
-      n !== O && (O = null, S(oe(n, v.value)));
+    ne(() => n.value, (r) => {
+      r !== O && (O = null, S(oe(r, v.value)));
     }, { immediate: !0 });
-    function D(n) {
-      S(n), O = n.e164, r.value = n.e164;
+    function D(r) {
+      S(r), O = r.e164, n.value = r.e164;
     }
-    const y = (n) => n.replace(/\D/g, "").length;
-    async function L(n) {
-      await q();
+    const y = (r) => r.replace(/\D/g, "").length;
+    async function F(r) {
+      await W();
       const u = k.value;
       if (!u || document.activeElement !== u) return;
       u.value = d.value;
       let b = 0, m = 0;
-      for (; m < d.value.length && b < n; ) /\d/.test(d.value[m++] ?? "") && b++;
+      for (; m < d.value.length && b < r; ) /\d/.test(d.value[m++] ?? "") && b++;
       u.setSelectionRange(m, m);
     }
-    function U(n) {
-      const u = n.target, b = u.selectionStart ?? u.value.length;
+    function U(r) {
+      const u = r.target, b = u.selectionStart ?? u.value.length;
       let m = u.value, I = y(m.slice(0, b));
-      const X = n.inputType ?? "";
+      const X = r.inputType ?? "";
       if (X.startsWith("delete") && y(m) === y(d.value) && y(m) > 0) {
         const Z = m.replace(/\D/g, ""), Y = X === "deleteContentForward" ? I : I - 1;
         Y >= 0 && Y < Z.length && (m = (m.trimStart().startsWith("+") ? "+" : "") + Z.slice(0, Y) + Z.slice(Y + 1), I = Math.max(0, I - (X === "deleteContentForward" ? 0 : 1)));
       }
-      D(oe(m, v.value)), L(I);
+      D(oe(m, v.value)), F(I);
     }
-    function Q(n) {
-      const u = n.clipboardData?.getData("text")?.trim() ?? "";
-      /^(\+|00)\d/.test(u) && (n.preventDefault(), D(oe(u, v.value)), q(() => k.value?.setSelectionRange(d.value.length, d.value.length)));
+    function Q(r) {
+      const u = r.clipboardData?.getData("text")?.trim() ?? "";
+      /^(\+|00)\d/.test(u) && (r.preventDefault(), D(oe(u, v.value)), W(() => k.value?.setSelectionRange(d.value.length, d.value.length)));
     }
-    function j(n) {
-      D(je({ country: v.value, e164: r.value, text: d.value }, n)), q(() => k.value?.focus());
+    function j(r) {
+      D(je({ country: v.value, e164: n.value, text: d.value }, r)), W(() => k.value?.focus());
     }
-    const N = E(!1), R = g(() => N.value && r.value !== "" ? be(r.value) : null), H = g(() => {
-      const n = R.value;
-      if (n)
-        return n.country ? l(`core.form.phone.${n.kind}`, { country: ge(n.country, x.intlLocale) }) : l("core.form.phone.invalid_any");
-    }), G = g(() => r.value !== "" && !R.value ? Xe(r.value) : void 0), B = g(() => He(r.value)), e = E(!1);
+    const N = B(!1), L = g(() => N.value && n.value !== "" ? be(n.value) : null), H = g(() => {
+      const r = L.value;
+      if (r)
+        return r.country ? l(`core.form.phone.${r.kind}`, { country: ge(r.country, x.intlLocale) }) : l("core.form.phone.invalid_any");
+    }), G = g(() => n.value !== "" && !L.value ? Xe(n.value) : void 0), R = g(() => He(n.value)), o = B(!1);
     let s = null;
     async function c() {
       try {
-        await navigator.clipboard.writeText(B.value);
+        await navigator.clipboard.writeText(R.value);
       } catch {
         return;
       }
-      e.value = !0, s && clearTimeout(s), s = setTimeout(() => e.value = !1, 1800);
+      o.value = !0, s && clearTimeout(s), s = setTimeout(() => o.value = !1, 1800);
     }
-    return De(() => s && clearTimeout(s)), a({ focus: () => k.value?.focus() }), (n, u) => (w(), Me(Be, Te({ ...i(Ee)(o), error: o.error ?? H.value }, {
-      value: r.value === "" ? null : B.value,
+    return De(() => s && clearTimeout(s)), a({ focus: () => k.value?.focus() }), (r, u) => (w(), Me(Re, Te({ ...i(Be)(e), error: e.error ?? H.value }, {
+      value: n.value === "" ? null : R.value,
       "value-style": "numeric"
     }), Se({
       default: se(({ id: b, describedby: m, invalid: I }) => [
@@ -326,7 +337,7 @@ const Qe = ["id", "disabled", "aria-label", "aria-expanded"], Ze = { class: "tab
               id: b,
               "model-value": v.value,
               common: C.value,
-              disabled: o.disabled,
+              disabled: e.disabled,
               surface: `${i(h)} px-2.5`,
               onPicked: j
             }, null, 8, ["id", "model-value", "common", "disabled", "surface"]),
@@ -341,11 +352,11 @@ const Qe = ["id", "disabled", "aria-label", "aria-expanded"], Ze = { class: "tab
                 type: "tel",
                 inputmode: "tel",
                 autocomplete: "tel-national",
-                name: o.name,
-                placeholder: o.placeholder,
-                disabled: o.disabled,
-                required: o.required,
-                "aria-required": o.required || void 0,
+                name: e.name,
+                placeholder: e.placeholder,
+                disabled: e.disabled,
+                required: e.required,
+                "aria-required": e.required || void 0,
                 "aria-invalid": I || void 0,
                 "aria-describedby": m,
                 "data-test": "phone-input",
@@ -356,8 +367,8 @@ const Qe = ["id", "disabled", "aria-label", "aria-expanded"], Ze = { class: "tab
               }, null, 40, ct)
             ], 2)
           ], 2),
-          G.value && !(o.error ?? H.value) ? (w(), $("p", dt, [
-            M(i(z), {
+          G.value && !(e.error ?? H.value) ? (w(), $("p", dt, [
+            M(i(A), {
               name: "checkCustom",
               size: 14,
               class: "shrink-0"
@@ -368,7 +379,7 @@ const Qe = ["id", "disabled", "aria-label", "aria-expanded"], Ze = { class: "tab
       ]),
       _: 2
     }, [
-      r.value !== "" ? {
+      n.value !== "" ? {
         name: "readonly",
         fn: se(() => [
           f("div", {
@@ -377,34 +388,34 @@ const Qe = ["id", "disabled", "aria-label", "aria-expanded"], Ze = { class: "tab
           }, [
             f("span", {
               class: P(["flex-auto whitespace-nowrap text-body tabular-nums text-content-strong", _ ? "text-right" : ""])
-            }, T(B.value), 3),
+            }, T(R.value), 3),
             f("a", {
-              href: `tel:${r.value}`,
+              href: `tel:${n.value}`,
               "aria-label": i(l)("core.form.phone.call"),
               title: i(l)("core.form.phone.call"),
               "data-test": "phone-call",
               class: "flex size-9 shrink-0 items-center justify-center rounded-full bg-tint-soft text-content-link transition-colors duration-motion-fast hover:bg-fill focus-visible:outline-2 focus-visible:outline-offset-1 focus-visible:outline-border-focus"
             }, [
-              M(i(z), {
+              M(i(A), {
                 name: "phone",
                 size: 18
               })
             ], 8, ft),
             f("a", {
-              href: `sms:${r.value}`,
+              href: `sms:${n.value}`,
               "aria-label": i(l)("core.form.phone.message"),
               title: i(l)("core.form.phone.message"),
               "data-test": "phone-message",
               class: "flex size-9 shrink-0 items-center justify-center rounded-full bg-tint-soft text-content-link transition-colors duration-motion-fast hover:bg-fill focus-visible:outline-2 focus-visible:outline-offset-1 focus-visible:outline-border-focus"
             }, [
-              M(i(z), {
+              M(i(A), {
                 name: "message",
                 size: 18
               })
             ], 8, mt),
-            Ie(n.$slots, "actions", {
-              number: r.value,
-              formatted: B.value
+            Ie(r.$slots, "actions", {
+              number: n.value,
+              formatted: R.value
             }),
             f("button", {
               type: "button",
@@ -414,12 +425,12 @@ const Qe = ["id", "disabled", "aria-label", "aria-expanded"], Ze = { class: "tab
               class: "flex size-9 shrink-0 cursor-pointer items-center justify-center rounded-full bg-fill text-content-strong transition-colors duration-motion-fast hover:bg-fill-strong focus-visible:outline-2 focus-visible:outline-offset-1 focus-visible:outline-border-focus",
               onClick: c
             }, [
-              M(i(z), {
-                name: e.value ? "checkCustom" : "copy",
+              M(i(A), {
+                name: o.value ? "checkCustom" : "copy",
                 size: 18
               }, null, 8, ["name"])
             ], 8, pt),
-            f("span", vt, T(e.value ? i(l)("core.form.phone.copied") : ""), 1)
+            f("span", vt, T(o.value ? i(l)("core.form.phone.copied") : ""), 1)
           ], 2)
         ]),
         key: "0"
@@ -429,13 +440,14 @@ const Qe = ["id", "disabled", "aria-label", "aria-expanded"], Ze = { class: "tab
 });
 export {
   ce as COMMON_COUNTRIES,
-  Mt as PhoneField,
+  Tt as PhoneField,
   ge as countryName,
   de as dialCode,
   He as formatInternational,
-  Dt as isValidPhone,
+  Mt as isValidPhone,
   Ye as phoneCountry,
   it as phoneDefaultsKey,
   Xe as phoneKind,
-  be as phoneProblem
+  be as phoneProblem,
+  Dt as whatsAppLink
 };