@layers-app/shared 0.2.6 → 0.2.7

package/dist/helpers/showFeatureFeedback.d.ts

@@ -0,0 +1,16 @@
+import { NotificationData } from '@mantine/notifications';
+import type { createBrowserRouter } from 'react-router-dom';
+import { FeatureRating } from '../hooks/useFeatureFeedback';
+declare global {
+    interface Window {
+        appRoute: ReturnType<typeof createBrowserRouter>;
+    }
+}
+export type ShowFeatureFeedbackOptions = Omit<Partial<NotificationData>, 'message' | 'onClose'> & {
+    feature: string;
+    delay?: number;
+    onRate?: (rating: FeatureRating) => void;
+    onClose?: () => void;
+};
+export declare function showFeatureFeedback({ feature, title, delay, onRate, onClose, ...notificationProps }: ShowFeatureFeedbackOptions): void;
+//# sourceMappingURL=showFeatureFeedback.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"showFeatureFeedback.d.ts","sourceRoot":"","sources":["../../src/helpers/showFeatureFeedback.tsx"],"names":[],"mappings":"AACA,OAAO,EAAE,gBAAgB,EAAiB,MAAM,wBAAwB,CAAC;AACzE,OAAO,KAAK,EAAE,mBAAmB,EAAE,MAAM,kBAAkB,CAAC;AAE5D,OAAO,EACL,aAAa,EAEd,MAAM,6BAA6B,CAAC;AAKrC,OAAO,CAAC,MAAM,CAAC;IACb,UAAU,MAAM;QACd,QAAQ,EAAE,UAAU,CAAC,OAAO,mBAAmB,CAAC,CAAC;KAClD;CACF;AA2DD,MAAM,MAAM,0BAA0B,GAAG,IAAI,CAC3C,OAAO,CAAC,gBAAgB,CAAC,EACzB,SAAS,GAAG,SAAS,CACtB,GAAG;IACF,OAAO,EAAE,MAAM,CAAC;IAChB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,MAAM,CAAC,EAAE,CAAC,MAAM,EAAE,aAAa,KAAK,IAAI,CAAC;IACzC,OAAO,CAAC,EAAE,MAAM,IAAI,CAAC;CACtB,CAAC;AAEF,wBAAgB,mBAAmB,CAAC,EAClC,OAAO,EACP,KAAK,EACL,KAAK,EACL,MAAM,EACN,OAAO,EACP,GAAG,iBAAiB,EACrB,EAAE,0BAA0B,QA2F5B"}

package/dist/helpers/showFeatureFeedback.js

