@cuemath/leap 3.3.32 → 3.3.33-m

package/dist/features/stickers/stickers-effects/stickers-effects-styled.js

@@ -1,37 +1,52 @@
-import o, { css as n } from "styled-components";
-import { effectAnimations as r } from "./stickers-effects-animations.js";
-const d = o.div`
+import t, { css as o } from "styled-components";
+import p from "../../ui/layout/flex-view.js";
+import { effectAnimations as $ } from "./stickers-effects-animations.js";
+const v = t(p)`
+  position: fixed;
+  top: 0;
+  left: 0;
+  width: 100vw;
+  height: 100vh;
+  z-index: 999;
+  pointer-events: none;
+  user-select: none;
+
+  & * {
+    pointer-events: none;
+  }
+`, l = t.div`
   position: relative;
   width: 100vw;
   height: 100vh;
   background: transparent;
   pointer-events: none;
-`, h = o.div`
+`, m = t.div`
   position: absolute;
   z-index: 10;
 
-  left: ${({ x: i }) => `${i}%`};
-  top: ${({ y: i }) => `${i}%`};
-  width: ${({ size: i }) => `${i}px`};
-  height: ${({ size: i }) => `${i}px`};
-  font-size: ${({ size: i }) => `${i}px`};
+  left: ${({ x: e }) => `${e}%`};
+  top: ${({ y: e }) => `${e}%`};
+  width: ${({ size: e }) => `${e}px`};
+  height: ${({ size: e }) => `${e}px`};
+  font-size: ${({ size: e }) => `${e}px`};
 
   pointer-events: none;
   visibility: hidden;
   animation-fill-mode: both;
 
