@cuemath/leap 3.2.16-as1 → 3.2.16-link.0

package/dist/features/auth/signup-v2/signup-header/signup-header.js

@@ -0,0 +1,54 @@
+import { jsxs as t, jsx as r } from "react/jsx-runtime";
+import { useTheme as s } from "styled-components";
+import { ILLUSTRATIONS as o } from "../../../../assets/illustrations/illustrations.js";
+import i from "../../../ui/image/image.js";
+import n from "../../../ui/layout/flex-view.js";
+import c from "../../../ui/separator/separator.js";
+import l from "../../../ui/text/text.js";
+import { EDeviceType as a } from "../../../ui/theme/constants.js";
+const d = () => {
+  const { device: m } = s(), e = m <= a.TABLET;
+  return /* @__PURE__ */ t(
+    n,
+    {
+      $flexDirection: e ? "row" : "column",
+      $alignItems: e ? "center" : "flex-start",
+      $width: "100%",
+      $flexColumnGapX: 1,
+      $justifyContent: e ? "space-between" : "flex-start",
+      children: [
+        /* @__PURE__ */ r(
+          i,
+          {
+            width: e ? 80 : 107,
+            src: o.CIRCLE_CUEMATH_LOGO_WHITE,
+            height: e ? 12 : 16
+          }
+        ),
+        !e && /* @__PURE__ */ r(c, { heightX: 1 }),
+        /* @__PURE__ */ t(n, { $flexDirection: "row", $alignItems: "flex-end", children: [
+          /* @__PURE__ */ t(l, { $renderAs: "ab2", $renderOnTabletAs: "ub3", $color: "WHITE", children: [
+            "Rated",
+            " ",
+            /* @__PURE__ */ r(l, { $inline: !0, $renderAs: "ab2-bold", $renderOnTabletAs: "ub3-bold", $color: "WHITE", children: "4.8+" }),
+            " ",
+            "on"
+          ] }),
+          " ",
+          /* @__PURE__ */ r(
+            i,
+            {
+              src: o.TRUSTPILOT,
+              width: e ? 80 : 99,
+              height: e ? 20 : 25
+            }
+          )
+        ] })
+      ]
+    }
+  );
+}, b = d;
+export {
+  b as default
+};
+//# sourceMappingURL=signup-header.js.map

package/dist/features/auth/signup-v2/signup-header/signup-header.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"signup-header.js","sources":["../../../../../src/features/auth/signup-v2/signup-header/signup-header.tsx"],"sourcesContent":["import { useTheme } from 'styled-components';\n\nimport { ILLUSTRATIONS } from '../../../../assets/illustrations/illustrations';\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';\n\nconst SignupHeader = () => {\n  const { device } = useTheme();\n  const isCompact = device <= EDeviceType.TABLET;\n\n  return (\n    <FlexView\n      $flexDirection={isCompact ? 'row' : 'column'}\n      $alignItems={isCompact ? 'center' : 'flex-start'}\n      $width=\"100%\"\n      $flexColumnGapX={1}\n      $justifyContent={isCompact ? 'space-between' : 'flex-start'}\n    >\n      <Image\n        width={isCompact ? 80 : 107}\n        src={ILLUSTRATIONS.CIRCLE_CUEMATH_LOGO_WHITE}\n        height={isCompact ? 12 : 16}\n      />\n      {!isCompact && <Separator heightX={1} />}\n      <FlexView $flexDirection=\"row\" $alignItems=\"flex-end\">\n        <Text $renderAs=\"ab2\" $renderOnTabletAs=\"ub3\" $color=\"WHITE\">\n          Rated{' '}\n          <Text $inline $renderAs=\"ab2-bold\" $renderOnTabletAs=\"ub3-bold\" $color=\"WHITE\">\n            4.8+\n          </Text>{' '}\n          on\n        </Text>\n        &nbsp;\n        <Image\n          src={ILLUSTRATIONS.TRUSTPILOT}\n          width={isCompact ? 80 : 99}\n          height={isCompact ? 20 : 25}\n        />\n      </FlexView>\n    </FlexView>\n  );\n};\n\nexport default SignupHeader;\n"],"names":["SignupHeader","device","useTheme","isCompact","EDeviceType","jsxs","FlexView","jsx","Image","ILLUSTRATIONS","Separator","Text","SignupHeader$1"],"mappings":";;;;;;;;AASA,MAAMA,IAAe,MAAM;AACnB,QAAA,EAAE,QAAAC,MAAWC,KACbC,IAAYF,KAAUG,EAAY;AAGtC,SAAA,gBAAAC;AAAA,IAACC;AAAA,IAAA;AAAA,MACC,gBAAgBH,IAAY,QAAQ;AAAA,MACpC,aAAaA,IAAY,WAAW;AAAA,MACpC,QAAO;AAAA,MACP,iBAAiB;AAAA,MACjB,iBAAiBA,IAAY,kBAAkB;AAAA,MAE/C,UAAA;AAAA,QAAA,gBAAAI;AAAA,UAACC;AAAA,UAAA;AAAA,YACC,OAAOL,IAAY,KAAK;AAAA,YACxB,KAAKM,EAAc;AAAA,YACnB,QAAQN,IAAY,KAAK;AAAA,UAAA;AAAA,QAC3B;AAAA,QACC,CAACA,KAAc,gBAAAI,EAAAG,GAAA,EAAU,SAAS,EAAG,CAAA;AAAA,QACrC,gBAAAL,EAAAC,GAAA,EAAS,gBAAe,OAAM,aAAY,YACzC,UAAA;AAAA,UAAA,gBAAAD,EAACM,KAAK,WAAU,OAAM,mBAAkB,OAAM,QAAO,SAAQ,UAAA;AAAA,YAAA;AAAA,YACrD;AAAA,YACN,gBAAAJ,EAACI,GAAK,EAAA,SAAO,IAAC,WAAU,YAAW,mBAAkB,YAAW,QAAO,SAAQ,UAE/E,OAAA,CAAA;AAAA,YAAQ;AAAA,YAAI;AAAA,UAAA,GAEd;AAAA,UAAO;AAAA,UAEP,gBAAAJ;AAAA,YAACC;AAAA,YAAA;AAAA,cACC,KAAKC,EAAc;AAAA,cACnB,OAAON,IAAY,KAAK;AAAA,cACxB,QAAQA,IAAY,KAAK;AAAA,YAAA;AAAA,UAC3B;AAAA,QAAA,GACF;AAAA,MAAA;AAAA,IAAA;AAAA,EAAA;AAGN,GAEAS,IAAeZ;"}

package/dist/features/auth/signup-v2/signup-options/signup-options.js

