@cuemath/leap 2.9.4-link.1 → 2.9.4

package/dist/features/trial-session/comps/offering-information/offering-information.js

@@ -1,7 +1,7 @@
 import { jsxs as e, jsx as r, Fragment as _ } from "react/jsx-runtime";
 import { memo as P, useMemo as b } from "react";
 import { ILLUSTRATIONS as w } from "../../../../assets/illustrations/illustrations.js";
-import m from "../../../ui/image/image.js";
+import c from "../../../ui/image/image.js";
 import D from "../../../ui/layout/flex-view.js";
 import n from "../../../ui/separator/separator.js";
 import x from "../../../ui/text/text.js";
@@ -9,9 +9,9 @@ import { useTrialSessionContext as O } from "../../context/use-trial-session-con
 import { TrialPageId as t } from "../../trial-session-constants.js";
 import N from "../slide-header/index.js";
 import { goalDetails as R, parentAppDetails as S, circleDetails as k } from "./offering-information-constants.js";
-import { Container as W, Wrapper as c, AnimationWrapper as B, DetailsWrapper as j, TextElement as d, RefundImageWrapper as F } from "./offering-information-styled.js";
+import { Container as W, Wrapper as d, AnimationWrapper as B, DetailsWrapper as j, TextElement as p, RefundImageWrapper as F } from "./offering-information-styled.js";
 const J = P(() => {
-  const { slideConfig: p } = O(), { id: i } = p, a = b(() => {
+  const { slideConfig: h } = O(), { id: i } = h, a = b(() => {
     switch (i) {
       case t.CIRCLE_INFORMATION:
         return k;
@@ -26,16 +26,16 @@ const J = P(() => {
   return /* @__PURE__ */ e(W, { children: [
     /* @__PURE__ */ r(n, { height: 60 }),
     /* @__PURE__ */ r(N, {}),
-    /* @__PURE__ */ r(c, { $width: 750, $flexDirection: "row", $justifyContent: "center", children: a.length > 0 ? a.map((h, l, g) => {
+    /* @__PURE__ */ r(d, { $width: 750, $flexDirection: "row", $justifyContent: "center", children: a.length > 0 ? a.map((g, l, f) => {
       const {
-        title: f,
+        title: u,
         description: o,
-        animationBackground: u,
-        infoBackground: $,
-        animationSource: A,
-        animationPadding: L,
-        dimension: C
-      } = h || {}, [I, E] = C || [], s = l === g.length - 1;
+        animationBackground: $,
+        infoBackground: A,
+        animationSource: L,
+        animationPadding: C,
+        dimension: I
+      } = g || {}, [E, T] = I || [], m = l === f.length - 1;
       return /* @__PURE__ */ e(D, { $flex: 1, children: [
         /* @__PURE__ */ r(
           B,
@@ -43,25 +43,25 @@ const J = P(() => {
             $justifyContent: "center",
             $alignItems: "center",
             $borderColor: "BLACK_1",
-            $background: u,
-            $gap: L,
-            $isLastElement: s,
-            children: /* @__PURE__ */ r(m, { src: A, width: I, height: E, withLoader: !0 })
+            $background: $,
+            $gap: C,
+            $isLastElement: m,
+            children: /* @__PURE__ */ r(c, { src: L, width: E, height: T, withLoader: !0 })
           }
         ),
         /* @__PURE__ */ e(
           j,
           {
-            $background: $,
+            $background: A,
             $gapX: 1.375,
             $gutterX: 2,
             $borderColor: "BLACK_1",
-            $isLastElement: s,
+            $isLastElement: m,
             $inherit: !0,
             children: [
-              /* @__PURE__ */ r(d, { $renderAs: "ac2-black", children: f }),
+              /* @__PURE__ */ r(p, { $renderAs: "ac2-black", children: u }),
               /* @__PURE__ */ r(n, { heightX: 1 }),
-              /* @__PURE__ */ r(d, { $renderAs: "ab3", children: typeof o == "string" ? o : o.map((T) => /* @__PURE__ */ r("li", { children: T })) })
+              /* @__PURE__ */ r(p, { $renderAs: "ab3", children: typeof o == "string" ? o : o.map((s) => /* @__PURE__ */ r("li", { children: s }, s)) })
             ]
           }
         )
@@ -70,7 +70,7 @@ const J = P(() => {
     i === t.PARENT_APP && /* @__PURE__ */ e(_, { children: [
       /* @__PURE__ */ r(n, { height: 50 }),
       /* @__PURE__ */ e(
-        c,
+        d,
         {
           $width: 450,
           $gap: 14,
@@ -81,7 +81,7 @@ const J = P(() => {
           children: [
             /* @__PURE__ */ r(x, { $renderAs: "ab2", children: "Get 24/7 customer support through this app." }),
             /* @__PURE__ */ r(F, { children: /* @__PURE__ */ r(
-              m,
+              c,
               {
                 src: w.REFUND_POLICY_WITH_HEADPHONE,
                 width: 135,

package/dist/features/trial-session/comps/offering-information/offering-information.js.map

@@ -1 +1 @@
-{"version":3,"file":"offering-information.js","sources":["../../../../../src/features/trial-session/comps/offering-information/offering-information.tsx"],"sourcesContent":["import { memo, useMemo } from 'react';\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 { useTrialSessionContext } from '../../context/use-trial-session-context';\nimport { TrialPageId } from '../../trial-session-constants';\nimport SlideHeader from '../slide-header';\nimport { circleDetails, goalDetails, parentAppDetails } from './offering-information-constants';\nimport * as Styled from './offering-information-styled';\n\nconst OfferingInformation = memo(() => {\n  const { slideConfig } = useTrialSessionContext();\n  const { id } = slideConfig;\n\n  const offeringDetails = useMemo(() => {\n    switch (id) {\n      case TrialPageId.CIRCLE_INFORMATION:\n        return circleDetails;\n      case TrialPageId.PARENT_APP:\n        return parentAppDetails;\n      case TrialPageId.GOAL_DETAILS:\n        return goalDetails;\n      default:\n        return [];\n    }\n  }, [id]);\n\n  return (\n    <Styled.Container>\n      <Separator height={60} />\n      <SlideHeader />\n      <Styled.Wrapper $width={750} $flexDirection=\"row\" $justifyContent=\"center\">\n        {offeringDetails.length > 0\n          ? offeringDetails.map((details, index, detailsArray) => {\n              const {\n                title,\n                description,\n                animationBackground,\n                infoBackground,\n                animationSource,\n                animationPadding,\n                dimension,\n              } = details || {};\n              const [width, height] = dimension || [];\n              const lastElement = index === detailsArray.length - 1;\n\n              return (\n                <FlexView key={`offering-${index}`} $flex={1}>\n                  <Styled.AnimationWrapper\n                    $justifyContent=\"center\"\n                    $alignItems=\"center\"\n                    $borderColor=\"BLACK_1\"\n                    $background={animationBackground}\n                    $gap={animationPadding}\n                    $isLastElement={lastElement}\n                  >\n                    <Image src={animationSource} width={width} height={height} withLoader />\n                  </Styled.AnimationWrapper>\n                  <Styled.DetailsWrapper\n                    $background={infoBackground}\n                    $gapX={1.375}\n                    $gutterX={2}\n                    $borderColor=\"BLACK_1\"\n                    $isLastElement={lastElement}\n                    $inherit\n                  >\n                    <Styled.TextElement $renderAs=\"ac2-black\">{title}</Styled.TextElement>\n                    <Separator heightX={1} />\n                    <Styled.TextElement $renderAs=\"ab3\">\n                      {typeof description === 'string'\n                        ? description\n                        : description.map(desc => <li>{desc}</li>)}\n                    </Styled.TextElement>\n                  </Styled.DetailsWrapper>\n                </FlexView>\n              );\n            })\n          : null}\n      </Styled.Wrapper>\n      {id === TrialPageId.PARENT_APP && (\n        <>\n          <Separator height={50} />\n          <Styled.Wrapper\n            $width={450}\n            $gap={14}\n            $gutter={30}\n            $background=\"YELLOW_1\"\n            $borderColor=\"BLACK_T_15\"\n            $position=\"relative\"\n          >\n            <Text $renderAs=\"ab2\">Get 24/7 customer support through this app.</Text>\n            <Styled.RefundImageWrapper>\n              <Image\n                src={ILLUSTRATIONS.REFUND_POLICY_WITH_HEADPHONE}\n                width={135}\n                height={80}\n                withLoader\n              />\n            </Styled.RefundImageWrapper>\n          </Styled.Wrapper>\n        </>\n      )}\n    </Styled.Container>\n  );\n});\n\nexport default OfferingInformation;\n"],"names":["OfferingInformation","memo","slideConfig","useTrialSessionContext","id","offeringDetails","useMemo","TrialPageId","circleDetails","parentAppDetails","goalDetails","jsxs","Styled.Container","jsx","Separator","SlideHeader","Styled.Wrapper","details","index","detailsArray","title","description","animationBackground","infoBackground","animationSource","animationPadding","dimension","width","height","lastElement","FlexView","Styled.AnimationWrapper","Image","Styled.DetailsWrapper","Styled.TextElement","desc","Fragment","Text","Styled.RefundImageWrapper","ILLUSTRATIONS"],"mappings":"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"}
+{"version":3,"file":"offering-information.js","sources":["../../../../../src/features/trial-session/comps/offering-information/offering-information.tsx"],"sourcesContent":["import { memo, useMemo } from 'react';\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 { useTrialSessionContext } from '../../context/use-trial-session-context';\nimport { TrialPageId } from '../../trial-session-constants';\nimport SlideHeader from '../slide-header';\nimport { circleDetails, goalDetails, parentAppDetails } from './offering-information-constants';\nimport * as Styled from './offering-information-styled';\n\nconst OfferingInformation = memo(() => {\n  const { slideConfig } = useTrialSessionContext();\n  const { id } = slideConfig;\n\n  const offeringDetails = useMemo(() => {\n    switch (id) {\n      case TrialPageId.CIRCLE_INFORMATION:\n        return circleDetails;\n      case TrialPageId.PARENT_APP:\n        return parentAppDetails;\n      case TrialPageId.GOAL_DETAILS:\n        return goalDetails;\n      default:\n        return [];\n    }\n  }, [id]);\n\n  return (\n    <Styled.Container>\n      <Separator height={60} />\n      <SlideHeader />\n      <Styled.Wrapper $width={750} $flexDirection=\"row\" $justifyContent=\"center\">\n        {offeringDetails.length > 0\n          ? offeringDetails.map((details, index, detailsArray) => {\n              const {\n                title,\n                description,\n                animationBackground,\n                infoBackground,\n                animationSource,\n                animationPadding,\n                dimension,\n              } = details || {};\n              const [width, height] = dimension || [];\n              const lastElement = index === detailsArray.length - 1;\n\n              return (\n                <FlexView key={`offering-${index}`} $flex={1}>\n                  <Styled.AnimationWrapper\n                    $justifyContent=\"center\"\n                    $alignItems=\"center\"\n                    $borderColor=\"BLACK_1\"\n                    $background={animationBackground}\n                    $gap={animationPadding}\n                    $isLastElement={lastElement}\n                  >\n                    <Image src={animationSource} width={width} height={height} withLoader />\n                  </Styled.AnimationWrapper>\n                  <Styled.DetailsWrapper\n                    $background={infoBackground}\n                    $gapX={1.375}\n                    $gutterX={2}\n                    $borderColor=\"BLACK_1\"\n                    $isLastElement={lastElement}\n                    $inherit\n                  >\n                    <Styled.TextElement $renderAs=\"ac2-black\">{title}</Styled.TextElement>\n                    <Separator heightX={1} />\n                    <Styled.TextElement $renderAs=\"ab3\">\n                      {typeof description === 'string'\n                        ? description\n                        : description.map(desc => <li key={desc}>{desc}</li>)}\n                    </Styled.TextElement>\n                  </Styled.DetailsWrapper>\n                </FlexView>\n              );\n            })\n          : null}\n      </Styled.Wrapper>\n      {id === TrialPageId.PARENT_APP && (\n        <>\n          <Separator height={50} />\n          <Styled.Wrapper\n            $width={450}\n            $gap={14}\n            $gutter={30}\n            $background=\"YELLOW_1\"\n            $borderColor=\"BLACK_T_15\"\n            $position=\"relative\"\n          >\n            <Text $renderAs=\"ab2\">Get 24/7 customer support through this app.</Text>\n            <Styled.RefundImageWrapper>\n              <Image\n                src={ILLUSTRATIONS.REFUND_POLICY_WITH_HEADPHONE}\n                width={135}\n                height={80}\n                withLoader\n              />\n            </Styled.RefundImageWrapper>\n          </Styled.Wrapper>\n        </>\n      )}\n    </Styled.Container>\n  );\n});\n\nexport default OfferingInformation;\n"],"names":["OfferingInformation","memo","slideConfig","useTrialSessionContext","id","offeringDetails","useMemo","TrialPageId","circleDetails","parentAppDetails","goalDetails","jsxs","Styled.Container","jsx","Separator","SlideHeader","Styled.Wrapper","details","index","detailsArray","title","description","animationBackground","infoBackground","animationSource","animationPadding","dimension","width","height","lastElement","FlexView","Styled.AnimationWrapper","Image","Styled.DetailsWrapper","Styled.TextElement","desc","Fragment","Text","Styled.RefundImageWrapper","ILLUSTRATIONS"],"mappings":"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"}

package/dist/features/trial-session/comps/pricing/pricing-cards.js

@@ -1,35 +1,35 @@
 import { jsxs as e, jsx as r } from "react/jsx-runtime";
-import a from "../../../ui/layout/flex-view.js";
+import d from "../../../ui/layout/flex-view.js";
 import t from "../../../ui/separator/separator.js";
 import n from "../../../ui/text/text.js";
-import g from "./board-comp.js";
-import { PricingBoard as p, ImageWrapper as f, OfferText as d } from "./pricing-styled.js";
+import p from "./board-comp.js";
+import { PricingBoard as f, ImageWrapper as y, OfferText as h } from "./pricing-styled.js";
 const c = {
   0: "WHITE_4",
   1: "GREEN_1"
-}, F = ({ pricingConfig: h, intentType: y, colorIndex: i }) => {
-  if (y === "LOW") {
+}, F = ({ pricingConfig: u, intentType: A, colorIndex: i }) => {
+  if (A === "LOW") {
     const {
-      plan_name: T,
-      original_price: m,
-      discounted_price: W,
+      plan_name: W,
+      original_price: o,
+      discounted_price: _,
       price_per_class: D,
       classes_per_cycle: H,
       billing_cycle: I,
-      offer: _,
-      currency_symbol: o
-    } = h || {};
-    return /* @__PURE__ */ e(p, { $width: 287, $height: 393, $gutterX: 2.5, $gapX: 2.125, children: [
-      /* @__PURE__ */ r(f, { $color: c[i % 2] ?? "WHITE_4", children: /* @__PURE__ */ r(g, { width: 287, height: 393 }) }),
-      /* @__PURE__ */ e(a, { $height: "100%", $justifyContent: "space-between", children: [
+      offer: g,
+      currency_symbol: a
+    } = u || {};
+    return /* @__PURE__ */ e(f, { $width: 287, $height: 393, $gutterX: 2.5, $gapX: 2.125, children: [
+      /* @__PURE__ */ r(y, { $color: c[i % 2] ?? "WHITE_4", children: /* @__PURE__ */ r(p, { width: 287, height: 393 }) }),
+      /* @__PURE__ */ e(d, { $height: "100%", $justifyContent: "space-between", children: [
         /* @__PURE__ */ e("div", { children: [
           /* @__PURE__ */ r(t, { height: 50 }),
-          /* @__PURE__ */ r(n, { $renderAs: "ac2-black", children: T }),
+          /* @__PURE__ */ r(n, { $renderAs: "ac2-black", children: W }),
           /* @__PURE__ */ r(t, { height: 20 }),
-          /* @__PURE__ */ e(a, { $flexDirection: "row", $alignItems: "center", children: [
-            m ? /* @__PURE__ */ r(n, { $renderAs: "ub3-bold", $textDecoration: "line-through", children: o + m }) : null,
-            /* @__PURE__ */ e(a, { $flexDirection: "row", $alignItems: "end", children: [
-              /* @__PURE__ */ r(n, { $renderAs: "ah3-bold", children: o + W }),
+          /* @__PURE__ */ e(d, { $flexDirection: "row", $alignItems: "center", children: [
+            o && o !== _ ? /* @__PURE__ */ r(n, { $renderAs: "ub3-bold", $textDecoration: "line-through", children: a + o }) : null,
+            /* @__PURE__ */ e(d, { $flexDirection: "row", $alignItems: "end", children: [
+              /* @__PURE__ */ r(n, { $renderAs: "ah3-bold", children: a + _ }),
               /* @__PURE__ */ e(n, { $renderAs: "ab1-bold", children: [
                 "/",
                 I === "yearly" ? "year" : "month"
@@ -39,7 +39,7 @@ const c = {
           /* @__PURE__ */ r(t, { height: 4 }),
           /* @__PURE__ */ e(n, { $renderAs: "ub3", children: [
             "(",
-            o + D,
+            a + D,
             "/class)"
           ] }),
           /* @__PURE__ */ r(t, { height: 4 }),
@@ -49,30 +49,30 @@ const c = {
             " classes/mo)"
           ] })
         ] }),
-        _ && /* @__PURE__ */ r(
-          d,
+        g && /* @__PURE__ */ r(
+          h,
           {
             $renderAs: "ub3-bold",
             $background: c[i % 2] ?? "WHITE_4",
-            children: _
+            children: g
           }
         )
       ] })
     ] });
   }
   const {
-    amount: u,
-    duration: A,
+    amount: $,
+    duration: C,
     amount_after_coupon: l,
-    classes_per_week: C,
+    classes_per_week: k,
     currency_symbol: s,
-    discount_details: k,
-    fee_per_class_after_discount: w,
-    meta_text: $,
-    no_of_classes: x
-  } = h || {}, { discount_duration: b, original_plan_details: E } = k || {}, { duration: P } = E || {};
+    discount_details: w,
+    fee_per_class_after_discount: x,
+    meta_text: b,
+    no_of_classes: E
+  } = u || {}, { discount_duration: m, original_plan_details: P } = w || {}, { duration: T } = P || {};
   return /* @__PURE__ */ e(
-    p,
+    f,
     {
       $width: 287,
       $height: 393,
@@ -80,30 +80,30 @@ const c = {
       $gapX: 2.125,
       $justifyContent: "space-between",
       children: [
-        /* @__PURE__ */ r(f, { $color: c[i % 2] ?? "WHITE_4", children: /* @__PURE__ */ r(g, { width: 287, height: 393 }) }),
+        /* @__PURE__ */ r(y, { $color: c[i % 2] ?? "WHITE_4", children: /* @__PURE__ */ r(p, { width: 287, height: 393 }) }),
         /* @__PURE__ */ e("div", { children: [
           /* @__PURE__ */ r(t, { height: 30 }),
           /* @__PURE__ */ e(n, { $renderAs: "ah2-black", children: [
-            P || A,
+            T || C,
             " ",
             /* @__PURE__ */ r(n, { $renderAs: "ac2-black", $inline: !0, children: "Months" })
           ] }),
-          b && /* @__PURE__ */ e(
-            d,
+          m && /* @__PURE__ */ e(
+            h,
             {
               $renderAs: "ub3-bold",
               $background: c[i % 2] ?? "WHITE_4",
               children: [
                 "Get extra ",
-                b,
+                m,
                 " Months FREE"
               ]
             }
           )
         ] }),
         /* @__PURE__ */ e("div", { children: [
-          l !== u ? /* @__PURE__ */ e(n, { $renderAs: "ab1", $textDecoration: "line-through", children: [
-            s + u,
+          l !== $ ? /* @__PURE__ */ e(n, { $renderAs: "ab1", $textDecoration: "line-through", children: [
+            s + $,
             /* @__PURE__ */ e(n, { $renderAs: "ab1-black", $inline: !0, children: [
               " ",
               s + l
@@ -111,27 +111,27 @@ const c = {
           ] }) : /* @__PURE__ */ r(n, { $renderAs: "ab1-black", $inline: !0, children: s + l }),
           /* @__PURE__ */ e(n, { $renderAs: "ub3", children: [
             "(",
-            w,
+            x,
             "/class)"
           ] })
         ] }),
         /* @__PURE__ */ e("div", { children: [
           /* @__PURE__ */ e(n, { $renderAs: "ab1", children: [
-            x,
+            E,
             " classes"
           ] }),
           /* @__PURE__ */ e(n, { $renderAs: "ub2", children: [
             "(",
-            C * 4,
+            k * 4,
             " classes/mo)"
           ] })
         ] }),
-        $ && /* @__PURE__ */ r(
-          d,
+        b && /* @__PURE__ */ r(
+          h,
           {
             $renderAs: "ub3-bold",
             $background: c[i % 2] ?? "WHITE_4",
-            children: $
+            children: b
           }
         )
       ]

package/dist/features/trial-session/comps/pricing/pricing-cards.js.map

@@ -1 +1 @@
-{"version":3,"file":"pricing-cards.js","sources":["../../../../../src/features/trial-session/comps/pricing/pricing-cards.tsx"],"sourcesContent":["import type { TColorNames } from '../../../ui/types';\nimport type {\n  IPricingCardsProps,\n  TLowIntentPricingDetails,\n  TPricingDetails,\n} from './pricing-typed';\nimport type { FC } from 'react';\n\nimport FlexView from '../../../ui/layout/flex-view';\nimport Separator from '../../../ui/separator/separator';\nimport Text from '../../../ui/text/text';\nimport HangingBoardComp from './board-comp';\nimport * as Styled from './pricing-styled';\n\nconst layoutPrimaryColor: Record<number, TColorNames> = {\n  0: 'WHITE_4',\n  1: 'GREEN_1',\n};\n\nconst PricingCards: FC<IPricingCardsProps> = ({ pricingConfig, intentType, colorIndex }) => {\n  if (intentType === 'LOW') {\n    const {\n      plan_name: pricingName,\n      original_price: originalPrice,\n      discounted_price: discountedPrice,\n      price_per_class: pricePerClass,\n      classes_per_cycle: classesPerCycle,\n      billing_cycle: billingCycle,\n      offer: metaText,\n      currency_symbol: currencySymbol,\n    } = (pricingConfig as TLowIntentPricingDetails) || {};\n\n    return (\n      <Styled.PricingBoard $width={287} $height={393} $gutterX={2.5} $gapX={2.125}>\n        <Styled.ImageWrapper $color={layoutPrimaryColor[colorIndex % 2] ?? 'WHITE_4'}>\n          <HangingBoardComp width={287} height={393} />\n        </Styled.ImageWrapper>\n        <FlexView $height=\"100%\" $justifyContent=\"space-between\">\n          <div>\n            <Separator height={50} />\n            <Text $renderAs=\"ac2-black\">{pricingName}</Text>\n            <Separator height={20} />\n            <FlexView $flexDirection=\"row\" $alignItems=\"center\">\n              {originalPrice ? (\n                <Text $renderAs=\"ub3-bold\" $textDecoration=\"line-through\">\n                  {currencySymbol + originalPrice}\n                </Text>\n              ) : null}\n              <FlexView $flexDirection=\"row\" $alignItems=\"end\">\n                <Text $renderAs=\"ah3-bold\">{currencySymbol + discountedPrice}</Text>\n                <Text $renderAs=\"ab1-bold\">/{billingCycle === 'yearly' ? 'year' : 'month'}</Text>\n              </FlexView>\n            </FlexView>\n            <Separator height={4} />\n            <Text $renderAs=\"ub3\">({currencySymbol + pricePerClass}/class)</Text>\n            <Separator height={4} />\n            <Text $renderAs=\"ub3\">({classesPerCycle} classes/mo)</Text>\n          </div>\n\n          {metaText && (\n            <Styled.OfferText\n              $renderAs=\"ub3-bold\"\n              $background={layoutPrimaryColor[colorIndex % 2] ?? 'WHITE_4'}\n            >\n              {metaText}\n            </Styled.OfferText>\n          )}\n        </FlexView>\n      </Styled.PricingBoard>\n    );\n  }\n\n  const {\n    amount,\n    duration: durationWithoutCoupon,\n    amount_after_coupon: amountAfterCoupon,\n    classes_per_week: classesPerWeek,\n    currency_symbol: currencySymbol,\n    discount_details: discountDetails,\n    fee_per_class_after_discount: feePerClassAfterDiscount,\n    meta_text: metaText,\n    no_of_classes: noOfClasses,\n  } = (pricingConfig as TPricingDetails) || {};\n  const { discount_duration: discountDuration, original_plan_details: originalPlanDetails } =\n    discountDetails || {};\n  const { duration } = originalPlanDetails || {};\n\n  return (\n    <Styled.PricingBoard\n      $width={287}\n      $height={393}\n      $gutterX={2.5}\n      $gapX={2.125}\n      $justifyContent=\"space-between\"\n    >\n      <Styled.ImageWrapper $color={layoutPrimaryColor[colorIndex % 2] ?? 'WHITE_4'}>\n        <HangingBoardComp width={287} height={393} />\n      </Styled.ImageWrapper>\n      <div>\n        <Separator height={30} />\n        <Text $renderAs=\"ah2-black\">\n          {duration || durationWithoutCoupon}&nbsp;\n          <Text $renderAs=\"ac2-black\" $inline>\n            Months\n          </Text>\n        </Text>\n        {discountDuration && (\n          <Styled.OfferText\n            $renderAs=\"ub3-bold\"\n            $background={layoutPrimaryColor[colorIndex % 2] ?? 'WHITE_4'}\n          >\n            Get extra {discountDuration} Months FREE\n          </Styled.OfferText>\n        )}\n      </div>\n\n      <div>\n        {amountAfterCoupon !== amount ? (\n          <Text $renderAs=\"ab1\" $textDecoration=\"line-through\">\n            {currencySymbol + amount}\n            <Text $renderAs=\"ab1-black\" $inline>\n              &nbsp;\n              {currencySymbol + amountAfterCoupon}\n            </Text>\n          </Text>\n        ) : (\n          <Text $renderAs=\"ab1-black\" $inline>\n            {currencySymbol + amountAfterCoupon}\n          </Text>\n        )}\n        <Text $renderAs=\"ub3\">({feePerClassAfterDiscount}/class)</Text>\n      </div>\n\n      <div>\n        <Text $renderAs=\"ab1\">{noOfClasses} classes</Text>\n        <Text $renderAs=\"ub2\">({classesPerWeek * 4} classes/mo)</Text>\n      </div>\n\n      {metaText && (\n        <Styled.OfferText\n          $renderAs=\"ub3-bold\"\n          $background={layoutPrimaryColor[colorIndex % 2] ?? 'WHITE_4'}\n        >\n          {metaText}\n        </Styled.OfferText>\n      )}\n    </Styled.PricingBoard>\n  );\n};\n\nexport default PricingCards;\n"],"names":["layoutPrimaryColor","PricingCards","pricingConfig","intentType","colorIndex","pricingName","originalPrice","discountedPrice","pricePerClass","classesPerCycle","billingCycle","metaText","currencySymbol","jsxs","Styled.PricingBoard","jsx","Styled.ImageWrapper","HangingBoardComp","FlexView","Separator","Text","Styled.OfferText","amount","durationWithoutCoupon","amountAfterCoupon","classesPerWeek","discountDetails","feePerClassAfterDiscount","noOfClasses","discountDuration","originalPlanDetails","duration"],"mappings":"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"}
+{"version":3,"file":"pricing-cards.js","sources":["../../../../../src/features/trial-session/comps/pricing/pricing-cards.tsx"],"sourcesContent":["import type { TColorNames } from '../../../ui/types';\nimport type {\n  IPricingCardsProps,\n  TLowIntentPricingDetails,\n  TPricingDetails,\n} from './pricing-typed';\nimport type { FC } from 'react';\n\nimport FlexView from '../../../ui/layout/flex-view';\nimport Separator from '../../../ui/separator/separator';\nimport Text from '../../../ui/text/text';\nimport HangingBoardComp from './board-comp';\nimport * as Styled from './pricing-styled';\n\nconst layoutPrimaryColor: Record<number, TColorNames> = {\n  0: 'WHITE_4',\n  1: 'GREEN_1',\n};\n\nconst PricingCards: FC<IPricingCardsProps> = ({ pricingConfig, intentType, colorIndex }) => {\n  if (intentType === 'LOW') {\n    const {\n      plan_name: pricingName,\n      original_price: originalPrice,\n      discounted_price: discountedPrice,\n      price_per_class: pricePerClass,\n      classes_per_cycle: classesPerCycle,\n      billing_cycle: billingCycle,\n      offer: metaText,\n      currency_symbol: currencySymbol,\n    } = (pricingConfig as TLowIntentPricingDetails) || {};\n\n    return (\n      <Styled.PricingBoard $width={287} $height={393} $gutterX={2.5} $gapX={2.125}>\n        <Styled.ImageWrapper $color={layoutPrimaryColor[colorIndex % 2] ?? 'WHITE_4'}>\n          <HangingBoardComp width={287} height={393} />\n        </Styled.ImageWrapper>\n        <FlexView $height=\"100%\" $justifyContent=\"space-between\">\n          <div>\n            <Separator height={50} />\n            <Text $renderAs=\"ac2-black\">{pricingName}</Text>\n            <Separator height={20} />\n            <FlexView $flexDirection=\"row\" $alignItems=\"center\">\n              {originalPrice && originalPrice !== discountedPrice ? (\n                <Text $renderAs=\"ub3-bold\" $textDecoration=\"line-through\">\n                  {currencySymbol + originalPrice}\n                </Text>\n              ) : null}\n              <FlexView $flexDirection=\"row\" $alignItems=\"end\">\n                <Text $renderAs=\"ah3-bold\">{currencySymbol + discountedPrice}</Text>\n                <Text $renderAs=\"ab1-bold\">/{billingCycle === 'yearly' ? 'year' : 'month'}</Text>\n              </FlexView>\n            </FlexView>\n            <Separator height={4} />\n            <Text $renderAs=\"ub3\">({currencySymbol + pricePerClass}/class)</Text>\n            <Separator height={4} />\n            <Text $renderAs=\"ub3\">({classesPerCycle} classes/mo)</Text>\n          </div>\n\n          {metaText && (\n            <Styled.OfferText\n              $renderAs=\"ub3-bold\"\n              $background={layoutPrimaryColor[colorIndex % 2] ?? 'WHITE_4'}\n            >\n              {metaText}\n            </Styled.OfferText>\n          )}\n        </FlexView>\n      </Styled.PricingBoard>\n    );\n  }\n\n  const {\n    amount,\n    duration: durationWithoutCoupon,\n    amount_after_coupon: amountAfterCoupon,\n    classes_per_week: classesPerWeek,\n    currency_symbol: currencySymbol,\n    discount_details: discountDetails,\n    fee_per_class_after_discount: feePerClassAfterDiscount,\n    meta_text: metaText,\n    no_of_classes: noOfClasses,\n  } = (pricingConfig as TPricingDetails) || {};\n  const { discount_duration: discountDuration, original_plan_details: originalPlanDetails } =\n    discountDetails || {};\n  const { duration } = originalPlanDetails || {};\n\n  return (\n    <Styled.PricingBoard\n      $width={287}\n      $height={393}\n      $gutterX={2.5}\n      $gapX={2.125}\n      $justifyContent=\"space-between\"\n    >\n      <Styled.ImageWrapper $color={layoutPrimaryColor[colorIndex % 2] ?? 'WHITE_4'}>\n        <HangingBoardComp width={287} height={393} />\n      </Styled.ImageWrapper>\n      <div>\n        <Separator height={30} />\n        <Text $renderAs=\"ah2-black\">\n          {duration || durationWithoutCoupon}&nbsp;\n          <Text $renderAs=\"ac2-black\" $inline>\n            Months\n          </Text>\n        </Text>\n        {discountDuration && (\n          <Styled.OfferText\n            $renderAs=\"ub3-bold\"\n            $background={layoutPrimaryColor[colorIndex % 2] ?? 'WHITE_4'}\n          >\n            Get extra {discountDuration} Months FREE\n          </Styled.OfferText>\n        )}\n      </div>\n\n      <div>\n        {amountAfterCoupon !== amount ? (\n          <Text $renderAs=\"ab1\" $textDecoration=\"line-through\">\n            {currencySymbol + amount}\n            <Text $renderAs=\"ab1-black\" $inline>\n              &nbsp;\n              {currencySymbol + amountAfterCoupon}\n            </Text>\n          </Text>\n        ) : (\n          <Text $renderAs=\"ab1-black\" $inline>\n            {currencySymbol + amountAfterCoupon}\n          </Text>\n        )}\n        <Text $renderAs=\"ub3\">({feePerClassAfterDiscount}/class)</Text>\n      </div>\n\n      <div>\n        <Text $renderAs=\"ab1\">{noOfClasses} classes</Text>\n        <Text $renderAs=\"ub2\">({classesPerWeek * 4} classes/mo)</Text>\n      </div>\n\n      {metaText && (\n        <Styled.OfferText\n          $renderAs=\"ub3-bold\"\n          $background={layoutPrimaryColor[colorIndex % 2] ?? 'WHITE_4'}\n        >\n          {metaText}\n        </Styled.OfferText>\n      )}\n    </Styled.PricingBoard>\n  );\n};\n\nexport default PricingCards;\n"],"names":["layoutPrimaryColor","PricingCards","pricingConfig","intentType","colorIndex","pricingName","originalPrice","discountedPrice","pricePerClass","classesPerCycle","billingCycle","metaText","currencySymbol","jsxs","Styled.PricingBoard","jsx","Styled.ImageWrapper","HangingBoardComp","FlexView","Separator","Text","Styled.OfferText","amount","durationWithoutCoupon","amountAfterCoupon","classesPerWeek","discountDetails","feePerClassAfterDiscount","noOfClasses","discountDuration","originalPlanDetails","duration"],"mappings":"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"}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@cuemath/leap",
-  "version": "2.9.4-link.1",
+  "version": "2.9.4",
   "type": "module",
   "files": [
     "dist"