@cuemath/leap 3.3.5 → 3.3.6

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

@@ -0,0 +1,131 @@
+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";
+const m = ({
+  status: s,
+  completedSessions: i,
+  formattedSessionStart: e,
+  remainingTime: b,
+  isTeacherAssigned: t,
+  isFirstSessionCompleted: y,
+  isNoShowStatus: E,
+  teacherName: a,
+  studentName: S,
+  onRescheduleClick: n
+}) => {
+  const p = o(() => {
+    window.open(d, "_blank");
+  }, []), u = o(() => {
+    n == null || n();
+  }, [n]), C = o(() => {
+    const l = s === "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: u
+        }
+      }
+    };
+  }, [s, e, u]), _ = 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]), R = o(() => {
+    const l = b || "SESSION SCHEDULED", f = !!b;
+    return {
+      topSection: {
+        icon: r.CALENDAR_CHECK_GREEN,
+        title: l,
+        titleColor: "GREEN_4",
+        titleStyle: f ? "ub2" : "ac3",
+        titleTabletStyle: f ? "ub3" : "ac4",
+        subtitle: e,
+        subtitleStyle: "ab1",
+        subtitleTabletStyle: "ab2",
+        action: {
+          label: "Reschedule",
+          onClick: u
+        }
+      },
+      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,
+    u
+  ]);
+  return T(() => E ? C() : y ? _() : R(), [
+    E,
+    y,
+    C,
+    _,
+    R
+  ]);
+};
+export {
+  m 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';\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 === '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","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/trial-session/comps/pla/session-status/session-status-styled.js

@@ -0,0 +1,17 @@
+import e from "styled-components";
+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)`
+  text-decoration: ${({ $subtitleLineThrough: t }) => t ? "line-through" : "none"};
+`, f = e(o)`
+  position: relative;
+  left: ${({ $isLargeLottie: t }) => t ? "-6px" : "0"};
+`;
+export {
+  l as ContentWrapper,
+  f as LottieWrapper,
+  m as SubTitle
+};
+//# sourceMappingURL=session-status-styled.js.map

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;"}

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