@@ -0,0 +1,83 @@
+import { jsxs as i, jsx as e } from "react/jsx-runtime";
+import { memo as b } from "react";
+import { useTheme as u } from "styled-components";
+import $ from "../../../../assets/line-icons/icons/apple-icon-white.js";
+import x from "../../../../assets/line-icons/icons/google-icon.js";
+import r from "../../../ui/buttons/button/button.js";
+import A from "../../../ui/buttons/text-button/text-button.js";
+import t from "../../../ui/layout/flex-view.js";
+import a from "../../../ui/separator/separator.js";
+import c from "../../../ui/text/text.js";
+import { EDeviceType as I } from "../../../ui/theme/constants.js";
+const k = ({
+  onEmailSignup: m,
+  onAppleSignup: p,
+  onGoogleSignup: d,
+  loadingProvider: l,
+  onGoToLogin: h,
+  title: f
+}) => {
+  const { device: g } = u(), o = g <= I.TABLET, n = l === "google", s = l === "apple";
+  return /* @__PURE__ */ i(t, { $alignItems: "flex-start", children: [
+    /* @__PURE__ */ e(c, { $renderAs: "ah3-bold", $renderOnMobileAs: "ah4-bold", $color: "WHITE", $whiteSpace: "pre", children: f }),
+    /* @__PURE__ */ e(a, { heightX: o ? 1.5 : 2.5 }),
+    /* @__PURE__ */ i(
+      t,
+      {
+        $flexGapX: 1,
+        $flex: 1,
+        $justifyContent: "center",
+        $alignItems: "flex-start",
+        $width: "100%",
+        children: [
+          /* @__PURE__ */ e(
+            r,
+            {
+              renderAs: "black-dark",
+              Icon: x,
+              width: o ? "100%" : 320,
+              label: "Signup with Google",
+              onClick: d,
+              size: "small",
+              busy: n,
+              disabled: n
+            }
+          ),
+          /* @__PURE__ */ e(
+            r,
+            {
+              renderAs: "black-dark",
+              size: "small",
+              width: o ? "100%" : 320,
+              Icon: $,
+              label: "Signup with Apple",
+              onClick: p,
+              busy: s,
+              disabled: s
+            }
+          ),
+          /* @__PURE__ */ e(
+            r,
+            {
+              renderAs: "black-dark",
+              size: "small",
+              width: o ? "100%" : 320,
+              label: "Continue with Email",
+              onClick: m
+            }
+          )
+        ]
+      }
+    ),
+    /* @__PURE__ */ e(a, { heightX: 1.5 }),
+    /* @__PURE__ */ i(t, { $flexDirection: "row", $alignItems: "center", children: [
+      /* @__PURE__ */ e(c, { $renderAs: "ub3", $color: "WHITE", children: "Already have an account?" }),
+      " ",
+      /* @__PURE__ */ e(A, { size: "small", label: "Log In", color: "WHITE", onClick: h })
+    ] })
+  ] });
+}, B = b(k);
+export {
+  B as default
+};
+//# sourceMappingURL=signup-options.js.map

package/dist/features/auth/signup-v2/signup-options/signup-options.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"signup-options.js","sources":["../../../../../src/features/auth/signup-v2/signup-options/signup-options.tsx"],"sourcesContent":["import type { ISignupOptionsProps } from './signup-options-types';\n\nimport { memo, type FC } from 'react';\nimport { useTheme } from 'styled-components';\n\nimport AppleIcon from '../../../../assets/line-icons/icons/apple-icon-white';\nimport GoogleIcon from '../../../../assets/line-icons/icons/google-icon';\nimport Button from '../../../ui/buttons/button/button';\nimport TextButton from '../../../ui/buttons/text-button/text-button';\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';\n\nconst SignupOptions: FC<ISignupOptionsProps> = ({\n  onEmailSignup,\n  onAppleSignup,\n  onGoogleSignup,\n  loadingProvider,\n  onGoToLogin,\n  title,\n}) => {\n  const { device } = useTheme();\n  const isCompact = device <= EDeviceType.TABLET;\n  const isLoadingGoogle = loadingProvider === 'google';\n  const isLoadingApple = loadingProvider === 'apple';\n\n  return (\n    <FlexView $alignItems=\"flex-start\">\n      <Text $renderAs=\"ah3-bold\" $renderOnMobileAs=\"ah4-bold\" $color=\"WHITE\" $whiteSpace=\"pre\">\n        {title}\n      </Text>\n      <Separator heightX={isCompact ? 1.5 : 2.5} />\n      <FlexView\n        $flexGapX={1}\n        $flex={1}\n        $justifyContent=\"center\"\n        $alignItems=\"flex-start\"\n        $width=\"100%\"\n      >\n        <Button\n          renderAs=\"black-dark\"\n          Icon={GoogleIcon}\n          width={isCompact ? '100%' : 320}\n          label=\"Signup with Google\"\n          onClick={onGoogleSignup}\n          size=\"small\"\n          busy={isLoadingGoogle}\n          disabled={isLoadingGoogle}\n        />\n        <Button\n          renderAs=\"black-dark\"\n          size=\"small\"\n          width={isCompact ? '100%' : 320}\n          Icon={AppleIcon}\n          label=\"Signup with Apple\"\n          onClick={onAppleSignup}\n          busy={isLoadingApple}\n          disabled={isLoadingApple}\n        />\n        <Button\n          renderAs=\"black-dark\"\n          size=\"small\"\n          width={isCompact ? '100%' : 320}\n          label=\"Continue with Email\"\n          onClick={onEmailSignup}\n        />\n      </FlexView>\n      <Separator heightX={1.5} />\n      <FlexView $flexDirection=\"row\" $alignItems=\"center\">\n        <Text $renderAs=\"ub3\" $color=\"WHITE\">\n          Already have an account?\n        </Text>\n        &nbsp;\n        <TextButton size=\"small\" label=\"Log In\" color=\"WHITE\" onClick={onGoToLogin} />\n      </FlexView>\n    </FlexView>\n  );\n};\n\nexport default memo(SignupOptions);\n"],"names":["SignupOptions","onEmailSignup","onAppleSignup","onGoogleSignup","loadingProvider","onGoToLogin","title","device","useTheme","isCompact","EDeviceType","isLoadingGoogle","isLoadingApple","jsxs","FlexView","jsx","Text","Separator","Button","GoogleIcon","AppleIcon","TextButton","signupOptions","memo"],"mappings":";;;;;;;;;;;AAcA,MAAMA,IAAyC,CAAC;AAAA,EAC9C,eAAAC;AAAA,EACA,eAAAC;AAAA,EACA,gBAAAC;AAAA,EACA,iBAAAC;AAAA,EACA,aAAAC;AAAA,EACA,OAAAC;AACF,MAAM;AACE,QAAA,EAAE,QAAAC,MAAWC,KACbC,IAAYF,KAAUG,EAAY,QAClCC,IAAkBP,MAAoB,UACtCQ,IAAiBR,MAAoB;AAGzC,SAAA,gBAAAS,EAACC,GAAS,EAAA,aAAY,cACpB,UAAA;AAAA,IAAC,gBAAAC,EAAAC,GAAA,EAAK,WAAU,YAAW,mBAAkB,YAAW,QAAO,SAAQ,aAAY,OAChF,UACHV,EAAA,CAAA;AAAA,IACC,gBAAAS,EAAAE,GAAA,EAAU,SAASR,IAAY,MAAM,KAAK;AAAA,IAC3C,gBAAAI;AAAA,MAACC;AAAA,MAAA;AAAA,QACC,WAAW;AAAA,QACX,OAAO;AAAA,QACP,iBAAgB;AAAA,QAChB,aAAY;AAAA,QACZ,QAAO;AAAA,QAEP,UAAA;AAAA,UAAA,gBAAAC;AAAA,YAACG;AAAA,YAAA;AAAA,cACC,UAAS;AAAA,cACT,MAAMC;AAAA,cACN,OAAOV,IAAY,SAAS;AAAA,cAC5B,OAAM;AAAA,cACN,SAASN;AAAA,cACT,MAAK;AAAA,cACL,MAAMQ;AAAA,cACN,UAAUA;AAAA,YAAA;AAAA,UACZ;AAAA,UACA,gBAAAI;AAAA,YAACG;AAAA,YAAA;AAAA,cACC,UAAS;AAAA,cACT,MAAK;AAAA,cACL,OAAOT,IAAY,SAAS;AAAA,cAC5B,MAAMW;AAAAA,cACN,OAAM;AAAA,cACN,SAASlB;AAAA,cACT,MAAMU;AAAA,cACN,UAAUA;AAAA,YAAA;AAAA,UACZ;AAAA,UACA,gBAAAG;AAAA,YAACG;AAAA,YAAA;AAAA,cACC,UAAS;AAAA,cACT,MAAK;AAAA,cACL,OAAOT,IAAY,SAAS;AAAA,cAC5B,OAAM;AAAA,cACN,SAASR;AAAA,YAAA;AAAA,UACX;AAAA,QAAA;AAAA,MAAA;AAAA,IACF;AAAA,IACA,gBAAAc,EAACE,GAAU,EAAA,SAAS,IAAK,CAAA;AAAA,IACxB,gBAAAJ,EAAAC,GAAA,EAAS,gBAAe,OAAM,aAAY,UACzC,UAAA;AAAA,MAAA,gBAAAC,EAACC,GAAK,EAAA,WAAU,OAAM,QAAO,SAAQ,UAErC,4BAAA;AAAA,MAAO;AAAA,MAEP,gBAAAD,EAACM,KAAW,MAAK,SAAQ,OAAM,UAAS,OAAM,SAAQ,SAAShB,EAAa,CAAA;AAAA,IAAA,GAC9E;AAAA,EACF,EAAA,CAAA;AAEJ,GAEeiB,IAAAC,EAAKvB,CAAa;"}