-  ${({ effect: i, duration: $, delay: s = 0, fromX: t, fromY: e }) => n`
-    ${r[i]($)}
-    animation-delay: ${s}ms;
+  ${({ effect: e, duration: s, delay: r = 0, fromX: i, fromY: n }) => o`
+    ${$[e](s)}
+    animation-delay: ${r}ms;
 
-    ${t && e && n`
-      --from-x: ${t};
-      --from-y: ${e};
+    ${i && n && o`
+      --from-x: ${i};
+      --from-y: ${n};
     `}
   `}
 `;
 export {
-  d as Container,
-  h as Sticker
+  l as Container,
+  m as Sticker,
+  v as StickersWrapper
 };
 //# sourceMappingURL=stickers-effects-styled.js.map

package/dist/features/stickers/stickers-effects/stickers-effects-styled.js.map

@@ -1 +1 @@
-{"version":3,"file":"stickers-effects-styled.js","sources":["../../../../src/features/stickers/stickers-effects/stickers-effects-styled.ts"],"sourcesContent":["import type { IStickersProps } from './stickers-effects-types';\n\nimport styled, { css } from 'styled-components';\n\nimport { effectAnimations } from './stickers-effects-animations';\n\nexport const Container = styled.div`\n  position: relative;\n  width: 100vw;\n  height: 100vh;\n  background: transparent;\n  pointer-events: none;\n`;\n\nexport const Sticker = styled.div<{\n  effect: IStickersProps['effect'];\n  duration: number;\n  delay?: number;\n  fromX?: string;\n  fromY?: string;\n  x: number;\n  y: number;\n  size: number;\n}>`\n  position: absolute;\n  z-index: 10;\n\n  left: ${({ x }) => `${x}%`};\n  top: ${({ y }) => `${y}%`};\n  width: ${({ size }) => `${size}px`};\n  height: ${({ size }) => `${size}px`};\n  font-size: ${({ size }) => `${size}px`};\n\n  pointer-events: none;\n  visibility: hidden;\n  animation-fill-mode: both;\n\n  ${({ effect, duration, delay = 0, fromX, fromY }) => css`\n    ${effectAnimations[effect](duration)}\n    animation-delay: ${delay}ms;\n\n    ${fromX &&\n    fromY &&\n    css`\n      --from-x: ${fromX};\n      --from-y: ${fromY};\n    `}\n  `}\n`;\n"],"names":["Container","styled","Sticker","x","y","size","effect","duration","delay","fromX","fromY","css","effectAnimations"],"mappings":";;AAMO,MAAMA,IAAYC,EAAO;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,GAQnBC,IAAUD,EAAO;AAAA;AAAA;AAAA;AAAA,UAapB,CAAC,EAAE,GAAAE,EAAQ,MAAA,GAAGA,CAAC,GAAG;AAAA,SACnB,CAAC,EAAE,GAAAC,EAAQ,MAAA,GAAGA,CAAC,GAAG;AAAA,WAChB,CAAC,EAAE,MAAAC,EAAW,MAAA,GAAGA,CAAI,IAAI;AAAA,YACxB,CAAC,EAAE,MAAAA,EAAW,MAAA,GAAGA,CAAI,IAAI;AAAA,eACtB,CAAC,EAAE,MAAAA,EAAW,MAAA,GAAGA,CAAI,IAAI;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,IAMpC,CAAC,EAAE,QAAAC,GAAQ,UAAAC,GAAU,OAAAC,IAAQ,GAAG,OAAAC,GAAO,OAAAC,EAAY,MAAAC;AAAA,MACjDC,EAAiBN,CAAM,EAAEC,CAAQ,CAAC;AAAA,uBACjBC,CAAK;AAAA;AAAA,MAEtBC,KACFC,KACAC;AAAA,kBACcF,CAAK;AAAA,kBACLC,CAAK;AAAA,KAClB;AAAA,GACF;AAAA;"}
+{"version":3,"file":"stickers-effects-styled.js","sources":["../../../../src/features/stickers/stickers-effects/stickers-effects-styled.ts"],"sourcesContent":["import type { IStickersProps } from './stickers-effects-types';\n\nimport styled, { css } from 'styled-components';\n\nimport FlexView from '../../ui/layout/flex-view';\nimport { effectAnimations } from './stickers-effects-animations';\n\nexport const StickersWrapper = styled(FlexView)`\n  position: fixed;\n  top: 0;\n  left: 0;\n  width: 100vw;\n  height: 100vh;\n  z-index: 999;\n  pointer-events: none;\n  user-select: none;\n\n  & * {\n    pointer-events: none;\n  }\n`;\n\nexport const Container = styled.div`\n  position: relative;\n  width: 100vw;\n  height: 100vh;\n  background: transparent;\n  pointer-events: none;\n`;\n\nexport const Sticker = styled.div<{\n  effect: IStickersProps['effect'];\n  duration: number;\n  delay?: number;\n  fromX?: string;\n  fromY?: string;\n  x: number;\n  y: number;\n  size: number;\n}>`\n  position: absolute;\n  z-index: 10;\n\n  left: ${({ x }) => `${x}%`};\n  top: ${({ y }) => `${y}%`};\n  width: ${({ size }) => `${size}px`};\n  height: ${({ size }) => `${size}px`};\n  font-size: ${({ size }) => `${size}px`};\n\n  pointer-events: none;\n  visibility: hidden;\n  animation-fill-mode: both;\n\n  ${({ effect, duration, delay = 0, fromX, fromY }) => css`\n    ${effectAnimations[effect](duration)}\n    animation-delay: ${delay}ms;\n\n    ${fromX &&\n    fromY &&\n    css`\n      --from-x: ${fromX};\n      --from-y: ${fromY};\n    `}\n  `}\n`;\n"],"names":["StickersWrapper","styled","FlexView","Container","Sticker","x","y","size","effect","duration","delay","fromX","fromY","css","effectAnimations"],"mappings":";;;AAOa,MAAAA,IAAkBC,EAAOC,CAAQ;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,GAejCC,IAAYF,EAAO;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,GAQnBG,IAAUH,EAAO;AAAA;AAAA;AAAA;AAAA,UAapB,CAAC,EAAE,GAAAI,EAAQ,MAAA,GAAGA,CAAC,GAAG;AAAA,SACnB,CAAC,EAAE,GAAAC,EAAQ,MAAA,GAAGA,CAAC,GAAG;AAAA,WAChB,CAAC,EAAE,MAAAC,EAAW,MAAA,GAAGA,CAAI,IAAI;AAAA,YACxB,CAAC,EAAE,MAAAA,EAAW,MAAA,GAAGA,CAAI,IAAI;AAAA,eACtB,CAAC,EAAE,MAAAA,EAAW,MAAA,GAAGA,CAAI,IAAI;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,IAMpC,CAAC,EAAE,QAAAC,GAAQ,UAAAC,GAAU,OAAAC,IAAQ,GAAG,OAAAC,GAAO,OAAAC,EAAY,MAAAC;AAAA,MACjDC,EAAiBN,CAAM,EAAEC,CAAQ,CAAC;AAAA,uBACjBC,CAAK;AAAA;AAAA,MAEtBC,KACFC,KACAC;AAAA,kBACcF,CAAK;AAAA,kBACLC,CAAK;AAAA,KAClB;AAAA,GACF;AAAA;"}

package/dist/features/stickers/stickers-effects/stickers-effects-types.js

@@ -0,0 +1,6 @@
+import { createContext as t } from "react";
+const e = t(void 0);
+export {
+  e as StickersContext
+};
+//# sourceMappingURL=stickers-effects-types.js.map

package/dist/features/stickers/stickers-effects/stickers-effects-types.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"stickers-effects-types.js","sources":["../../../../src/features/stickers/stickers-effects/stickers-effects-types.ts"],"sourcesContent":["import type { IStickerData, TStickerAnimationEffects, TStickersPayload } from '../stickers-types';\n\nimport { createContext } from 'react';\n\nexport type TStickerAnimationData = {\n  id: string;\n  sticker: string;\n  lottie?: string;\n  x: number;\n  y: number;\n  size: number;\n  fromX?: string;\n  fromY?: string;\n};\nexport interface IStickersProps {\n  stickerId: IStickerData['id'];\n  effect: TStickerAnimationEffects;\n  count: number;\n  duration: number;\n}\n\nexport interface IGenerateStickersData extends Omit<IStickersProps, 'duration'> {\n  minSize: number;\n  maxSize: number;\n}\n\nexport interface StickersEffectProps {\n  stickerId: string;\n  effectType: TStickerAnimationEffects;\n  duration?: number;\n  onClose?: () => void;\n}\nexport interface StickersContextType {\n  showSticker: (payload: TStickersPayload) => void;\n}\n\nexport const StickersContext = createContext<StickersContextType | undefined>(undefined);\n"],"names":["StickersContext","createContext"],"mappings":";AAoCa,MAAAA,IAAkBC,EAA+C,MAAS;"}

package/dist/features/stickers/stickers-effects/stickers-effects.js

@@ -1,67 +1,51 @@
-import { jsx as n, Fragment as x } from "react/jsx-runtime";
-import { memo as p, useState as l, useEffect as d } from "react";
-import E from "../../ui/dot-lottie-animations/dot-lottie-animation.js";
-import { preloadLottieFile as F } from "./stickers-effects-cache.js";
-import { generateStickerData as y } from "./stickers-effects-helper.js";
-import { Container as z, Sticker as L } from "./stickers-effects-styled.js";
-const T = p(({ url: t, sticker: i, size: o }) => {
-  const [r, f] = l(), [c, e] = l(!1), s = {
-    loop: !0,
-    autoplay: !0
-  };
-  return d(() => {
-    let a = !0;
-    if (t)
-      return F(t).then((m) => {
-        a && (m ? f(m) : e(!0));
-      }).catch(() => {
-        a && e(!0);
-      }), () => {
-        a = !1;
-      };
-  }, [t]), !t || c || !r ? /* @__PURE__ */ n(x, { children: i }) : /* @__PURE__ */ n(
-    E,
-    {
-      data: r,
-      width: o,
-      height: o,
-      settings: s,
-      onError: () => e(!0)
-    }
-  );
-}), $ = ({ stickerId: t, effect: i, count: o, duration: r }) => {
-  const [f, c] = l([]);
-  return d(() => {
-    const e = y({
-      count: o,
-      effect: i,
-      stickerId: t,
+import { jsx as r } from "react/jsx-runtime";
+import { memo as E, useState as T, useEffect as s } from "react";
+import g from "./comps/sticker-with-fallback.js";
+import { EFFECTS_MAP as x } from "./constants.js";
+import { generateStickerData as D } from "./stickers-effects-helper.js";
+import { StickersWrapper as y, Container as z, Sticker as F } from "./stickers-effects-styled.js";
+const j = ({
+  stickerId: c,
+  effectType: u,
+  duration: n = 3500,
+  onClose: i
+}) => {
+  const [f, m] = T([]), t = x[u];
+  return s(() => {
+    if (!i) return;
+    const e = setTimeout(i, n);
+    return () => clearTimeout(e);
+  }, [i, n]), s(() => {
+    const e = D({
+      count: t.count,
+      effect: t.effect,
+      stickerId: c,
       minSize: 48,
       maxSize: 72
     });
-    c(e);
-    const s = setTimeout(() => c([]), r);
-    return () => clearTimeout(s);
-  }, [i, o, r, t]), /* @__PURE__ */ n(z, { children: f.map((e, s) => {
-    const { id: a, sticker: m, lottie: h, x: k, y: S, size: u, fromX: D, fromY: g } = e;
-    return /* @__PURE__ */ n(
-      L,
+    m(e);
+    const o = setTimeout(() => m([]), t.duration);
+    return () => clearTimeout(o);
+  }, [t, c]), f.length === 0 ? null : /* @__PURE__ */ r(y, { $alignItems: "top", $justifyContent: "center", $inherit: !0, children: /* @__PURE__ */ r(z, { children: f.map((e, o) => {
+    const { id: l, sticker: p, lottie: S, x: k, y: d, size: a, fromX: h, fromY: $ } = e;
+    return /* @__PURE__ */ r(
+      F,
       {
-        effect: i,
-        duration: r,
+        effect: t.effect,
+        duration: t.duration,
         delay: 500,
-        fromX: D,
-        fromY: g,
+        fromX: h,
+        fromY: $,
         x: k,
-        y: S,
-        size: u,
-        children: /* @__PURE__ */ n(T, { url: h, sticker: m, size: u })
+        y: d,
+        size: a,
+        children: /* @__PURE__ */ r(g, { url: S, sticker: p, size: a })
       },
-      `${a}-${s}`
+      `${l}-${o}`
     );
-  }) });
-}, W = p($);
+  }) }) });
+}, X = E(j);
 export {
-  W as default
+  X as default
 };
 //# sourceMappingURL=stickers-effects.js.map

package/dist/features/stickers/stickers-effects/stickers-effects.js.map

@@ -1 +1 @@
-{"version":3,"file":"stickers-effects.js","sources":["../../../../src/features/stickers/stickers-effects/stickers-effects.tsx"],"sourcesContent":["import type { TStickerData, IStickersProps } from './stickers-effects-types';\nimport type { Data } from '@lottiefiles/dotlottie-web';\nimport type { FC } from 'react';\n\nimport React, { memo, useEffect, useState } from 'react';\n\nimport DotLottieAnimation from '../../ui/dot-lottie-animations/dot-lottie-animation';\nimport { preloadLottieFile } from './stickers-effects-cache';\nimport { generateStickerData } from './stickers-effects-helper';\nimport * as Styled from './stickers-effects-styled';\n\nconst StickerWithFallback: FC<{\n  url?: string;\n  sticker: string;\n  size: number;\n}> = memo(({ url, sticker, size }) => {\n  const [data, setData] = useState<Data>();\n  const [failed, setFailed] = useState(false);\n  const renderSettings = {\n    loop: true,\n    autoplay: true,\n  };\n\n  useEffect(() => {\n    let isMounted = true;\n\n    if (!url) return;\n\n    preloadLottieFile(url)\n      .then(result => {\n        if (isMounted) {\n          if (result) {\n            setData(result);\n          } else {\n            setFailed(true);\n          }\n        }\n      })\n      .catch(() => {\n        if (isMounted) setFailed(true);\n      });\n\n    return () => {\n      isMounted = false;\n    };\n  }, [url]);\n\n  if (!url || failed || !data) {\n    return <>{sticker}</>;\n  }\n\n  return (\n    <DotLottieAnimation\n      data={data}\n      width={size}\n      height={size}\n      settings={renderSettings}\n      onError={() => setFailed(true)}\n    />\n  );\n});\n\nconst StickersEffects: React.FC<IStickersProps> = ({ stickerId, effect, count, duration }) => {\n  const [stickersData, setStickersData] = useState<ReturnType<typeof generateStickerData>>([]);\n\n  useEffect(() => {\n    const stickerData = generateStickerData({\n      count,\n      effect,\n      stickerId,\n      minSize: 48,\n      maxSize: 72,\n    });\n\n    setStickersData(stickerData);\n\n    const timeout = setTimeout(() => setStickersData([]), duration);\n\n    return () => clearTimeout(timeout);\n  }, [effect, count, duration, stickerId]);\n\n  return (\n    <Styled.Container>\n      {stickersData.map((data: TStickerData, i) => {\n        const { id, sticker, lottie, x, y, size, fromX, fromY } = data;\n\n        return (\n          <Styled.Sticker\n            key={`${id}-${i}`}\n            effect={effect}\n            duration={duration}\n            delay={500}\n            fromX={fromX}\n            fromY={fromY}\n            x={x}\n            y={y}\n            size={size}\n          >\n            <StickerWithFallback url={lottie} sticker={sticker} size={size} />\n          </Styled.Sticker>\n        );\n      })}\n    </Styled.Container>\n  );\n};\n\nexport default memo(StickersEffects);\n"],"names":["StickerWithFallback","memo","url","sticker","size","data","setData","useState","failed","setFailed","renderSettings","useEffect","isMounted","preloadLottieFile","result","jsx","DotLottieAnimation","StickersEffects","stickerId","effect","count","duration","stickersData","setStickersData","stickerData","generateStickerData","timeout","Styled.Container","i","id","lottie","x","y","fromX","fromY","Styled.Sticker","stickersEffects"],"mappings":";;;;;;AAWA,MAAMA,IAIDC,EAAK,CAAC,EAAE,KAAAC,GAAK,SAAAC,GAAS,MAAAC,QAAW;AACpC,QAAM,CAACC,GAAMC,CAAO,IAAIC,EAAe,GACjC,CAACC,GAAQC,CAAS,IAAIF,EAAS,EAAK,GACpCG,IAAiB;AAAA,IACrB,MAAM;AAAA,IACN,UAAU;AAAA,EAAA;AA2BZ,SAxBAC,EAAU,MAAM;AACd,QAAIC,IAAY;AAEhB,QAAKV;AAEa,aAAAW,EAAAX,CAAG,EAClB,KAAK,CAAUY,MAAA;AACd,QAAIF,MACEE,IACFR,EAAQQ,CAAM,IAEdL,EAAU,EAAI;AAAA,MAElB,CACD,EACA,MAAM,MAAM;AACP,QAAAG,OAAqB,EAAI;AAAA,MAAA,CAC9B,GAEI,MAAM;AACC,QAAAA,IAAA;AAAA,MAAA;AAAA,EACd,GACC,CAACV,CAAG,CAAC,GAEJ,CAACA,KAAOM,KAAU,CAACH,2BACX,UAAQF,EAAA,CAAA,IAIlB,gBAAAY;AAAA,IAACC;AAAA,IAAA;AAAA,MACC,MAAAX;AAAA,MACA,OAAOD;AAAA,MACP,QAAQA;AAAA,MACR,UAAUM;AAAA,MACV,SAAS,MAAMD,EAAU,EAAI;AAAA,IAAA;AAAA,EAAA;AAGnC,CAAC,GAEKQ,IAA4C,CAAC,EAAE,WAAAC,GAAW,QAAAC,GAAQ,OAAAC,GAAO,UAAAC,QAAe;AAC5F,QAAM,CAACC,GAAcC,CAAe,IAAIhB,EAAiD,CAAE,CAAA;AAE3F,SAAAI,EAAU,MAAM;AACd,UAAMa,IAAcC,EAAoB;AAAA,MACtC,OAAAL;AAAA,MACA,QAAAD;AAAA,MACA,WAAAD;AAAA,MACA,SAAS;AAAA,MACT,SAAS;AAAA,IAAA,CACV;AAED,IAAAK,EAAgBC,CAAW;AAE3B,UAAME,IAAU,WAAW,MAAMH,EAAgB,CAAE,CAAA,GAAGF,CAAQ;AAEvD,WAAA,MAAM,aAAaK,CAAO;AAAA,KAChC,CAACP,GAAQC,GAAOC,GAAUH,CAAS,CAAC,GAGrC,gBAAAH,EAACY,GAAA,EACE,YAAa,IAAI,CAACtB,GAAoBuB,MAAM;AACrC,UAAA,EAAE,IAAAC,GAAI,SAAA1B,GAAS,QAAA2B,GAAQ,GAAAC,GAAG,GAAAC,GAAG,MAAA5B,GAAM,OAAA6B,GAAO,OAAAC,EAAU,IAAA7B;AAGxD,WAAA,gBAAAU;AAAA,MAACoB;AAAAA,MAAA;AAAA,QAEC,QAAAhB;AAAA,QACA,UAAAE;AAAA,QACA,OAAO;AAAA,QACP,OAAAY;AAAA,QACA,OAAAC;AAAA,QACA,GAAAH;AAAA,QACA,GAAAC;AAAA,QACA,MAAA5B;AAAA,QAEA,UAAC,gBAAAW,EAAAf,GAAA,EAAoB,KAAK8B,GAAQ,SAAA3B,GAAkB,MAAAC,GAAY;AAAA,MAAA;AAAA,MAV3D,GAAGyB,CAAE,IAAID,CAAC;AAAA,IAAA;AAAA,EAapB,CAAA,EACH,CAAA;AAEJ,GAEeQ,IAAAnC,EAAKgB,CAAe;"}
+{"version":3,"file":"stickers-effects.js","sources":["../../../../src/features/stickers/stickers-effects/stickers-effects.tsx"],"sourcesContent":["import type { StickersEffectProps, TStickerAnimationData } from './stickers-effects-types';\n\nimport React, { memo, useEffect, useState } from 'react';\n\nimport StickerWithFallback from './comps/sticker-with-fallback';\nimport { EFFECTS_MAP } from './constants';\nimport { generateStickerData } from './stickers-effects-helper';\nimport * as Styled from './stickers-effects-styled';\n\nconst StickersEffect: React.FC<StickersEffectProps> = ({\n  stickerId,\n  effectType,\n  duration = 3500,\n  onClose,\n}) => {\n  const [stickersData, setStickersData] = useState<ReturnType<typeof generateStickerData>>([]);\n\n  const effectConfig = EFFECTS_MAP[effectType];\n\n  useEffect(() => {\n    if (!onClose) return;\n\n    const timeout = setTimeout(onClose, duration);\n\n    return () => clearTimeout(timeout);\n  }, [onClose, duration]);\n\n  useEffect(() => {\n    const stickerData = generateStickerData({\n      count: effectConfig.count,\n      effect: effectConfig.effect,\n      stickerId,\n      minSize: 48,\n      maxSize: 72,\n    });\n\n    setStickersData(stickerData);\n\n    const timeout = setTimeout(() => setStickersData([]), effectConfig.duration);\n\n    return () => clearTimeout(timeout);\n  }, [effectConfig, stickerId]);\n\n  if (stickersData.length === 0) return null;\n\n  return (\n    <Styled.StickersWrapper $alignItems=\"top\" $justifyContent=\"center\" $inherit>\n      <Styled.Container>\n        {stickersData.map((data: TStickerAnimationData, i) => {\n          const { id, sticker, lottie, x, y, size, fromX, fromY } = data;\n\n          return (\n            <Styled.Sticker\n              key={`${id}-${i}`}\n              effect={effectConfig.effect}\n              duration={effectConfig.duration}\n              delay={500}\n              fromX={fromX}\n              fromY={fromY}\n              x={x}\n              y={y}\n              size={size}\n            >\n              <StickerWithFallback url={lottie} sticker={sticker} size={size} />\n            </Styled.Sticker>\n          );\n        })}\n      </Styled.Container>\n    </Styled.StickersWrapper>\n  );\n};\n\nexport default memo(StickersEffect);\n"],"names":["StickersEffect","stickerId","effectType","duration","onClose","stickersData","setStickersData","useState","effectConfig","EFFECTS_MAP","useEffect","timeout","stickerData","generateStickerData","Styled.StickersWrapper","jsx","Styled.Container","data","i","id","sticker","lottie","x","y","size","fromX","fromY","Styled.Sticker","StickerWithFallback","StickersEffect$1","memo"],"mappings":";;;;;;AASA,MAAMA,IAAgD,CAAC;AAAA,EACrD,WAAAC;AAAA,EACA,YAAAC;AAAA,EACA,UAAAC,IAAW;AAAA,EACX,SAAAC;AACF,MAAM;AACJ,QAAM,CAACC,GAAcC,CAAe,IAAIC,EAAiD,CAAE,CAAA,GAErFC,IAAeC,EAAYP,CAAU;AA0BvC,SAxBJQ,EAAU,MAAM;AACd,QAAI,CAACN,EAAS;AAER,UAAAO,IAAU,WAAWP,GAASD,CAAQ;AAErC,WAAA,MAAM,aAAaQ,CAAO;AAAA,EAAA,GAChC,CAACP,GAASD,CAAQ,CAAC,GAEtBO,EAAU,MAAM;AACd,UAAME,IAAcC,EAAoB;AAAA,MACtC,OAAOL,EAAa;AAAA,MACpB,QAAQA,EAAa;AAAA,MACrB,WAAAP;AAAA,MACA,SAAS;AAAA,MACT,SAAS;AAAA,IAAA,CACV;AAED,IAAAK,EAAgBM,CAAW;AAErB,UAAAD,IAAU,WAAW,MAAML,EAAgB,CAAA,CAAE,GAAGE,EAAa,QAAQ;AAEpE,WAAA,MAAM,aAAaG,CAAO;AAAA,EAAA,GAChC,CAACH,GAAcP,CAAS,CAAC,GAExBI,EAAa,WAAW,IAAU,yBAGnCS,GAAA,EAAuB,aAAY,OAAM,iBAAgB,UAAS,UAAQ,IACzE,UAAA,gBAAAC,EAACC,GAAA,EACE,YAAa,IAAI,CAACC,GAA6BC,MAAM;AAC9C,UAAA,EAAE,IAAAC,GAAI,SAAAC,GAAS,QAAAC,GAAQ,GAAAC,GAAG,GAAAC,GAAG,MAAAC,GAAM,OAAAC,GAAO,OAAAC,EAAU,IAAAT;AAGxD,WAAA,gBAAAF;AAAA,MAACY;AAAAA,MAAA;AAAA,QAEC,QAAQnB,EAAa;AAAA,QACrB,UAAUA,EAAa;AAAA,QACvB,OAAO;AAAA,QACP,OAAAiB;AAAA,QACA,OAAAC;AAAA,QACA,GAAAJ;AAAA,QACA,GAAAC;AAAA,QACA,MAAAC;AAAA,QAEA,UAAC,gBAAAT,EAAAa,GAAA,EAAoB,KAAKP,GAAQ,SAAAD,GAAkB,MAAAI,GAAY;AAAA,MAAA;AAAA,MAV3D,GAAGL,CAAE,IAAID,CAAC;AAAA,IAAA;AAAA,EAWjB,CAEH,GACH,EACF,CAAA;AAEJ,GAEeW,IAAAC,EAAK9B,CAAc;"}

package/dist/features/student-details/class-details/class-details-utils.js

@@ -1,12 +1,12 @@
 import { startOfDay as s } from "../../../node_modules/date-fns/startOfDay.js";
-import { isToday as n } from "../../../node_modules/date-fns/isToday.js";
-import { isAfter as i } from "../../../node_modules/date-fns/isAfter.js";
-import { isBefore as f } from "../../../node_modules/date-fns/isBefore.js";
-import { addDays as d } from "../../../node_modules/date-fns/addDays.js";
+import { isAfter as n } from "../../../node_modules/date-fns/isAfter.js";
+import { isBefore as i } from "../../../node_modules/date-fns/isBefore.js";
+import { addDays as f } from "../../../node_modules/date-fns/addDays.js";
+import { isToday as d } from "../../../node_modules/date-fns/isToday.js";
 import { formatDate as m } from "../../../node_modules/date-fns/format.js";
 const u = (e) => {
-  const o = /* @__PURE__ */ new Date(), t = new Date(e), r = d(s(o), 7);
-  return n(t) ? `Today, ${m(t, "hh:mm a")}` : i(t, o) && f(t, r) ? m(t, "eee, hh:mm a") : m(t, "MMM dd, hh:mm a");
+  const o = /* @__PURE__ */ new Date(), t = new Date(e), r = f(s(o), 7);
+  return d(t) ? `Today, ${m(t, "hh:mm a")}` : n(t, o) && i(t, r) ? m(t, "eee, hh:mm a") : m(t, "MMM dd, hh:mm a");
 }, M = (e, o, t) => {
   const r = m(e * 1e3, "hh:mm a"), a = m((e + o + t) * 1e3, "hh:mm a");
   return `${r} - ${a}`;

package/dist/features/{parent-dashboard/comps → trial-session/comps/pla}/next-steps/next-steps-constants.js

@@ -1,4 +1,4 @@
-import { ILLUSTRATIONS as e } from "../../../../assets/illustrations/illustrations.js";
+import { ILLUSTRATIONS as e } from "../../../../../assets/illustrations/illustrations.js";
 const t = [
   {
     title: "Personalized Sessions",

package/dist/features/trial-session/comps/pla/next-steps/next-steps-constants.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"next-steps-constants.js","sources":["../../../../../../src/features/trial-session/comps/pla/next-steps/next-steps-constants.ts"],"sourcesContent":["import type { INextStep } from './next-steps-types';\n\nimport { ILLUSTRATIONS } from '../../../../../assets/illustrations/illustrations';\n\nexport const nextStepsData: INextStep[] = [\n  {\n    title: 'Personalized Sessions',\n    description: `Your tutor will align sessions to your child's school curriculum and focus areas.`,\n    image: ILLUSTRATIONS.KNOWLEDGE_BLUE,\n    textColor: 'BLUE_4',\n  },\n  {\n    title: 'Regular Practice',\n    description: `Your child will get homework assignments and daily practice through our app.`,\n    image: ILLUSTRATIONS.BOOK_CHECKED_ORANGE,\n    textColor: 'ORANGE_4',\n  },\n  {\n    title: 'Parent-tutor Conference',\n    description: `We'll schedule a conference after 8 sessions to review progress & adjust approach.`,\n    image: ILLUSTRATIONS.HANDSHAKE,\n    textColor: 'YELLOW_4',\n  },\n];\n"],"names":["nextStepsData","ILLUSTRATIONS"],"mappings":";AAIO,MAAMA,IAA6B;AAAA,EACxC;AAAA,IACE,OAAO;AAAA,IACP,aAAa;AAAA,IACb,OAAOC,EAAc;AAAA,IACrB,WAAW;AAAA,EACb;AAAA,EACA;AAAA,IACE,OAAO;AAAA,IACP,aAAa;AAAA,IACb,OAAOA,EAAc;AAAA,IACrB,WAAW;AAAA,EACb;AAAA,EACA;AAAA,IACE,OAAO;AAAA,IACP,aAAa;AAAA,IACb,OAAOA,EAAc;AAAA,IACrB,WAAW;AAAA,EACb;AACF;"}

package/dist/features/{parent-dashboard/comps → trial-session/comps/pla}/next-steps/next-steps-styled.js

@@ -1,5 +1,5 @@
 import i from "styled-components";
-import d from "../../../ui/layout/flex-view.js";
+import d from "../../../../ui/layout/flex-view.js";
 const t = i(d)(
   ({ theme: o }) => `
     border-bottom: 1px solid ${o.colors.BLACK_5};

package/dist/features/trial-session/comps/pla/next-steps/next-steps-styled.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"next-steps-styled.js","sources":["../../../../../../src/features/trial-session/comps/pla/next-steps/next-steps-styled.tsx"],"sourcesContent":["import styled from 'styled-components';\n\nimport FlexView from '../../../../ui/layout/flex-view';\n\nexport const TextContent = styled(FlexView)(\n  ({ theme }) => `\n    border-bottom: 1px solid ${theme.colors.BLACK_5};\n\n    ${theme.mediaQueries.minWidthTablet} {\n      border-bottom: none;\n    }\n  `,\n);\n\nexport const ListItem = styled(FlexView)(\n  ({ theme }) => `\n    &:first-child {\n      ${TextContent} {\n        padding-top: 0;\n      }\n    }\n    &:last-child {\n      ${TextContent} {\n        padding-bottom: 0;\n        border-bottom: none;\n      }\n    }\n\n    ${theme.mediaQueries.minWidthTablet} {\n      border-right: 1px solid ${theme.colors.BLACK_5};\n\n      &:last-child {\n        border-right: none;\n        padding-right: 0;\n      }\n\n      &:first-child {\n        padding-left: 0;\n      }\n    }\n  `,\n);\n"],"names":["TextContent","styled","FlexView","theme","ListItem"],"mappings":";;AAIa,MAAAA,IAAcC,EAAOC,CAAQ;AAAA,EACxC,CAAC,EAAE,OAAAC,EAAA,MAAY;AAAA,+BACcA,EAAM,OAAO,OAAO;AAAA;AAAA,MAE7CA,EAAM,aAAa,cAAc;AAAA;AAAA;AAAA;AAIvC,GAEaC,IAAWH,EAAOC,CAAQ;AAAA,EACrC,CAAC,EAAE,OAAAC,EAAA,MAAY;AAAA;AAAA,QAETH,CAAW;AAAA;AAAA;AAAA;AAAA;AAAA,QAKXA,CAAW;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,MAMbG,EAAM,aAAa,cAAc;AAAA,gCACPA,EAAM,OAAO,OAAO;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAYpD;"}

