@cuemath/leap 3.4.9-m → 3.4.9

package/dist/features/journey/use-journey/constants.js

@@ -1,5 +1,5 @@
-var o = /* @__PURE__ */ ((e) => (e.TOOLTIP = "tooltip", e.NUDGE = "nudge", e))(o || {});
-const r = {
+var r = /* @__PURE__ */ ((e) => (e.TOOLTIP = "tooltip", e.NUDGE = "nudge", e))(r || {});
+const o = {
   nextCoachmark: () => {
   },
   setJourney: () => {
@@ -12,10 +12,12 @@ const r = {
   },
   coachmarks: [],
   userCompletedJourneyIds: [],
-  isJourneyActive: !1
+  isJourneyActive: !1,
+  trackView: () => {
+  }
 };
 export {
-  o as IndicatorType,
-  r as baseJourneyContext
+  r as IndicatorType,
+  o as baseJourneyContext
 };
 //# sourceMappingURL=constants.js.map

package/dist/features/journey/use-journey/constants.js.map

@@ -1 +1 @@
-{"version":3,"file":"constants.js","sources":["../../../../src/features/journey/use-journey/constants.ts"],"sourcesContent":["import type { IJourneyContext } from './journey-context-types';\n\nexport enum IndicatorType {\n  TOOLTIP = 'tooltip',\n  NUDGE = 'nudge',\n}\n\nexport const baseJourneyContext: IJourneyContext = {\n  nextCoachmark: () => {},\n  setJourney: () => {},\n  addCoachmark: () => {},\n  clearJourney: () => {},\n  endJourney: () => {},\n  coachmarks: [],\n  userCompletedJourneyIds: [],\n  isJourneyActive: false,\n};\n"],"names":["IndicatorType","baseJourneyContext"],"mappings":"AAEY,IAAAA,sBAAAA,OACVA,EAAA,UAAU,WACVA,EAAA,QAAQ,SAFEA,IAAAA,KAAA,CAAA,CAAA;AAKL,MAAMC,IAAsC;AAAA,EACjD,eAAe,MAAM;AAAA,EAAC;AAAA,EACtB,YAAY,MAAM;AAAA,EAAC;AAAA,EACnB,cAAc,MAAM;AAAA,EAAC;AAAA,EACrB,cAAc,MAAM;AAAA,EAAC;AAAA,EACrB,YAAY,MAAM;AAAA,EAAC;AAAA,EACnB,YAAY,CAAC;AAAA,EACb,yBAAyB,CAAC;AAAA,EAC1B,iBAAiB;AACnB;"}
+{"version":3,"file":"constants.js","sources":["../../../../src/features/journey/use-journey/constants.ts"],"sourcesContent":["import type { IJourneyContext } from './journey-context-types';\n\nexport enum IndicatorType {\n  TOOLTIP = 'tooltip',\n  NUDGE = 'nudge',\n}\n\nexport const baseJourneyContext: IJourneyContext = {\n  nextCoachmark: () => {},\n  setJourney: () => {},\n  addCoachmark: () => {},\n  clearJourney: () => {},\n  endJourney: () => {},\n  coachmarks: [],\n  userCompletedJourneyIds: [],\n  isJourneyActive: false,\n  trackView: () => {},\n};\n"],"names":["IndicatorType","baseJourneyContext"],"mappings":"AAEY,IAAAA,sBAAAA,OACVA,EAAA,UAAU,WACVA,EAAA,QAAQ,SAFEA,IAAAA,KAAA,CAAA,CAAA;AAKL,MAAMC,IAAsC;AAAA,EACjD,eAAe,MAAM;AAAA,EAAC;AAAA,EACtB,YAAY,MAAM;AAAA,EAAC;AAAA,EACnB,cAAc,MAAM;AAAA,EAAC;AAAA,EACrB,cAAc,MAAM;AAAA,EAAC;AAAA,EACrB,YAAY,MAAM;AAAA,EAAC;AAAA,EACnB,YAAY,CAAC;AAAA,EACb,yBAAyB,CAAC;AAAA,EAC1B,iBAAiB;AAAA,EACjB,WAAW,MAAM;AAAA,EAAC;AACpB;"}

package/dist/features/journey/use-journey/journey-context-provider.js

@@ -1,55 +1,60 @@
-import { jsxs as R, jsx as j } from "react/jsx-runtime";
-import { createContext as W, useState as s, useRef as k, useCallback as h, useMemo as M, useEffect as O } from "react";
-import { Coachmark as V } from "../comps/coachmark/coachmark.js";
-import { usePostUserJourney as G, useGetUserJourney as F } from "../user-journey-api/user-journey-api.js";
-import { Overlay as I } from "./journey-styled.js";
-const K = W(null), re = ({ children: T, appId: a, userId: c }) => {
-  const [b, U] = s(!0), [q, z] = s(!1), [v, p] = s(null), [l, y] = s([]), [J, x] = s(!1), m = k(-1), t = k(void 0), f = k([]), [D, H] = s(!1), [A, L] = s({
+import { jsxs as W, jsx as T } from "react/jsx-runtime";
+import { createContext as M, useState as s, useRef as v, useCallback as c, useMemo as G, useEffect as b } from "react";
+import { Coachmark as F } from "../comps/coachmark/coachmark.js";
+import { usePostUserJourney as I, useGetUserJourney as K } from "../user-journey-api/user-journey-api.js";
+import { Overlay as Q } from "./journey-styled.js";
+const X = M(null), ne = ({ children: U, appId: l, userId: i }) => {
+  const [q, z] = s(!0), [D, H] = s(!1), [p, x] = s(null), [y, d] = s([]), [f, A] = s(!1), m = v(-1), t = v(void 0), w = v([]), [L, N] = s(!1), [$, R] = s({
     height: window.innerHeight,
     width: window.innerWidth
-  }), { post: $ } = G(), { data: w = null, get: _ } = F(), B = h(
+  }), { post: _ } = I(), { data: g = null, get: P } = K(), J = c(
+    (e) => {
+      _({
+        app_id: l,
+        user_id: i,
+        journey_id: e,
+        journey_status: "COMPLETED"
+      });
+    },
+    [l, _, i]
+  ), B = c(
     (e, r, o, C = !0) => {
-      var d, n;
-      if (l.length > 0) {
+      var h, n;
+      if (y.length > 0) {
         console.error(
           `setJourney: Other Journey is already active, Current Journey: ${t.current}, New Journey Request: ${e}`
         );
         return;
       }
-      x(!0), U(C), t.current = e, m.current = -1, y(
+      A(!0), z(C), t.current = e, m.current = -1, d(
         r.map((u) => ({
           ...u,
           isActive: !1
           // New coachmarks are inactive by default
         }))
-      ), o && (L({
-        height: ((d = o.current) == null ? void 0 : d.clientHeight) || window.innerHeight,
+      ), o && (R({
+        height: ((h = o.current) == null ? void 0 : h.clientHeight) || window.innerHeight,
         width: ((n = o.current) == null ? void 0 : n.clientWidth) || window.innerWidth
-      }), H(!0));
+      }), N(!0));
     },
-    [l.length]
-  ), i = h(() => {
-    f.current.forEach((e) => {
+    [y.length]
+  ), a = c(() => {
+    w.current.forEach((e) => {
       clearTimeout(e);
-    }), f.current = [], t.current = void 0, m.current = -1, y([]), x(!1);
-  }, []), E = h(
+    }), w.current = [], t.current = void 0, m.current = -1, d([]), A(!1);
+  }, []), E = c(
     (e) => {
-      i(), p((r) => r && !r.includes(e) ? [...r, e] : r), $({
-        app_id: a,
-        user_id: c,
-        journey_id: e,
-        journey_status: "COMPLETED"
-      });
+      a(), x((r) => r && !r.includes(e) ? [...r, e] : r), J(e);
     },
-    [a, i, $, c]
-  ), P = h((e, r) => {
+    [a, J]
+  ), S = c((e, r) => {
     if (!t.current || e !== t.current) {
       console.error(
         t.current ? `A Journey is already active, Current Journey: ${t.current}, New Journey Request: ${e}` : "addCoachmark was called before setJourney and Journey ID is undefined"
       );
       return;
     }
-    y((o) => [
+    d((o) => [
       ...o,
       {
         ...r,
@@ -57,7 +62,7 @@ const K = W(null), re = ({ children: T, appId: a, userId: c }) => {
         // New coachmarks are inactive by default
       }
     ]);
-  }, []), S = h(
+  }, []), j = c(
     (e, r = !1, o = 0, C = !1) => {
       if (!t.current || e !== t.current) {
         console.error(
@@ -65,79 +70,86 @@ const K = W(null), re = ({ children: T, appId: a, userId: c }) => {
         );
         return;
       }
-      z(C), o !== 0 && y((n) => n.map((u) => ({ ...u, isActive: !1 })));
-      const d = setTimeout(() => {
-        clearTimeout(d);
+      H(C), o !== 0 && d((n) => n.map((u) => ({ ...u, isActive: !1 })));
+      const h = setTimeout(() => {
+        clearTimeout(h);
         const n = m.current + 1;
-        y((u) => {
+        d((u) => {
           if (n >= u.length || u.length === 0)
-            return i(), [];
+            return a(), [];
           m.current = n;
-          const g = [...u];
-          return g[n].isActive = !0, n > 0 && (g[n - 1].isActive = r), g;
+          const k = [...u];
+          return k[n].isActive = !0, n > 0 && (k[n - 1].isActive = r), k;
         });
       }, o);
-      f.current.push(d);
+      w.current.push(h);
+    },
+    [a]
+  ), O = c(
+    (e) => {
+      J(e);
     },
-    [i]
-  ), N = M(
+    [J]
+  ), V = G(
     () => ({
-      nextCoachmark: S,
+      nextCoachmark: j,
       setJourney: B,
-      addCoachmark: P,
-      clearJourney: i,
+      addCoachmark: S,
+      clearJourney: a,
       endJourney: E,
-      coachmarks: l,
-      userCompletedJourneyIds: v,
-      isJourneyActive: J
+      coachmarks: y,
+      userCompletedJourneyIds: p,
+      isJourneyActive: f,
+      trackView: O
     }),
     [
-      S,
+      j,
       B,
-      P,
-      i,
+      S,
+      a,
       E,
-      l,
-      v,
-      J
+      y,
+      p,
+      f,
+      O
     ]
   );
-  return O(() => {
-    a && c && _(c, {
-      app_id: a,
-      user_id: c,
+  return b(() => {
+    l && i && P(i, {
+      app_id: l,
+      user_id: i,
       journey_status: "COMPLETED"
     });
-  }, [a, _, c]), O(() => {
-    if (w) {
-      const e = w.map((r) => r.journey_id);
-      p(e);
+  }, [l, P, i]), b(() => {
+    if (g) {
+      const e = g.map((r) => r.journey_id);
+      x(e);
     }
-  }, [w]), /* @__PURE__ */ R(K.Provider, { value: N, children: [
-    J && /* @__PURE__ */ j(
-      I,
+  }, [g]), /* @__PURE__ */ W(X.Provider, { value: V, children: [
+    f && /* @__PURE__ */ T(
+      Q,
       {
         about: "journey-overlay",
-        height: A.height,
-        width: A.width,
-        $isJourneyBlurred: q,
-        $isBlockingJourney: b,
+        height: $.height,
+        width: $.width,
+        $isJourneyBlurred: D,
+        $isBlockingJourney: q,
         "data-testid": t.current,
-        children: l.map((e, r) => /* @__PURE__ */ j(
-          V,
+        children: y.map((e, r) => /* @__PURE__ */ T(
+          F,
           {
             coachmark: e,
-            isInsideScrollView: D
+            isInsideScrollView: L
           },
           `coachmark-${r}`
         ))
       }
     ),
-    T
+    U
   ] });
 };
 export {
-  K as JourneyContext,
-  re as JourneyProvider
+  X as JourneyContext,
+  ne as JourneyProvider
 };
 //# sourceMappingURL=journey-context-provider.js.map

package/dist/features/journey/use-journey/journey-context-provider.js.map

@@ -1 +1 @@
-{"version":3,"file":"journey-context-provider.js","sources":["../../../../src/features/journey/use-journey/journey-context-provider.tsx"],"sourcesContent":["/* eslint-disable no-console */\nimport type { FC, RefObject } from 'react';\nimport { createContext, useCallback, useEffect, useMemo, useRef, useState } from 'react';\n\nimport { Coachmark } from '../comps/coachmark/coachmark';\nimport type { TJourneyId } from '../journey-id/journey-id-types';\nimport { useGetUserJourney, usePostUserJourney } from '../user-journey-api/user-journey-api';\nimport type {\n  ICoachmarkProps,\n  IJourneyContext,\n  IJourneyProviderProps,\n  TCoachmarkJourneyProps,\n} from './journey-context-types';\nimport * as S from './journey-styled';\n\nexport const JourneyContext = createContext<IJourneyContext | null>(null);\n\nexport const JourneyProvider: FC<IJourneyProviderProps> = ({ children, appId, userId }) => {\n  const [isBlockingJourney, setIsBlockingJourney] = useState<boolean>(true);\n  const [isJourneyBlurred, setIsJourneyBlurred] = useState<boolean>(false);\n  const [userCompletedJourneyIds, setUserCompletedJourneyIds] = useState<TJourneyId[] | null>(null);\n  const [coachmarkList, setCoachmarkList] = useState<ICoachmarkProps[]>([]);\n  const [isJourneyActive, setIsJourneyActive] = useState(false);\n  const currentIndex = useRef(-1);\n  const currentJourneyId = useRef<TJourneyId | undefined>(undefined);\n  const timerRefs = useRef<ReturnType<typeof setTimeout>[]>([]);\n\n  const [isScrollableJourney, setIsScrollableJourney] = useState<boolean>(false);\n  const [overlaySize, setOverlaySize] = useState({\n    height: window.innerHeight,\n    width: window.innerWidth,\n  });\n\n  const { post: postJourneyCompletion } = usePostUserJourney();\n  const { data: userCompletedJourneys = null, get: getJourneyProgress } = useGetUserJourney();\n\n  const setJourney = useCallback(\n    (\n      id: TJourneyId,\n      coachmarks: TCoachmarkJourneyProps[],\n      scrollableContRef?: RefObject<HTMLDivElement | null>,\n      isBlocking: boolean = true,\n    ) => {\n      if (coachmarkList.length > 0) {\n        console.error(\n          `setJourney: Other Journey is already active, Current Journey: ${currentJourneyId.current}, New Journey Request: ${id}`,\n        );\n\n        return;\n      }\n      setIsJourneyActive(true);\n      setIsBlockingJourney(isBlocking);\n      currentJourneyId.current = id;\n      currentIndex.current = -1;\n      setCoachmarkList(\n        coachmarks.map((item: TCoachmarkJourneyProps) => {\n          return {\n            ...item,\n            isActive: false, // New coachmarks are inactive by default\n          } as ICoachmarkProps;\n        }),\n      );\n      if (scrollableContRef) {\n        setOverlaySize({\n          height: scrollableContRef.current?.clientHeight || window.innerHeight,\n          width: scrollableContRef.current?.clientWidth || window.innerWidth,\n        });\n        setIsScrollableJourney(true);\n      }\n    },\n    [coachmarkList.length],\n  );\n\n  const clearJourney = useCallback(() => {\n    // Clear all timers\n    timerRefs.current.forEach(timer => {\n      clearTimeout(timer);\n    });\n    timerRefs.current = [];\n    currentJourneyId.current = undefined;\n    currentIndex.current = -1;\n    setCoachmarkList([]);\n    setIsJourneyActive(false);\n  }, []);\n\n  const endJourney = useCallback(\n    (journeyId: TJourneyId) => {\n      clearJourney();\n      setUserCompletedJourneyIds(prev => {\n        if (prev && !prev.includes(journeyId)) {\n          return [...prev, journeyId];\n        }\n\n        return prev;\n      });\n      // fire the API (doesn’t block the UI)\n      postJourneyCompletion({\n        app_id: appId,\n        user_id: userId,\n        journey_id: journeyId,\n        journey_status: 'COMPLETED',\n      });\n    },\n    [appId, clearJourney, postJourneyCompletion, userId],\n  );\n\n  const addCoachmark = useCallback((id: TJourneyId, coachmark: TCoachmarkJourneyProps) => {\n    if (!currentJourneyId.current || id !== currentJourneyId.current) {\n      console.error(\n        currentJourneyId.current\n          ? `A Journey is already active, Current Journey: ${currentJourneyId.current}, New Journey Request: ${id}`\n          : `addCoachmark was called before setJourney and Journey ID is undefined`,\n      );\n\n      return;\n    }\n\n    setCoachmarkList(prev => [\n      ...prev,\n      {\n        ...coachmark,\n        isActive: false, // New coachmarks are inactive by default\n      } as ICoachmarkProps,\n    ]);\n  }, []);\n\n  const nextCoachmark = useCallback(\n    (\n      id: TJourneyId,\n      keepPrevActive: boolean = false,\n      delayInMs: number = 0,\n      shouldBlurNextJourney: boolean = false,\n    ) => {\n      if (!currentJourneyId.current || id !== currentJourneyId.current) {\n        console.error(\n          currentJourneyId.current\n            ? `nextCoachmark was called before setJourney`\n            : `A Journey is already active, Current Journey: ${currentJourneyId.current}, New Journey Request: ${id}`,\n        );\n\n        return;\n      }\n\n      setIsJourneyBlurred(shouldBlurNextJourney);\n\n      if (delayInMs !== 0) {\n        // If delay is not 0, we will hide all them coachmarks and reveal only after the delay\n        setCoachmarkList(prevList => {\n          return prevList.map((item: TCoachmarkJourneyProps) => {\n            return { ...item, isActive: false };\n          });\n        });\n      }\n\n      const timer = setTimeout(() => {\n        clearTimeout(timer);\n        const currIndex = currentIndex.current + 1;\n\n        setCoachmarkList(prevList => {\n          // Finish onboarding\n          if (currIndex >= prevList.length || prevList.length === 0) {\n            clearJourney();\n\n            return [];\n          }\n\n          currentIndex.current = currIndex;\n          const updatedCoachmarkList = [...prevList];\n\n          (updatedCoachmarkList[currIndex] as ICoachmarkProps).isActive = true;\n\n          if (currIndex > 0) {\n            (updatedCoachmarkList[currIndex - 1] as ICoachmarkProps).isActive = keepPrevActive;\n          }\n\n          return updatedCoachmarkList;\n        });\n      }, delayInMs);\n\n      timerRefs.current.push(timer);\n    },\n    [clearJourney],\n  );\n\n  const memoizedContextValue: IJourneyContext = useMemo(\n    () => ({\n      nextCoachmark,\n      setJourney,\n      addCoachmark,\n      clearJourney,\n      endJourney,\n      coachmarks: coachmarkList,\n      userCompletedJourneyIds,\n      isJourneyActive,\n    }),\n    [\n      nextCoachmark,\n      setJourney,\n      addCoachmark,\n      clearJourney,\n      endJourney,\n      coachmarkList,\n      userCompletedJourneyIds,\n      isJourneyActive,\n    ],\n  );\n\n  // Get the initial state of incompleteJourneys\n  useEffect(() => {\n    if (appId && userId) {\n      getJourneyProgress(userId, {\n        app_id: appId,\n        user_id: userId,\n        journey_status: 'COMPLETED',\n      });\n    }\n  }, [appId, getJourneyProgress, userId]);\n\n  // Set the data to context state initially\n  useEffect(() => {\n    if (userCompletedJourneys) {\n      const completedUserJourneysIds = userCompletedJourneys.map(journey => journey.journey_id);\n\n      setUserCompletedJourneyIds(completedUserJourneysIds);\n    }\n  }, [userCompletedJourneys]);\n\n  return (\n    <JourneyContext.Provider value={memoizedContextValue}>\n      {isJourneyActive && (\n        <S.Overlay\n          about=\"journey-overlay\"\n          height={overlaySize.height}\n          width={overlaySize.width}\n          $isJourneyBlurred={isJourneyBlurred}\n          $isBlockingJourney={isBlockingJourney}\n          data-testid={currentJourneyId.current}\n        >\n          {coachmarkList.map((coachmark, index) => (\n            <Coachmark\n              key={`coachmark-${index}`}\n              coachmark={coachmark}\n              isInsideScrollView={isScrollableJourney}\n            />\n          ))}\n        </S.Overlay>\n      )}\n      {children}\n    </JourneyContext.Provider>\n  );\n};\n"],"names":["JourneyContext","createContext","JourneyProvider","children","appId","userId","isBlockingJourney","setIsBlockingJourney","useState","isJourneyBlurred","setIsJourneyBlurred","userCompletedJourneyIds","setUserCompletedJourneyIds","coachmarkList","setCoachmarkList","isJourneyActive","setIsJourneyActive","currentIndex","useRef","currentJourneyId","timerRefs","isScrollableJourney","setIsScrollableJourney","overlaySize","setOverlaySize","postJourneyCompletion","usePostUserJourney","userCompletedJourneys","getJourneyProgress","useGetUserJourney","setJourney","useCallback","id","coachmarks","scrollableContRef","isBlocking","item","_a","_b","clearJourney","timer","endJourney","journeyId","prev","addCoachmark","coachmark","nextCoachmark","keepPrevActive","delayInMs","shouldBlurNextJourney","prevList","currIndex","updatedCoachmarkList","memoizedContextValue","useMemo","useEffect","completedUserJourneysIds","journey","jsxs","jsx","S.Overlay","index","Coachmark"],"mappings":"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"}
+{"version":3,"file":"journey-context-provider.js","sources":["../../../../src/features/journey/use-journey/journey-context-provider.tsx"],"sourcesContent":["/* eslint-disable no-console */\nimport type { FC, RefObject } from 'react';\nimport { createContext, useCallback, useEffect, useMemo, useRef, useState } from 'react';\n\nimport { Coachmark } from '../comps/coachmark/coachmark';\nimport type { TJourneyId } from '../journey-id/journey-id-types';\nimport type { TTrackingId } from '../tracking-id/tracking-id-types';\nimport { useGetUserJourney, usePostUserJourney } from '../user-journey-api/user-journey-api';\nimport type {\n  ICoachmarkProps,\n  IJourneyContext,\n  IJourneyProviderProps,\n  TCoachmarkJourneyProps,\n} from './journey-context-types';\nimport * as S from './journey-styled';\n\nexport const JourneyContext = createContext<IJourneyContext | null>(null);\n\nexport const JourneyProvider: FC<IJourneyProviderProps> = ({ children, appId, userId }) => {\n  const [isBlockingJourney, setIsBlockingJourney] = useState<boolean>(true);\n  const [isJourneyBlurred, setIsJourneyBlurred] = useState<boolean>(false);\n  const [userCompletedJourneyIds, setUserCompletedJourneyIds] = useState<TJourneyId[] | null>(null);\n  const [coachmarkList, setCoachmarkList] = useState<ICoachmarkProps[]>([]);\n  const [isJourneyActive, setIsJourneyActive] = useState(false);\n  const currentIndex = useRef(-1);\n  const currentJourneyId = useRef<TJourneyId | undefined>(undefined);\n  const timerRefs = useRef<ReturnType<typeof setTimeout>[]>([]);\n\n  const [isScrollableJourney, setIsScrollableJourney] = useState<boolean>(false);\n  const [overlaySize, setOverlaySize] = useState({\n    height: window.innerHeight,\n    width: window.innerWidth,\n  });\n\n  const { post: postJourneyCompletion } = usePostUserJourney();\n  const { data: userCompletedJourneys = null, get: getJourneyProgress } = useGetUserJourney();\n\n  const saveProgress = useCallback(\n    (journeyId: TJourneyId | TTrackingId) => {\n      postJourneyCompletion({\n        app_id: appId,\n        user_id: userId,\n        journey_id: journeyId,\n        journey_status: 'COMPLETED',\n      });\n    },\n    [appId, postJourneyCompletion, userId],\n  );\n\n  const setJourney = useCallback(\n    (\n      id: TJourneyId,\n      coachmarks: TCoachmarkJourneyProps[],\n      scrollableContRef?: RefObject<HTMLDivElement | null>,\n      isBlocking: boolean = true,\n    ) => {\n      if (coachmarkList.length > 0) {\n        console.error(\n          `setJourney: Other Journey is already active, Current Journey: ${currentJourneyId.current}, New Journey Request: ${id}`,\n        );\n\n        return;\n      }\n      setIsJourneyActive(true);\n      setIsBlockingJourney(isBlocking);\n      currentJourneyId.current = id;\n      currentIndex.current = -1;\n      setCoachmarkList(\n        coachmarks.map((item: TCoachmarkJourneyProps) => {\n          return {\n            ...item,\n            isActive: false, // New coachmarks are inactive by default\n          } as ICoachmarkProps;\n        }),\n      );\n      if (scrollableContRef) {\n        setOverlaySize({\n          height: scrollableContRef.current?.clientHeight || window.innerHeight,\n          width: scrollableContRef.current?.clientWidth || window.innerWidth,\n        });\n        setIsScrollableJourney(true);\n      }\n    },\n    [coachmarkList.length],\n  );\n\n  const clearJourney = useCallback(() => {\n    // Clear all timers\n    timerRefs.current.forEach(timer => {\n      clearTimeout(timer);\n    });\n    timerRefs.current = [];\n    currentJourneyId.current = undefined;\n    currentIndex.current = -1;\n    setCoachmarkList([]);\n    setIsJourneyActive(false);\n  }, []);\n\n  const endJourney = useCallback(\n    (journeyId: TJourneyId) => {\n      clearJourney();\n      setUserCompletedJourneyIds(prev => {\n        if (prev && !prev.includes(journeyId)) {\n          return [...prev, journeyId];\n        }\n\n        return prev;\n      });\n      saveProgress(journeyId);\n    },\n    [clearJourney, saveProgress],\n  );\n\n  const addCoachmark = useCallback((id: TJourneyId, coachmark: TCoachmarkJourneyProps) => {\n    if (!currentJourneyId.current || id !== currentJourneyId.current) {\n      console.error(\n        currentJourneyId.current\n          ? `A Journey is already active, Current Journey: ${currentJourneyId.current}, New Journey Request: ${id}`\n          : `addCoachmark was called before setJourney and Journey ID is undefined`,\n      );\n\n      return;\n    }\n\n    setCoachmarkList(prev => [\n      ...prev,\n      {\n        ...coachmark,\n        isActive: false, // New coachmarks are inactive by default\n      } as ICoachmarkProps,\n    ]);\n  }, []);\n\n  const nextCoachmark = useCallback(\n    (\n      id: TJourneyId,\n      keepPrevActive: boolean = false,\n      delayInMs: number = 0,\n      shouldBlurNextJourney: boolean = false,\n    ) => {\n      if (!currentJourneyId.current || id !== currentJourneyId.current) {\n        console.error(\n          currentJourneyId.current\n            ? `nextCoachmark was called before setJourney`\n            : `A Journey is already active, Current Journey: ${currentJourneyId.current}, New Journey Request: ${id}`,\n        );\n\n        return;\n      }\n\n      setIsJourneyBlurred(shouldBlurNextJourney);\n\n      if (delayInMs !== 0) {\n        // If delay is not 0, we will hide all them coachmarks and reveal only after the delay\n        setCoachmarkList(prevList => {\n          return prevList.map((item: TCoachmarkJourneyProps) => {\n            return { ...item, isActive: false };\n          });\n        });\n      }\n\n      const timer = setTimeout(() => {\n        clearTimeout(timer);\n        const currIndex = currentIndex.current + 1;\n\n        setCoachmarkList(prevList => {\n          // Finish onboarding\n          if (currIndex >= prevList.length || prevList.length === 0) {\n            clearJourney();\n\n            return [];\n          }\n\n          currentIndex.current = currIndex;\n          const updatedCoachmarkList = [...prevList];\n\n          (updatedCoachmarkList[currIndex] as ICoachmarkProps).isActive = true;\n\n          if (currIndex > 0) {\n            (updatedCoachmarkList[currIndex - 1] as ICoachmarkProps).isActive = keepPrevActive;\n          }\n\n          return updatedCoachmarkList;\n        });\n      }, delayInMs);\n\n      timerRefs.current.push(timer);\n    },\n    [clearJourney],\n  );\n\n  const trackView = useCallback(\n    (viewId: TTrackingId) => {\n      saveProgress(viewId);\n    },\n    [saveProgress],\n  );\n\n  const memoizedContextValue: IJourneyContext = useMemo(\n    () => ({\n      nextCoachmark,\n      setJourney,\n      addCoachmark,\n      clearJourney,\n      endJourney,\n      coachmarks: coachmarkList,\n      userCompletedJourneyIds,\n      isJourneyActive,\n      trackView,\n    }),\n    [\n      nextCoachmark,\n      setJourney,\n      addCoachmark,\n      clearJourney,\n      endJourney,\n      coachmarkList,\n      userCompletedJourneyIds,\n      isJourneyActive,\n      trackView,\n    ],\n  );\n\n  // Get the initial state of incompleteJourneys\n  useEffect(() => {\n    if (appId && userId) {\n      getJourneyProgress(userId, {\n        app_id: appId,\n        user_id: userId,\n        journey_status: 'COMPLETED',\n      });\n    }\n  }, [appId, getJourneyProgress, userId]);\n\n  // Set the data to context state initially\n  useEffect(() => {\n    if (userCompletedJourneys) {\n      const completedUserJourneysIds = userCompletedJourneys.map(journey => journey.journey_id);\n\n      setUserCompletedJourneyIds(completedUserJourneysIds);\n    }\n  }, [userCompletedJourneys]);\n\n  return (\n    <JourneyContext.Provider value={memoizedContextValue}>\n      {isJourneyActive && (\n        <S.Overlay\n          about=\"journey-overlay\"\n          height={overlaySize.height}\n          width={overlaySize.width}\n          $isJourneyBlurred={isJourneyBlurred}\n          $isBlockingJourney={isBlockingJourney}\n          data-testid={currentJourneyId.current}\n        >\n          {coachmarkList.map((coachmark, index) => (\n            <Coachmark\n              key={`coachmark-${index}`}\n              coachmark={coachmark}\n              isInsideScrollView={isScrollableJourney}\n            />\n          ))}\n        </S.Overlay>\n      )}\n      {children}\n    </JourneyContext.Provider>\n  );\n};\n"],"names":["JourneyContext","createContext","JourneyProvider","children","appId","userId","isBlockingJourney","setIsBlockingJourney","useState","isJourneyBlurred","setIsJourneyBlurred","userCompletedJourneyIds","setUserCompletedJourneyIds","coachmarkList","setCoachmarkList","isJourneyActive","setIsJourneyActive","currentIndex","useRef","currentJourneyId","timerRefs","isScrollableJourney","setIsScrollableJourney","overlaySize","setOverlaySize","postJourneyCompletion","usePostUserJourney","userCompletedJourneys","getJourneyProgress","useGetUserJourney","saveProgress","useCallback","journeyId","setJourney","id","coachmarks","scrollableContRef","isBlocking","item","_a","_b","clearJourney","timer","endJourney","prev","addCoachmark","coachmark","nextCoachmark","keepPrevActive","delayInMs","shouldBlurNextJourney","prevList","currIndex","updatedCoachmarkList","trackView","viewId","memoizedContextValue","useMemo","useEffect","completedUserJourneysIds","journey","jsxs","jsx","S.Overlay","index","Coachmark"],"mappings":"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"}

package/dist/features/stickers/hooks/use-handle-sticker-send.js

@@ -0,0 +1,44 @@
+import { useCallback as i } from "react";
+import m from "../../communication/hooks/use-inclass-message-broker/use-inclass-message-broker.js";
+import { useUIContext as E } from "../../ui/context/context.js";
+import { STICKERS_ANALYTICS_EVENT as d } from "../stickers-analytics-events.js";
+import { useStickers as k } from "../stickers-effects/hooks/use-stickers.js";
+import { useStickersErrorLogger as f } from "./use-stickers-error-logger.js";
+const u = (t) => {
+  const { publish: e } = m({
+    studentClassroomId: t
+  }), { onEvent: c } = E(), n = f(), { showSticker: s } = k();
+  return i(
+    (o, S) => {
+      const a = {
+        classroom_id: t,
+        sticker: o.id
+      };
+      try {
+        const r = {
+          message: {
+            data: {
+              selectedSticker: {
+                id: o.id,
+                name: o.name
+              },
+              effectId: S
+            }
+          },
+          type: "STICKERS"
+        };
+        s(r), e == null || e({
+          eventName: "STICKERS",
+          eventPayload: r
+        }), c(d.STICKER_SENT, a);
+      } catch (r) {
+        n(r, { baseEventData: a });
+      }
+    },
+    [n, e, s, t, c]
+  );
+};
+export {
+  u as useHandleStickerSend
+};
+//# sourceMappingURL=use-handle-sticker-send.js.map

package/dist/features/stickers/hooks/use-handle-sticker-send.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"use-handle-sticker-send.js","sources":["../../../../src/features/stickers/hooks/use-handle-sticker-send.tsx"],"sourcesContent":["import { useCallback } from 'react';\n\nimport useInClassMessageBroker from '../../communication/hooks/use-inclass-message-broker/use-inclass-message-broker';\nimport { useUIContext } from '../../ui/context/context';\nimport { STICKERS_ANALYTICS_EVENT } from '../stickers-analytics-events';\nimport { useStickers } from '../stickers-effects/hooks/use-stickers';\nimport type { IStickerData, TStickerAnimationEffects, TStickersPayload } from '../stickers-types';\nimport { useStickersErrorLogger } from './use-stickers-error-logger';\n\nexport const useHandleStickerSend = (studentClassroomId?: string) => {\n  const { publish } = useInClassMessageBroker({\n    studentClassroomId,\n  });\n\n  const { onEvent: trackEvent } = useUIContext();\n  const logError = useStickersErrorLogger();\n\n  const { showSticker } = useStickers();\n\n  const sendSticker = useCallback(\n    (sticker: IStickerData, effect: TStickerAnimationEffects) => {\n      const baseEventData = {\n        classroom_id: studentClassroomId,\n        sticker: sticker.id,\n      };\n\n      try {\n        const payload: TStickersPayload = {\n          message: {\n            data: {\n              selectedSticker: {\n                id: sticker.id,\n                name: sticker.name,\n              },\n              effectId: effect,\n            },\n          },\n          type: 'STICKERS',\n        };\n\n        showSticker(payload);\n\n        publish?.({\n          eventName: 'STICKERS',\n          eventPayload: payload,\n        });\n\n        trackEvent(STICKERS_ANALYTICS_EVENT.STICKER_SENT, baseEventData);\n      } catch (error) {\n        logError(error, { baseEventData });\n      }\n    },\n    [logError, publish, showSticker, studentClassroomId, trackEvent],\n  );\n\n  return sendSticker;\n};\n"],"names":["useHandleStickerSend","studentClassroomId","publish","useInClassMessageBroker","trackEvent","useUIContext","logError","useStickersErrorLogger","showSticker","useStickers","useCallback","sticker","effect","baseEventData","payload","STICKERS_ANALYTICS_EVENT","error"],"mappings":";;;;;;AASa,MAAAA,IAAuB,CAACC,MAAgC;AAC7D,QAAA,EAAE,SAAAC,EAAQ,IAAIC,EAAwB;AAAA,IAC1C,oBAAAF;AAAA,EAAA,CACD,GAEK,EAAE,SAASG,EAAW,IAAIC,EAAa,GACvCC,IAAWC,KAEX,EAAE,aAAAC,MAAgBC;AAsCjB,SApCaC;AAAA,IAClB,CAACC,GAAuBC,MAAqC;AAC3D,YAAMC,IAAgB;AAAA,QACpB,cAAcZ;AAAA,QACd,SAASU,EAAQ;AAAA,MAAA;AAGf,UAAA;AACF,cAAMG,IAA4B;AAAA,UAChC,SAAS;AAAA,YACP,MAAM;AAAA,cACJ,iBAAiB;AAAA,gBACf,IAAIH,EAAQ;AAAA,gBACZ,MAAMA,EAAQ;AAAA,cAChB;AAAA,cACA,UAAUC;AAAA,YACZ;AAAA,UACF;AAAA,UACA,MAAM;AAAA,QAAA;AAGR,QAAAJ,EAAYM,CAAO,GAETZ,KAAA,QAAAA,EAAA;AAAA,UACR,WAAW;AAAA,UACX,cAAcY;AAAA,QAAA,IAGLV,EAAAW,EAAyB,cAAcF,CAAa;AAAA,eACxDG,GAAO;AACL,QAAAV,EAAAU,GAAO,EAAE,eAAAH,EAAA,CAAe;AAAA,MACnC;AAAA,IACF;AAAA,IACA,CAACP,GAAUJ,GAASM,GAAaP,GAAoBG,CAAU;AAAA,EAAA;AAInE;"}

package/dist/features/stickers/hooks/use-stickers-error-logger.js

@@ -0,0 +1,17 @@
+import { useUIContext as E } from "../../ui/context/context.js";
+import { STICKERS_ANALYTICS_EVENT as i } from "../stickers-analytics-events.js";
+function f() {
+  const { onEvent: s } = E();
+  return (t, o) => {
+    let e = "Unknown error", n;
+    t instanceof Error ? (e = t.message, n = t.stack) : typeof t == "string" && (e = t), s(i.STICKER_LOG_ERROR, {
+      message: e,
+      stack: n,
+      ...o
+    });
+  };
+}
+export {
+  f as useStickersErrorLogger
+};
+//# sourceMappingURL=use-stickers-error-logger.js.map

package/dist/features/stickers/hooks/use-stickers-error-logger.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"use-stickers-error-logger.js","sources":["../../../../src/features/stickers/hooks/use-stickers-error-logger.ts"],"sourcesContent":["import { useUIContext } from '../../ui/context/context';\nimport { STICKERS_ANALYTICS_EVENT } from '../stickers-analytics-events';\n\nexport function useStickersErrorLogger() {\n  const { onEvent: trackEvent } = useUIContext();\n\n  return (error: unknown, context?: Record<string, unknown>) => {\n    let message = 'Unknown error';\n    let stack: string | undefined;\n\n    if (error instanceof Error) {\n      message = error.message;\n      stack = error.stack;\n    } else if (typeof error === 'string') {\n      message = error;\n    }\n\n    trackEvent(STICKERS_ANALYTICS_EVENT.STICKER_LOG_ERROR, {\n      message,\n      stack,\n      ...context,\n    });\n  };\n}\n"],"names":["useStickersErrorLogger","trackEvent","useUIContext","error","context","message","stack","STICKERS_ANALYTICS_EVENT"],"mappings":";;AAGO,SAASA,IAAyB;AACvC,QAAM,EAAE,SAASC,EAAW,IAAIC,EAAa;AAEtC,SAAA,CAACC,GAAgBC,MAAsC;AAC5D,QAAIC,IAAU,iBACVC;AAEJ,IAAIH,aAAiB,SACnBE,IAAUF,EAAM,SAChBG,IAAQH,EAAM,SACL,OAAOA,KAAU,aAChBE,IAAAF,IAGZF,EAAWM,EAAyB,mBAAmB;AAAA,MACrD,SAAAF;AAAA,MACA,OAAAC;AAAA,MACA,GAAGF;AAAA,IAAA,CACJ;AAAA,EAAA;AAEL;"}

package/dist/features/stickers/{sticker-selector/hooks → hooks}/use-stickers-journey/use-stickers-journey.js

@@ -1,12 +1,12 @@
 import { jsxs as l, jsx as e } from "react/jsx-runtime";
 import { useCallback as m, useMemo as h } from "react";
-import { JOURNEY_ID_TEACHER as t } from "../../../../journey/journey-id/journey-id-teacher.js";
-import { IndicatorType as C } from "../../../../journey/use-journey/constants.js";
-import { useJourney as T } from "../../../../journey/use-journey/use-journey.js";
-import y from "../../../../ui/buttons/button/button.js";
-import O from "../../../../ui/layout/flex-view.js";
-import S from "../../../../ui/separator/separator.js";
-import u from "../../../../ui/text/text.js";
+import { JOURNEY_ID_TEACHER as t } from "../../../journey/journey-id/journey-id-teacher.js";
+import { IndicatorType as C } from "../../../journey/use-journey/constants.js";
+import { useJourney as T } from "../../../journey/use-journey/use-journey.js";
+import y from "../../../ui/buttons/button/button.js";
+import O from "../../../ui/layout/flex-view.js";
+import S from "../../../ui/separator/separator.js";
+import u from "../../../ui/text/text.js";
 const x = ({
   triggerRef: o,
   triggerElement: n,

package/dist/features/stickers/hooks/use-stickers-journey/use-stickers-journey.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"use-stickers-journey.js","sources":["../../../../../src/features/stickers/hooks/use-stickers-journey/use-stickers-journey.tsx"],"sourcesContent":["import { useCallback, useMemo } from 'react';\n\nimport { JOURNEY_ID_TEACHER } from '../../../journey/journey-id/journey-id-teacher';\nimport { IndicatorType } from '../../../journey/use-journey/constants';\nimport { useJourney } from '../../../journey/use-journey/use-journey';\nimport type { IArrowTooltipProps } from '../../../ui/arrow-tooltip/arrow-tooltip-types';\nimport Button from '../../../ui/buttons/button/button';\nimport FlexView from '../../../ui/layout/flex-view';\nimport Separator from '../../../ui/separator/separator';\nimport Text from '../../../ui/text/text';\nimport type { IUseTeacherStickersJourneyProps } from './use-stickers-journey-types';\n\nexport const useStickersJourney = ({\n  triggerRef,\n  triggerElement,\n  tooltipConfig,\n}: IUseTeacherStickersJourneyProps) => {\n  const { setJourney, nextCoachmark, endJourney } = useJourney();\n\n  const endTeacherStickersOnboarding = useCallback(() => {\n    endJourney(JOURNEY_ID_TEACHER.STICKERS_INTRO_JOURNEY);\n  }, [endJourney]);\n\n  const startTeacherStickersJourney = useCallback(() => {\n    if (!triggerRef.current) return;\n\n    const indicatorPayload = {\n      position: tooltipConfig.position,\n      tooltipXCoOrdinates: tooltipConfig.tooltipXCoOrdinates,\n      tooltipYCoOrdinates: tooltipConfig.tooltipYCoOrdinates,\n      arrowXCoOrdinates: tooltipConfig.arrowXCoOrdinates,\n      arrowYCoOrdinates: tooltipConfig.arrowYCoOrdinates,\n      borderColor: 'BLACK',\n      arrowColor: 'BLACK',\n      backgroundColor: 'PURPLE_4',\n      tooltipItem: (\n        <FlexView>\n          <FlexView>\n            <Text\n              $renderOnMobileAs=\"ab3\"\n              $renderAs=\"ab3\"\n              as=\"span\"\n              $inline={true}\n              $whiteSpace=\"normal\"\n            >\n              <Text $renderAs=\"ab3-bold\" as=\"span\" $inline={true}>\n                New Stickers\n              </Text>{' '}\n              - Use them to celebrate little moments of joy!\n            </Text>\n          </FlexView>\n          <Separator height={10} />\n          <Button\n            renderAs=\"secondary\"\n            label=\"Got It\"\n            size=\"xsmall\"\n            width=\"50%\"\n            onClick={endTeacherStickersOnboarding}\n          />\n        </FlexView>\n      ),\n    } as IArrowTooltipProps;\n\n    setJourney(\n      JOURNEY_ID_TEACHER.STICKERS_INTRO_JOURNEY,\n      [\n        {\n          originalElementToHighlightRef: triggerRef,\n          type: IndicatorType.TOOLTIP,\n          elementToHighlight: triggerElement,\n          indicator: indicatorPayload,\n        },\n      ],\n      undefined,\n      false,\n    );\n\n    nextCoachmark(JOURNEY_ID_TEACHER.STICKERS_INTRO_JOURNEY);\n  }, [\n    triggerRef,\n    triggerElement,\n    tooltipConfig.position,\n    tooltipConfig.tooltipXCoOrdinates,\n    tooltipConfig.tooltipYCoOrdinates,\n    tooltipConfig.arrowXCoOrdinates,\n    tooltipConfig.arrowYCoOrdinates,\n    endTeacherStickersOnboarding,\n    setJourney,\n    nextCoachmark,\n  ]);\n\n  const stickerJourney = useMemo(\n    () => ({\n      startTeacherStickersJourney,\n    }),\n    [startTeacherStickersJourney],\n  );\n\n  return stickerJourney;\n};\n"],"names":["useStickersJourney","triggerRef","triggerElement","tooltipConfig","setJourney","nextCoachmark","endJourney","useJourney","endTeacherStickersOnboarding","useCallback","JOURNEY_ID_TEACHER","startTeacherStickersJourney","indicatorPayload","FlexView","jsx","jsxs","Text","Separator","Button","IndicatorType","useMemo"],"mappings":";;;;;;;;;AAYO,MAAMA,IAAqB,CAAC;AAAA,EACjC,YAAAC;AAAA,EACA,gBAAAC;AAAA,EACA,eAAAC;AACF,MAAuC;AACrC,QAAM,EAAE,YAAAC,GAAY,eAAAC,GAAe,YAAAC,MAAeC,EAAW,GAEvDC,IAA+BC,EAAY,MAAM;AACrD,IAAAH,EAAWI,EAAmB,sBAAsB;AAAA,EAAA,GACnD,CAACJ,CAAU,CAAC,GAETK,IAA8BF,EAAY,MAAM;AAChD,QAAA,CAACR,EAAW,QAAS;AAEzB,UAAMW,IAAmB;AAAA,MACvB,UAAUT,EAAc;AAAA,MACxB,qBAAqBA,EAAc;AAAA,MACnC,qBAAqBA,EAAc;AAAA,MACnC,mBAAmBA,EAAc;AAAA,MACjC,mBAAmBA,EAAc;AAAA,MACjC,aAAa;AAAA,MACb,YAAY;AAAA,MACZ,iBAAiB;AAAA,MACjB,+BACGU,GACC,EAAA,UAAA;AAAA,QAAA,gBAAAC,EAACD,GACC,EAAA,UAAA,gBAAAE;AAAA,UAACC;AAAA,UAAA;AAAA,YACC,mBAAkB;AAAA,YAClB,WAAU;AAAA,YACV,IAAG;AAAA,YACH,SAAS;AAAA,YACT,aAAY;AAAA,YAEZ,UAAA;AAAA,cAAA,gBAAAF,EAACE,KAAK,WAAU,YAAW,IAAG,QAAO,SAAS,IAAM,UAEpD,eAAA,CAAA;AAAA,cAAQ;AAAA,cAAI;AAAA,YAAA;AAAA,UAAA;AAAA,QAAA,GAGhB;AAAA,QACA,gBAAAF,EAACG,GAAU,EAAA,QAAQ,GAAI,CAAA;AAAA,QACvB,gBAAAH;AAAA,UAACI;AAAA,UAAA;AAAA,YACC,UAAS;AAAA,YACT,OAAM;AAAA,YACN,MAAK;AAAA,YACL,OAAM;AAAA,YACN,SAASV;AAAA,UAAA;AAAA,QACX;AAAA,MAAA,GACF;AAAA,IAAA;AAIJ,IAAAJ;AAAA,MACEM,EAAmB;AAAA,MACnB;AAAA,QACE;AAAA,UACE,+BAA+BT;AAAA,UAC/B,MAAMkB,EAAc;AAAA,UACpB,oBAAoBjB;AAAA,UACpB,WAAWU;AAAA,QACb;AAAA,MACF;AAAA,MACA;AAAA,MACA;AAAA,IAAA,GAGFP,EAAcK,EAAmB,sBAAsB;AAAA,EAAA,GACtD;AAAA,IACDT;AAAA,IACAC;AAAA,IACAC,EAAc;AAAA,IACdA,EAAc;AAAA,IACdA,EAAc;AAAA,IACdA,EAAc;AAAA,IACdA,EAAc;AAAA,IACdK;AAAA,IACAJ;AAAA,IACAC;AAAA,EAAA,CACD;AASM,SAPgBe;AAAA,IACrB,OAAO;AAAA,MACL,6BAAAT;AAAA,IAAA;AAAA,IAEF,CAACA,CAA2B;AAAA,EAAA;AAIhC;"}

package/dist/features/stickers/sticker-selector/comps/sticker/sticker.js

@@ -1,49 +1,50 @@
-import { jsxs as $, jsx as s } from "react/jsx-runtime";
-import { memo as E, useState as u, useRef as k, useCallback as r } from "react";
-import g from "../../../../ui/lottie-animation/lottie-animation.js";
-import { StickerContainer as j, StaticEmoji as C, LottieContainer as R } from "./sticker-styled.js";
-const x = {
+import { jsxs as L, jsx as s } from "react/jsx-runtime";
+import { memo as $, useState as f, useRef as k, useCallback as r } from "react";
+import j from "../../../../ui/lottie-animation/lottie-animation.js";
+import { useStickersErrorLogger as C } from "../../../hooks/use-stickers-error-logger.js";
+import { StickerContainer as R, StaticEmoji as x, LottieContainer as y } from "./sticker-styled.js";
+const A = {
   renderer: "canvas"
-}, y = ({ emoji: f, lottieUrl: a, size: n = 48, onClick: h, disabled: t = !1 }) => {
-  const [c, d] = u(!1), [i, l] = u("idle"), o = k(null), v = r(() => {
+}, H = ({ emoji: h, lottieUrl: a, size: n = 48, onClick: S, disabled: t = !1 }) => {
+  const [c, l] = f(!1), [i, d] = f("idle"), o = k(null), m = C(), v = r(() => {
     var e;
-    l("loaded"), (e = o.current) == null || e.play();
-  }, []), S = r(() => {
-    l("error");
+    d("loaded"), (e = o.current) == null || e.play();
   }, []), p = r(() => {
+    d("error"), m("Error in loading the lottie");
+  }, [m]), E = r(() => {
     var e;
-    d(!0), i === "loaded" && ((e = o.current) == null || e.play());
-  }, [i]), L = r(() => {
+    l(!0), i === "loaded" && ((e = o.current) == null || e.play());
+  }, [i]), g = r(() => {
     var e;
-    d(!1), (e = o.current) == null || e.goToAndStop(0, !0);
-  }, []), m = c && i === "loaded";
-  return /* @__PURE__ */ $(
-    j,
+    l(!1), (e = o.current) == null || e.goToAndStop(0, !0);
+  }, []), u = c && i === "loaded";
+  return /* @__PURE__ */ L(
+    R,
     {
       $size: n,
       $disabled: t,
-      onPointerEnter: t ? void 0 : p,
-      onPointerLeave: t ? void 0 : L,
-      onClick: t ? void 0 : h,
+      onPointerEnter: t ? void 0 : E,
+      onPointerLeave: t ? void 0 : g,
+      onClick: t ? void 0 : S,
       children: [
-        /* @__PURE__ */ s(C, { $size: n, $visible: !m, children: f }),
-        /* @__PURE__ */ s(R, { $size: n, $visible: m, children: c && a && /* @__PURE__ */ s(
-          g,
+        /* @__PURE__ */ s(x, { $size: n, $visible: !u, children: h }),
+        /* @__PURE__ */ s(y, { $size: n, $visible: u, children: c && a && /* @__PURE__ */ s(
+          j,
           {
             ref: o,
             src: a,
             width: "100%",
             height: "100%",
-            settings: x,
+            settings: A,
             onRender: v,
-            onError: S
+            onError: p
           }
         ) })
       ]
     }
   );
-}, b = E(y);
+}, I = $(H);
 export {
-  b as default
+  I as default
 };
 //# sourceMappingURL=sticker.js.map

package/dist/features/stickers/sticker-selector/comps/sticker/sticker.js.map

@@ -1 +1 @@
-{"version":3,"file":"sticker.js","sources":["../../../../../../src/features/stickers/sticker-selector/comps/sticker/sticker.tsx"],"sourcesContent":["import type { FC } from 'react';\nimport { memo, useCallback, useRef, useState } from 'react';\n\nimport LottieAnimation from '../../../../ui/lottie-animation/lottie-animation';\nimport type { ILottieAnimationRef } from '../../../../ui/lottie-animation/types';\nimport * as Styled from './sticker-styled';\nimport type { IStickerProps } from './sticker-types';\n\nconst renderSettings = {\n  renderer: 'canvas' as const,\n};\n\nconst Sticker: FC<IStickerProps> = ({ emoji, lottieUrl, size = 48, onClick, disabled = false }) => {\n  const [isHovered, setIsHovered] = useState(false);\n  const [lottieState, setLottieState] = useState<'idle' | 'loaded' | 'error'>('idle');\n  const lottieRef = useRef<ILottieAnimationRef>(null);\n\n  const handleLottieReady = useCallback(() => {\n    setLottieState('loaded');\n    lottieRef.current?.play();\n  }, []);\n\n  const handleLottieError = useCallback(() => {\n    setLottieState('error');\n  }, []);\n\n  const handleMouseEnter = useCallback(() => {\n    setIsHovered(true);\n\n    if (lottieState === 'loaded') {\n      lottieRef.current?.play();\n    }\n  }, [lottieState]);\n\n  const handleMouseLeave = useCallback(() => {\n    setIsHovered(false);\n    lottieRef.current?.goToAndStop(0, true);\n  }, []);\n\n  const hideStaticEmoji = isHovered && lottieState === 'loaded';\n\n  return (\n    <Styled.StickerContainer\n      $size={size}\n      $disabled={disabled}\n      onPointerEnter={disabled ? undefined : handleMouseEnter}\n      onPointerLeave={disabled ? undefined : handleMouseLeave}\n      onClick={disabled ? undefined : onClick}\n    >\n      <Styled.StaticEmoji $size={size} $visible={!hideStaticEmoji}>\n        {emoji}\n      </Styled.StaticEmoji>\n\n      <Styled.LottieContainer $size={size} $visible={hideStaticEmoji}>\n        {isHovered && lottieUrl && (\n          <LottieAnimation\n            ref={lottieRef}\n            src={lottieUrl}\n            width=\"100%\"\n            height=\"100%\"\n            settings={renderSettings}\n            onRender={handleLottieReady}\n            onError={handleLottieError}\n          />\n        )}\n      </Styled.LottieContainer>\n    </Styled.StickerContainer>\n  );\n};\n\nexport default memo(Sticker);\n"],"names":["renderSettings","Sticker","emoji","lottieUrl","size","onClick","disabled","isHovered","setIsHovered","useState","lottieState","setLottieState","lottieRef","useRef","handleLottieReady","useCallback","_a","handleLottieError","handleMouseEnter","handleMouseLeave","hideStaticEmoji","jsxs","Styled.StickerContainer","jsx","Styled.StaticEmoji","Styled.LottieContainer","LottieAnimation","Sticker$1","memo"],"mappings":";;;;AAQA,MAAMA,IAAiB;AAAA,EACrB,UAAU;AACZ,GAEMC,IAA6B,CAAC,EAAE,OAAAC,GAAO,WAAAC,GAAW,MAAAC,IAAO,IAAI,SAAAC,GAAS,UAAAC,IAAW,SAAY;AACjG,QAAM,CAACC,GAAWC,CAAY,IAAIC,EAAS,EAAK,GAC1C,CAACC,GAAaC,CAAc,IAAIF,EAAsC,MAAM,GAC5EG,IAAYC,EAA4B,IAAI,GAE5CC,IAAoBC,EAAY,MAAM;;AAC1C,IAAAJ,EAAe,QAAQ,IACvBK,IAAAJ,EAAU,YAAV,QAAAI,EAAmB;AAAA,EACrB,GAAG,CAAE,CAAA,GAECC,IAAoBF,EAAY,MAAM;AAC1C,IAAAJ,EAAe,OAAO;AAAA,EACxB,GAAG,CAAE,CAAA,GAECO,IAAmBH,EAAY,MAAM;;AACzC,IAAAP,EAAa,EAAI,GAEbE,MAAgB,cAClBM,IAAAJ,EAAU,YAAV,QAAAI,EAAmB;AAAA,EACrB,GACC,CAACN,CAAW,CAAC,GAEVS,IAAmBJ,EAAY,MAAM;;AACzC,IAAAP,EAAa,EAAK,IACRQ,IAAAJ,EAAA,YAAA,QAAAI,EAAS,YAAY,GAAG;AAAA,EACpC,GAAG,CAAE,CAAA,GAECI,IAAkBb,KAAaG,MAAgB;AAGnD,SAAA,gBAAAW;AAAA,IAACC;AAAAA,IAAA;AAAA,MACC,OAAOlB;AAAA,MACP,WAAWE;AAAA,MACX,gBAAgBA,IAAW,SAAYY;AAAA,MACvC,gBAAgBZ,IAAW,SAAYa;AAAA,MACvC,SAASb,IAAW,SAAYD;AAAA,MAEhC,UAAA;AAAA,QAAC,gBAAAkB,EAAAC,GAAA,EAAmB,OAAOpB,GAAM,UAAU,CAACgB,GACzC,UACHlB,GAAA;AAAA,QAEA,gBAAAqB,EAACE,GAAA,EAAuB,OAAOrB,GAAM,UAAUgB,GAC5C,UAAAb,KAAaJ,KACZ,gBAAAoB;AAAA,UAACG;AAAA,UAAA;AAAA,YACC,KAAKd;AAAA,YACL,KAAKT;AAAA,YACL,OAAM;AAAA,YACN,QAAO;AAAA,YACP,UAAUH;AAAA,YACV,UAAUc;AAAA,YACV,SAASG;AAAA,UAAA;AAAA,QAAA,GAGf;AAAA,MAAA;AAAA,IAAA;AAAA,EAAA;AAGN,GAEeU,IAAAC,EAAK3B,CAAO;"}
+{"version":3,"file":"sticker.js","sources":["../../../../../../src/features/stickers/sticker-selector/comps/sticker/sticker.tsx"],"sourcesContent":["import type { FC } from 'react';\nimport { memo, useCallback, useRef, useState } from 'react';\n\nimport LottieAnimation from '../../../../ui/lottie-animation/lottie-animation';\nimport type { ILottieAnimationRef } from '../../../../ui/lottie-animation/types';\nimport { useStickersErrorLogger } from '../../../hooks/use-stickers-error-logger';\nimport * as Styled from './sticker-styled';\nimport type { IStickerProps } from './sticker-types';\n\nconst renderSettings = {\n  renderer: 'canvas' as const,\n};\n\nconst Sticker: FC<IStickerProps> = ({ emoji, lottieUrl, size = 48, onClick, disabled = false }) => {\n  const [isHovered, setIsHovered] = useState(false);\n  const [lottieState, setLottieState] = useState<'idle' | 'loaded' | 'error'>('idle');\n  const lottieRef = useRef<ILottieAnimationRef>(null);\n\n  const logError = useStickersErrorLogger();\n\n  const handleLottieReady = useCallback(() => {\n    setLottieState('loaded');\n    lottieRef.current?.play();\n  }, []);\n\n  const handleLottieError = useCallback(() => {\n    setLottieState('error');\n    logError('Error in loading the lottie');\n  }, [logError]);\n\n  const handleMouseEnter = useCallback(() => {\n    setIsHovered(true);\n\n    if (lottieState === 'loaded') {\n      lottieRef.current?.play();\n    }\n  }, [lottieState]);\n\n  const handleMouseLeave = useCallback(() => {\n    setIsHovered(false);\n    lottieRef.current?.goToAndStop(0, true);\n  }, []);\n\n  const hideStaticEmoji = isHovered && lottieState === 'loaded';\n\n  return (\n    <Styled.StickerContainer\n      $size={size}\n      $disabled={disabled}\n      onPointerEnter={disabled ? undefined : handleMouseEnter}\n      onPointerLeave={disabled ? undefined : handleMouseLeave}\n      onClick={disabled ? undefined : onClick}\n    >\n      <Styled.StaticEmoji $size={size} $visible={!hideStaticEmoji}>\n        {emoji}\n      </Styled.StaticEmoji>\n\n      <Styled.LottieContainer $size={size} $visible={hideStaticEmoji}>\n        {isHovered && lottieUrl && (\n          <LottieAnimation\n            ref={lottieRef}\n            src={lottieUrl}\n            width=\"100%\"\n            height=\"100%\"\n            settings={renderSettings}\n            onRender={handleLottieReady}\n            onError={handleLottieError}\n          />\n        )}\n      </Styled.LottieContainer>\n    </Styled.StickerContainer>\n  );\n};\n\nexport default memo(Sticker);\n"],"names":["renderSettings","Sticker","emoji","lottieUrl","size","onClick","disabled","isHovered","setIsHovered","useState","lottieState","setLottieState","lottieRef","useRef","logError","useStickersErrorLogger","handleLottieReady","useCallback","_a","handleLottieError","handleMouseEnter","handleMouseLeave","hideStaticEmoji","jsxs","Styled.StickerContainer","jsx","Styled.StaticEmoji","Styled.LottieContainer","LottieAnimation","Sticker$1","memo"],"mappings":";;;;;AASA,MAAMA,IAAiB;AAAA,EACrB,UAAU;AACZ,GAEMC,IAA6B,CAAC,EAAE,OAAAC,GAAO,WAAAC,GAAW,MAAAC,IAAO,IAAI,SAAAC,GAAS,UAAAC,IAAW,SAAY;AACjG,QAAM,CAACC,GAAWC,CAAY,IAAIC,EAAS,EAAK,GAC1C,CAACC,GAAaC,CAAc,IAAIF,EAAsC,MAAM,GAC5EG,IAAYC,EAA4B,IAAI,GAE5CC,IAAWC,KAEXC,IAAoBC,EAAY,MAAM;;AAC1C,IAAAN,EAAe,QAAQ,IACvBO,IAAAN,EAAU,YAAV,QAAAM,EAAmB;AAAA,EACrB,GAAG,CAAE,CAAA,GAECC,IAAoBF,EAAY,MAAM;AAC1C,IAAAN,EAAe,OAAO,GACtBG,EAAS,6BAA6B;AAAA,EAAA,GACrC,CAACA,CAAQ,CAAC,GAEPM,IAAmBH,EAAY,MAAM;;AACzC,IAAAT,EAAa,EAAI,GAEbE,MAAgB,cAClBQ,IAAAN,EAAU,YAAV,QAAAM,EAAmB;AAAA,EACrB,GACC,CAACR,CAAW,CAAC,GAEVW,IAAmBJ,EAAY,MAAM;;AACzC,IAAAT,EAAa,EAAK,IACRU,IAAAN,EAAA,YAAA,QAAAM,EAAS,YAAY,GAAG;AAAA,EACpC,GAAG,CAAE,CAAA,GAECI,IAAkBf,KAAaG,MAAgB;AAGnD,SAAA,gBAAAa;AAAA,IAACC;AAAAA,IAAA;AAAA,MACC,OAAOpB;AAAA,MACP,WAAWE;AAAA,MACX,gBAAgBA,IAAW,SAAYc;AAAA,MACvC,gBAAgBd,IAAW,SAAYe;AAAA,MACvC,SAASf,IAAW,SAAYD;AAAA,MAEhC,UAAA;AAAA,QAAC,gBAAAoB,EAAAC,GAAA,EAAmB,OAAOtB,GAAM,UAAU,CAACkB,GACzC,UACHpB,GAAA;AAAA,QAEA,gBAAAuB,EAACE,GAAA,EAAuB,OAAOvB,GAAM,UAAUkB,GAC5C,UAAAf,KAAaJ,KACZ,gBAAAsB;AAAA,UAACG;AAAA,UAAA;AAAA,YACC,KAAKhB;AAAA,YACL,KAAKT;AAAA,YACL,OAAM;AAAA,YACN,QAAO;AAAA,YACP,UAAUH;AAAA,YACV,UAAUgB;AAAA,YACV,SAASG;AAAA,UAAA;AAAA,QAAA,GAGf;AAAA,MAAA;AAAA,IAAA;AAAA,EAAA;AAGN,GAEeU,IAAAC,EAAK7B,CAAO;"}