package/dist/features/puzzles/app/puzzle-app.js

@@ -1,82 +1,62 @@
-import { jsx as e, jsxs as s, Fragment as z } from "react/jsx-runtime";
-import { memo as S, useState as p, useRef as v, useCallback as a, useEffect as x } from "react";
-import { ErrorBoundary as T } from "react-error-boundary";
-import f from "../../ui/error/error.js";
-import g from "../../ui/layout/flex-view.js";
-import W from "../../ui/loader/app-loader/app-loader.js";
-import u from "../../ui/text/text.js";
-import _ from "../../worksheet/learnosity-preloader/learnosity-preloader.js";
-import { usePreviewWorksheetGet as U } from "../../worksheet/worksheet-preview/api/get-preview-worksheet.js";
-import { LEARNOSITY_QUESTIONS_API as y, LEARNOSITY_QUESTIONS_API_FALLBACK as C } from "../../worksheet/worksheet/stories/worksheet-story-container.js";
-import { PuzzleAppWrapper as F, StyledFeedbackText as N, StyledHintFillIcon as O } from "./puzzle-app-styled.js";
-import B from "./puzzle-app-view.js";
-const D = (r) => {
-  console.log("Worksheet Logger:", r);
-}, G = () => {
-  const r = new URLSearchParams(window.location.search), t = r.get("itemRef") || "", k = r.get("title") || "", l = r.get("imageHue") || "BLUE", c = r.get("feedbackComments") || void 0, A = r.get("tip") || void 0, [$, m] = p(), [o, b] = p(!1), { isProcessing: E, get: d, data: h, error: L } = U(), w = v(() => null), R = A || "Celebrate persistence more than correct answers - it's a life skill worth building.", n = a(() => {
-    d("test", {
+import { jsx as e, jsxs as o, Fragment as W } from "react/jsx-runtime";
+import { memo as v, useState as h, useRef as P, useCallback as n, useEffect as R } from "react";
+import y from "../../ui/error/error.js";
+import d from "../../ui/layout/flex-view.js";
+import F from "../../ui/loader/app-loader/app-loader.js";
+import p from "../../ui/text/text.js";
+import { usePreviewWorksheetGet as I } from "../../worksheet/worksheet-preview/api/get-preview-worksheet.js";
+import { PuzzleAppWrapper as L, StyledFeedbackText as T, StyledHintFillIcon as D } from "./puzzle-app-styled.js";
+import G from "./puzzle-app-view.js";
+const S = ({ itemRef: s, title: m, imageHue: i, feedbackComments: l, tip: f }) => {
+  const [u, g] = h(), [r, $] = h(!1), { isProcessing: k, get: a, data: c, error: w } = I(), z = P(() => null), A = f || "Celebrate persistence more than correct answers - it's a life skill worth building.", t = n(() => {
+    a("test", {
       action: "review",
       node_type: "PUZZLE_CARD",
-      items: [t]
+      items: [s]
     });
-  }, [d, t]);
-  x(() => {
-    n();
-  }, [n]);
-  const P = a((i) => {
-    m(i.message);
-  }, []), I = a(() => {
-    b(!0);
+  }, [a, s]);
+  R(() => {
+    t();
+  }, [t]);
+  const b = n((E) => {
+    g(E.message);
+  }, []), x = n(() => {
+    $(!0);
   }, []);
-  return t ? $ || L ? /* @__PURE__ */ e(f, { height: "100vh", onTryAgain: n }) : E ? /* @__PURE__ */ e(W, { height: "100vh" }) : /* @__PURE__ */ e(
-    T,
+  return u || w ? /* @__PURE__ */ e(y, { height: "100vh", onTryAgain: t }) : k ? /* @__PURE__ */ e(F, { height: "100vh" }) : /* @__PURE__ */ o(
+    L,
     {
-      fallback: /* @__PURE__ */ e(f, { height: "100vh" }),
-      onError: (i) => m(i.message),
-      children: /* @__PURE__ */ e(
-        _,
-        {
-          apiURL: y,
-          fallbackAPIURL: C,
-          logger: D,
-          children: /* @__PURE__ */ s(
-            F,
-            {
-              className: "puzzle-app-container",
-              $background: `${l}_2`,
-              $alignItems: "center",
-              $flexGapX: 1,
-              $gutterX: 1,
-              $visible: o,
-              $height: "100vh",
-              children: [
-                o && /* @__PURE__ */ e(u, { $renderAs: "ab1-bold", children: k }),
-                h && /* @__PURE__ */ e(
-                  B,
-                  {
-                    onWorksheetErrored: P,
-                    worksheetData: h,
-                    loggerRef: w,
-                    imageHue: l,
-                    onLoaded: I
-                  }
-                ),
-                o && /* @__PURE__ */ e(z, { children: c ? /* @__PURE__ */ s(N, { $renderAs: "ab2", children: [
-                  /* @__PURE__ */ e("span", { children: "Tutor Remark:" }),
-                  c
-                ] }) : /* @__PURE__ */ s(g, { $flexDirection: "row", $alignItems: "center", $flexGap: 8, children: [
-                  /* @__PURE__ */ e(g, { $width: 24, $height: 24, children: /* @__PURE__ */ e(O, {}) }),
-                  /* @__PURE__ */ e(u, { $renderAs: "ab2", children: R })
-                ] }) })
-              ]
-            }
-          )
-        }
-      )
+      className: "puzzle-app-container",
+      $background: `${i}_2`,
+      $alignItems: "center",
+      $flexGapX: 1,
+      $gutterX: 1,
+      $visible: r,
+      $height: "100vh",
+      children: [
+        r && /* @__PURE__ */ e(p, { $renderAs: "ab1-bold", children: m }),
+        c && /* @__PURE__ */ e(
+          G,
+          {
+            onWorksheetErrored: b,
+            worksheetData: c,
+            loggerRef: z,
+            imageHue: i,
+            onLoaded: x
+          }
+        ),
+        r && /* @__PURE__ */ e(W, { children: l ? /* @__PURE__ */ o(T, { $renderAs: "ab2", children: [
+          /* @__PURE__ */ e("span", { children: "Tutor Remark:" }),
+          l
+        ] }) : /* @__PURE__ */ o(d, { $flexDirection: "row", $alignItems: "center", $flexGap: 8, children: [
+          /* @__PURE__ */ e(d, { $width: 24, $height: 24, children: /* @__PURE__ */ e(D, {}) }),
+          /* @__PURE__ */ e(p, { $renderAs: "ab2", children: A })
+        ] }) })
+      ]
     }
-  ) : null;
-}, re = S(G);
+  );
+}, B = v(S);
 export {
-  re as default
+  B as default
 };
 //# sourceMappingURL=puzzle-app.js.map

package/dist/features/puzzles/app/puzzle-app.js.map

@@ -1 +1 @@
-{"version":3,"file":"puzzle-app.js","sources":["../../../../src/features/puzzles/app/puzzle-app.tsx"],"sourcesContent":["import type { THueNames } from '../../ui/types';\nimport type { FC } from 'react';\n\nimport { memo, useCallback, useEffect, useRef, useState } from 'react';\nimport { ErrorBoundary } from 'react-error-boundary';\n\nimport Error from '../../ui/error/error';\nimport FlexView from '../../ui/layout/flex-view';\nimport AppLoader from '../../ui/loader/app-loader/app-loader';\nimport Text from '../../ui/text/text';\nimport LearnosityPreloader from '../../worksheet/learnosity-preloader/learnosity-preloader';\nimport { usePreviewWorksheetGet } from '../../worksheet/worksheet-preview/api/get-preview-worksheet';\nimport {\n  LEARNOSITY_QUESTIONS_API,\n  LEARNOSITY_QUESTIONS_API_FALLBACK,\n} from '../../worksheet/worksheet/stories/worksheet-story-container';\nimport * as Styled from './puzzle-app-styled';\nimport PuzzleAppView from './puzzle-app-view';\n\nconst logger = (eventName: string) => {\n  // eslint-disable-next-line no-console\n  console.log('Worksheet Logger:', eventName);\n};\n\nconst PuzzleApp: FC = () => {\n  // Extract props from URL search parameters\n  const urlParams = new URLSearchParams(window.location.search);\n  const itemRef = urlParams.get('itemRef') || '';\n  const title = urlParams.get('title') || '';\n  const imageHue = (urlParams.get('imageHue') || 'BLUE') as THueNames;\n  const feedbackComments = urlParams.get('feedbackComments') || undefined;\n  const tip = urlParams.get('tip') || undefined;\n\n  const [error, setError] = useState<string>();\n  const [worksheetRendered, setWorksheetRendered] = useState<boolean>(false);\n\n  const { isProcessing, get, data: worksheetData, error: fetchError } = usePreviewWorksheetGet();\n  const loggerRef = useRef(() => null);\n\n  const tipInfo =\n    tip || `Celebrate persistence more than correct answers - it's a life skill worth building.`;\n\n  const fetchWorksheet = useCallback(() => {\n    get('test', {\n      action: 'review',\n      node_type: 'PUZZLE_CARD',\n      items: [itemRef],\n    });\n  }, [get, itemRef]);\n\n  useEffect(() => {\n    fetchWorksheet();\n  }, [fetchWorksheet]);\n\n  const handleWorksheetErrored = useCallback((err: { code?: number; message: string }) => {\n    setError(err.message);\n  }, []);\n\n  const handleWorksheetLoaded = useCallback(() => {\n    setWorksheetRendered(true);\n  }, []);\n\n  if (!itemRef) return null;\n\n  if (error || fetchError) {\n    return <Error height=\"100vh\" onTryAgain={fetchWorksheet} />;\n  }\n\n  if (isProcessing) {\n    return <AppLoader height=\"100vh\" />;\n  }\n\n  return (\n    <ErrorBoundary\n      fallback={<Error height=\"100vh\" />}\n      onError={errorInfo => setError(errorInfo.message)}\n    >\n      <LearnosityPreloader\n        apiURL={LEARNOSITY_QUESTIONS_API}\n        fallbackAPIURL={LEARNOSITY_QUESTIONS_API_FALLBACK}\n        logger={logger}\n      >\n        <Styled.PuzzleAppWrapper\n          className=\"puzzle-app-container\"\n          $background={`${imageHue}_2`}\n          $alignItems=\"center\"\n          $flexGapX={1}\n          $gutterX={1}\n          $visible={worksheetRendered}\n          $height=\"100vh\"\n        >\n          {worksheetRendered && <Text $renderAs=\"ab1-bold\">{title}</Text>}\n\n          {worksheetData && (\n            <PuzzleAppView\n              onWorksheetErrored={handleWorksheetErrored}\n              worksheetData={worksheetData}\n              loggerRef={loggerRef}\n              imageHue={imageHue}\n              onLoaded={handleWorksheetLoaded}\n            />\n          )}\n\n          {worksheetRendered && (\n            <>\n              {feedbackComments ? (\n                <Styled.StyledFeedbackText $renderAs=\"ab2\">\n                  <span>Tutor Remark:</span>\n                  {feedbackComments}\n                </Styled.StyledFeedbackText>\n              ) : (\n                <FlexView $flexDirection=\"row\" $alignItems=\"center\" $flexGap={8}>\n                  <FlexView $width={24} $height={24}>\n                    <Styled.StyledHintFillIcon />\n                  </FlexView>\n                  <Text $renderAs=\"ab2\">{tipInfo}</Text>\n                </FlexView>\n              )}\n            </>\n          )}\n        </Styled.PuzzleAppWrapper>\n      </LearnosityPreloader>\n    </ErrorBoundary>\n  );\n};\n\nexport default memo(PuzzleApp);\n"],"names":["logger","eventName","PuzzleApp","urlParams","itemRef","title","imageHue","feedbackComments","tip","error","setError","useState","worksheetRendered","setWorksheetRendered","isProcessing","get","worksheetData","fetchError","usePreviewWorksheetGet","loggerRef","useRef","tipInfo","fetchWorksheet","useCallback","useEffect","handleWorksheetErrored","err","handleWorksheetLoaded","jsx","Error","AppLoader","ErrorBoundary","errorInfo","LearnosityPreloader","LEARNOSITY_QUESTIONS_API","LEARNOSITY_QUESTIONS_API_FALLBACK","jsxs","Styled.PuzzleAppWrapper","Text","PuzzleAppView","Styled.StyledFeedbackText","FlexView","Styled.StyledHintFillIcon","puzzleApp","memo"],"mappings":"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"}
+{"version":3,"file":"puzzle-app.js","sources":["../../../../src/features/puzzles/app/puzzle-app.tsx"],"sourcesContent":["import type { IPuzzleAppProps } from './puzzle-app-types';\nimport type { FC } from 'react';\n\nimport { memo, useCallback, useEffect, useRef, useState } from 'react';\n\nimport Error from '../../ui/error/error';\nimport FlexView from '../../ui/layout/flex-view';\nimport AppLoader from '../../ui/loader/app-loader/app-loader';\nimport Text from '../../ui/text/text';\nimport { usePreviewWorksheetGet } from '../../worksheet/worksheet-preview/api/get-preview-worksheet';\nimport * as Styled from './puzzle-app-styled';\nimport PuzzleAppView from './puzzle-app-view';\n\nconst PuzzleApp: FC<IPuzzleAppProps> = ({ itemRef, title, imageHue, feedbackComments, tip }) => {\n  const [error, setError] = useState<string>();\n  const [worksheetRendered, setWorksheetRendered] = useState<boolean>(false);\n\n  const { isProcessing, get, data: worksheetData, error: fetchError } = usePreviewWorksheetGet();\n  const loggerRef = useRef(() => null);\n\n  const tipInfo =\n    tip || `Celebrate persistence more than correct answers - it's a life skill worth building.`;\n\n  const fetchWorksheet = useCallback(() => {\n    get('test', {\n      action: 'review',\n      node_type: 'PUZZLE_CARD',\n      items: [itemRef],\n    });\n  }, [get, itemRef]);\n\n  useEffect(() => {\n    fetchWorksheet();\n  }, [fetchWorksheet]);\n\n  const handleWorksheetErrored = useCallback((err: { code?: number; message: string }) => {\n    setError(err.message);\n  }, []);\n\n  const handleWorksheetLoaded = useCallback(() => {\n    setWorksheetRendered(true);\n  }, []);\n\n  if (error || fetchError) {\n    return <Error height=\"100vh\" onTryAgain={fetchWorksheet} />;\n  }\n\n  if (isProcessing) {\n    return <AppLoader height=\"100vh\" />;\n  }\n\n  return (\n    <Styled.PuzzleAppWrapper\n      className=\"puzzle-app-container\"\n      $background={`${imageHue}_2`}\n      $alignItems=\"center\"\n      $flexGapX={1}\n      $gutterX={1}\n      $visible={worksheetRendered}\n      $height=\"100vh\"\n    >\n      {worksheetRendered && <Text $renderAs=\"ab1-bold\">{title}</Text>}\n\n      {worksheetData && (\n        <PuzzleAppView\n          onWorksheetErrored={handleWorksheetErrored}\n          worksheetData={worksheetData}\n          loggerRef={loggerRef}\n          imageHue={imageHue}\n          onLoaded={handleWorksheetLoaded}\n        />\n      )}\n\n      {worksheetRendered && (\n        <>\n          {feedbackComments ? (\n            <Styled.StyledFeedbackText $renderAs=\"ab2\">\n              <span>Tutor Remark:</span>\n              {feedbackComments}\n            </Styled.StyledFeedbackText>\n          ) : (\n            <FlexView $flexDirection=\"row\" $alignItems=\"center\" $flexGap={8}>\n              <FlexView $width={24} $height={24}>\n                <Styled.StyledHintFillIcon />\n              </FlexView>\n              <Text $renderAs=\"ab2\">{tipInfo}</Text>\n            </FlexView>\n          )}\n        </>\n      )}\n    </Styled.PuzzleAppWrapper>\n  );\n};\n\nexport default memo(PuzzleApp);\n"],"names":["PuzzleApp","itemRef","title","imageHue","feedbackComments","tip","error","setError","useState","worksheetRendered","setWorksheetRendered","isProcessing","get","worksheetData","fetchError","usePreviewWorksheetGet","loggerRef","useRef","tipInfo","fetchWorksheet","useCallback","useEffect","handleWorksheetErrored","err","handleWorksheetLoaded","jsx","Error","AppLoader","jsxs","Styled.PuzzleAppWrapper","Text","PuzzleAppView","Styled.StyledFeedbackText","FlexView","Styled.StyledHintFillIcon","puzzleApp","memo"],"mappings":";;;;;;;;;AAaA,MAAMA,IAAiC,CAAC,EAAE,SAAAC,GAAS,OAAAC,GAAO,UAAAC,GAAU,kBAAAC,GAAkB,KAAAC,QAAU;AAC9F,QAAM,CAACC,GAAOC,CAAQ,IAAIC,EAAiB,GACrC,CAACC,GAAmBC,CAAoB,IAAIF,EAAkB,EAAK,GAEnE,EAAE,cAAAG,GAAc,KAAAC,GAAK,MAAMC,GAAe,OAAOC,MAAeC,KAChEC,IAAYC,EAAO,MAAM,IAAI,GAE7BC,IACJb,KAAO,uFAEHc,IAAiBC,EAAY,MAAM;AACvC,IAAAR,EAAI,QAAQ;AAAA,MACV,QAAQ;AAAA,MACR,WAAW;AAAA,MACX,OAAO,CAACX,CAAO;AAAA,IAAA,CAChB;AAAA,EAAA,GACA,CAACW,GAAKX,CAAO,CAAC;AAEjB,EAAAoB,EAAU,MAAM;AACC,IAAAF;EAAA,GACd,CAACA,CAAc,CAAC;AAEb,QAAAG,IAAyBF,EAAY,CAACG,MAA4C;AACtF,IAAAhB,EAASgB,EAAI,OAAO;AAAA,EACtB,GAAG,CAAE,CAAA,GAECC,IAAwBJ,EAAY,MAAM;AAC9C,IAAAV,EAAqB,EAAI;AAAA,EAC3B,GAAG,CAAE,CAAA;AAEL,SAAIJ,KAASQ,IACH,gBAAAW,EAAAC,GAAA,EAAM,QAAO,SAAQ,YAAYP,EAAgB,CAAA,IAGvDR,IACK,gBAAAc,EAACE,GAAU,EAAA,QAAO,QAAQ,CAAA,IAIjC,gBAAAC;AAAA,IAACC;AAAAA,IAAA;AAAA,MACC,WAAU;AAAA,MACV,aAAa,GAAG1B,CAAQ;AAAA,MACxB,aAAY;AAAA,MACZ,WAAW;AAAA,MACX,UAAU;AAAA,MACV,UAAUM;AAAA,MACV,SAAQ;AAAA,MAEP,UAAA;AAAA,QAAAA,KAAsB,gBAAAgB,EAAAK,GAAA,EAAK,WAAU,YAAY,UAAM5B,GAAA;AAAA,QAEvDW,KACC,gBAAAY;AAAA,UAACM;AAAA,UAAA;AAAA,YACC,oBAAoBT;AAAA,YACpB,eAAAT;AAAA,YACA,WAAAG;AAAA,YACA,UAAAb;AAAA,YACA,UAAUqB;AAAA,UAAA;AAAA,QACZ;AAAA,QAGDf,4BAEI,UACCL,IAAA,gBAAAwB,EAACI,GAAA,EAA0B,WAAU,OACnC,UAAA;AAAA,UAAA,gBAAAP,EAAC,UAAK,UAAa,gBAAA,CAAA;AAAA,UAClBrB;AAAA,QACH,EAAA,CAAA,sBAEC6B,GAAS,EAAA,gBAAe,OAAM,aAAY,UAAS,UAAU,GAC5D,UAAA;AAAA,UAAC,gBAAAR,EAAAQ,GAAA,EAAS,QAAQ,IAAI,SAAS,IAC7B,UAAC,gBAAAR,EAAAS,GAAA,CAAA,CAA0B,EAC7B,CAAA;AAAA,UACC,gBAAAT,EAAAK,GAAA,EAAK,WAAU,OAAO,UAAQZ,GAAA;AAAA,QAAA,EAAA,CACjC,EAEJ,CAAA;AAAA,MAAA;AAAA,IAAA;AAAA,EAAA;AAIR,GAEeiB,IAAAC,EAAKpC,CAAS;"}

package/dist/features/trial-session/comps/teacher-intro/teacher-intro-styled.js

@@ -1,56 +1,13 @@
-import o from "styled-components";
-import e from "../../../ui/image/image.js";
-import t from "../../../ui/layout/flex-view.js";
-const l = o.div`
+import t from "styled-components";
+import o from "../../../ui/layout/flex-view.js";
+const i = t.div`
   width: 100%;
   height: 100%;
-`, c = o(t)`
+`, n = t(o)`
   margin: auto;
-`, h = o(e)`
-  object-fit: cover;
-`, s = o.div(
-  ({ theme: r }) => `
-  flex: 1;
-  display: grid;
-  border-left: 1px solid ${r.colors.BLACK_T_87};
-  grid-template-columns: repeat(2, 1fr);
-  grid-template-rows: auto auto auto;
-`
-), p = o(t)(
-  ({ theme: r }) => `
-  border: 0.5px solid ${r.colors.WHITE_5};
-  &:first-child,
-  &:nth-child(2) {
-    grid-column: span 1;
-  }
-  &:nth-child(3),
-  &:nth-child(4) {
-    grid-column: span 2;
-  }
-  &:first-child {
-    border-left: none;
-    border-top: none;
-  }
-  &:nth-child(2) {
-    border-right: none;
-    border-top: none;
-  }
-  &:nth-child(3) {
-    border-left: none;
-    border-right: none;
-  }
-  &:nth-child(4) {
-    border-left: none;
-    border-right: none;
-    border-bottom: none;
-  }
-`
-);
+`;
 export {
-  l as Container,
-  c as ContentWrapper,
-  s as GridContainer,
-  p as GridItem,
-  h as ProfilePicture
+  i as Container,
+  n as ContentWrapper
 };
 //# sourceMappingURL=teacher-intro-styled.js.map

package/dist/features/trial-session/comps/teacher-intro/teacher-intro-styled.js.map

@@ -1 +1 @@
-{"version":3,"file":"teacher-intro-styled.js","sources":["../../../../../src/features/trial-session/comps/teacher-intro/teacher-intro-styled.tsx"],"sourcesContent":["import styled from 'styled-components';\n\nimport Image from '../../../ui/image/image';\nimport FlexView from '../../../ui/layout/flex-view';\n\nconst Container = styled.div`\n  width: 100%;\n  height: 100%;\n`;\n\nconst ContentWrapper = styled(FlexView)`\n  margin: auto;\n`;\n\nconst ProfilePicture = styled(Image)`\n  object-fit: cover;\n`;\n\nconst GridContainer = styled.div(\n  ({ theme }) => `\n  flex: 1;\n  display: grid;\n  border-left: 1px solid ${theme.colors.BLACK_T_87};\n  grid-template-columns: repeat(2, 1fr);\n  grid-template-rows: auto auto auto;\n`,\n);\n\nconst GridItem = styled(FlexView)(\n  ({ theme }) => `\n  border: 0.5px solid ${theme.colors.WHITE_5};\n  &:first-child,\n  &:nth-child(2) {\n    grid-column: span 1;\n  }\n  &:nth-child(3),\n  &:nth-child(4) {\n    grid-column: span 2;\n  }\n  &:first-child {\n    border-left: none;\n    border-top: none;\n  }\n  &:nth-child(2) {\n    border-right: none;\n    border-top: none;\n  }\n  &:nth-child(3) {\n    border-left: none;\n    border-right: none;\n  }\n  &:nth-child(4) {\n    border-left: none;\n    border-right: none;\n    border-bottom: none;\n  }\n`,\n);\n\nexport { Container, ContentWrapper, ProfilePicture, GridContainer, GridItem };\n"],"names":["Container","styled","ContentWrapper","FlexView","ProfilePicture","Image","GridContainer","theme","GridItem"],"mappings":";;;AAKA,MAAMA,IAAYC,EAAO;AAAA;AAAA;AAAA,GAKnBC,IAAiBD,EAAOE,CAAQ;AAAA;AAAA,GAIhCC,IAAiBH,EAAOI,CAAK;AAAA;AAAA,GAI7BC,IAAgBL,EAAO;AAAA,EAC3B,CAAC,EAAE,OAAAM,EAAA,MAAY;AAAA;AAAA;AAAA,2BAGUA,EAAM,OAAO,UAAU;AAAA;AAAA;AAAA;AAIlD,GAEMC,IAAWP,EAAOE,CAAQ;AAAA,EAC9B,CAAC,EAAE,OAAAI,EAAA,MAAY;AAAA,wBACOA,EAAM,OAAO,OAAO;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AA2B5C;"}
+{"version":3,"file":"teacher-intro-styled.js","sources":["../../../../../src/features/trial-session/comps/teacher-intro/teacher-intro-styled.tsx"],"sourcesContent":["import styled from 'styled-components';\n\nimport FlexView from '../../../ui/layout/flex-view';\n\nconst Container = styled.div`\n  width: 100%;\n  height: 100%;\n`;\n\nconst ContentWrapper = styled(FlexView)`\n  margin: auto;\n`;\n\nexport { Container, ContentWrapper };\n"],"names":["Container","styled","ContentWrapper","FlexView"],"mappings":";;AAIA,MAAMA,IAAYC,EAAO;AAAA;AAAA;AAAA,GAKnBC,IAAiBD,EAAOE,CAAQ;AAAA;AAAA;"}

package/dist/features/trial-session/comps/teacher-intro/teacher-intro.js

@@ -1,74 +1,20 @@
-import { jsx as e, jsxs as r } from "react/jsx-runtime";
-import { memo as T, useMemo as I } from "react";
-import j from "../../../ui/image/image.js";
-import h from "../../../ui/layout/flex-view.js";
-import s from "../../../ui/separator/separator.js";
-import t from "../../../ui/text/text.js";
-import { useTrialSessionContext as k } from "../../context/use-trial-session-context.js";
-import O from "../communication-slide/index.js";
-import F from "../slide-header/index.js";
-import { COUNTRY_FLAGS as H } from "./teacher-intro-constants.js";
-import { Container as L, ContentWrapper as D, ProfilePicture as E, GridContainer as P, GridItem as i } from "./teacher-intro-styled.js";
-const z = T(() => {
-  const { slideConfig: f } = k(), { renderAVIn: m, teacher_profile: u } = f || {}, {
-    degree: g,
-    countries: o,
-    lower_grade: a,
-    higher_grade: n,
-    header_image: $,
-    years_of_experience: p,
-    number_of_students_taught: b
-  } = u || {}, { degree_name: c, field_of_study: d } = g || {}, _ = Object.values(H), l = n && parseInt(n, 10) > 8, x = I(() => l ? "High School" : ` ${a === "K" ? "" : "G"}${a} - G${n}`, [l, n, a]);
-  return m === "right" ? /* @__PURE__ */ e(O, {}) : /* @__PURE__ */ r(L, { children: [
-    /* @__PURE__ */ e(s, { height: 60 }),
-    /* @__PURE__ */ e(F, {}),
-    /* @__PURE__ */ r(
-      D,
-      {
-        $flexDirection: "row",
-        $width: 750,
-        $borderColor: "BLACK_T_87",
-        $background: "WHITE_3",
-        children: [
-          /* @__PURE__ */ e(E, { withLoader: !0, src: $, width: 350, height: 350 }),
-          /* @__PURE__ */ r(P, { children: [
-            /* @__PURE__ */ r(i, { $justifyContent: "center", $gutter: 24, children: [
-              /* @__PURE__ */ e(t, { $renderAs: "ah3-black", children: p }),
-              /* @__PURE__ */ e(t, { $renderAs: "ub3", children: "Yrs of Teaching Experience" })
-            ] }),
-            /* @__PURE__ */ r(i, { $justifyContent: "center", $gutter: 24, children: [
-              /* @__PURE__ */ e(t, { $renderAs: "ah3-black", children: b }),
-              /* @__PURE__ */ e(t, { $renderAs: "ub3", children: "Students Taught" })
-            ] }),
-            c && d && /* @__PURE__ */ r(i, { $justifyContent: "center", $gutter: 24, children: [
-              /* @__PURE__ */ e(t, { $renderAs: "ab1-black", children: c }),
-              /* @__PURE__ */ r(t, { $renderAs: "ub3", children: [
-                "In ",
-                d
-              ] })
-            ] }),
-            /* @__PURE__ */ r(i, { $justifyContent: "center", $gutter: 24, children: [
-              /* @__PURE__ */ r(t, { $renderAs: "ab1-black", children: [
-                "Teaching ",
-                x,
-                " kids in"
-              ] }),
-              /* @__PURE__ */ e(s, { height: 12 }),
-              /* @__PURE__ */ e(h, { $flexDirection: "row", $flexGap: 16, $flexWrap: !0, children: o && o.length > 0 && o.map((C) => {
-                const y = _.find((S) => S.name === C), { flag_icon: A = "", label: w, name: G } = y || {};
-                return /* @__PURE__ */ r(h, { $flexDirection: "row", $flexGap: 4, children: [
-                  /* @__PURE__ */ e(j, { src: A, width: 30, height: 20, withLoader: !1 }),
-                  /* @__PURE__ */ e(t, { $renderAs: "ab3-black", children: w })
-                ] }, G);
-              }) })
-            ] })
-          ] })
-        ]
-      }
-    )
+import { jsx as r, jsxs as i } from "react/jsx-runtime";
+import { memo as m } from "react";
+import n from "../../../ui/separator/separator.js";
+import { useTrialSessionContext as f } from "../../context/use-trial-session-context.js";
+import a from "../communication-slide/index.js";
+import p from "../slide-header/index.js";
+import { Container as s, ContentWrapper as c } from "./teacher-intro-styled.js";
+import h from "./teacher-profile/teacher-profile.js";
+const j = m(() => {
+  const { slideConfig: e } = f(), { renderAVIn: o, teacher_profile: t } = e || {};
+  return o === "right" ? /* @__PURE__ */ r(a, {}) : /* @__PURE__ */ i(s, { children: [
+    /* @__PURE__ */ r(n, { height: 60 }),
+    /* @__PURE__ */ r(p, {}),
+    /* @__PURE__ */ r(c, { $width: 750, children: /* @__PURE__ */ r(h, { teacherProfile: t }) })
   ] });
 });
 export {
-  z as default
+  j as default
 };
 //# sourceMappingURL=teacher-intro.js.map

package/dist/features/trial-session/comps/teacher-intro/teacher-intro.js.map

@@ -1 +1 @@
-{"version":3,"file":"teacher-intro.js","sources":["../../../../../src/features/trial-session/comps/teacher-intro/teacher-intro.tsx"],"sourcesContent":["import { memo, useMemo } from 'react';\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 { useTrialSessionContext } from '../../context/use-trial-session-context';\nimport CommunicationSlide from '../communication-slide';\nimport SlideHeader from '../slide-header';\nimport { COUNTRY_FLAGS } from './teacher-intro-constants';\nimport * as Styled from './teacher-intro-styled';\n\nconst TeacherIntro = memo(() => {\n  const { slideConfig } = useTrialSessionContext();\n  const { renderAVIn, teacher_profile: teacherProfile } = slideConfig || {};\n\n  const {\n    degree,\n    countries,\n    lower_grade: lowerGrade,\n    higher_grade: higherGrade,\n    header_image: headerImage,\n    years_of_experience: yearsOfExperience,\n    number_of_students_taught: numberOfStudentsTaught,\n  } = teacherProfile || {};\n  const { degree_name: degreeName, field_of_study: fieldOfStudy } = degree || {};\n\n  const countryFlagArray = Object.values(COUNTRY_FLAGS);\n  const isHighSchool = higherGrade && parseInt(higherGrade, 10) > 8;\n\n  const displayGrade = useMemo(() => {\n    return isHighSchool\n      ? 'High School'\n      : ` ${lowerGrade === 'K' ? '' : 'G'}${lowerGrade} - G${higherGrade}`;\n  }, [isHighSchool, higherGrade, lowerGrade]);\n\n  if (renderAVIn === 'right') return <CommunicationSlide />;\n\n  return (\n    <Styled.Container>\n      <Separator height={60} />\n      <SlideHeader />\n      <Styled.ContentWrapper\n        $flexDirection=\"row\"\n        $width={750}\n        $borderColor=\"BLACK_T_87\"\n        $background=\"WHITE_3\"\n      >\n        <Styled.ProfilePicture withLoader src={headerImage} width={350} height={350} />\n        <Styled.GridContainer>\n          <Styled.GridItem $justifyContent=\"center\" $gutter={24}>\n            <Text $renderAs=\"ah3-black\">{yearsOfExperience}</Text>\n            <Text $renderAs=\"ub3\">Yrs of Teaching Experience</Text>\n          </Styled.GridItem>\n          <Styled.GridItem $justifyContent=\"center\" $gutter={24}>\n            <Text $renderAs=\"ah3-black\">{numberOfStudentsTaught}</Text>\n            <Text $renderAs=\"ub3\">Students Taught</Text>\n          </Styled.GridItem>\n          {degreeName && fieldOfStudy && (\n            <Styled.GridItem $justifyContent=\"center\" $gutter={24}>\n              <Text $renderAs=\"ab1-black\">{degreeName}</Text>\n              <Text $renderAs=\"ub3\">In {fieldOfStudy}</Text>\n            </Styled.GridItem>\n          )}\n          <Styled.GridItem $justifyContent=\"center\" $gutter={24}>\n            <Text $renderAs=\"ab1-black\">Teaching {displayGrade} kids in</Text>\n            <Separator height={12} />\n            <FlexView $flexDirection=\"row\" $flexGap={16} $flexWrap>\n              {countries &&\n                countries.length > 0 &&\n                countries.map(country => {\n                  const countryFlag = countryFlagArray.find(item => item.name === country);\n                  const { flag_icon: flagIcon = '', label, name } = countryFlag || {};\n\n                  return (\n                    <FlexView key={name} $flexDirection=\"row\" $flexGap={4}>\n                      <Image src={flagIcon} width={30} height={20} withLoader={false} />\n                      <Text $renderAs=\"ab3-black\">{label}</Text>\n                    </FlexView>\n                  );\n                })}\n            </FlexView>\n          </Styled.GridItem>\n        </Styled.GridContainer>\n      </Styled.ContentWrapper>\n    </Styled.Container>\n  );\n});\n\nexport default TeacherIntro;\n"],"names":["TeacherIntro","memo","slideConfig","useTrialSessionContext","renderAVIn","teacherProfile","degree","countries","lowerGrade","higherGrade","headerImage","yearsOfExperience","numberOfStudentsTaught","degreeName","fieldOfStudy","countryFlagArray","COUNTRY_FLAGS","isHighSchool","displayGrade","useMemo","jsx","CommunicationSlide","jsxs","Styled.Container","Separator","SlideHeader","Styled.ContentWrapper","Styled.ProfilePicture","Styled.GridContainer","Styled.GridItem","Text","FlexView","country","countryFlag","item","flagIcon","label","name","Image"],"mappings":"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"}
+{"version":3,"file":"teacher-intro.js","sources":["../../../../../src/features/trial-session/comps/teacher-intro/teacher-intro.tsx"],"sourcesContent":["import { memo } from 'react';\n\nimport Separator from '../../../ui/separator/separator';\nimport { useTrialSessionContext } from '../../context/use-trial-session-context';\nimport CommunicationSlide from '../communication-slide';\nimport SlideHeader from '../slide-header';\nimport * as Styled from './teacher-intro-styled';\nimport TeacherProfile from './teacher-profile/teacher-profile';\n\nconst TeacherIntro = memo(() => {\n  const { slideConfig } = useTrialSessionContext();\n  const { renderAVIn, teacher_profile: teacherProfile } = slideConfig || {};\n\n  if (renderAVIn === 'right') return <CommunicationSlide />;\n\n  return (\n    <Styled.Container>\n      <Separator height={60} />\n      <SlideHeader />\n      <Styled.ContentWrapper $width={750}>\n        <TeacherProfile teacherProfile={teacherProfile} />\n      </Styled.ContentWrapper>\n    </Styled.Container>\n  );\n});\n\nexport default TeacherIntro;\n"],"names":["TeacherIntro","memo","slideConfig","useTrialSessionContext","renderAVIn","teacherProfile","jsx","CommunicationSlide","jsxs","Styled.Container","Separator","SlideHeader","Styled.ContentWrapper","TeacherProfile"],"mappings":";;;;;;;;AASM,MAAAA,IAAeC,EAAK,MAAM;AACxB,QAAA,EAAE,aAAAC,MAAgBC,KAClB,EAAE,YAAAC,GAAY,iBAAiBC,EAAe,IAAIH,KAAe,CAAA;AAEvE,SAAIE,MAAe,UAAgB,gBAAAE,EAACC,GAAmB,CAAA,CAAA,IAGrD,gBAAAC,EAACC,GAAA,EACC,UAAA;AAAA,IAAC,gBAAAH,EAAAI,GAAA,EAAU,QAAQ,GAAI,CAAA;AAAA,sBACtBC,GAAY,EAAA;AAAA,IACb,gBAAAL,EAACM,GAAA,EAAsB,QAAQ,KAC7B,UAAA,gBAAAN,EAACO,GAAe,EAAA,gBAAAR,EAAgC,CAAA,GAClD;AAAA,EACF,EAAA,CAAA;AAEJ,CAAC;"}

package/dist/features/trial-session/comps/teacher-intro/teacher-profile/teacher-profile-styled.js

@@ -0,0 +1,49 @@
+import r from "styled-components";
+import e from "../../../../ui/image/image.js";
+import t from "../../../../ui/layout/flex-view.js";
+const l = r(e)`
+  object-fit: cover;
+`, c = r.div(
+  ({ theme: o }) => `
+  flex: 1;
+  display: grid;
+  border-left: 1px solid ${o.colors.BLACK_T_87};
+  grid-template-columns: repeat(2, 1fr);
+  grid-template-rows: auto auto auto;
+`
+), h = r(t)(
+  ({ theme: o }) => `
+  border: 0.5px solid ${o.colors.WHITE_5};
+  &:first-child,
+  &:nth-child(2) {
+    grid-column: span 1;
+  }
+  &:nth-child(3),
+  &:nth-child(4) {
+    grid-column: span 2;
+  }
+  &:first-child {
+    border-left: none;
+    border-top: none;
+  }
+  &:nth-child(2) {
+    border-right: none;
+    border-top: none;
+  }
+  &:nth-child(3) {
+    border-left: none;
+    border-right: none;
+  }
+  &:nth-child(4) {
+    border-left: none;
+    border-right: none;
+    border-bottom: none;
+  }
+`
+);
+export {
+  c as GridContainer,
+  h as GridItem,
+  l as ProfilePicture
+};
+//# sourceMappingURL=teacher-profile-styled.js.map

package/dist/features/trial-session/comps/teacher-intro/teacher-profile/teacher-profile-styled.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"teacher-profile-styled.js","sources":["../../../../../../src/features/trial-session/comps/teacher-intro/teacher-profile/teacher-profile-styled.ts"],"sourcesContent":["import styled from 'styled-components';\n\nimport Image from '../../../../ui/image/image';\nimport FlexView from '../../../../ui/layout/flex-view';\n\nconst ProfilePicture = styled(Image)`\n  object-fit: cover;\n`;\n\nconst GridContainer = styled.div(\n  ({ theme }) => `\n  flex: 1;\n  display: grid;\n  border-left: 1px solid ${theme.colors.BLACK_T_87};\n  grid-template-columns: repeat(2, 1fr);\n  grid-template-rows: auto auto auto;\n`,\n);\n\nconst GridItem = styled(FlexView)(\n  ({ theme }) => `\n  border: 0.5px solid ${theme.colors.WHITE_5};\n  &:first-child,\n  &:nth-child(2) {\n    grid-column: span 1;\n  }\n  &:nth-child(3),\n  &:nth-child(4) {\n    grid-column: span 2;\n  }\n  &:first-child {\n    border-left: none;\n    border-top: none;\n  }\n  &:nth-child(2) {\n    border-right: none;\n    border-top: none;\n  }\n  &:nth-child(3) {\n    border-left: none;\n    border-right: none;\n  }\n  &:nth-child(4) {\n    border-left: none;\n    border-right: none;\n    border-bottom: none;\n  }\n`,\n);\n\nexport { ProfilePicture, GridContainer, GridItem };\n"],"names":["ProfilePicture","styled","Image","GridContainer","theme","GridItem","FlexView"],"mappings":";;;AAKM,MAAAA,IAAiBC,EAAOC,CAAK;AAAA;AAAA,GAI7BC,IAAgBF,EAAO;AAAA,EAC3B,CAAC,EAAE,OAAAG,EAAA,MAAY;AAAA;AAAA;AAAA,2BAGUA,EAAM,OAAO,UAAU;AAAA;AAAA;AAAA;AAIlD,GAEMC,IAAWJ,EAAOK,CAAQ;AAAA,EAC9B,CAAC,EAAE,OAAAF,EAAA,MAAY;AAAA,wBACOA,EAAM,OAAO,OAAO;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AA2B5C;"}