package/dist/features/{parent-dashboard/comps → trial-session/comps/pla}/next-steps/next-steps.js

@@ -1,11 +1,11 @@
 import { jsxs as t, jsx as r } from "react/jsx-runtime";
 import { memo as a } from "react";
 import { useTheme as h } from "styled-components";
-import p from "../../../ui/image/image.js";
-import m from "../../../ui/layout/flex-view.js";
-import o from "../../../ui/separator/separator.js";
-import n from "../../../ui/text/text.js";
-import { EDeviceType as $ } from "../../../ui/theme/constants.js";
+import p from "../../../../ui/image/image.js";
+import m from "../../../../ui/layout/flex-view.js";
+import o from "../../../../ui/separator/separator.js";
+import n from "../../../../ui/text/text.js";
+import { EDeviceType as $ } from "../../../../ui/theme/constants.js";
 import { nextStepsData as d } from "./next-steps-constants.js";
 import { ListItem as f, TextContent as x } from "./next-steps-styled.js";
 const b = () => {

package/dist/features/trial-session/comps/pla/next-steps/next-steps.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"next-steps.js","sources":["../../../../../../src/features/trial-session/comps/pla/next-steps/next-steps.tsx"],"sourcesContent":["import { memo } from 'react';\nimport { useTheme } from 'styled-components';\n\nimport Image from '../../../../ui/image/image';\nimport FlexView from '../../../../ui/layout/flex-view';\nimport Separator from '../../../../ui/separator/separator';\nimport Text from '../../../../ui/text/text';\nimport { EDeviceType } from '../../../../ui/theme/constants';\nimport { nextStepsData } from './next-steps-constants';\nimport * as Styled from './next-steps-styled';\n\nconst NextSteps: React.FC = () => {\n  const theme = useTheme();\n  const isMobile = theme.device <= EDeviceType.MOBILE;\n\n  return (\n    <FlexView>\n      <Text $renderAs=\"ah4-bold\" $renderOnMobileAs=\"ab1-bold\" $color=\"WHITE\">\n        What happens next?\n      </Text>\n      <Separator height={isMobile ? 16 : 20} />\n      <FlexView $justifyContent=\"center\" $flexDirection={isMobile ? 'column' : 'row'}>\n        {nextStepsData.map(({ title, description, image, textColor }) => (\n          <Styled.ListItem\n            key={title}\n            $flexDirection={isMobile ? 'row' : 'column'}\n            $flex={1}\n            $gutterX={isMobile ? 0 : 1}\n            $flexColumnGapX={isMobile ? 0.75 : 0}\n            $alignItems={isMobile ? 'center' : 'normal'}\n          >\n            <Image\n              src={image}\n              width={isMobile ? 72 : 80}\n              height={isMobile ? 72 : 80}\n              withLoader={false}\n            />\n            {!isMobile && <Separator heightX={0.75} />}\n            <Styled.TextContent $flex={1} $gapX={isMobile ? 1 : 0} $justifyContent=\"space-between\">\n              <Text $renderAs=\"ac3-black\" $renderOnMobileAs=\"ac4-black\" $color={textColor}>\n                {title}\n              </Text>\n              <Separator height={isMobile ? 10 : 12} />\n              <Text $renderAs=\"ub1\" $renderOnMobileAs=\"ub2\" $color=\"WHITE\">\n                {description}\n              </Text>\n            </Styled.TextContent>\n          </Styled.ListItem>\n        ))}\n      </FlexView>\n    </FlexView>\n  );\n};\n\nexport default memo(NextSteps);\n"],"names":["NextSteps","isMobile","useTheme","EDeviceType","FlexView","jsx","Text","Separator","nextStepsData","title","description","image","textColor","jsxs","Styled.ListItem","Image","Styled.TextContent","NextSteps$1","memo"],"mappings":";;;;;;;;;;AAWA,MAAMA,IAAsB,MAAM;AAE1B,QAAAC,IADQC,IACS,UAAUC,EAAY;AAE7C,2BACGC,GACC,EAAA,UAAA;AAAA,IAAA,gBAAAC,EAACC,KAAK,WAAU,YAAW,mBAAkB,YAAW,QAAO,SAAQ,UAEvE,qBAAA,CAAA;AAAA,IACC,gBAAAD,EAAAE,GAAA,EAAU,QAAQN,IAAW,KAAK,IAAI;AAAA,sBACtCG,GAAS,EAAA,iBAAgB,UAAS,gBAAgBH,IAAW,WAAW,OACtE,UAAcO,EAAA,IAAI,CAAC,EAAE,OAAAC,GAAO,aAAAC,GAAa,OAAAC,GAAO,WAAAC,QAC/C,gBAAAC;AAAA,MAACC;AAAAA,MAAA;AAAA,QAEC,gBAAgBb,IAAW,QAAQ;AAAA,QACnC,OAAO;AAAA,QACP,UAAUA,IAAW,IAAI;AAAA,QACzB,iBAAiBA,IAAW,OAAO;AAAA,QACnC,aAAaA,IAAW,WAAW;AAAA,QAEnC,UAAA;AAAA,UAAA,gBAAAI;AAAA,YAACU;AAAA,YAAA;AAAA,cACC,KAAKJ;AAAA,cACL,OAAOV,IAAW,KAAK;AAAA,cACvB,QAAQA,IAAW,KAAK;AAAA,cACxB,YAAY;AAAA,YAAA;AAAA,UACd;AAAA,UACC,CAACA,KAAa,gBAAAI,EAAAE,GAAA,EAAU,SAAS,KAAM,CAAA;AAAA,UACxC,gBAAAM,EAACG,GAAA,EAAmB,OAAO,GAAG,OAAOf,IAAW,IAAI,GAAG,iBAAgB,iBACrE,UAAA;AAAA,YAAA,gBAAAI,EAACC,KAAK,WAAU,aAAY,mBAAkB,aAAY,QAAQM,GAC/D,UACHH,EAAA,CAAA;AAAA,YACC,gBAAAJ,EAAAE,GAAA,EAAU,QAAQN,IAAW,KAAK,IAAI;AAAA,YACvC,gBAAAI,EAACC,KAAK,WAAU,OAAM,mBAAkB,OAAM,QAAO,SAClD,UACHI,EAAA,CAAA;AAAA,UAAA,GACF;AAAA,QAAA;AAAA,MAAA;AAAA,MAtBKD;AAAA,IAwBR,CAAA,GACH;AAAA,EACF,EAAA,CAAA;AAEJ,GAEeQ,IAAAC,EAAKlB,CAAS;"}