@@ -0,0 +1,109 @@
+import { jsx as h } from "react/jsx-runtime";
+import { Rating as F } from "@mantine/core";
+import { notifications as d } from "@mantine/notifications";
+import { trackFeatureFeedback as p } from "../hooks/useFeatureFeedback.js";
+import { setFeatureRating as v } from "../lib/layersVisitData.js";
+import O from "./showFeatureFeedback.module.css.js";
+const _ = "feature-feedback-", k = 2e3, M = 12e3;
+function C(e) {
+  const t = new MutationObserver(() => {
+    document.querySelector('[role="dialog"]') && e();
+  });
+  return t.observe(document.body, { childList: !0, subtree: !0 }), () => t.disconnect();
+}
+function y(e) {
+  const t = window.appRoute;
+  if (!t) return null;
+  const o = t.state.location.pathname;
+  return t.subscribe((s) => {
+    s.location.pathname !== o && e();
+  });
+}
+const x = [
+  "😠",
+  // 😠 1 = terrible
+  "😟",
+  // 😟 2 = bad
+  "😐",
+  // 😐 3 = okay
+  "🙂",
+  // 🙂 4 = good
+  "🥰"
+  // 🥰 5 = great
+], N = [
+  "var(--mantine-color-red-light-hover)",
+  "var(--mantine-color-orange-light-hover)",
+  "var(--mantine-color-orange-light-hover)",
+  "var(--mantine-color-orange-light-hover)",
+  "var(--mantine-color-green-light-hover)"
+], A = {
+  width: 40,
+  height: 40,
+  borderRadius: 100,
+  display: "flex",
+  alignItems: "center",
+  justifyContent: "center",
+  fontSize: 24,
+  lineHeight: 1
+}, S = (e) => {
+  const t = x[e - 1], o = N[e - 1];
+  return !t || !o ? null : /* @__PURE__ */ h("div", { style: { ...A, background: o }, children: t });
+};
+function H({
+  feature: e,
+  title: t,
+  delay: o,
+  onRate: s,
+  onClose: w,
+  ...R
+}) {
+  const a = `${_}${e}`;
+  let c = !1, u = !1, r = null, i = null, l = null;
+  const n = () => {
+    r && clearTimeout(r), r = null, i?.(), i = null, l?.(), l = null;
+  }, g = () => {
+    c || (c = !0, u = !0, n(), d.hide(a));
+  }, f = () => {
+    n(), c = !1, u = !1;
+    let b = !1;
+    const I = (T) => {
+      const m = T;
+      b = !0, n(), p(e, m), v(e, m), s?.(m), d.update({
+        id: a,
+        title: "Thanks!",
+        message: "",
+        icon: null,
+        autoClose: k,
+        withCloseButton: !0
+      });
+    };
+    d.show({
+      icon: null,
+      autoClose: M,
+      withCloseButton: !0,
+      withBorder: !0,
+      ...R,
+      title: t,
+      classNames: O,
+      id: a,
+      message: /* @__PURE__ */ h("div", { className: O.rating, children: /* @__PURE__ */ h(
+        F,
+        {
+          emptySymbol: S,
+          fullSymbol: S,
+          highlightSelectedOnly: !0,
+          size: "xl",
+          onChange: I,
+          styles: { root: { gap: 10, margin: "8px" } }
+        }
+      ) }),
+      onClose: () => {
+        n(), !(b || u) && (p(e, 0), v(e, 0), w?.());
+      }
+    }), i = C(g), l = y(g) ?? null;
+  };
+  o && o > 0 ? (r = setTimeout(f, o * 1e3), l = y(() => n()) ?? null, i = C(() => n())) : f();
+}
+export {
+  H as showFeatureFeedback
+};

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

@@ -0,0 +1,9 @@
+const o = "_root_1y0ew_1", t = "_body_1y0ew_7", s = {
+  root: o,
+  body: t
+};
+export {
+  t as body,
+  s as default,
+  o as root
+};

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,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"}
+{"version":3,"file":"showNotifications.d.ts","sourceRoot":"","sources":["../../src/helpers/showNotifications.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAUlC,OAAO,EACL,gBAAgB,EAGjB,MAAM,wBAAwB,CAAC;AAKhC,KAAK,WAAW,GAAG,MAAM,GAAG,MAAM,GAAG,gBAAgB,CAAC;AAetD,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;AAmEF,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;AAwCF,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,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_17m8q_1", o = "_root_17m8q_5", n = "_contentRow_17m8q_16", e = "_contentRowCentered_17m8q_21", c = "_icon_17m8q_26", _ = "_body_17m8q_39", s = "_title_17m8q_44", i = "_description_17m8q_56", r = "_descriptionWithoutTitle_17m8q_62", m = "_closeButtonWrapper_17m8q_69", l = "_closeButton_17m8q_69", d = "_actions_17m8q_79", 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":"AAOA,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,CAClC,OAAO,EAAE,MAAM,EACf,MAAM,EAAE,aAAa,QA0BtB;AAgBD;;;;;GAKG;AACH,wBAAgB,yBAAyB,CACvC,OAAO,EAAE,MAAM,EACf,YAAY,EAAE,MAAM;;gCAlBT,aAAa;EAiCzB"}

package/dist/hooks/useFeatureFeedback.js

@@ -0,0 +1,48 @@
+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
+};