@@ -0,0 +1,126 @@
+import { jsxs as t, jsx as e, Fragment as a } from "react/jsx-runtime";
+import { memo as C, useMemo as w, useCallback as L } from "react";
+import x from "../../../../ui/buttons/text-button/text-button.js";
+import A from "../../../../ui/image/image.js";
+import i from "../../../../ui/layout/flex-view.js";
+import I from "../../../../ui/lottie-animation/lottie-animation.js";
+import l from "../../../../ui/separator/separator.js";
+import p from "../../../../ui/text/text.js";
+import W from "./hooks/use-session-countdown.js";
+import _ from "./hooks/use-session-status-config.js";
+import { renderSettings as O } from "./session-status-constants.js";
+import { formatSessionDateTime as X } from "./session-status-helpers.js";
+import { LottieWrapper as y, ContentWrapper as H, SubTitle as M } from "./session-status-styled.js";
+const k = ({
+  completedSessions: n,
+  nextSessionStartTime: m,
+  status: o = null,
+  teacherName: d,
+  studentName: S,
+  onRescheduleClick: f = () => {
+  }
+}) => {
+  const $ = w(
+    () => ({
+      isTeacherAssigned: !!d,
+      isFirstSessionCompleted: n > 0,
+      formattedSessionStart: X(m),
+      isNoShowStatus: o === "S_NO_SHOW" || o === "T_NO_SHOW"
+    }),
+    [n, d, m, o]
+  ), { isTeacherAssigned: b, isFirstSessionCompleted: h, formattedSessionStart: c, isNoShowStatus: s } = $, T = W(
+    m,
+    h,
+    s
+  ), u = _({
+    status: o,
+    completedSessions: n,
+    formattedSessionStart: c,
+    remainingTime: T,
+    isTeacherAssigned: b,
+    isFirstSessionCompleted: h,
+    isNoShowStatus: s,
+    teacherName: d,
+    studentName: S,
+    onRescheduleClick: f
+  }), g = L(
+    (r) => /* @__PURE__ */ t(
+      i,
+      {
+        $flexDirection: "row",
+        $flexColumnGapX: r != null && r.isLargeIcon ? 0.75 : 1.5,
+        $alignItems: r.align || "flex-start",
+        children: [
+          /* @__PURE__ */ e(i, { children: r.icon ? /* @__PURE__ */ e(A, { src: r.icon, width: 64, height: 64 }) : /* @__PURE__ */ e(y, { $isLargeLottie: !!(r != null && r.isLargeIcon), children: /* @__PURE__ */ e(
+            I,
+            {
+              src: r.lottie,
+              settings: O,
+              width: r.isLargeIcon ? 75 : 64,
+              height: r.isLargeIcon ? 75 : 64
+            }
+          ) }) }),
+          /* @__PURE__ */ t(H, { $maxWidth: r.maxWidth ?? "100%", $width: "100%", children: [
+            r.title && /* @__PURE__ */ e(
+              p,
+              {
+                $renderAs: r.titleStyle,
+                $color: r.titleColor,
+                $renderOnMobileAs: r.titleTabletStyle,
+                children: r.title
+              }
+            ),
+            r.subtitle && /* @__PURE__ */ t(a, { children: [
+              /* @__PURE__ */ e(l, { height: 2 }),
+              /* @__PURE__ */ e(
+                M,
+                {
+                  $renderAs: r.subtitleStyle,
+                  $renderOnMobileAs: r.subtitleTabletStyle,
+                  $color: "WHITE_1",
+                  $whiteSpace: "pre-line",
+                  $subtitleLineThrough: r.subtitleLineThrough,
+                  children: r.subtitle
+                }
+              )
+            ] }),
+            r.description && /* @__PURE__ */ t(a, { children: [
+              /* @__PURE__ */ e(l, { heightX: 0.5 }),
+              /* @__PURE__ */ e(i, { $width: "100%", children: /* @__PURE__ */ e(
+                p,
+                {
+                  $renderAs: "ub2",
+                  $renderOnMobileAs: "ub3",
+                  $color: r.descriptionColor ?? "WHITE_T_60",
+                  children: r.description
+                }
+              ) })
+            ] }),
+            r.action && /* @__PURE__ */ t(a, { children: [
+              /* @__PURE__ */ e(l, { heightX: 0.75 }),
+              /* @__PURE__ */ e(
+                x,
+                {
+                  sizeOnMobile: "small",
+                  label: r.action.label,
+                  color: "WHITE_1",
+                  onClick: r.action.onClick
+                }
+              )
+            ] })
+          ] })
+        ]
+      }
+    ),
+    []
+  );
+  return /* @__PURE__ */ t(i, { $flexDirection: "column", $justifyContent: "center", children: [
+    g(u.topSection),
+    /* @__PURE__ */ e(i, { $gutterX: 2, $gapX: 0.25, children: /* @__PURE__ */ e(l, { heightX: 3, background: "BLACK_5", width: 1 }) }),
+    g(u.bottomSection)
+  ] });
+}, P = C(k);
+export {
+  P as default
+};
+//# sourceMappingURL=session-status.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"session-status.js","sources":["../../../../../../src/features/trial-session/comps/pla/session-status/session-status.tsx"],"sourcesContent":["import type { ISectionConfig, ISessionStatusProps } from './session-status-types';\n\nimport { useCallback, useMemo, memo } from 'react';\n\nimport TextButton from '../../../../ui/buttons/text-button/text-button';\nimport Image from '../../../../ui/image/image';\nimport FlexView from '../../../../ui/layout/flex-view';\nimport LottieAnimation from '../../../../ui/lottie-animation/lottie-animation';\nimport Separator from '../../../../ui/separator/separator';\nimport Text from '../../../../ui/text/text';\nimport useSessionCountdown from './hooks/use-session-countdown';\nimport useSessionStatusConfig from './hooks/use-session-status-config';\nimport { renderSettings } from './session-status-constants';\nimport { formatSessionDateTime } from './session-status-helpers';\nimport * as Styled from './session-status-styled';\n\nconst SessionStatus = ({\n  completedSessions,\n  nextSessionStartTime,\n  status = null,\n  teacherName,\n  studentName,\n  onRescheduleClick = () => {},\n}: ISessionStatusProps) => {\n  const derivedValues = useMemo(\n    () => ({\n      isTeacherAssigned: !!teacherName,\n      isFirstSessionCompleted: completedSessions > 0,\n      formattedSessionStart: formatSessionDateTime(nextSessionStartTime),\n      isNoShowStatus: status === 'S_NO_SHOW' || status === 'T_NO_SHOW',\n    }),\n    [completedSessions, teacherName, nextSessionStartTime, status],\n  );\n\n  const { isTeacherAssigned, isFirstSessionCompleted, formattedSessionStart, isNoShowStatus } =\n    derivedValues;\n\n  const remainingTime = useSessionCountdown(\n    nextSessionStartTime,\n    isFirstSessionCompleted,\n    isNoShowStatus,\n  );\n\n  const config = useSessionStatusConfig({\n    status,\n    completedSessions,\n    formattedSessionStart,\n    remainingTime,\n    isTeacherAssigned,\n    isFirstSessionCompleted,\n    isNoShowStatus,\n    teacherName,\n    studentName,\n    onRescheduleClick,\n  });\n\n  const renderSection = useCallback(\n    (section: ISectionConfig) => (\n      <FlexView\n        $flexDirection=\"row\"\n        $flexColumnGapX={section?.isLargeIcon ? 0.75 : 1.5}\n        $alignItems={section.align || 'flex-start'}\n      >\n        <FlexView>\n          {section.icon ? (\n            <Image src={section.icon} width={64} height={64} />\n          ) : (\n            <Styled.LottieWrapper $isLargeLottie={!!section?.isLargeIcon}>\n              <LottieAnimation\n                src={section.lottie!}\n                settings={renderSettings}\n                width={section.isLargeIcon ? 75 : 64}\n                height={section.isLargeIcon ? 75 : 64}\n              />\n            </Styled.LottieWrapper>\n          )}\n        </FlexView>\n        <Styled.ContentWrapper $maxWidth={section.maxWidth ?? '100%'} $width=\"100%\">\n          {section.title && (\n            <Text\n              $renderAs={section.titleStyle}\n              $color={section.titleColor}\n              $renderOnMobileAs={section.titleTabletStyle}\n            >\n              {section.title}\n            </Text>\n          )}\n\n          {section.subtitle && (\n            <>\n              <Separator height={2} />\n              <Styled.SubTitle\n                $renderAs={section.subtitleStyle!}\n                $renderOnMobileAs={section.subtitleTabletStyle}\n                $color=\"WHITE_1\"\n                $whiteSpace=\"pre-line\"\n                $subtitleLineThrough={section.subtitleLineThrough}\n              >\n                {section.subtitle}\n              </Styled.SubTitle>\n            </>\n          )}\n\n          {section.description && (\n            <>\n              <Separator heightX={0.5} />\n              <FlexView $width=\"100%\">\n                <Text\n                  $renderAs=\"ub2\"\n                  $renderOnMobileAs=\"ub3\"\n                  $color={section.descriptionColor ?? 'WHITE_T_60'}\n                >\n                  {section.description}\n                </Text>\n              </FlexView>\n            </>\n          )}\n\n          {section.action && (\n            <>\n              <Separator heightX={0.75} />\n              <TextButton\n                sizeOnMobile=\"small\"\n                label={section.action.label}\n                color=\"WHITE_1\"\n                onClick={section.action.onClick}\n              />\n            </>\n          )}\n        </Styled.ContentWrapper>\n      </FlexView>\n    ),\n    [],\n  );\n\n  return (\n    <FlexView $flexDirection=\"column\" $justifyContent=\"center\">\n      {renderSection(config.topSection)}\n\n      <FlexView $gutterX={2} $gapX={0.25}>\n        <Separator heightX={3} background=\"BLACK_5\" width={1} />\n      </FlexView>\n\n      {renderSection(config.bottomSection)}\n    </FlexView>\n  );\n};\n\nexport default memo(SessionStatus);\n"],"names":["SessionStatus","completedSessions","nextSessionStartTime","status","teacherName","studentName","onRescheduleClick","derivedValues","useMemo","formatSessionDateTime","isTeacherAssigned","isFirstSessionCompleted","formattedSessionStart","isNoShowStatus","remainingTime","useSessionCountdown","config","useSessionStatusConfig","renderSection","useCallback","section","jsxs","FlexView","jsx","Image","Styled.LottieWrapper","LottieAnimation","renderSettings","Styled.ContentWrapper","Text","Fragment","Separator","Styled.SubTitle","TextButton","sessionStatus","memo"],"mappings":"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"}

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