package/dist/features/trial-session/comps/pla/session-status/hooks/use-session-countdown.js

@@ -0,0 +1,29 @@
+import { useState as a, useRef as l, useCallback as s, useEffect as d } from "react";
+import { COUNTDOWN_INTERVAL as T, COUNTDOWN_THRESHOLD as p } from "../session-status-constants.js";
+import { formatTimeRemaining as I } from "../session-status-helpers.js";
+import { differenceInSeconds as R } from "../../../../../../node_modules/date-fns/differenceInSeconds.js";
+import { fromUnixTime as w } from "../../../../../../node_modules/date-fns/fromUnixTime.js";
+const E = (r, c, f) => {
+  const [m, t] = a(""), n = l(null), e = s(() => {
+    n.current && (clearInterval(n.current), n.current = null);
+  }, []);
+  return d(() => {
+    if (!r || c || f) {
+      e(), t("");
+      return;
+    }
+    const i = w(r), u = () => {
+      const o = R(i, /* @__PURE__ */ new Date());
+      if (o <= 0 || o > p) {
+        t(""), e();
+        return;
+      }
+      t(I(o));
+    };
+    return u(), n.current = setInterval(u, T), e;
+  }, [r, c, f, e]), m;
+};
+export {
+  E as default
+};
+//# sourceMappingURL=use-session-countdown.js.map

