@layers-app/shared 0.2.6 → 0.2.8-test

package/dist/helpers/showNotifications.js

@@ -1,163 +1,131 @@
-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 { jsx as i, jsxs as l } from "react/jsx-runtime";
+import { InformationCircleIcon as v, CheckmarkCircle02Icon as I, Alert01Icon as g, Alert02Icon as p } 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,
+import { CloseButton as C, Box as u, Button as b } from "@mantine/core";
+import { showNotification as y, notifications as B } from "@mantine/notifications";
+import { isFunction as h, isObject as N } from "lodash-es";
+import c from "./showNotifications.module.css.js";
+let k = 0;
+const z = /* @__PURE__ */ i(d, { icon: I, size: 14, color: "white" }), x = /* @__PURE__ */ i(d, { icon: p, size: 14, color: "white" }), S = /* @__PURE__ */ i(d, { icon: g, size: 14, color: "white" }), M = /* @__PURE__ */ i(d, { icon: v, size: 14, color: "white" }), O = (o, n) => n?.length ? /* @__PURE__ */ l(u, { children: [
+  /* @__PURE__ */ i(u, { children: o }),
+  /* @__PURE__ */ i(u, { className: c.actions, children: n.map((t, e) => /* @__PURE__ */ i(
+    b,
     {
       size: "compact-sm",
-      variant: e.variant ?? "default",
-      onClick: e.onClick,
+      variant: t.variant ?? "default",
+      onClick: t.onClick,
       radius: "md",
-      children: e.label
+      children: t.label
     },
-    c
+    e
   )) })
 ] }) : o;