@@ -0,0 +1,52 @@
+import { GIF as e } from "../../../../../assets/gif/gif.js";
+const i = [
+  {
+    title: "introduction & goals",
+    description: "Get to know your tutor and discuss your goals and expectations",
+    image: e.YOUR_GOALS_GRID_BG,
+    textBG: "ORANGE_6",
+    ctaLabel: "View Profile"
+  },
+  {
+    title: "interactive sessions",
+    description: "Watch your child learn concepts and tackle problems with their tutorʼs guidance.",
+    image: e.LEARNING_SESSION_GRID_BG,
+    textBG: "YELLOW_6",
+    ctaLabel: "View Insights"
+  },
+  {
+    title: "way forward",
+    description: "Get insights on your child’s learning and plan the journey ahead",
+    image: e.WAY_FORWARD_GRID_BG,
+    textBG: "GREEN_6",
+    ctaLabel: "View Learning Plan"
+  }
+], a = [
+  {
+    title: "created student profile",
+    key: "studentProfile",
+    image: e.YOUR_GOALS_GRID_BG,
+    textBG: "ORANGE_6",
+    ctaLabel: "View Profile"
+  },
+  {
+    title: "Shared Learning insights",
+    key: "insights",
+    image: e.LEARNING_SESSION_GRID_BG,
+    textBG: "YELLOW_6",
+    ctaLabel: "View Insights"
+  },
+  {
+    title: "Created learning plan",
+    description: "Get insights on your child’s learning and plan the journey ahead",
+    image: e.WAY_FORWARD_GRID_BG,
+    textBG: "GREEN_6",
+    ctaLabel: "View Learning Plan",
+    key: "learningPlan"
+  }
+];
+export {
+  a as sessionSummaryAfterDemo,
+  i as sessionSummaryData
+};
+//# sourceMappingURL=session-summary-constants.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"session-summary-constants.js","sources":["../../../../../../src/features/trial-session/comps/pla/session-summary/session-summary-constants.ts"],"sourcesContent":["import type { ISessionSummary } from './session-summary-types';\n\nimport { GIF } from '../../../../../assets/gif/gif';\n\nexport const sessionSummaryData: ISessionSummary[] = [\n  {\n    title: 'introduction & goals',\n    description: 'Get to know your tutor and discuss your goals and expectations',\n    image: GIF.YOUR_GOALS_GRID_BG,\n    textBG: 'ORANGE_6',\n    ctaLabel: 'View Profile',\n  },\n  {\n    title: 'interactive sessions',\n    description: 'Watch your child learn concepts and tackle problems with their tutorʼs guidance.',\n    image: GIF.LEARNING_SESSION_GRID_BG,\n    textBG: 'YELLOW_6',\n    ctaLabel: 'View Insights',\n  },\n  {\n    title: 'way forward',\n    description: 'Get insights on your child’s learning and plan the journey ahead',\n    image: GIF.WAY_FORWARD_GRID_BG,\n    textBG: 'GREEN_6',\n    ctaLabel: 'View Learning Plan',\n  },\n];\n\nexport const sessionSummaryAfterDemo: ISessionSummary[] = [\n  {\n    title: 'created student profile',\n    key: 'studentProfile',\n    image: GIF.YOUR_GOALS_GRID_BG,\n    textBG: 'ORANGE_6',\n    ctaLabel: 'View Profile',\n  },\n  {\n    title: 'Shared Learning insights',\n    key: 'insights',\n    image: GIF.LEARNING_SESSION_GRID_BG,\n    textBG: 'YELLOW_6',\n    ctaLabel: 'View Insights',\n  },\n  {\n    title: 'Created learning plan',\n    description: 'Get insights on your child’s learning and plan the journey ahead',\n    image: GIF.WAY_FORWARD_GRID_BG,\n    textBG: 'GREEN_6',\n    ctaLabel: 'View Learning Plan',\n    key: 'learningPlan',\n  },\n];\n"],"names":["sessionSummaryData","GIF","sessionSummaryAfterDemo"],"mappings":";AAIO,MAAMA,IAAwC;AAAA,EACnD;AAAA,IACE,OAAO;AAAA,IACP,aAAa;AAAA,IACb,OAAOC,EAAI;AAAA,IACX,QAAQ;AAAA,IACR,UAAU;AAAA,EACZ;AAAA,EACA;AAAA,IACE,OAAO;AAAA,IACP,aAAa;AAAA,IACb,OAAOA,EAAI;AAAA,IACX,QAAQ;AAAA,IACR,UAAU;AAAA,EACZ;AAAA,EACA;AAAA,IACE,OAAO;AAAA,IACP,aAAa;AAAA,IACb,OAAOA,EAAI;AAAA,IACX,QAAQ;AAAA,IACR,UAAU;AAAA,EACZ;AACF,GAEaC,IAA6C;AAAA,EACxD;AAAA,IACE,OAAO;AAAA,IACP,KAAK;AAAA,IACL,OAAOD,EAAI;AAAA,IACX,QAAQ;AAAA,IACR,UAAU;AAAA,EACZ;AAAA,EACA;AAAA,IACE,OAAO;AAAA,IACP,KAAK;AAAA,IACL,OAAOA,EAAI;AAAA,IACX,QAAQ;AAAA,IACR,UAAU;AAAA,EACZ;AAAA,EACA;AAAA,IACE,OAAO;AAAA,IACP,aAAa;AAAA,IACb,OAAOA,EAAI;AAAA,IACX,QAAQ;AAAA,IACR,UAAU;AAAA,IACV,KAAK;AAAA,EACP;AACF;"}