package/dist/features/trial-session/comps/pla/session-status/hooks/use-session-countdown.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"use-session-countdown.js","sources":["../../../../../../../src/features/trial-session/comps/pla/session-status/hooks/use-session-countdown.ts"],"sourcesContent":["import { differenceInSeconds, fromUnixTime } from 'date-fns';\nimport { useState, useRef, useCallback, useEffect } from 'react';\n\nimport { COUNTDOWN_INTERVAL, COUNTDOWN_THRESHOLD } from '../session-status-constants';\nimport { formatTimeRemaining } from '../session-status-helpers';\n\nconst useSessionCountdown = (\n  nextSessionStartTime: number | null,\n  isFirstSessionCompleted: boolean,\n  isNoShowStatus: boolean,\n) => {\n  const [remainingTime, setRemainingTime] = useState('');\n  const intervalRef = useRef<NodeJS.Timeout | null>(null);\n\n  const clearCountdownInterval = useCallback(() => {\n    if (intervalRef.current) {\n      clearInterval(intervalRef.current);\n      intervalRef.current = null;\n    }\n  }, []);\n\n  useEffect(() => {\n    if (!nextSessionStartTime || isFirstSessionCompleted || isNoShowStatus) {\n      clearCountdownInterval();\n      setRemainingTime('');\n\n      return;\n    }\n\n    const startTime = fromUnixTime(nextSessionStartTime);\n\n    const updateCountdown = () => {\n      const now = new Date();\n      const diffInSeconds = differenceInSeconds(startTime, now);\n\n      if (diffInSeconds <= 0 || diffInSeconds > COUNTDOWN_THRESHOLD) {\n        setRemainingTime('');\n        clearCountdownInterval();\n\n        return;\n      }\n\n      setRemainingTime(formatTimeRemaining(diffInSeconds));\n    };\n\n    updateCountdown();\n    intervalRef.current = setInterval(updateCountdown, COUNTDOWN_INTERVAL);\n\n    return clearCountdownInterval;\n  }, [nextSessionStartTime, isFirstSessionCompleted, isNoShowStatus, clearCountdownInterval]);\n\n  return remainingTime;\n};\n\nexport default useSessionCountdown;\n"],"names":["useSessionCountdown","nextSessionStartTime","isFirstSessionCompleted","isNoShowStatus","remainingTime","setRemainingTime","useState","intervalRef","useRef","clearCountdownInterval","useCallback","useEffect","startTime","fromUnixTime","updateCountdown","diffInSeconds","differenceInSeconds","COUNTDOWN_THRESHOLD","formatTimeRemaining","COUNTDOWN_INTERVAL"],"mappings":";;;;;AAMA,MAAMA,IAAsB,CAC1BC,GACAC,GACAC,MACG;AACH,QAAM,CAACC,GAAeC,CAAgB,IAAIC,EAAS,EAAE,GAC/CC,IAAcC,EAA8B,IAAI,GAEhDC,IAAyBC,EAAY,MAAM;AAC/C,IAAIH,EAAY,YACd,cAAcA,EAAY,OAAO,GACjCA,EAAY,UAAU;AAAA,EAE1B,GAAG,CAAE,CAAA;AAEL,SAAAI,EAAU,MAAM;AACV,QAAA,CAACV,KAAwBC,KAA2BC,GAAgB;AAC/C,MAAAM,KACvBJ,EAAiB,EAAE;AAEnB;AAAA,IACF;AAEM,UAAAO,IAAYC,EAAaZ,CAAoB,GAE7Ca,IAAkB,MAAM;AAEtB,YAAAC,IAAgBC,EAAoBJ,uBAD1B,MACwC;AAEpD,UAAAG,KAAiB,KAAKA,IAAgBE,GAAqB;AAC7D,QAAAZ,EAAiB,EAAE,GACII;AAEvB;AAAA,MACF;AAEiB,MAAAJ,EAAAa,EAAoBH,CAAa,CAAC;AAAA,IAAA;AAGrC,WAAAD,KACJP,EAAA,UAAU,YAAYO,GAAiBK,CAAkB,GAE9DV;AAAA,KACN,CAACR,GAAsBC,GAAyBC,GAAgBM,CAAsB,CAAC,GAEnFL;AACT;"}

