@oneb/ui-vue 0.3.32 → 0.4.0

package/dist/errorsPage/index.js

@@ -1,6 +1,11 @@
-import { defineComponent as d, resolveComponent as i, openBlock as r, createElementBlock as o, createElementVNode as e, toDisplayString as s, createCommentVNode as a, createTextVNode as n, createVNode as p, withCtx as _ } from "vue";
-import { _ as m } from "../_plugin-vue_export-helper-dad06003.js";
-const E = {
+import { defineComponent as O, computed as x, resolveComponent as U, openBlock as a, createElementBlock as c, createElementVNode as s, toDisplayString as r, createCommentVNode as h, createTextVNode as C, createVNode as E, withCtx as z, useSlots as ae, normalizeClass as R, renderSlot as F, ref as _, onMounted as le, onUnmounted as ue, normalizeStyle as ie, Fragment as ce, renderList as de, createSlots as Y, createBlock as P, unref as I, onBeforeUnmount as Z, watch as ve } from "vue";
+import { useOnebI18n as L } from "../i18n/index.js";
+import { _ as ee } from "../_plugin-vue_export-helper-dad06003.js";
+import { useRouter as fe } from "vue-router";
+import { OneButton as M } from "../button/index.js";
+import { c as me } from "../clipboard-733b79a1.js";
+import "../SpinnerIcon-516264ba.js";
+const ye = {
   statusMessage: {
     type: String,
     required: !1
@@ -16,48 +21,572 @@ const E = {
   statusCode: {
     type: String,
     default: "403"
+  },
+  t: {
+    type: Function,
+    default: void 0
   }
-}, g = d({
+}, ge = O({
   name: "ErrorPage",
-  props: E
+  props: ye,
+  setup(e) {
+    const o = L();
+    return { t: x(() => e.t ?? o) };
+  }
 });
-const f = { class: "error-container" }, c = { class: "text-8xl text-secondary-content" }, y = { key: 0 }, b = {
+const pe = { class: "error-container" }, _e = { class: "text-8xl text-secondary-content" }, he = { key: 0 }, xe = {
   key: 1,
   class: "pt-5"
-}, k = { class: "request-info hidden" };
-function C(t, u, D, q, v, x) {
-  const l = i("router-link");
-  return r(), o("div", f, [
-    e("h1", c, s(t.statusCode), 1),
-    t.statusMessage ? (r(), o("p", y, s(t.statusMessage), 1)) : a("", !0),
-    u[4] || (u[4] = e("div", { class: "border-b border-secondary-stroke w-full pt-10" }, null, -1)),
-    t.statusText ? (r(), o("p", b, s(t.statusText), 1)) : a("", !0),
-    e("div", k, [
-      e("p", null, [
-        u[0] || (u[0] = e("strong", null, "Request ID:", -1)),
-        n(" " + s(t.requestId), 1)
+}, be = { class: "request-info hidden" };
+function ke(e, o, y, t, f, d) {
+  const l = U("router-link");
+  return a(), c("div", pe, [
+    s("h1", _e, r(e.statusCode), 1),
+    e.statusMessage ? (a(), c("p", he, r(e.statusMessage), 1)) : h("", !0),
+    o[3] || (o[3] = s("div", { class: "border-b border-secondary-stroke w-full pt-10" }, null, -1)),
+    e.statusText ? (a(), c("p", xe, r(e.statusText), 1)) : h("", !0),
+    s("div", be, [
+      s("p", null, [
+        o[0] || (o[0] = s("strong", null, "Request ID:", -1)),
+        C(" " + r(e.requestId), 1)
       ]),
-      u[1] || (u[1] = e("button", { class: "copy-btn" }, "Скопіювати", -1)),
-      u[2] || (u[2] = e("p", null, [
-        n(" Передайте цю інформацію розробнику або напишіть в "),
-        e("a", {
+      o[1] || (o[1] = s("button", { class: "copy-btn" }, "Скопіювати", -1)),
+      o[2] || (o[2] = s("p", null, [
+        C(" Передайте цю інформацію розробнику або напишіть в "),
+        s("a", {
           href: "https://t.me/telegram_bot",
           target: "_blank"
         }, "Telegram-бот")
       ], -1))
     ]),
-    p(l, {
+    E(l, {
       to: "/",
       class: "home-link"
     }, {
-      default: _(() => [...u[3] || (u[3] = [
-        n("Перейти на головну сторінку", -1)
-      ])]),
+      default: z(() => [
+        C(r(e.t("ui.errors.go_home")), 1)
+      ]),
       _: 1
     })
   ]);
 }
-const F = /* @__PURE__ */ m(g, [["render", C], ["__scopeId", "data-v-41b3a0e1"]]);
+const gt = /* @__PURE__ */ ee(ge, [["render", ke], ["__scopeId", "data-v-4ac01274"]]), we = { class: "flex items-center justify-center gap-2 sm:gap-4" }, Se = {
+  key: 0,
+  class: "relative"
+}, $e = { class: "one-error-logo-bounce" }, Ce = ["src"], Ee = {
+  key: 0,
+  class: "absolute inset-0 animate-ping opacity-20",
+  "aria-hidden": "true"
+}, Te = ["src"], D = "text-[100px] sm:text-[160px] font-bold text-secondary-stroke leading-none select-none", Oe = /* @__PURE__ */ O({
+  __name: "OneErrorHero",
+  props: {
+    left: {
+      type: String,
+      required: !0
+    },
+    /** Fallback digit shown when there is no logo (neither slot nor logoSrc). */
+    middle: {
+      type: String,
+      required: !0
+    },
+    right: {
+      type: String,
+      required: !0
+    },
+    logoSrc: {
+      type: String,
+      default: void 0
+    }
+  },
+  setup(e) {
+    const o = e, y = ae(), t = x(() => !!y.default), f = x(() => t.value || !!o.logoSrc);
+    return (d, l) => (a(), c("div", we, [
+      s("span", {
+        class: R(D)
+      }, r(e.left), 1),
+      f.value ? (a(), c("div", Se, [
+        s("div", $e, [
+          F(d.$slots, "default", {}, () => [
+            s("img", {
+              src: e.logoSrc,
+              class: "w-20 h-20 sm:w-28 sm:h-28",
+              alt: "Logo"
+            }, null, 8, Ce)
+          ], !0)
+        ]),
+        e.logoSrc && !t.value ? (a(), c("div", Ee, [
+          s("img", {
+            src: e.logoSrc,
+            class: "w-20 h-20 sm:w-28 sm:h-28",
+            alt: ""
+          }, null, 8, Te)
+        ])) : h("", !0)
+      ])) : (a(), c("span", {
+        key: 1,
+        class: R(D)
+      }, r(e.middle), 1)),
+      s("span", {
+        class: R(D)
+      }, r(e.right), 1)
+    ]));
+  }
+});
+const te = /* @__PURE__ */ ee(Oe, [["__scopeId", "data-v-59d54d25"]]), qe = { class: "w-full" }, Ie = { class: "flex items-center justify-between mb-4" }, ze = { class: "flex items-center gap-4" }, Fe = { class: "text-sm text-secondary-base" }, Le = {
+  class: "text-success-content",
+  "data-test": "snake-score"
+}, je = {
+  key: 0,
+  class: "text-sm text-danger-base font-medium",
+  "data-test": "snake-status"
+}, Be = {
+  key: 1,
+  class: "text-sm text-success-content",
+  "data-test": "snake-status"
+}, Re = {
+  key: 2,
+  class: "text-sm text-secondary-content",
+  "data-test": "snake-status"
+}, Me = { class: "flex gap-2" }, Ge = { class: "bg-secondary-body-active border border-secondary-stroke rounded-20 p-4 shadow-sm" }, Ne = ["data-snake"], De = {
+  key: 0,
+  class: "absolute inset-1 rounded-md border border-success-active/40"
+}, He = {
+  key: 1,
+  class: "absolute inset-2 rounded-sm bg-danger-base"
+}, Pe = { class: "text-xs text-secondary-content text-center mt-3" }, Ue = /* @__PURE__ */ O({
+  __name: "OneSnakeGame",
+  props: {
+    gridSize: {
+      type: Number,
+      default: 15
+    },
+    tickMs: {
+      type: Number,
+      default: 170
+    },
+    t: {
+      type: Function,
+      default: void 0
+    }
+  },
+  emits: ["score", "game-over"],
+  setup(e, { expose: o, emit: y }) {
+    const t = e, f = y, d = L(), l = x(() => t.t ?? d), m = _([]), g = _({ x: 1, y: 0 }), k = _({ x: 1, y: 0 }), p = _({ x: 0, y: 0 }), w = _(0), b = _(!1), v = _(!1);
+    let T = null;
+    const oe = x(
+      () => Array.from({ length: t.gridSize * t.gridSize }, (u, n) => ({
+        x: n % t.gridSize,
+        y: Math.floor(n / t.gridSize)
+      }))
+    ), G = (u) => {
+      var n, i;
+      return ((n = m.value[0]) == null ? void 0 : n.x) === u.x && ((i = m.value[0]) == null ? void 0 : i.y) === u.y;
+    }, A = (u) => m.value.some((n, i) => i !== 0 && n.x === u.x && n.y === u.y), N = (u) => p.value.x === u.x && p.value.y === u.y, V = (u) => {
+      const n = [];
+      for (let S = 0; S < t.gridSize; S += 1)
+        for (let $ = 0; $ < t.gridSize; $ += 1)
+          u.some((X) => X.x === $ && X.y === S) || n.push({ x: $, y: S });
+      if (n.length === 0)
+        return { x: 0, y: 0 };
+      const i = Math.floor(Math.random() * n.length);
+      return n[i];
+    }, j = () => {
+      T != null && (clearInterval(T), T = null), b.value = !1;
+    }, K = () => {
+      j(), v.value = !0, f("game-over", w.value);
+    }, q = () => {
+      j(), m.value = [
+        {
+          x: Math.floor(t.gridSize / 2),
+          y: Math.floor(t.gridSize / 2)
+        }
+      ], g.value = { x: 1, y: 0 }, k.value = { x: 1, y: 0 }, p.value = V(m.value), w.value = 0, v.value = !1;
+    }, ne = (u) => {
+      g.value.x + u.x === 0 && g.value.y + u.y === 0 || (k.value = u);
+    }, re = () => {
+      g.value = k.value;
+      const u = m.value[0], n = { x: u.x + g.value.x, y: u.y + g.value.y };
+      if (n.x < 0 || n.x >= t.gridSize || n.y < 0 || n.y >= t.gridSize) {
+        K();
+        return;
+      }
+      if (m.value.some(($) => $.x === n.x && $.y === n.y)) {
+        K();
+        return;
+      }
+      const S = [n, ...m.value];
+      n.x === p.value.x && n.y === p.value.y ? (w.value += 1, f("score", w.value), p.value = V(S)) : S.pop(), m.value = S;
+    }, J = () => {
+      T != null || v.value || (b.value = !0, T = setInterval(re, t.tickMs));
+    }, Q = () => {
+      if (v.value) {
+        q();
+        return;
+      }
+      b.value ? j() : J();
+    }, W = (u) => {
+      const n = u.key.toLowerCase(), i = {
+        arrowup: { x: 0, y: -1 },
+        w: { x: 0, y: -1 },
+        arrowdown: { x: 0, y: 1 },
+        s: { x: 0, y: 1 },
+        arrowleft: { x: -1, y: 0 },
+        a: { x: -1, y: 0 },
+        arrowright: { x: 1, y: 0 },
+        d: { x: 1, y: 0 }
+      };
+      i[n] ? (ne(i[n]), !b.value && !v.value && J()) : n === " " ? (u.preventDefault(), v.value || Q()) : n === "enter" && v.value && q();
+    };
+    return le(() => {
+      q(), window.addEventListener("keydown", W);
+    }), ue(() => {
+      j(), window.removeEventListener("keydown", W);
+    }), o({ score: w, isRunning: b, isGameOver: v, resetGame: q }), (u, n) => (a(), c("div", qe, [
+      s("div", Ie, [
+        s("div", ze, [
+          s("span", Fe, [
+            C(r(l.value("ui.errors.snake_score")) + ": ", 1),
+            s("strong", Le, r(w.value), 1)
+          ]),
+          v.value ? (a(), c("span", je, r(l.value("ui.errors.snake_game_over")), 1)) : b.value ? (a(), c("span", Be, r(l.value("ui.errors.snake_running")), 1)) : (a(), c("span", Re, r(l.value("ui.errors.snake_paused")), 1))
+        ]),
+        s("div", Me, [
+          s("button", {
+            type: "button",
+            class: "px-3 py-1.5 rounded-lg text-sm text-white bg-success-base hover:bg-success-hover transition",
+            "data-test": "snake-toggle",
+            onClick: Q
+          }, r(v.value ? l.value("ui.errors.snake_restart") : b.value ? l.value("ui.errors.snake_pause") : l.value("ui.errors.snake_start")), 1),
+          s("button", {
+            type: "button",
+            class: "px-3 py-1.5 rounded-lg text-sm border border-secondary-stroke text-secondary-base hover:bg-secondary-body-hover transition",
+            "data-test": "snake-reset",
+            onClick: q
+          }, r(l.value("ui.errors.snake_reset")), 1)
+        ])
+      ]),
+      s("div", Ge, [
+        s("div", {
+          class: "w-full mx-auto",
+          style: ie({ display: "grid", gridTemplateColumns: `repeat(${e.gridSize}, minmax(0, 1fr))` })
+        }, [
+          (a(!0), c(ce, null, de(oe.value, (i) => (a(), c("div", {
+            key: `${i.x}-${i.y}`,
+            class: R(["relative aspect-square border border-secondary-stroke/60", [
+              G(i) ? "bg-success-active shadow-inner" : A(i) ? "bg-success-25" : N(i) ? "bg-danger-glow" : "bg-white"
+            ]]),
+            "data-test": "snake-cell",
+            "data-snake": G(i) ? "head" : A(i) ? "body" : N(i) ? "food" : void 0
+          }, [
+            G(i) ? (a(), c("div", De)) : N(i) ? (a(), c("div", He)) : h("", !0)
+          ], 10, Ne))), 128))
+        ], 4)
+      ]),
+      s("p", Pe, r(l.value("ui.errors.snake_instructions")), 1)
+    ]));
+  }
+}), Ae = { class: "flex flex-col items-center justify-center p-4" }, Ve = { class: "text-center mb-8" }, Ke = { class: "text-xl text-secondary-base mt-2" }, Je = { class: "flex gap-4 mt-4" }, pt = /* @__PURE__ */ O({
+  __name: "OneNotFoundPage",
+  props: {
+    /** App logo shown between the digits; the #logo slot takes priority. */
+    logoSrc: {
+      type: String,
+      default: void 0
+    },
+    homeTo: {
+      type: [String, Object],
+      default: "/"
+    },
+    withGame: {
+      type: Boolean,
+      default: !0
+    },
+    t: {
+      type: Function,
+      default: void 0
+    }
+  },
+  setup(e) {
+    const o = e, y = L(), t = x(() => o.t ?? y), f = fe(), d = _(!1), l = () => {
+      f ? f.back() : typeof window < "u" && window.history.back();
+    };
+    return (m, g) => {
+      const k = U("RouterLink");
+      return a(), c("div", Ae, [
+        s("div", Ve, [
+          E(te, {
+            left: "4",
+            middle: "0",
+            right: "4",
+            "logo-src": e.logoSrc
+          }, Y({ _: 2 }, [
+            m.$slots.logo ? {
+              name: "default",
+              fn: z(() => [
+                F(m.$slots, "logo")
+              ]),
+              key: "0"
+            } : void 0
+          ]), 1032, ["logo-src"]),
+          s("p", Ke, r(t.value("ui.errors.page_not_found")), 1)
+        ]),
+        e.withGame && !d.value ? (a(), P(I(M), {
+          key: 0,
+          variant: "success",
+          size: "lg",
+          label: t.value("ui.errors.play_snake"),
+          "data-test": "nf-play",
+          onClick: g[0] || (g[0] = (p) => d.value = !0)
+        }, null, 8, ["label"])) : h("", !0),
+        d.value ? (a(), P(Ue, {
+          key: 1,
+          class: "max-w-2xl",
+          t: t.value
+        }, null, 8, ["t"])) : h("", !0),
+        s("div", Je, [
+          E(k, {
+            to: e.homeTo,
+            class: "text-info-base hover:text-info-active underline text-sm",
+            "data-test": "nf-home"
+          }, {
+            default: z(() => [
+              C(r(t.value("ui.errors.go_home")), 1)
+            ]),
+            _: 1
+          }, 8, ["to"]),
+          s("button", {
+            type: "button",
+            class: "text-secondary-base hover:text-secondary-hover underline text-sm",
+            "data-test": "nf-back",
+            onClick: l
+          }, r(t.value("ui.errors.go_back")), 1)
+        ])
+      ]);
+    };
+  }
+}), Qe = { class: "flex flex-col items-center justify-center p-4" }, We = { class: "text-center mb-8" }, Xe = { class: "text-xl text-secondary-base mt-2" }, Ye = { class: "text-sm text-secondary-content mt-2 max-w-md mx-auto" }, Ze = {
+  key: 0,
+  class: "mb-6 text-sm text-secondary-base text-center",
+  "data-test": "se-request"
+}, et = { class: "flex flex-col items-center gap-4" }, _t = /* @__PURE__ */ O({
+  __name: "OneServerErrorPage",
+  props: {
+    /** App logo shown between the digits; the #logo slot takes priority. */
+    logoSrc: {
+      type: String,
+      default: void 0
+    },
+    homeTo: {
+      type: [String, Object],
+      default: "/"
+    },
+    /** Backend request/trace id — shows the «Код запиту» block with a copy button. */
+    requestId: {
+      type: String,
+      default: void 0
+    },
+    t: {
+      type: Function,
+      default: void 0
+    }
+  },
+  setup(e) {
+    const o = e, y = L(), t = x(() => o.t ?? y), f = _(!1);
+    let d = null;
+    const l = async () => {
+      !o.requestId || !await me(o.requestId) || (f.value = !0, d != null && clearTimeout(d), d = setTimeout(() => {
+        f.value = !1, d = null;
+      }, 2e3));
+    }, m = () => {
+      window.location.reload();
+    };
+    return Z(() => {
+      d != null && clearTimeout(d);
+    }), (g, k) => {
+      const p = U("RouterLink");
+      return a(), c("div", Qe, [
+        s("div", We, [
+          E(te, {
+            left: "5",
+            middle: "0",
+            right: "0",
+            "logo-src": e.logoSrc
+          }, Y({ _: 2 }, [
+            g.$slots.logo ? {
+              name: "default",
+              fn: z(() => [
+                F(g.$slots, "logo")
+              ]),
+              key: "0"
+            } : void 0
+          ]), 1032, ["logo-src"]),
+          s("p", Xe, r(t.value("ui.errors.server_error")), 1),
+          s("p", Ye, r(t.value("ui.errors.server_error_hint")), 1)
+        ]),
+        e.requestId ? (a(), c("div", Ze, [
+          C(r(t.value("ui.errors.request_id")) + ": ", 1),
+          s("strong", null, r(e.requestId), 1),
+          s("button", {
+            type: "button",
+            class: "ml-2 text-info-base hover:text-info-active underline",
+            "data-test": "se-copy",
+            onClick: l
+          }, r(f.value ? t.value("ui.errors.copied") : t.value("ui.errors.copy")), 1)
+        ])) : h("", !0),
+        s("div", et, [
+          E(I(M), {
+            variant: "primary",
+            size: "lg",
+            label: t.value("ui.errors.reload_page"),
+            "data-test": "se-reload",
+            onClick: m
+          }, null, 8, ["label"]),
+          F(g.$slots, "support"),
+          E(p, {
+            to: e.homeTo,
+            class: "text-info-base hover:text-info-active underline text-sm",
+            "data-test": "se-home"
+          }, {
+            default: z(() => [
+              C(r(t.value("ui.errors.go_home")), 1)
+            ]),
+            _: 1
+          }, 8, ["to"])
+        ])
+      ]);
+    };
+  }
+}), B = _(!1), H = _(null);
+function se() {
+  return { show: B, error: H, trigger: (y) => {
+    B.value || (H.value = y, B.value = !0);
+  }, dismiss: () => {
+    B.value = !1, H.value = null;
+  } };
+}
+const tt = {
+  key: 0,
+  class: "fixed inset-0 z-[10000] flex items-center justify-center bg-secondary-body p-6",
+  role: "alert",
+  "aria-live": "assertive",
+  "data-test": "crash-screen"
+}, st = { class: "flex w-full max-w-[480px] flex-col items-center text-center" }, ot = {
+  key: 0,
+  class: "mb-6"
+}, nt = ["src"], rt = { class: "mb-3 text-2xl font-semibold" }, at = {
+  class: "mb-8 text-base text-secondary-base",
+  "data-test": "crash-message"
+}, lt = {
+  key: 2,
+  "data-test": "crash-details",
+  class: "mt-6 text-xs text-secondary-content"
+}, ht = /* @__PURE__ */ O({
+  __name: "OneCrashScreen",
+  props: {
+    /** App logo above the title; the #logo slot takes priority. */
+    logoSrc: {
+      type: String,
+      default: void 0
+    },
+    /** Account portal URL — the second button shows only when set. */
+    accountUrl: {
+      type: String,
+      default: void 0
+    },
+    autoReloadSeconds: {
+      type: Number,
+      default: 10
+    },
+    /**
+     * Disables auto-reload («Перезавантажте сторінку вручну») — e.g. when the
+     * app counted too many reload attempts (invoice MAX_AUTO_RELOAD_ATTEMPTS).
+     */
+    persistent: {
+      type: Boolean,
+      default: !1
+    },
+    /** Shows `err.name: err.message` under the buttons (debug builds). */
+    showDetails: {
+      type: Boolean,
+      default: !1
+    },
+    t: {
+      type: Function,
+      default: void 0
+    }
+  },
+  setup(e) {
+    const o = e, y = L(), t = x(() => o.t ?? y), { show: f, error: d } = se(), l = _(o.autoReloadSeconds);
+    let m = null;
+    const g = x(() => {
+      const v = d.value;
+      return v instanceof Error ? `${v.name}: ${v.message}` : String(v ?? "Unknown error");
+    }), k = x(() => o.persistent ? t.value("ui.crash.persistent") : l.value > 0 ? t.value("ui.crash.countdown", { n: l.value }) : t.value("ui.crash.reloading")), p = () => {
+      m != null && (clearInterval(m), m = null);
+    }, w = () => {
+      p(), window.location.reload();
+    }, b = () => {
+      o.accountUrl && (p(), window.location.href = o.accountUrl);
+    };
+    return ve(
+      f,
+      (v) => {
+        p(), v && (l.value = o.autoReloadSeconds, !o.persistent && (m = setInterval(() => {
+          l.value -= 1, l.value <= 0 && (p(), window.location.reload());
+        }, 1e3)));
+      },
+      { immediate: !0 }
+    ), Z(() => {
+      p();
+    }), (v, T) => I(f) ? (a(), c("div", tt, [
+      s("div", st, [
+        e.logoSrc || v.$slots.logo ? (a(), c("div", ot, [
+          F(v.$slots, "logo", {}, () => [
+            s("img", {
+              src: e.logoSrc,
+              alt: "",
+              class: "h-20 w-20"
+            }, null, 8, nt)
+          ])
+        ])) : h("", !0),
+        s("h1", rt, r(t.value("ui.crash.title")), 1),
+        s("p", at, r(k.value), 1),
+        E(I(M), {
+          class: "w-full mb-3",
+          variant: "primary",
+          label: t.value("ui.crash.reload_now"),
+          "data-test": "crash-reload",
+          onClick: w
+        }, null, 8, ["label"]),
+        e.accountUrl ? (a(), P(I(M), {
+          key: 1,
+          class: "w-full",
+          variant: "secondary",
+          label: t.value("ui.crash.open_account"),
+          "data-test": "crash-account",
+          onClick: b
+        }, null, 8, ["label"])) : h("", !0),
+        e.showDetails ? (a(), c("p", lt, r(g.value), 1)) : h("", !0)
+      ])
+    ])) : h("", !0);
+  }
+});
+function xt(e = {}) {
+  const o = e.criticalInfos ?? ["setup function", "render function"];
+  return (y, t, f) => {
+    var d;
+    try {
+      (d = e.onError) == null || d.call(e, y, f);
+    } catch {
+    }
+    console.error("[Vue Error]", y, f), o.includes(f) && (e.onCritical ?? se().trigger)(y);
+  };
+}
 export {
-  F as OneErrorPage
+  ht as OneCrashScreen,
+  gt as OneErrorPage,
+  pt as OneNotFoundPage,
+  _t as OneServerErrorPage,
+  Ue as OneSnakeGame,
+  xt as createAppErrorHandler,
+  se as useCrashState
 };

package/dist/errorsPage/useCrashState.d.ts

@@ -0,0 +1,10 @@
+import type { Ref } from 'vue';
+export interface CrashState {
+    show: Ref<boolean>;
+    error: Ref<unknown>;
+    /** Shows the crash screen. Ignored while one is already shown (first error wins). */
+    trigger: (err: unknown) => void;
+    /** Hides the crash screen and clears the stored error. */
+    dismiss: () => void;
+}
+export declare function useCrashState(): CrashState;

package/dist/fileUpload/OneDropzone.vue.d.ts

@@ -0,0 +1,2 @@
+declare const _default: any;
+export default _default;

package/dist/fileUpload/OneFileUpload.vue.d.ts

@@ -0,0 +1,2 @@
+declare const _default: any;
+export default _default;

package/dist/fileUpload/fileUpload.d.ts

@@ -0,0 +1,17 @@
+export interface FileUploadError {
+    code: 'size' | 'type';
+    file: File;
+}
+export interface FileValidationOptions {
+    accept?: string;
+    maxSizeMb?: number;
+    multiple?: boolean;
+}
+/**
+ * Validates picked/dropped files against accept + maxSizeMb, shared by
+ * OneFileUpload and OneDropzone. Returns accepted files and typed errors.
+ */
+export declare const validateFiles: (files: File[], opts: FileValidationOptions) => {
+    accepted: File[];
+    errors: FileUploadError[];
+};

package/dist/fileUpload/index.cjs

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const k=require("../useFileUpload-f47622bb.cjs"),e=require("vue"),S=require("../spinner/index.cjs"),x=require("../i18n/index.cjs"),z=require("../button/index.cjs");require("../SpinnerIcon-01be39fe.cjs");require("../_plugin-vue_export-helper-f246444f.cjs");function D(t,o){return e.openBlock(),e.createElementBlock("svg",{xmlns:"http://www.w3.org/2000/svg",fill:"none",viewBox:"0 0 24 24","stroke-width":"1.8",stroke:"currentColor","aria-hidden":"true"},[e.createElementVNode("path",{"stroke-linecap":"round","stroke-linejoin":"round",d:"M3 16.5v2.25A2.25 2.25 0 005.25 21h13.5A2.25 2.25 0 0021 18.75V16.5m-13.5-9L12 3m0 0l4.5 4.5M12 3v13.5"})])}const w=(t,o)=>o?o.split(",").map(l=>l.trim().toLowerCase()).some(l=>l?l.startsWith(".")?t.name.toLowerCase().endsWith(l):l.endsWith("/*")?t.type.toLowerCase().startsWith(l.slice(0,-1)):t.type.toLowerCase()===l:!1):!0,v=(t,o)=>{const l=[],r=[],u=o.multiple?t:t.slice(0,1);for(const n of u){if(!w(n,o.accept)){r.push({code:"type",file:n});continue}if(o.maxSizeMb!=null&&n.size>o.maxSizeMb*1024*1024){r.push({code:"size",file:n});continue}l.push(n)}return{accepted:l,errors:r}},C={key:2,class:"text-[#525B66] font-medium"},E={key:3,class:"text-[#525B66]"},N=["accept","multiple","disabled"],F=e.defineComponent({__name:"OneFileUpload",props:{label:{type:String,default:""},accept:{type:String,default:void 0},multiple:{type:Boolean,default:!1},maxSizeMb:{type:Number,default:void 0},disabled:{type:Boolean,default:!1},loading:{type:Boolean,default:!1},t:{type:Function,default:void 0}},emits:["files","error"],setup(t,{emit:o}){const l=t,r=o,u=x.useOnebI18n(),n=e.computed(()=>l.t??u),s=c=>{const d=c.target,p=Array.from(d.files??[]);if(d.value="",p.length===0)return;const{accepted:f,errors:b}=v(p,{accept:l.accept,maxSizeMb:l.maxSizeMb,multiple:l.multiple});b.forEach(g=>r("error",g)),f.length>0&&r("files",f)};return(c,d)=>(e.openBlock(),e.createElementBlock("label",{class:e.normalizeClass(["hover:text-blue-500 cursor-pointer text-sm w-full h-full flex items-center border hover:bg-gray-50 px-3 py-2 rounded-md gap-3",{"opacity-60 cursor-not-allowed pointer-events-none":t.disabled}])},[t.loading?(e.openBlock(),e.createBlock(e.unref(S.OneSpinner),{key:0,size:"sm"})):(e.openBlock(),e.createBlock(e.unref(D),{key:1,class:"w-4 h-4 text-[#525B66]"})),t.loading?(e.openBlock(),e.createElementBlock("span",E,e.toDisplayString(n.value("ui.file_upload.uploading"))+"...",1)):(e.openBlock(),e.createElementBlock("span",C,e.toDisplayString(t.label||n.value("ui.file_upload.select")),1)),e.createElementVNode("input",{class:"hidden",type:"file",accept:t.accept,multiple:t.multiple,disabled:t.disabled,onChange:s},null,40,N)],2))}}),M=["accept","multiple","disabled"],V={class:"text-base font-medium text-gray-900"},O={class:"text-xs text-gray-500"},q={key:0,class:"mt-4 text-sm text-gray-700"},L={class:"font-semibold"},j=e.defineComponent({__name:"OneDropzone",props:{accept:{type:String,default:void 0},multiple:{type:Boolean,default:!1},maxSizeMb:{type:Number,default:void 0},disabled:{type:Boolean,default:!1},hint:{type:String,default:""},help:{type:String,default:""},buttonLabel:{type:String,default:""},t:{type:Function,default:void 0}},emits:["files","error"],setup(t,{emit:o}){const l=t,r=o,u=x.useOnebI18n(),n=e.computed(()=>l.t??u),s=e.ref(!1),c=e.ref([]),d=e.ref(null),p=a=>{const i=Array.from(a??[]);if(i.length===0)return;const{accepted:m,errors:B}=v(i,{accept:l.accept,maxSizeMb:l.maxSizeMb,multiple:l.multiple});B.forEach(y=>r("error",y)),m.length>0&&(c.value=m.map(y=>y.name),r("files",m))},f=a=>{var i;a.preventDefault(),s.value=!1,!l.disabled&&p(((i=a.dataTransfer)==null?void 0:i.files)??null)},b=a=>{a.preventDefault(),!l.disabled&&(s.value=!0)},g=a=>{if(l.disabled)return;const i=a.target;p(i.files),i.value=""},h=()=>{var a;l.disabled||(a=d.value)==null||a.click()};return(a,i)=>(e.openBlock(),e.createElementBlock("div",{class:e.normalizeClass(["border-2 border-dashed rounded-xl bg-white p-6 flex flex-col items-center justify-center text-center transition-colors",{"border-blue-500 bg-blue-50":s.value&&!t.disabled,"border-gray-300":!s.value||t.disabled,"opacity-60 cursor-not-allowed":t.disabled}]),"data-test":"dropzone",onDrop:f,onDragover:b,onDragleave:i[0]||(i[0]=m=>s.value=!1)},[e.createElementVNode("input",{ref_key:"inputRef",ref:d,type:"file",accept:t.accept,multiple:t.multiple,class:"hidden",disabled:t.disabled,onChange:g},null,40,M),e.renderSlot(a.$slots,"default",{isDragging:s.value,openPicker:h},()=>[e.createElementVNode("div",{class:"cursor-pointer flex flex-col items-center gap-2",onClick:h},[e.createElementVNode("span",V,e.toDisplayString(t.hint||n.value("ui.dropzone.hint")),1),e.createElementVNode("span",O,e.toDisplayString(t.help||n.value("ui.dropzone.help")),1)]),e.createVNode(e.unref(z.OneButton),{type:"button",variant:"primary",class:"mt-3",label:t.buttonLabel||n.value("ui.dropzone.choose"),disabled:t.disabled,onClick:h},null,8,["label","disabled"]),c.value.length?(e.openBlock(),e.createElementBlock("div",q,[e.createTextVNode(e.toDisplayString(n.value("ui.dropzone.selected"))+": ",1),e.createElementVNode("span",L,e.toDisplayString(c.value.join(", ")),1)])):e.createCommentVNode("",!0)])],34))}});exports.useFileUpload=k.useFileUpload;exports.OneDropzone=j;exports.OneFileUpload=F;exports.validateFiles=v;

package/dist/fileUpload/index.d.ts

@@ -0,0 +1,6 @@
+export { default as OneFileUpload } from './OneFileUpload.vue';
+export { default as OneDropzone } from './OneDropzone.vue';
+export { validateFiles } from './fileUpload';
+export type { FileUploadError, FileValidationOptions } from './fileUpload';
+export { useFileUpload } from '../composables/useFileUpload';
+export type { UseFileUploadOptions, UseFileUploadReturn } from '../composables/useFileUpload';