package/dist/features/trial-session/comps/pla/session-summary/session-summary.js

@@ -0,0 +1,52 @@
+import { jsxs as u, jsx as s } from "react/jsx-runtime";
+import { memo as g, useCallback as l } from "react";
+import { useTheme as $ } from "styled-components";
+import a from "../../../../ui/layout/flex-view.js";
+import b from "../../../../ui/separator/separator.js";
+import x from "../../../../ui/text/text.js";
+import { EDeviceType as v } from "../../../../ui/theme/constants.js";
+import { sessionSummaryAfterDemo as C, sessionSummaryData as T } from "./session-summary-constants.js";
+import W from "./summary-card/summary-card.js";
+const S = g(({ isDemoDone: i, studentName: r, onViewSummary: o }) => {
+  const t = $().device <= v.MOBILE, p = l(
+    (e) => {
+      if (!e) return "";
+      if (e === "studentProfile")
+        return `We understood your goals and expectations to create ${r}'s profile.`;
+      if (e === "insights")
+        return `With tutor’s guidance ${r} solved problems, helping us assess their math proficiency.`;
+      if (e === "learningPlan")
+        return `The plan will keep evolving based on ${r}'s progress and evolving needs.`;
+    },
+    [r]
+  ), c = l(
+    (e) => {
+      o == null || o(e);
+    },
+    [o]
+  );
+  return /* @__PURE__ */ u(a, { children: [
+    /* @__PURE__ */ s(x, { $renderAs: "ah4-bold", $renderOnMobileAs: "ab1-bold", $color: "WHITE", children: i ? "What happened in today’s session" : "What happens in the first session?" }),
+    /* @__PURE__ */ s(b, { height: t ? 16 : 20 }),
+    /* @__PURE__ */ s(a, { $flexGapX: 1, $justifyContent: "center", $flexDirection: t ? "column" : "row", children: (i ? C : T).map(
+      ({ title: e, description: m, image: f, textBG: d, ctaLabel: h, key: n }) => /* @__PURE__ */ s(
+        W,
+        {
+          title: e,
+          description: p(n) || m,
+          image: f,
+          textBG: d,
+          ctaLabel: h,
+          keyId: n,
+          isDemoDone: i,
+          onClick: c
+        },
+        e
+      )
+    ) })
+  ] });
+}), D = S;
+export {
+  D as default
+};
+//# sourceMappingURL=session-summary.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"session-summary.js","sources":["../../../../../../src/features/trial-session/comps/pla/session-summary/session-summary.tsx"],"sourcesContent":["import type { ISessionSummaryProps } from './session-summary-types';\n\nimport { memo, useCallback } from 'react';\nimport { useTheme } from 'styled-components';\n\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 { sessionSummaryAfterDemo, sessionSummaryData } from './session-summary-constants';\nimport SessionSummaryCard from './summary-card/summary-card';\n\nconst SessionSummary = memo(({ isDemoDone, studentName, onViewSummary }: ISessionSummaryProps) => {\n  const theme = useTheme();\n  const isMobile = theme.device <= EDeviceType.MOBILE;\n\n  const getDescription = useCallback(\n    (key?: string) => {\n      if (!key) return '';\n\n      if (key === 'studentProfile') {\n        return `We understood your goals and expectations to create ${studentName}'s profile.`;\n      }\n\n      if (key === 'insights') {\n        return `With tutor’s guidance ${studentName} solved problems, helping us assess their math proficiency.`;\n      }\n\n      if (key === 'learningPlan') {\n        return `The plan will keep evolving based on ${studentName}'s progress and evolving needs.`;\n      }\n    },\n    [studentName],\n  );\n\n  const handleClick = useCallback(\n    (key: string) => {\n      onViewSummary?.(key);\n    },\n    [onViewSummary],\n  );\n\n  return (\n    <FlexView>\n      <Text $renderAs=\"ah4-bold\" $renderOnMobileAs=\"ab1-bold\" $color=\"WHITE\">\n        {isDemoDone ? `What happened in today’s session` : `What happens in the first session?`}\n      </Text>\n      <Separator height={isMobile ? 16 : 20} />\n      <FlexView $flexGapX={1} $justifyContent=\"center\" $flexDirection={isMobile ? 'column' : 'row'}>\n        {(isDemoDone ? sessionSummaryAfterDemo : sessionSummaryData).map(\n          ({ title, description, image, textBG, ctaLabel, key }) => (\n            <SessionSummaryCard\n              key={title}\n              title={title}\n              description={getDescription(key) || (description as string)}\n              image={image}\n              textBG={textBG}\n              ctaLabel={ctaLabel}\n              keyId={key}\n              isDemoDone={isDemoDone}\n              onClick={handleClick}\n            />\n          ),\n        )}\n      </FlexView>\n    </FlexView>\n  );\n});\n\nexport default SessionSummary;\n"],"names":["SessionSummary","memo","isDemoDone","studentName","onViewSummary","isMobile","useTheme","EDeviceType","getDescription","useCallback","key","handleClick","FlexView","jsx","Text","Separator","sessionSummaryAfterDemo","sessionSummaryData","title","description","image","textBG","ctaLabel","SessionSummaryCard","SessionSummary$1"],"mappings":";;;;;;;;;AAYA,MAAMA,IAAiBC,EAAK,CAAC,EAAE,YAAAC,GAAY,aAAAC,GAAa,eAAAC,QAA0C;AAE1F,QAAAC,IADQC,IACS,UAAUC,EAAY,QAEvCC,IAAiBC;AAAA,IACrB,CAACC,MAAiB;AACZ,UAAA,CAACA,EAAY,QAAA;AAEjB,UAAIA,MAAQ;AACV,eAAO,uDAAuDP,CAAW;AAG3E,UAAIO,MAAQ;AACV,eAAO,yBAAyBP,CAAW;AAG7C,UAAIO,MAAQ;AACV,eAAO,wCAAwCP,CAAW;AAAA,IAE9D;AAAA,IACA,CAACA,CAAW;AAAA,EAAA,GAGRQ,IAAcF;AAAA,IAClB,CAACC,MAAgB;AACf,MAAAN,KAAA,QAAAA,EAAgBM;AAAA,IAClB;AAAA,IACA,CAACN,CAAa;AAAA,EAAA;AAGhB,2BACGQ,GACC,EAAA,UAAA;AAAA,IAAC,gBAAAC,EAAAC,GAAA,EAAK,WAAU,YAAW,mBAAkB,YAAW,QAAO,SAC5D,UAAaZ,IAAA,qCAAqC,sCACrD;AAAA,IACC,gBAAAW,EAAAE,GAAA,EAAU,QAAQV,IAAW,KAAK,IAAI;AAAA,IACtC,gBAAAQ,EAAAD,GAAA,EAAS,WAAW,GAAG,iBAAgB,UAAS,gBAAgBP,IAAW,WAAW,OACnF,WAAaH,IAAAc,IAA0BC,GAAoB;AAAA,MAC3D,CAAC,EAAE,OAAAC,GAAO,aAAAC,GAAa,OAAAC,GAAO,QAAAC,GAAQ,UAAAC,GAAU,KAAAZ,QAC9C,gBAAAG;AAAA,QAACU;AAAA,QAAA;AAAA,UAEC,OAAAL;AAAA,UACA,aAAaV,EAAeE,CAAG,KAAMS;AAAA,UACrC,OAAAC;AAAA,UACA,QAAAC;AAAA,UACA,UAAAC;AAAA,UACA,OAAOZ;AAAA,UACP,YAAAR;AAAA,UACA,SAASS;AAAA,QAAA;AAAA,QARJO;AAAA,MASP;AAAA,IAAA,GAGN;AAAA,EACF,EAAA,CAAA;AAEJ,CAAC,GAEDM,IAAexB;"}