package/dist/features/trial-session/comps/pla/session-status/hooks/use-session-status-config.js

@@ -0,0 +1,132 @@
+import { h } from "../../../../../../node_modules/humanize-plus/dist/humanize.js";
+import { useCallback as o, useMemo as T } from "react";
+import { ILLUSTRATIONS as r } from "../../../../../../assets/illustrations/illustrations.js";
+import { LOTTIE as c } from "../../../../../../assets/lottie/lottie.js";
+import { CUEMATH_APP_URL as d } from "../../../../../../constants/config.js";
+import { EClassStatus as O } from "../../../../../parent-dashboard/parent-dashboard-types.js";
+const P = ({
+  status: s,
+  completedSessions: i,
+  formattedSessionStart: e,
+  remainingTime: b,
+  isTeacherAssigned: t,
+  isFirstSessionCompleted: y,
+  isNoShowStatus: E,
+  teacherName: a,
+  studentName: S,
+  onRescheduleClick: u
+}) => {
+  const p = o(() => {
+    window.open(d, "_blank");
+  }, []), n = o(() => {
+    u == null || u();
+  }, [u]), C = o(() => {
+    const l = s === O.S_NO_SHOW;
+    return {
+      topSection: {
+        icon: r.CALENDAR_CROSS_ORANGE,
+        title: "Session Cancelled",
+        titleColor: "ORANGE_4",
+        titleStyle: "ac3",
+        titleTabletStyle: "ac4",
+        subtitleStyle: "ab1",
+        subtitleTabletStyle: "ab2",
+        subtitle: e,
+        description: l ? "We understand life is unpredictable and schedules change unexpectedly." : "We're sorry - our tutor couldn't attend your first session. This rarely happens, but tutors sometimes face unexpected circumstances.",
+        descriptionColor: "WHITE_1",
+        subtitleLineThrough: !0
+      },
+      bottomSection: {
+        icon: r.PLATFORM_PURPLE,
+        title: "Please Reschedule",
+        titleColor: "PURPLE_4",
+        titleStyle: "ac3",
+        titleTabletStyle: "ac4",
+        subtitleStyle: "ub1",
+        subtitleTabletStyle: "ub2",
+        subtitle: l ? "Please reschedule when it works better for you. Choose any available time slot, and we'll assign you a new tutor for your child." : "Since your first class didn't happen, we haven't activated your subscription. Choose any available time slot, and we'll assign a reliable tutor.",
+        action: {
+          label: "Reschedule",
+          onClick: n
+        }
+      }
+    };
+  }, [s, e, n]), _ = o(() => {
+    const l = i === 1 ? "First" : i.toString();
+    return {
+      topSection: {
+        icon: r.BOOK_CHECKED_GREEN,
+        title: `${l} ${h.pluralize(i, "session")} Completed!`,
+        titleColor: "GREEN_4",
+        titleStyle: "ac3",
+        titleTabletStyle: "ac4",
+        align: "center"
+      },
+      bottomSection: {
+        lottie: c.CALENDAR_HOUR_GLASS_ORANGE,
+        title: "Next Session",
+        titleColor: "ORANGE_4",
+        titleStyle: "ac3",
+        titleTabletStyle: "ac4",
+        subtitleStyle: "ab1",
+        subtitleTabletStyle: "ab2",
+        subtitle: `${e}
+with ${a}`,
+        action: {
+          label: "Reschedule on the Cuemath app",
+          onClick: p
+        }
+      }
+    };
+  }, [i, e, a, p]), f = o(() => {
+    const l = b || "SESSION SCHEDULED", R = !!b;
+    return {
+      topSection: {
+        icon: r.CALENDAR_CHECK_GREEN,
+        title: l,
+        titleColor: "GREEN_4",
+        titleStyle: R ? "ub2" : "ac3",
+        titleTabletStyle: R ? "ub3" : "ac4",
+        subtitle: e,
+        subtitleStyle: "ab1",
+        subtitleTabletStyle: "ab2",
+        action: {
+          label: "Reschedule",
+          onClick: n
+        }
+      },
+      bottomSection: {
+        align: "center",
+        lottie: t ? c.TEACHER_FOUND : c.TEACHER_SEARCH,
+        title: t ? "Tutor Assigned!" : "",
+        titleColor: t ? "ORANGE_4" : "WHITE_1",
+        titleStyle: t ? "ac3" : "ab2",
+        titleTabletStyle: t ? "ac4" : "ab3",
+        subtitleStyle: "ub1",
+        subtitleTabletStyle: "ub2",
+        subtitle: t ? `From over 3000 expert tutors, we selected ${a} as the perfect match for ${S}!` : "Finding the perfect tutor for your child",
+        description: t ? "" : "This typically takes 24-48 hours. We'll notify you via email.",
+        maxWidth: t ? 368 : 383,
+        isLargeIcon: !0
+      }
+    };
+  }, [
+    b,
+    e,
+    t,
+    a,
+    S,
+    n
+  ]);
+  return T(() => E ? C() : y ? _() : f(), [
+    E,
+    y,
+    C,
+    _,
+    f
+  ]);
+};
+export {
+  P as default
+};
+//# sourceMappingURL=use-session-status-config.js.map

