@layers-app/shared 0.2.4 → 0.2.6

package/dist/helpers/getFileType.js

@@ -1,5 +1,4 @@
-import { isAppMode as r } from "./isAppMode.js";
-const a = (e, t = "SAAS") => {
+const n = (e, t = !0) => {
   if (e.includes("text"))
     return "documents";
   if (e.includes("image") || e.includes("video"))
@@ -14,11 +13,11 @@ const a = (e, t = "SAAS") => {
     case "application/excel":
       return "documents";
     case "application/vnd.openxmlformats-officedocument.spreadsheetml.sheet":
-      return r(t, "SAAS") ? "documents" : "xlsx";
+      return t ? "documents" : "xlsx";
     case "application/vnd.openxmlformats-officedocument.wordprocessingml.document":
-      return r(t, "SAAS") ? "documents" : "docx";
+      return t ? "documents" : "docx";
     case "application/vnd.openxmlformats-officedocument.presentationml.presentation":
-      return r(t, "SAAS") ? "presentation" : "pptx";
+      return t ? "presentation" : "pptx";
     case "application/slides":
       return "media";
     case "audio/mpeg":
@@ -36,5 +35,5 @@ const a = (e, t = "SAAS") => {
   }
 };
 export {
-  a as getFileType
+  n as getFileType
 };

package/dist/helpers/isAppMode.d.ts

@@ -1,3 +1,3 @@
 export type appMode = 'SERVER' | 'DESKTOP' | 'SAAS';
-export declare const isAppMode: (actualMode: appMode | undefined, expectedMode: appMode) => boolean;
+export declare const isAppMode: (actualMode: appMode | null | undefined, expectedMode: appMode) => boolean;
 //# sourceMappingURL=isAppMode.d.ts.map

package/dist/helpers/isAppMode.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"isAppMode.d.ts","sourceRoot":"","sources":["../../src/helpers/isAppMode.ts"],"names":[],"mappings":"AAAA,MAAM,MAAM,OAAO,GAAG,QAAQ,GAAG,SAAS,GAAG,MAAM,CAAC;AAEpD,eAAO,MAAM,SAAS,GACpB,YAAY,OAAO,GAAG,SAAS,EAC/B,cAAc,OAAO,KACpB,OAEF,CAAC"}
+{"version":3,"file":"isAppMode.d.ts","sourceRoot":"","sources":["../../src/helpers/isAppMode.ts"],"names":[],"mappings":"AAAA,MAAM,MAAM,OAAO,GAAG,QAAQ,GAAG,SAAS,GAAG,MAAM,CAAC;AAEpD,eAAO,MAAM,SAAS,GACpB,YAAY,OAAO,GAAG,IAAI,GAAG,SAAS,EACtC,cAAc,OAAO,KACpB,OAEF,CAAC"}

package/dist/helpers/showNotifications.d.ts

@@ -1,12 +1,23 @@
+import { ReactNode } from 'react';
 import { NotificationData } from '@mantine/notifications';
 type MessageType = string | number | NotificationData;
+export interface NotificationAction {
+    label: ReactNode;
+    onClick: () => void;
+    variant?: 'filled' | 'default';
+}
+export type ExtendedNotificationData = Omit<NotificationData, 'message'> & {
+    message?: ReactNode;
+    actions?: NotificationAction[];
+};
 export declare const showRequestNotifications: <Response, Request extends Promise<Response> = Promise<Response>>(request: Request, options?: {
     notifyId?: string;
     successMsg?: ((res: Response) => MessageType) | MessageType;
     errorMsg?: ((err: any) => MessageType) | MessageType;
 }) => Promise<any>;
-export declare const showMessageNotification: (props: NotificationData) => void;
-export declare const showSuccessNotification: (props: NotificationData) => void;
-export declare const showErrorNotification: (props: NotificationData) => void;
+export declare const showMessageNotification: (props: ExtendedNotificationData) => void;
+export declare const showSuccessNotification: (props: ExtendedNotificationData) => void;
+export declare const showWarningNotification: (props: ExtendedNotificationData) => void;
+export declare const showErrorNotification: (props: ExtendedNotificationData) => void;
 export {};
 //# sourceMappingURL=showNotifications.d.ts.map

package/dist/helpers/showNotifications.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"showNotifications.d.ts","sourceRoot":"","sources":["../../src/helpers/showNotifications.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,gBAAgB,EAAoB,MAAM,wBAAwB,CAAC;AAG5E,KAAK,WAAW,GAAG,MAAM,GAAG,MAAM,GAAG,gBAAgB,CAAC;AA+BtD,eAAO,MAAM,wBAAwB,GACnC,QAAQ,EACR,OAAO,SAAS,OAAO,CAAC,QAAQ,CAAC,GAAG,OAAO,CAAC,QAAQ,CAAC,EAErD,SAAS,OAAO,EAChB,UAAS;IACP,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,UAAU,CAAC,EAAE,CAAC,CAAC,GAAG,EAAE,QAAQ,KAAK,WAAW,CAAC,GAAG,WAAW,CAAC;IAC5D,QAAQ,CAAC,EAAE,CAAC,CAAC,GAAG,EAAE,GAAG,KAAK,WAAW,CAAC,GAAG,WAAW,CAAC;CACjD,iBA+BP,CAAC;AAEF,eAAO,MAAM,uBAAuB,GAAI,OAAO,gBAAgB,SAS9D,CAAC;AAEF,eAAO,MAAM,uBAAuB,GAAI,OAAO,gBAAgB,SAQ9D,CAAC;AAEF,eAAO,MAAM,qBAAqB,GAAI,OAAO,gBAAgB,SAS5D,CAAC"}
+{"version":3,"file":"showNotifications.d.ts","sourceRoot":"","sources":["../../src/helpers/showNotifications.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAuB,MAAM,OAAO,CAAC;AAUvD,OAAO,EACL,gBAAgB,EAGjB,MAAM,wBAAwB,CAAC;AAMhC,KAAK,WAAW,GAAG,MAAM,GAAG,MAAM,GAAG,gBAAgB,CAAC;AAiBtD,MAAM,WAAW,kBAAkB;IACjC,KAAK,EAAE,SAAS,CAAC;IACjB,OAAO,EAAE,MAAM,IAAI,CAAC;IACpB,OAAO,CAAC,EAAE,QAAQ,GAAG,SAAS,CAAC;CAChC;AAED,MAAM,MAAM,wBAAwB,GAAG,IAAI,CAAC,gBAAgB,EAAE,SAAS,CAAC,GAAG;IACzE,OAAO,CAAC,EAAE,SAAS,CAAC;IACpB,OAAO,CAAC,EAAE,kBAAkB,EAAE,CAAC;CAChC,CAAC;AA2GF,eAAO,MAAM,wBAAwB,GACnC,QAAQ,EACR,OAAO,SAAS,OAAO,CAAC,QAAQ,CAAC,GAAG,OAAO,CAAC,QAAQ,CAAC,EAErD,SAAS,OAAO,EAChB,UAAS;IACP,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,UAAU,CAAC,EAAE,CAAC,CAAC,GAAG,EAAE,QAAQ,KAAK,WAAW,CAAC,GAAG,WAAW,CAAC;IAC5D,QAAQ,CAAC,EAAE,CAAC,CAAC,GAAG,EAAE,GAAG,KAAK,WAAW,CAAC,GAAG,WAAW,CAAC;CACjD,iBA+BP,CAAC;AAyCF,eAAO,MAAM,uBAAuB,GAAI,OAAO,wBAAwB,SAKtE,CAAC;AAEF,eAAO,MAAM,uBAAuB,GAAI,OAAO,wBAAwB,SAKtE,CAAC;AAEF,eAAO,MAAM,uBAAuB,GAAI,OAAO,wBAAwB,SAKtE,CAAC;AAEF,eAAO,MAAM,qBAAqB,GAAI,OAAO,wBAAwB,SAKpE,CAAC"}

package/dist/helpers/showNotifications.js

@@ -1,72 +1,163 @@
-import { showNotification as r } from "@mantine/notifications";
-import { isFunction as f, isObject as a } from "lodash-es";
-const l = (t) => {
-  const o = t.title ? {
-    alignContent: "flex-start",
-    alignItems: "flex-start",
-    justifyContent: "flex-start"
-  } : void 0, n = t.title ? void 0 : { display: "flex", alignSelf: "center" };
-  return { root: o, body: n, description: {
-    lineHeight: "16px"
-  }, title: {
-    fontWeight: 400
-  }, icon: {
-    marginInlineEnd: "0px",
-    marginRight: "12px",
-    marginLeft: "2px",
-    marginTop: "1px",
-    width: 18,
-    height: 18
-  } };
-}, m = (t, o = {}) => {
-  const { successMsg: n, errorMsg: s } = o;
-  return t.then((e) => {
-    if (n) {
-      const i = f(n) ? n(e) : n, c = {
-        id: o.notifyId,
-        ...a(i) ? i : { message: i }
+import { jsx as n, jsxs as l } from "react/jsx-runtime";
+import { useState as N, useEffect as v } from "react";
+import { InformationCircleIcon as C, CheckmarkCircle02Icon as y, Alert01Icon as b, Alert02Icon as x } from "@hugeicons/core-free-icons";
+import { HugeiconsIcon as d } from "@hugeicons/react";
+import { CloseButton as B, Box as f, Button as O } from "@mantine/core";
+import { showNotification as k, notifications as z } from "@mantine/notifications";
+import { motion as h } from "framer-motion";
+import { isFunction as p, isObject as w } from "lodash-es";
+import s from "./showNotifications.module.css.js";
+let M = 0;
+const g = /* @__PURE__ */ new Map(), A = /* @__PURE__ */ n(d, { icon: y, size: 14, color: "white" }), H = /* @__PURE__ */ n(d, { icon: x, size: 14, color: "white" }), R = /* @__PURE__ */ n(d, { icon: b, size: 14, color: "white" }), S = /* @__PURE__ */ n(d, { icon: C, size: 14, color: "white" }), W = (o, i) => i?.length ? /* @__PURE__ */ l(f, { children: [
+  /* @__PURE__ */ n(f, { children: o }),
+  /* @__PURE__ */ n(f, { className: s.actions, children: i.map((e, c) => /* @__PURE__ */ n(
+    O,
+    {
+      size: "compact-sm",
+      variant: e.variant ?? "default",
+      onClick: e.onClick,
+      radius: "md",
+      children: e.label
+    },
+    c
+  )) })
+] }) : o;
+function j({
+  id: o,
+  title: i,
+  icon: e,
+  children: c
+}) {
+  const [t, r] = N(!1);
+  return v(() => (g.set(o, () => r(!0)), () => {
+    g.delete(o);
+  }), [o]), /* @__PURE__ */ l(
+    h.div,
+    {
+      className: s.root,
+      initial: { width: 48, maxHeight: 48 },
+      animate: t ? { width: [316, 316, 48], maxHeight: [300, 48, 48] } : { width: [48, 316, 316], maxHeight: [48, 48, 300] },
+      transition: t ? { duration: 0.5, ease: "easeIn", times: [0, 0.35, 1] } : { duration: 0.5, ease: "easeOut", times: [0, 0.65, 1] },
+      children: [
+        /* @__PURE__ */ l("div", { className: i ? s.contentRow : s.contentRowCentered, children: [
+          /* @__PURE__ */ n("div", { className: s.icon, children: e }),
+          /* @__PURE__ */ l(
+            h.div,
+            {
+              className: s.body,
+              initial: { opacity: 0 },
+              animate: { opacity: t ? 0 : 1 },
+              transition: t ? { duration: 0.15, ease: "easeIn" } : { duration: 0.2, delay: 0.3, ease: "easeOut" },
+              children: [
+                i && /* @__PURE__ */ n("div", { className: s.title, children: i }),
+                c && /* @__PURE__ */ n(
+                  "div",
+                  {
+                    className: i ? s.description : s.descriptionWithoutTitle,
+                    children: c
+                  }
+                )
+              ]
+            }
+          )
+        ] }),
+        /* @__PURE__ */ n(
+          h.div,
+          {
+            className: s.closeButtonWrapper,
+            initial: { opacity: 0 },
+            animate: { opacity: t ? 0 : 1 },
+            transition: t ? { duration: 0.15, ease: "easeIn" } : { duration: 0.2, delay: 0.3, ease: "easeOut" },
+            children: /* @__PURE__ */ n(
+              B,
+              {
+                className: s.closeButton,
+                size: 24,
+                onClick: () => z.hide(o)
+              }
+            )
+          }
+        )
+      ]
+    }
+  );
+}
+const Q = (o, i = {}) => {
+  const { successMsg: e, errorMsg: c } = i;
+  return o.then((t) => {
+    if (e) {
+      const r = p(e) ? e(t) : e, a = {
+        id: i.notifyId,
+        ...w(r) ? r : { message: r }
       };
-      g(c);
+      E(a);
     }
-    return e;
-  }).catch((e) => {
-    if (s) {
-      const i = f(s) ? s(e) : s, c = {
-        id: o.notifyId,
-        ...a(i) ? i : { message: i }
+    return t;
+  }).catch((t) => {
+    if (c) {
+      const r = p(c) ? c(t) : c, a = {
+        id: i.notifyId,
+        ...w(r) ? r : { message: r }
       };
-      h(c);
+      q(a);
     }
-    return e;
+    return t;
+  });
+}, m = (o, i) => {
+  const { actions: e, title: c, message: t, onClose: r, ...a } = o, I = `ntf-${++M}`, u = a.id ?? I;
+  k({
+    color: i.color,
+    radius: 12,
+    ...a,
+    id: u,
+    icon: void 0,
+    title: void 0,
+    withCloseButton: !1,
+    withBorder: !1,
+    p: 0,
+    classNames: { root: s.mantineRoot },
+    styles: {
+      root: { background: "none", border: "none", boxShadow: "none" },
+      body: { margin: 0 }
+    },
+    onClose: () => {
+      g.get(u)?.(), r?.(o);
+    },
+    message: /* @__PURE__ */ n(
+      j,
+      {
+        id: u,
+        title: c,
+        icon: i.icon,
+        children: W(t, e)
+      }
+    )
+  });
+}, U = (o) => {
+  m(o, {
+    color: "var(--mantine-color-blue-outline)",
+    icon: S
   });
-}, y = (t) => {
-  const o = l(t);
-  r({
-    color: "blue",
-    styles: o,
-    withCloseButton: !0,
-    ...t
+}, E = (o) => {
+  m(o, {
+    color: "var(--mantine-color-green-outline)",
+    icon: A
   });
-}, g = (t) => {
-  const o = l(t);
-  r({
-    color: "green",
-    styles: o,
-    withCloseButton: !0,
-    ...t
+}, V = (o) => {
+  m(o, {
+    color: "var(--mantine-color-yellow-outline)",
+    icon: R
   });
-}, h = (t) => {
-  const o = l(t);
-  r({
-    color: "red",
-    styles: o,
-    withCloseButton: !0,
-    ...t
+}, q = (o) => {
+  m(o, {
+    color: "var(--mantine-color-red-outline)",
+    icon: H
   });
 };
 export {
-  h as showErrorNotification,
-  y as showMessageNotification,
-  m as showRequestNotifications,
-  g as showSuccessNotification
+  q as showErrorNotification,
+  U as showMessageNotification,
+  Q as showRequestNotifications,
+  E as showSuccessNotification,
+  V as showWarningNotification
 };

package/dist/helpers/showNotifications.module.css.js

@@ -0,0 +1,29 @@
+const t = "_mantineRoot_1pbtj_2", o = "_root_1pbtj_11", n = "_contentRow_1pbtj_22", e = "_contentRowCentered_1pbtj_27", c = "_icon_1pbtj_32", _ = "_body_1pbtj_45", s = "_title_1pbtj_50", i = "_description_1pbtj_62", p = "_descriptionWithoutTitle_1pbtj_68", r = "_closeButtonWrapper_1pbtj_75", b = "_closeButton_1pbtj_75", l = "_actions_1pbtj_85", d = {
+  mantineRoot: t,
+  root: o,
+  contentRow: n,
+  contentRowCentered: e,
+  icon: c,
+  body: _,
+  title: s,
+  description: i,
+  descriptionWithoutTitle: p,
+  closeButtonWrapper: r,
+  closeButton: b,
+  actions: l
+};
+export {
+  l as actions,
+  _ as body,
+  b as closeButton,
+  r as closeButtonWrapper,
+  n as contentRow,
+  e as contentRowCentered,
+  d as default,
+  i as description,
+  p as descriptionWithoutTitle,
+  c as icon,
+  t as mantineRoot,
+  o as root,
+  s as title
+};

package/dist/helpers/timezones.d.ts

@@ -0,0 +1,12 @@
+export declare const getUtcOffset: (tz: string, date: Date) => string | null;
+export declare const isValidTimeZone: (tz: string) => boolean;
+export declare const getBrowserTimeZone: () => string;
+export declare const getSafeFormatter: (tz: string) => Intl.DateTimeFormat;
+export declare const getTimeZones: () => {
+    value: string;
+    label: string;
+    searchableLabel: string;
+    offset: number;
+}[];
+export declare const parseInvalidTz: (tz: string) => string;
+//# sourceMappingURL=timezones.d.ts.map

package/dist/helpers/timezones.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"timezones.d.ts","sourceRoot":"","sources":["../../src/helpers/timezones.ts"],"names":[],"mappings":"AAEA,eAAO,MAAM,YAAY,GAAI,IAAI,MAAM,EAAE,MAAM,IAAI,KAAG,MAAM,GAAG,IAkC9D,CAAC;AACF,eAAO,MAAM,eAAe,GAAI,IAAI,MAAM,YAOzC,CAAC;AAEF,eAAO,MAAM,kBAAkB,cAE9B,CAAC;AAEF,eAAO,MAAM,gBAAgB,GAAI,IAAI,MAAM,wBAO1C,CAAC;AACF,eAAO,MAAM,YAAY;WAMd,MAAM;WACN,MAAM;qBACI,MAAM;YACf,MAAM;GA2BjB,CAAC;AAEF,eAAO,MAAM,cAAc,GAAI,IAAI,MAAM,WAQxC,CAAC"}

package/dist/helpers/timezones.js

@@ -0,0 +1,59 @@
+import { getAllCountries as y } from "../node_modules/countries-and-timezones/esm/index.js";
+const T = (n, r) => {
+  try {
+    const o = new Intl.DateTimeFormat("en-US", {
+      timeZone: n,
+      hour12: !1,
+      year: "numeric",
+      month: "2-digit",
+      day: "2-digit",
+      hour: "2-digit",
+      minute: "2-digit",
+      second: "2-digit"
+    }).formatToParts(r), a = +o.find((t) => t.type === "year").value, e = +o.find((t) => t.type === "month").value, i = +o.find((t) => t.type === "day").value, c = +o.find((t) => t.type === "hour").value, l = +o.find((t) => t.type === "minute").value, u = +o.find((t) => t.type === "second").value;
+    let s = (Date.UTC(a, e - 1, i, c, l, u) - r.getTime()) / (60 * 1e3);
+    s = Math.round(s);
+    const f = s >= 0 ? "+" : "-", p = String(Math.floor(Math.abs(s) / 60)).padStart(2, "0"), g = String(Math.abs(s) % 60).padStart(2, "0");
+    return `${f}${p}:${g}`;
+  } catch {
+    return null;
+  }
+}, h = (n) => {
+  try {
+    return !0;
+  } catch {
+    return !1;
+  }
+}, v = () => Intl.DateTimeFormat().resolvedOptions().timeZone || "UTC", S = (n) => {
+  const r = h() ? n : v();
+  return new Intl.DateTimeFormat("en-US", {
+    timeZone: r,
+    dateStyle: "medium",
+    timeStyle: "short"
+  });
+}, Z = () => {
+  const n = /* @__PURE__ */ new Date(), r = y(), m = /* @__PURE__ */ new Set(), o = [];
+  return Object.values(r).forEach((a) => {
+    a.timezones.forEach((e) => {
+      if (m.has(e)) return;
+      m.add(e);
+      const i = T(e, n)?.replace("UTC", ""), c = i?.match(/([+-])(\d{2}):(\d{2})/);
+      if (!c) return;
+      const [l, u, d, s] = c, f = (parseInt(d) * 60 + parseInt(s)) * (u === "+" ? 1 : -1);
+      o.push({
+        value: e,
+        label: `(UTC${i}) ${e}`,
+        searchableLabel: `${a.name.toLowerCase()} ${e.toLowerCase()} utc${i}`,
+        offset: f
+      });
+    });
+  }), o.sort((a, e) => a.offset - e.offset);
+}, b = (n) => h() ? n : S(n).resolvedOptions().timeZone;
+export {
+  v as getBrowserTimeZone,
+  S as getSafeFormatter,
+  Z as getTimeZones,
+  T as getUtcOffset,
+  h as isValidTimeZone,
+  b as parseInvalidTz
+};

package/dist/helpers/validateAliasFormat.d.ts

@@ -0,0 +1,2 @@
+export declare const validateAliasFormat: (alias: string, allowEmpty?: boolean) => boolean;
+//# sourceMappingURL=validateAliasFormat.d.ts.map

package/dist/helpers/validateAliasFormat.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"validateAliasFormat.d.ts","sourceRoot":"","sources":["../../src/helpers/validateAliasFormat.ts"],"names":[],"mappings":"AAAA,eAAO,MAAM,mBAAmB,GAC9B,OAAO,MAAM,EACb,oBAAiB,KAChB,OAOF,CAAC"}

package/dist/helpers/validateAliasFormat.js

@@ -0,0 +1,4 @@
+const r = (t, e = !0) => e && t.length === 0 ? !0 : !(t.length < 3 || t.length > 50 || !/^[a-z0-9_-]+$/.test(t) || /^[-_]|[-_]$/.test(t) || /[-_]{2}/.test(t));
+export {
+  r as validateAliasFormat
+};

package/dist/hooks/useNumberQueryParam.js

@@ -1,10 +1,10 @@
-import { useParams as s, useSearchParams as a } from "react-router-dom";
+import { useSearchParams as s, useParams as a } from "react-router-dom";
 import { isNumber as t } from "lodash-es";
 const o = (r) => t(r) && !isNaN(r), n = (r) => {
-  const { [r]: e } = s();
+  const { [r]: e } = a();
   return e || null;
 }, c = (r) => {
-  const [e] = a();
+  const [e] = s();
   return e.get(r);
 };
 export {

package/dist/hooks/useOutsideClick.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"useOutsideClick.d.ts","sourceRoot":"","sources":["../../src/hooks/useOutsideClick.ts"],"names":[],"mappings":"AAEA,wBAAgB,eAAe,CAAC,CAAC,SAAS,WAAW,GAAG,WAAW,EACjE,OAAO,EAAE,CAAC,KAAK,EAAE,UAAU,GAAG,YAAY,KAAK,IAAI,EACnD,OAAO,CAAC,EAAE;IAAE,MAAM,CAAC,EAAE,MAAM,EAAE,CAAC;IAAC,OAAO,CAAC,EAAE,OAAO,CAAA;CAAE,8CA2BnD"}
+{"version":3,"file":"useOutsideClick.d.ts","sourceRoot":"","sources":["../../src/hooks/useOutsideClick.ts"],"names":[],"mappings":"AAEA,wBAAgB,eAAe,CAAC,CAAC,SAAS,WAAW,GAAG,WAAW,EACjE,OAAO,EAAE,CAAC,KAAK,EAAE,UAAU,GAAG,YAAY,KAAK,IAAI,EACnD,OAAO,CAAC,EAAE;IAAE,MAAM,CAAC,EAAE,MAAM,EAAE,CAAC;IAAC,OAAO,CAAC,EAAE,OAAO,CAAA;CAAE,8CA+BnD"}

package/dist/hooks/useVideoUploadGuard.d.ts

@@ -0,0 +1,2 @@
+export declare function useVideoUploadGuard(isUploading: boolean): void;
+//# sourceMappingURL=useVideoUploadGuard.d.ts.map

package/dist/hooks/useVideoUploadGuard.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"useVideoUploadGuard.d.ts","sourceRoot":"","sources":["../../src/hooks/useVideoUploadGuard.ts"],"names":[],"mappings":"AAMA,wBAAgB,mBAAmB,CAAC,WAAW,EAAE,OAAO,QAoBvD"}

package/dist/hooks/useVideoUploadGuard.js

@@ -0,0 +1,24 @@
+import { useEffect as r } from "react";
+import { useTranslation as s } from "react-i18next";
+import { useBlocker as t } from "react-router-dom";
+import { openRemoveConfirmModal as l } from "../components/modals/RemoveConfirmModal.js";
+function d(n) {
+  const { t: e } = s(), o = t(n);
+  r(() => {
+    o.state === "blocked" && l({
+      title: e("videoUpload.title", { ns: "pages" }),
+      children: e("videoUpload.message", { ns: "pages" }),
+      labels: {
+        confirm: e("videoUpload.confirm", { ns: "pages" }),
+        cancel: e("videoUpload.cancel", { ns: "pages" })
+      },
+      icon: null,
+      onConfirm: () => o.proceed?.(),
+      onCancel: () => o.reset?.(),
+      onClose: () => o.reset?.()
+    });
+  }, [o.state, e]);
+}
+export {
+  d as useVideoUploadGuard
+};