package/dist/features/trial-session/comps/pla/session-summary/summary-card/summary-card-styled.js

@@ -0,0 +1,17 @@
+import e from "styled-components";
+import n from "../../../../../ui/layout/flex-view.js";
+const i = e(n)(({ theme: r }) => {
+  const { gutter: t } = r.layout, { WHITE_4: a } = r.colors;
+  return `
+    margin: 0;
+    padding: 0;
+    background-image: linear-gradient(${a} 1px, transparent 1px),
+      linear-gradient(90deg, ${a} 1px, transparent 1px);
+    background-size: ${t * 3.125}px ${t * 3.125}px;
+    position: relative;
+  `;
+});
+export {
+  i as ImageWrapper
+};
+//# sourceMappingURL=summary-card-styled.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"summary-card-styled.js","sources":["../../../../../../../src/features/trial-session/comps/pla/session-summary/summary-card/summary-card-styled.tsx"],"sourcesContent":["import styled from 'styled-components';\n\nimport FlexView from '../../../../../ui/layout/flex-view';\n\nconst ImageWrapper = styled(FlexView)(({ theme }) => {\n  const { gutter } = theme.layout;\n  const { WHITE_4 } = theme.colors;\n\n  return `\n    margin: 0;\n    padding: 0;\n    background-image: linear-gradient(${WHITE_4} 1px, transparent 1px),\n      linear-gradient(90deg, ${WHITE_4} 1px, transparent 1px);\n    background-size: ${gutter * 3.125}px ${gutter * 3.125}px;\n    position: relative;\n  `;\n});\n\nexport { ImageWrapper };\n"],"names":["ImageWrapper","styled","FlexView","theme","gutter","WHITE_4"],"mappings":";;AAIA,MAAMA,IAAeC,EAAOC,CAAQ,EAAE,CAAC,EAAE,OAAAC,QAAY;AAC7C,QAAA,EAAE,QAAAC,EAAO,IAAID,EAAM,QACnB,EAAE,SAAAE,EAAQ,IAAIF,EAAM;AAEnB,SAAA;AAAA;AAAA;AAAA,wCAG+BE,CAAO;AAAA,+BAChBA,CAAO;AAAA,uBACfD,IAAS,KAAK,MAAMA,IAAS,KAAK;AAAA;AAAA;AAGzD,CAAC;"}