-function j({
+function R({
   id: o,
-  title: i,
-  icon: e,
-  children: c
+  title: n,
+  icon: t,
+  children: e
 }) {
-  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,
+  return /* @__PURE__ */ l("div", { className: c.root, children: [
+    /* @__PURE__ */ l("div", { className: n ? c.contentRow : c.contentRowCentered, children: [
+      /* @__PURE__ */ i("div", { className: c.icon, children: t }),
+      /* @__PURE__ */ l("div", { className: c.body, children: [
+        n && /* @__PURE__ */ i("div", { className: c.title, children: n }),
+        e && /* @__PURE__ */ i(
+          "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)
-              }
-            )
+            className: n ? c.description : c.descriptionWithoutTitle,
+            children: e
           }
         )
-      ]
-    }
-  );
+      ] })
+    ] }),
+    /* @__PURE__ */ i("div", { className: c.closeButtonWrapper, children: /* @__PURE__ */ i(
+      C,
+      {
+        className: c.closeButton,
+        size: 24,
+        onClick: () => B.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 }
+const $ = (o, n = {}) => {
+  const { successMsg: t, errorMsg: e } = n;
+  return o.then((r) => {
+    if (t) {
+      const s = h(t) ? t(r) : t, a = {
+        id: n.notifyId,
+        ...N(s) ? s : { message: s }
       };
-      E(a);
+      W(a);
     }
-    return t;
-  }).catch((t) => {
-    if (c) {
-      const r = p(c) ? c(t) : c, a = {
-        id: i.notifyId,
-        ...w(r) ? r : { message: r }
+    return r;
+  }).catch((r) => {
+    if (e) {
+      const s = h(e) ? e(r) : e, a = {
+        id: n.notifyId,
+        ...N(s) ? s : { message: s }
       };
-      q(a);
+      j(a);
     }
-    return t;
+    return r;
   });
-}, 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,
+}, m = (o, n) => {
+  const { actions: t, title: e, message: r, onClose: s, ...a } = o, w = `ntf-${++k}`, f = a.id ?? w;
+  y({
+    color: n.color,
     radius: 12,
     ...a,
-    id: u,
+    id: f,
     icon: void 0,
     title: void 0,
     withCloseButton: !1,
     withBorder: !1,
     p: 0,
-    classNames: { root: s.mantineRoot },
+    classNames: { root: c.mantineRoot },
     styles: {
       root: { background: "none", border: "none", boxShadow: "none" },
       body: { margin: 0 }
     },
     onClose: () => {
-      g.get(u)?.(), r?.(o);
+      s?.(o);
     },
-    message: /* @__PURE__ */ n(
-      j,
+    message: /* @__PURE__ */ i(
+      R,
       {
-        id: u,
-        title: c,
-        icon: i.icon,
-        children: W(t, e)
+        id: f,
+        title: e,
+        icon: n.icon,
+        children: O(r, t)
       }
     )
   });
-}, U = (o) => {
+}, D = (o) => {
   m(o, {
     color: "var(--mantine-color-blue-outline)",
-    icon: S
+    icon: M
   });
-}, E = (o) => {
+}, W = (o) => {
   m(o, {
     color: "var(--mantine-color-green-outline)",
-    icon: A
+    icon: z
   });
-}, V = (o) => {
+}, G = (o) => {
   m(o, {
     color: "var(--mantine-color-yellow-outline)",
-    icon: R
+    icon: S
   });
-}, q = (o) => {
+}, j = (o) => {
   m(o, {
     color: "var(--mantine-color-red-outline)",
-    icon: H
+    icon: x
   });
 };
 export {
-  q as showErrorNotification,
-  U as showMessageNotification,
-  Q as showRequestNotifications,
-  E as showSuccessNotification,
-  V as showWarningNotification
+  j as showErrorNotification,
+  D as showMessageNotification,
+  $ as showRequestNotifications,
+  W as showSuccessNotification,
+  G as showWarningNotification
 };

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

@@ -1,4 +1,4 @@
-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 = {
+const t = "_mantineRoot_mgqj0_1", o = "_root_mgqj0_9", n = "_contentRow_mgqj0_31", e = "_contentRowCentered_mgqj0_41", c = "_icon_mgqj0_51", _ = "_body_mgqj0_77", s = "_title_mgqj0_87", i = "_description_mgqj0_111", r = "_descriptionWithoutTitle_mgqj0_123", m = "_closeButtonWrapper_mgqj0_137", l = "_closeButton_mgqj0_137", d = "_actions_mgqj0_157", p = {
   mantineRoot: t,
   root: o,
   contentRow: n,
@@ -7,21 +7,21 @@ const t = "_mantineRoot_1pbtj_2", o = "_root_1pbtj_11", n = "_contentRow_1pbtj_2
   body: _,
   title: s,
   description: i,
-  descriptionWithoutTitle: p,
-  closeButtonWrapper: r,
-  closeButton: b,
-  actions: l
+  descriptionWithoutTitle: r,
+  closeButtonWrapper: m,
+  closeButton: l,
+  actions: d
 };
 export {
-  l as actions,
+  d as actions,
   _ as body,
-  b as closeButton,
-  r as closeButtonWrapper,
+  l as closeButton,
+  m as closeButtonWrapper,
   n as contentRow,
   e as contentRowCentered,
-  d as default,
+  p as default,
   i as description,
-  p as descriptionWithoutTitle,
+  r as descriptionWithoutTitle,
   c as icon,
   t as mantineRoot,
   o as root,

package/dist/hooks/useFeatureFeedback.d.ts

@@ -0,0 +1,23 @@
+/** 0 = skip (closed without rating), 1-5 = actual rating */
+export type FeatureRating = 0 | 1 | 2 | 3 | 4 | 5;
+export declare const FEATURE_KEYS: {
+    readonly COMMENTS: "comments";
+};
+/**
+ * Sends `feature_feedback` goal hit + visit params.
+ *
+ * Metrika hierarchy (auto-discovers new features):
+ *   feature_feedback > {feature_key} > {1-5 | skip}
+ */
+export declare function trackFeatureFeedback(feature: string, rating: FeatureRating): void;
+/**
+ * Shows feedback prompt after `delaySeconds`. Fires once per feature (localStorage).
+ *
+ * Usage:
+ *   const { shouldShow, dismiss } = useDelayedFeatureFeedback('comments', 8);
+ */
+export declare function useDelayedFeatureFeedback(feature: string, delaySeconds: number): {
+    readonly shouldShow: boolean;
+    readonly dismiss: (rating?: FeatureRating) => void;
+};
+//# sourceMappingURL=useFeatureFeedback.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"useFeatureFeedback.d.ts","sourceRoot":"","sources":["../../src/hooks/useFeatureFeedback.ts"],"names":[],"mappings":"AAIA,4DAA4D;AAC5D,MAAM,MAAM,aAAa,GAAG,CAAC,GAAG,CAAC,GAAG,CAAC,GAAG,CAAC,GAAG,CAAC,GAAG,CAAC,CAAC;AAElD,eAAO,MAAM,YAAY;;CAEf,CAAC;AAaX;;;;;GAKG;AACH,wBAAgB,oBAAoB,CAAC,OAAO,EAAE,MAAM,EAAE,MAAM,EAAE,aAAa,QA2B1E;AAgBD;;;;;GAKG;AACH,wBAAgB,yBAAyB,CACvC,OAAO,EAAE,MAAM,EACf,YAAY,EAAE,MAAM;;gCAlBT,aAAa;EA8BzB"}

package/dist/hooks/useFeatureFeedback.js

@@ -0,0 +1,45 @@
+import { useState as c, useEffect as a, useCallback as d } from "react";
+import { isFeatureRated as m, setFeatureRating as f } from "../lib/layersVisitData.js";
+const y = {
+  COMMENTS: "comments"
+}, o = 98921675;
+function l() {
+  const e = window.ym;
+  return typeof e == "function" ? e : null;
+}
+function k(e, t) {
+  const s = String(e ?? "").trim().slice(0, 120);
+  if (!s || ![0, 1, 2, 3, 4, 5].includes(t)) return;
+  const n = t === 0 ? "skip" : String(t), r = { feature_feedback: { [s]: { [n]: 1 } } };
+  try {
+    const i = l();
+    i && (i(o, "reachGoal", "feature_feedback", r), i(o, "params", r));
+  } catch {
+  }
+  try {
+    (window.dataLayer = window.dataLayer || []).push({ event: "feature_feedback", feature: s, rating: t });
+  } catch {
+  }
+}
+function h(e) {
+  const [t, s] = c(() => m(e)), n = d(
+    (r = 0) => {
+      s(!0), f(e, r);
+    },
+    [e]
+  );
+  return { shouldShow: !t, dismiss: n };
+}
+function p(e, t) {
+  const { shouldShow: s, dismiss: n } = h(e), [r, i] = c(!1);
+  return a(() => {
+    if (!s) return;
+    const u = setTimeout(() => i(!0), t * 1e3);
+    return () => clearTimeout(u);
+  }, [s, t]), { shouldShow: s && r, dismiss: n };
+}
+export {
+  y as FEATURE_KEYS,
+  k as trackFeatureFeedback,
+  p as useDelayedFeatureFeedback
+};

package/dist/hooks/usePlatform.d.ts

@@ -0,0 +1,3 @@
+import { PlatformInfo } from '../helpers/platform';
+export declare const usePlatform: () => PlatformInfo;
+//# sourceMappingURL=usePlatform.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"usePlatform.d.ts","sourceRoot":"","sources":["../../src/hooks/usePlatform.ts"],"names":[],"mappings":"AAGA,OAAO,EAEL,YAAY,EAEb,MAAM,qBAAqB,CAAC;AAE7B,eAAO,MAAM,WAAW,QAAO,YAI9B,CAAC"}

package/dist/hooks/usePlatform.js

@@ -0,0 +1,10 @@
+import { useMemo as t } from "react";
+import { useAppContainerDataStore as r } from "../components/AppContainer/hooks/useAppContainerDataStore.js";
+import { getPlatformInfo as m, DEFAULT_MODE as f } from "../helpers/platform.js";
+const i = () => {
+  const o = r((e) => e.user.mode) ?? f;
+  return t(() => m(o), [o]);
+};
+export {
+  i as usePlatform
+};