package/dist/features/trial-session/comps/pla/session-status/hooks/use-session-status-config.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"use-session-status-config.js","sources":["../../../../../../../src/features/trial-session/comps/pla/session-status/hooks/use-session-status-config.ts"],"sourcesContent":["import type { ISessionStatusConfig } from '../session-status-types';\n\nimport { pluralize } from 'humanize-plus';\nimport { useMemo, useCallback } from 'react';\n\nimport { ILLUSTRATIONS } from '../../../../../../assets/illustrations/illustrations';\nimport { LOTTIE } from '../../../../../../assets/lottie/lottie';\nimport { CUEMATH_APP_URL } from '../../../../../../constants/config';\nimport { EClassStatus } from '../../../../../parent-dashboard/parent-dashboard-types';\n\ninterface IUseSessionStatusConfigProps {\n  status: string | null;\n  completedSessions: number;\n  formattedSessionStart: string;\n  remainingTime: string;\n  isTeacherAssigned: boolean;\n  isFirstSessionCompleted: boolean;\n  isNoShowStatus: boolean;\n  teacherName?: string;\n  studentName?: string;\n  onRescheduleClick?: () => void;\n}\n\nconst useSessionStatusConfig = ({\n  status,\n  completedSessions,\n  formattedSessionStart,\n  remainingTime,\n  isTeacherAssigned,\n  isFirstSessionCompleted,\n  isNoShowStatus,\n  teacherName,\n  studentName,\n  onRescheduleClick,\n}: IUseSessionStatusConfigProps) => {\n  const handleRedirectToApp = useCallback(() => {\n    window.open(CUEMATH_APP_URL, '_blank');\n  }, []);\n\n  const handleReschedule = useCallback(() => {\n    onRescheduleClick?.();\n  }, [onRescheduleClick]);\n\n  // No show status configuration\n  const createNoShowConfig = useCallback((): ISessionStatusConfig => {\n    const isStudentNoShow = status === EClassStatus.S_NO_SHOW;\n\n    return {\n      topSection: {\n        icon: ILLUSTRATIONS.CALENDAR_CROSS_ORANGE,\n        title: 'Session Cancelled',\n        titleColor: 'ORANGE_4',\n        titleStyle: 'ac3',\n        titleTabletStyle: 'ac4',\n        subtitleStyle: 'ab1',\n        subtitleTabletStyle: 'ab2',\n        subtitle: formattedSessionStart,\n        description: isStudentNoShow\n          ? 'We understand life is unpredictable and schedules change unexpectedly.'\n          : `We're sorry - our tutor couldn't attend your first session. This rarely happens, but tutors sometimes face unexpected circumstances.`,\n        descriptionColor: 'WHITE_1',\n        subtitleLineThrough: true,\n      },\n      bottomSection: {\n        icon: ILLUSTRATIONS.PLATFORM_PURPLE,\n        title: 'Please Reschedule',\n        titleColor: 'PURPLE_4',\n        titleStyle: 'ac3',\n        titleTabletStyle: 'ac4',\n        subtitleStyle: 'ub1',\n        subtitleTabletStyle: 'ub2',\n        subtitle: isStudentNoShow\n          ? \"Please reschedule when it works better for you. Choose any available time slot, and we'll assign you a new tutor for your child.\"\n          : `Since your first class didn't happen, we haven't activated your subscription. Choose any available time slot, and we'll assign a reliable tutor.`,\n        action: {\n          label: 'Reschedule',\n          onClick: handleReschedule,\n        },\n      },\n    };\n  }, [status, formattedSessionStart, handleReschedule]);\n\n  // Completed session configuration\n  const createCompletedConfig = useCallback((): ISessionStatusConfig => {\n    const titleText = completedSessions === 1 ? 'First' : completedSessions.toString();\n\n    return {\n      topSection: {\n        icon: ILLUSTRATIONS.BOOK_CHECKED_GREEN,\n        title: `${titleText} ${pluralize(completedSessions, 'session')} Completed!`,\n        titleColor: 'GREEN_4',\n        titleStyle: 'ac3',\n        titleTabletStyle: 'ac4',\n        align: 'center',\n      },\n      bottomSection: {\n        lottie: LOTTIE.CALENDAR_HOUR_GLASS_ORANGE,\n        title: 'Next Session',\n        titleColor: 'ORANGE_4',\n        titleStyle: 'ac3',\n        titleTabletStyle: 'ac4',\n        subtitleStyle: 'ab1',\n        subtitleTabletStyle: 'ab2',\n        subtitle: `${formattedSessionStart}\\nwith ${teacherName}`,\n        action: {\n          label: 'Reschedule on the Cuemath app',\n          onClick: handleRedirectToApp,\n        },\n      },\n    };\n  }, [completedSessions, formattedSessionStart, teacherName, handleRedirectToApp]);\n\n  // Default session configuration\n  const createDefaultConfig = useCallback((): ISessionStatusConfig => {\n    const defaultTitle = remainingTime || 'SESSION SCHEDULED';\n    const hasCountdown = Boolean(remainingTime);\n\n    return {\n      topSection: {\n        icon: ILLUSTRATIONS.CALENDAR_CHECK_GREEN,\n        title: defaultTitle,\n        titleColor: 'GREEN_4',\n        titleStyle: hasCountdown ? 'ub2' : 'ac3',\n        titleTabletStyle: hasCountdown ? 'ub3' : 'ac4',\n        subtitle: formattedSessionStart,\n        subtitleStyle: 'ab1',\n        subtitleTabletStyle: 'ab2',\n        action: {\n          label: 'Reschedule',\n          onClick: handleReschedule,\n        },\n      },\n      bottomSection: {\n        align: 'center',\n        lottie: isTeacherAssigned ? LOTTIE.TEACHER_FOUND : LOTTIE.TEACHER_SEARCH,\n        title: isTeacherAssigned ? 'Tutor Assigned!' : '',\n        titleColor: isTeacherAssigned ? 'ORANGE_4' : 'WHITE_1',\n        titleStyle: isTeacherAssigned ? 'ac3' : 'ab2',\n        titleTabletStyle: isTeacherAssigned ? 'ac4' : 'ab3',\n        subtitleStyle: 'ub1',\n        subtitleTabletStyle: 'ub2',\n        subtitle: isTeacherAssigned\n          ? `From over 3000 expert tutors, we selected ${teacherName} as the perfect match for ${studentName}!`\n          : 'Finding the perfect tutor for your child',\n        description: isTeacherAssigned\n          ? ''\n          : \"This typically takes 24-48 hours. We'll notify you via email.\",\n        maxWidth: isTeacherAssigned ? 368 : 383,\n        isLargeIcon: true,\n      },\n    };\n  }, [\n    remainingTime,\n    formattedSessionStart,\n    isTeacherAssigned,\n    teacherName,\n    studentName,\n    handleReschedule,\n  ]);\n\n  // Main configuration selector\n  const config = useMemo((): ISessionStatusConfig => {\n    if (isNoShowStatus) {\n      return createNoShowConfig();\n    }\n\n    if (isFirstSessionCompleted) {\n      return createCompletedConfig();\n    }\n\n    return createDefaultConfig();\n  }, [\n    isNoShowStatus,\n    isFirstSessionCompleted,\n    createNoShowConfig,\n    createCompletedConfig,\n    createDefaultConfig,\n  ]);\n\n  return config;\n};\n\nexport default useSessionStatusConfig;\n"],"names":["useSessionStatusConfig","status","completedSessions","formattedSessionStart","remainingTime","isTeacherAssigned","isFirstSessionCompleted","isNoShowStatus","teacherName","studentName","onRescheduleClick","handleRedirectToApp","useCallback","CUEMATH_APP_URL","handleReschedule","createNoShowConfig","isStudentNoShow","EClassStatus","ILLUSTRATIONS","createCompletedConfig","titleText","pluralize","LOTTIE","createDefaultConfig","defaultTitle","hasCountdown","useMemo"],"mappings":"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"}