package/dist/features/trial-session/comps/pla/session-summary/summary-card/summary-card.js

@@ -0,0 +1,56 @@
+import { jsxs as i, jsx as e } from "react/jsx-runtime";
+import { memo as p, useCallback as g } from "react";
+import { useTheme as u } from "styled-components";
+import b from "../../../../../../assets/line-icons/icons/chevron-right.js";
+import w from "../../../../../ui/buttons/clickable/clickable.js";
+import x from "../../../../../ui/image/image.js";
+import r from "../../../../../ui/layout/flex-view.js";
+import C from "../../../../../ui/separator/separator.js";
+import n from "../../../../../ui/text/text.js";
+import { EDeviceType as T } from "../../../../../ui/theme/constants.js";
+import { ImageWrapper as E } from "./summary-card-styled.js";
+const _ = p(
+  ({
+    title: l,
+    description: a,
+    image: h,
+    textBG: t,
+    ctaLabel: $,
+    keyId: o,
+    isDemoDone: d,
+    onClick: c
+  }) => {
+    const s = u().device <= T.MOBILE, f = g(() => {
+      o && c && c(o);
+    }, [o, c]), m = /* @__PURE__ */ i(r, { $flex: 1, children: [
+      /* @__PURE__ */ e(E, { $height: 84, $width: "100%", $background: t, children: /* @__PURE__ */ e(x, { src: h, height: 84, width: "100%", withLoader: !1 }) }),
+      /* @__PURE__ */ i(r, { $gap: 12, $gutter: 16, $background: t, $flex: 1, children: [
+        /* @__PURE__ */ e(n, { $renderAs: "ac3-black", $renderOnMobileAs: "ac4-black", $color: "WHITE", children: l }),
+        /* @__PURE__ */ e(C, { height: s ? 8 : 12 }),
+        /* @__PURE__ */ e(n, { $renderAs: "ub3", $color: "WHITE", children: a })
+      ] })
+    ] }, l);
+    return d && o ? /* @__PURE__ */ i(r, { $flex: 1, children: [
+      m,
+      /* @__PURE__ */ e(w, { label: o, onClick: f, children: /* @__PURE__ */ e(r, { $background: t, children: /* @__PURE__ */ i(
+        r,
+        {
+          $background: "BLACK_T_38",
+          $gapX: 0.5,
+          $gutterX: 0.5,
+          $flexDirection: "row",
+          $alignItems: "center",
+          $justifyContent: "space-between",
+          children: [
+            /* @__PURE__ */ e(r, { $gutterX: 0.5, $flexDirection: "row", $alignItems: "center", children: /* @__PURE__ */ e(n, { $renderAs: "ac4", $color: "WHITE_1", children: $ }) }),
+            /* @__PURE__ */ e(b, { width: 24, height: 24, color: "WHITE" })
+          ]
+        }
+      ) }) })
+    ] }) : m;
+  }
+);
+export {
+  _ as default
+};
+//# sourceMappingURL=summary-card.js.map

package/dist/features/trial-session/comps/pla/session-summary/summary-card/summary-card.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"summary-card.js","sources":["../../../../../../../src/features/trial-session/comps/pla/session-summary/summary-card/summary-card.tsx"],"sourcesContent":["import type { ISessionSummaryCardProps } from './summary-card-types';\n\nimport { memo, useCallback } from 'react';\nimport { useTheme } from 'styled-components';\n\nimport ChevronRightIcon from '../../../../../../assets/line-icons/icons/chevron-right';\nimport Clickable from '../../../../../ui/buttons/clickable/clickable';\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 * as Styled from './summary-card-styled';\n\nconst SessionSummaryCard = memo(\n  ({\n    title,\n    description,\n    image,\n    textBG,\n    ctaLabel,\n    keyId,\n    isDemoDone,\n    onClick,\n  }: ISessionSummaryCardProps) => {\n    const theme = useTheme();\n    const isMobile = theme.device <= EDeviceType.MOBILE;\n\n    const handleClick = useCallback(() => {\n      if (keyId && onClick) onClick(keyId);\n    }, [keyId, onClick]);\n\n    const CardContent = (\n      <FlexView key={title} $flex={1}>\n        <Styled.ImageWrapper $height={84} $width=\"100%\" $background={textBG}>\n          <Image src={image} height={84} width=\"100%\" withLoader={false} />\n        </Styled.ImageWrapper>\n        <FlexView $gap={12} $gutter={16} $background={textBG} $flex={1}>\n          <Text $renderAs=\"ac3-black\" $renderOnMobileAs=\"ac4-black\" $color=\"WHITE\">\n            {title}\n          </Text>\n          <Separator height={isMobile ? 8 : 12} />\n          <Text $renderAs=\"ub3\" $color=\"WHITE\">\n            {description}\n          </Text>\n        </FlexView>\n      </FlexView>\n    );\n\n    return isDemoDone && keyId ? (\n      <FlexView $flex={1}>\n        {CardContent}\n        <Clickable label={keyId} onClick={handleClick}>\n          <FlexView $background={textBG}>\n            <FlexView\n              $background=\"BLACK_T_38\"\n              $gapX={0.5}\n              $gutterX={0.5}\n              $flexDirection=\"row\"\n              $alignItems=\"center\"\n              $justifyContent=\"space-between\"\n            >\n              <FlexView $gutterX={0.5} $flexDirection=\"row\" $alignItems=\"center\">\n                <Text $renderAs=\"ac4\" $color=\"WHITE_1\">\n                  {ctaLabel}\n                </Text>\n              </FlexView>\n              <ChevronRightIcon width={24} height={24} color=\"WHITE\" />\n            </FlexView>\n          </FlexView>\n        </Clickable>\n      </FlexView>\n    ) : (\n      CardContent\n    );\n  },\n);\n\nexport default SessionSummaryCard;\n"],"names":["SessionSummaryCard","memo","title","description","image","textBG","ctaLabel","keyId","isDemoDone","onClick","isMobile","useTheme","EDeviceType","handleClick","useCallback","CardContent","jsxs","FlexView","jsx","Styled.ImageWrapper","Image","Text","Separator","Clickable","ChevronRightIcon"],"mappings":";;;;;;;;;;;AAcA,MAAMA,IAAqBC;AAAA,EACzB,CAAC;AAAA,IACC,OAAAC;AAAA,IACA,aAAAC;AAAA,IACA,OAAAC;AAAA,IACA,QAAAC;AAAA,IACA,UAAAC;AAAA,IACA,OAAAC;AAAA,IACA,YAAAC;AAAA,IACA,SAAAC;AAAA,EAAA,MAC8B;AAExB,UAAAC,IADQC,IACS,UAAUC,EAAY,QAEvCC,IAAcC,EAAY,MAAM;AAChC,MAAAP,KAASE,KAASA,EAAQF,CAAK;AAAA,IAAA,GAClC,CAACA,GAAOE,CAAO,CAAC,GAEbM,IACJ,gBAAAC,EAACC,GAAqB,EAAA,OAAO,GAC3B,UAAA;AAAA,MAAA,gBAAAC,EAACC,GAAA,EAAoB,SAAS,IAAI,QAAO,QAAO,aAAad,GAC3D,4BAACe,GAAM,EAAA,KAAKhB,GAAO,QAAQ,IAAI,OAAM,QAAO,YAAY,GAAO,CAAA,GACjE;AAAA,MACA,gBAAAY,EAACC,KAAS,MAAM,IAAI,SAAS,IAAI,aAAaZ,GAAQ,OAAO,GAC3D,UAAA;AAAA,QAAA,gBAAAa,EAACG,KAAK,WAAU,aAAY,mBAAkB,aAAY,QAAO,SAC9D,UACHnB,EAAA,CAAA;AAAA,QACC,gBAAAgB,EAAAI,GAAA,EAAU,QAAQZ,IAAW,IAAI,IAAI;AAAA,0BACrCW,GAAK,EAAA,WAAU,OAAM,QAAO,SAC1B,UACHlB,GAAA;AAAA,MAAA,GACF;AAAA,IAAA,EAAA,GAZaD,CAaf;AAGF,WAAOM,KAAcD,IAClB,gBAAAS,EAAAC,GAAA,EAAS,OAAO,GACd,UAAA;AAAA,MAAAF;AAAA,MACD,gBAAAG,EAACK,KAAU,OAAOhB,GAAO,SAASM,GAChC,UAAA,gBAAAK,EAACD,GAAS,EAAA,aAAaZ,GACrB,UAAA,gBAAAW;AAAA,QAACC;AAAA,QAAA;AAAA,UACC,aAAY;AAAA,UACZ,OAAO;AAAA,UACP,UAAU;AAAA,UACV,gBAAe;AAAA,UACf,aAAY;AAAA,UACZ,iBAAgB;AAAA,UAEhB,UAAA;AAAA,YAAA,gBAAAC,EAACD,GAAS,EAAA,UAAU,KAAK,gBAAe,OAAM,aAAY,UACxD,UAAC,gBAAAC,EAAAG,GAAA,EAAK,WAAU,OAAM,QAAO,WAC1B,YACH,CAAA,GACF;AAAA,8BACCG,GAAiB,EAAA,OAAO,IAAI,QAAQ,IAAI,OAAM,SAAQ;AAAA,UAAA;AAAA,QAAA;AAAA,SAE3D,EACF,CAAA;AAAA,IAAA,EACF,CAAA,IAEAT;AAAA,EAEJ;AACF;"}

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