package/dist/features/trial-session/comps/pla/session-status/session-status-constants.js

@@ -0,0 +1,11 @@
+const e = 172800, t = 1e3, r = {
+  autoplay: !0,
+  loop: !0,
+  renderer: "svg"
+};
+export {
+  t as COUNTDOWN_INTERVAL,
+  e as COUNTDOWN_THRESHOLD,
+  r as renderSettings
+};
+//# sourceMappingURL=session-status-constants.js.map

package/dist/features/trial-session/comps/pla/session-status/session-status-constants.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"session-status-constants.js","sources":["../../../../../../src/features/trial-session/comps/pla/session-status/session-status-constants.ts"],"sourcesContent":["export const COUNTDOWN_THRESHOLD = 48 * 3600; // 48 hours in seconds\nexport const COUNTDOWN_INTERVAL = 1000; // 1 second\n\nexport const renderSettings = {\n  autoplay: true,\n  loop: true,\n  renderer: 'svg',\n};\n"],"names":["COUNTDOWN_THRESHOLD","COUNTDOWN_INTERVAL","renderSettings"],"mappings":"AAAO,MAAMA,IAAsB,QACtBC,IAAqB,KAErBC,IAAiB;AAAA,EAC5B,UAAU;AAAA,EACV,MAAM;AAAA,EACN,UAAU;AACZ;"}

package/dist/features/trial-session/comps/pla/session-status/session-status-helpers.js

@@ -0,0 +1,19 @@
+import { fromUnixTime as s } from "../../../../../node_modules/date-fns/fromUnixTime.js";
+import { formatDate as n } from "../../../../../node_modules/date-fns/format.js";
+function p(t, e) {
+  if (!t) return "";
+  const o = s(t), r = n(o, "EEE").toUpperCase(), i = n(o, "MMM d"), m = n(o, "h a");
+  return `${r} . ${i} . ${m}`;
+}
+const a = (t) => t.toString().padStart(2, "0"), $ = (t) => {
+  const e = Math.floor(t / 3600), o = Math.floor(t % 3600 / 60), r = t % 60;
+  return `Session starts in ${a(e)}h : ${a(o)}m : ${a(
+    r
+  )}s`;
+};
+export {
+  p as formatSessionDateTime,
+  $ as formatTimeRemaining,
+  a as padTime
+};
+//# sourceMappingURL=session-status-helpers.js.map

package/dist/features/trial-session/comps/pla/session-status/session-status-helpers.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"session-status-helpers.js","sources":["../../../../../../src/features/trial-session/comps/pla/session-status/session-status-helpers.ts"],"sourcesContent":["import { fromUnixTime, format } from 'date-fns';\n\n/**\n * Formats the session start and end times into a readable string.\n *\n * @param startTime - The start time of the session in Unix timestamp.\n * @param endTime - The end time of the session in Unix timestamp.\n * @returns A formatted string representing the session time or an empty string if inputs are invalid.\n */\nexport function formatSessionDateTime(startTime: number | null, endTime?: number | null): string {\n  if (!startTime) return '';\n\n  const start = fromUnixTime(startTime);\n\n  const day = format(start, 'EEE').toUpperCase();\n  const date = format(start, 'MMM d');\n  const formattedStartTime = format(start, 'h a');\n  const end = endTime ? fromUnixTime(endTime) : null;\n  const formattedEndTime = end ? format(end, 'h a') : null;\n\n  return `${day} . ${date} . ${formattedStartTime}${\n    formattedEndTime ? ` - ${formattedEndTime}` : ''\n  }`;\n}\n\nexport const padTime = (time: number): string => time.toString().padStart(2, '0');\n\nexport const formatTimeRemaining = (seconds: number): string => {\n  const hours = Math.floor(seconds / 3600);\n  const minutes = Math.floor((seconds % 3600) / 60);\n  const remainingSeconds = seconds % 60;\n\n  return `Session starts in ${padTime(hours)}h : ${padTime(minutes)}m : ${padTime(\n    remainingSeconds,\n  )}s`;\n};\n"],"names":["formatSessionDateTime","startTime","endTime","start","fromUnixTime","day","format","date","formattedStartTime","padTime","time","formatTimeRemaining","seconds","hours","minutes","remainingSeconds"],"mappings":";;AASgB,SAAAA,EAAsBC,GAA0BC,GAAiC;AAC3F,MAAA,CAACD,EAAkB,QAAA;AAEjB,QAAAE,IAAQC,EAAaH,CAAS,GAE9BI,IAAMC,EAAOH,GAAO,KAAK,EAAE,YAAY,GACvCI,IAAOD,EAAOH,GAAO,OAAO,GAC5BK,IAAqBF,EAAOH,GAAO,KAAK;AAIvC,SAAA,GAAGE,CAAG,MAAME,CAAI,MAAMC,CAAkB;AAGjD;AAEa,MAAAC,IAAU,CAACC,MAAyBA,EAAK,WAAW,SAAS,GAAG,GAAG,GAEnEC,IAAsB,CAACC,MAA4B;AAC9D,QAAMC,IAAQ,KAAK,MAAMD,IAAU,IAAI,GACjCE,IAAU,KAAK,MAAOF,IAAU,OAAQ,EAAE,GAC1CG,IAAmBH,IAAU;AAE5B,SAAA,qBAAqBH,EAAQI,CAAK,CAAC,OAAOJ,EAAQK,CAAO,CAAC,OAAOL;AAAA,IACtEM;AAAA,EACD,CAAA;AACH;"}

package/dist/features/{parent-dashboard/comps → trial-session/comps/pla}/session-status/session-status-styled.js

@@ -1,6 +1,6 @@
 import e from "styled-components";
-import o from "../../../ui/layout/flex-view.js";
-import r from "../../../ui/text/text.js";
+import o from "../../../../ui/layout/flex-view.js";
+import r from "../../../../ui/text/text.js";
 const l = e(o)`
   max-width: ${({ $maxWidth: t }) => `${typeof t == "number" ? `${t}px` : `${t}`}`};
 `, m = e(r)`

package/dist/features/trial-session/comps/pla/session-status/session-status-styled.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"session-status-styled.js","sources":["../../../../../../src/features/trial-session/comps/pla/session-status/session-status-styled.tsx"],"sourcesContent":["import styled from 'styled-components';\n\nimport FlexView from '../../../../ui/layout/flex-view';\nimport Text from '../../../../ui/text/text';\n\nexport const ContentWrapper = styled(FlexView)<{ $maxWidth: number | string }>`\n  max-width: ${({ $maxWidth }) =>\n    `${typeof $maxWidth === 'number' ? `${$maxWidth}px` : `${$maxWidth}`}`};\n`;\n\nexport const SubTitle = styled(Text)<{ $subtitleLineThrough?: boolean }>`\n  text-decoration: ${({ $subtitleLineThrough }) =>\n    $subtitleLineThrough ? 'line-through' : 'none'};\n`;\n\nexport const LottieWrapper = styled(FlexView)<{ $isLargeLottie: boolean }>`\n  position: relative;\n  left: ${({ $isLargeLottie }) => ($isLargeLottie ? '-6px' : '0')};\n`;\n"],"names":["ContentWrapper","styled","FlexView","$maxWidth","SubTitle","Text","$subtitleLineThrough","LottieWrapper","$isLargeLottie"],"mappings":";;;AAKa,MAAAA,IAAiBC,EAAOC,CAAQ;AAAA,eAC9B,CAAC,EAAE,WAAAC,EAAU,MACxB,GAAG,OAAOA,KAAc,WAAW,GAAGA,CAAS,OAAO,GAAGA,CAAS,EAAE,EAAE;AAAA,GAG7DC,IAAWH,EAAOI,CAAI;AAAA,qBACd,CAAC,EAAE,sBAAAC,EAAA,MACpBA,IAAuB,iBAAiB,MAAM;AAAA,GAGrCC,IAAgBN,EAAOC,CAAQ;AAAA;AAAA,UAElC,CAAC,EAAE,gBAAAM,EAAA,MAAsBA,IAAiB,SAAS,GAAI;AAAA;"}