@@ -0,0 +1,5 @@
+const o = 7;
+export {
+  o as DAYS_TO_SHOW
+};
+//# sourceMappingURL=upcoming-sessions-constants.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"upcoming-sessions-constants.js","sources":["../../../../../../src/features/trial-session/comps/pla/upcoming-sessions/upcoming-sessions-constants.ts"],"sourcesContent":["export const DAYS_TO_SHOW = 7;\n"],"names":["DAYS_TO_SHOW"],"mappings":"AAAO,MAAMA,IAAe;"}

package/dist/features/trial-session/comps/pla/upcoming-sessions/upcoming-sessions-styled.js

@@ -0,0 +1,17 @@
+import t from "styled-components";
+import r from "../../../../ui/layout/flex-view.js";
+const p = t(r)`
+  border-bottom: ${({ theme: o }) => `1px solid ${o.colors.BLACK_5}`};
+  min-height: 52px;
+`, s = t(r)`
+  border-right: ${({ theme: o }) => `1px solid ${o.colors.BLACK_5}`};
+`, d = t(r)`
+  padding-bottom: 0;
+  min-width: 22px;
+`;
+export {
+  d as DateWrapper,
+  s as DayLabel,
+  p as SessionRow
+};
+//# sourceMappingURL=upcoming-sessions-styled.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"upcoming-sessions-styled.js","sources":["../../../../../../src/features/trial-session/comps/pla/upcoming-sessions/upcoming-sessions-styled.tsx"],"sourcesContent":["import styled from 'styled-components';\n\nimport FlexView from '../../../../ui/layout/flex-view';\n\nconst SessionRow = styled(FlexView)`\n  border-bottom: ${({ theme }) => `1px solid ${theme.colors.BLACK_5}`};\n  min-height: 52px;\n`;\n\nconst DayLabel = styled(FlexView)`\n  border-right: ${({ theme }) => `1px solid ${theme.colors.BLACK_5}`};\n`;\nconst DateWrapper = styled(FlexView)`\n  padding-bottom: 0;\n  min-width: 22px;\n`;\n\nexport { SessionRow, DayLabel, DateWrapper };\n"],"names":["SessionRow","styled","FlexView","theme","DayLabel","DateWrapper"],"mappings":";;AAIM,MAAAA,IAAaC,EAAOC,CAAQ;AAAA,mBACf,CAAC,EAAE,OAAAC,EAAM,MAAM,aAAaA,EAAM,OAAO,OAAO,EAAE;AAAA;AAAA,GAI/DC,IAAWH,EAAOC,CAAQ;AAAA,kBACd,CAAC,EAAE,OAAAC,EAAM,MAAM,aAAaA,EAAM,OAAO,OAAO,EAAE;AAAA,GAE9DE,IAAcJ,EAAOC,CAAQ;AAAA;AAAA;AAAA;"}

package/dist/features/trial-session/comps/pla/upcoming-sessions/upcoming-sessions-types.js

@@ -0,0 +1,5 @@
+var r = /* @__PURE__ */ ((E) => (E.COMPLETED = "COMPLETED", E.IN_FUTURE = "IN FUTURE", E))(r || {});
+export {
+  r as ESessionStatus
+};
+//# sourceMappingURL=upcoming-sessions-types.js.map

package/dist/features/trial-session/comps/pla/upcoming-sessions/upcoming-sessions-types.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"upcoming-sessions-types.js","sources":["../../../../../../src/features/trial-session/comps/pla/upcoming-sessions/upcoming-sessions-types.ts"],"sourcesContent":["export enum ESessionStatus {\n  COMPLETED = 'COMPLETED',\n  IN_FUTURE = 'IN FUTURE',\n}\n\ntype TSession = {\n  session_start: number;\n  session_end: number;\n  session_status: ESessionStatus;\n};\n\nexport interface IUpcomingSessionsProps {\n  sessions: TSession[];\n}\n"],"names":["ESessionStatus"],"mappings":"AAAY,IAAAA,sBAAAA,OACVA,EAAA,YAAY,aACZA,EAAA,YAAY,aAFFA,IAAAA,KAAA,CAAA,CAAA;"}