@cuemath/leap 2.8.52-link.0 → 2.8.52-link.2

package/dist/features/trial-session/api/trial-pricing.js.map

@@ -1 +1 @@
-{"version":3,"file":"trial-pricing.js","sources":["../../../../src/features/trial-session/api/trial-pricing.ts"],"sourcesContent":["import { createGetAPI } from '@cuemath/rest-api';\n\nimport { BASE_URL_V1 } from '../../../constants/api';\nimport { stringify } from '../../../helpers/query-string';\n\ninterface IGetPricingQuery {\n  student_id: string;\n}\n\ntype TDiscountDetails = {\n  discount_duration: number;\n  original_plan_details: { duration: number };\n};\n\ntype TPricingDetails = {\n  amount: number;\n  amount_after_coupon: number;\n  classes_per_week: number;\n  currency_symbol: string;\n  discount_details: TDiscountDetails;\n  fee_per_class_after_discount: number;\n  meta_text: string;\n  no_of_classes: number;\n}[];\n\nconst { useGet: useGetTrialPricing } = createGetAPI<TPricingDetails, IGetPricingQuery>({\n  getURL: (_, query) => `${BASE_URL_V1}/trial/pricing/?${stringify(query)}`,\n});\n\nexport { useGetTrialPricing };\n"],"names":["useGetTrialPricing","createGetAPI","_","query","BASE_URL_V1","stringify"],"mappings":";;;AAyBA,MAAM,EAAE,QAAQA,EAAmB,IAAIC,EAAgD;AAAA,EACrF,QAAQ,CAACC,GAAGC,MAAU,GAAGC,CAAW,mBAAmBC,EAAUF,CAAK,CAAC;AACzE,CAAC;"}
+{"version":3,"file":"trial-pricing.js","sources":["../../../../src/features/trial-session/api/trial-pricing.ts"],"sourcesContent":["import { createGetAPI } from '@cuemath/rest-api';\n\nimport { BASE_URL_V1 } from '../../../constants/api';\nimport { stringify } from '../../../helpers/query-string';\n\ninterface IGetPricingQuery {\n  student_id: string;\n}\n\ntype TDiscountDetails = {\n  discount_duration: number;\n  original_plan_details: { duration: number };\n};\n\ntype TPricingDetails = {\n  amount: number;\n  amount_after_coupon: number;\n  classes_per_week: number;\n  currency_symbol: string;\n  discount_details: TDiscountDetails;\n  fee_per_class_after_discount: number;\n  meta_text: string;\n  no_of_classes: number;\n  duration: number;\n}[];\n\nconst { useGet: useGetTrialPricing } = createGetAPI<TPricingDetails, IGetPricingQuery>({\n  getURL: (_, query) => `${BASE_URL_V1}/trial/pricing/?${stringify(query)}`,\n});\n\nexport { useGetTrialPricing };\n"],"names":["useGetTrialPricing","createGetAPI","_","query","BASE_URL_V1","stringify"],"mappings":";;;AA0BA,MAAM,EAAE,QAAQA,EAAmB,IAAIC,EAAgD;AAAA,EACrF,QAAQ,CAACC,GAAGC,MAAU,GAAGC,CAAW,mBAAmBC,EAAUF,CAAK,CAAC;AACzE,CAAC;"}

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

@@ -1,64 +1,65 @@
 import { jsx as e, jsxs as r } from "react/jsx-runtime";
-import { memo as w, useCallback as D, useEffect as g } from "react";
-import { ILLUSTRATIONS as k } from "../../../../assets/illustrations/illustrations.js";
-import v from "../../../ui/error/error.js";
-import S from "../../../ui/image/image.js";
-import H from "../../../ui/layout/flex-view.js";
-import L from "../../../ui/loader/app-loader/app-loader.js";
-import l from "../../../ui/separator/separator.js";
+import { memo as w, useCallback as D, useEffect as _ } from "react";
+import { ILLUSTRATIONS as v } from "../../../../assets/illustrations/illustrations.js";
+import S from "../../../ui/error/error.js";
+import H from "../../../ui/image/image.js";
+import L from "../../../ui/layout/flex-view.js";
+import R from "../../../ui/loader/app-loader/app-loader.js";
+import h from "../../../ui/separator/separator.js";
 import i from "../../../ui/text/text.js";
-import { useGetTrialPricing as R } from "../../api/trial-pricing.js";
-import { useTrialSessionContext as G } from "../../context/use-trial-session-context.js";
-import j from "../slide-header/index.js";
-import B from "./board-comp.js";
-import { Container as F, PricingWrapper as N, PricingBoard as O, ImageWrapper as M, OfferText as $, PolicyWrapper as U, RefundImageWrapper as X } from "./pricing-styled.js";
-const d = {
+import { useGetTrialPricing as G } from "../../api/trial-pricing.js";
+import { useTrialSessionContext as j } from "../../context/use-trial-session-context.js";
+import B from "../slide-header/index.js";
+import F from "./board-comp.js";
+import { Container as N, PricingWrapper as O, PricingBoard as M, ImageWrapper as U, OfferText as b, PolicyWrapper as X, RefundImageWrapper as q } from "./pricing-styled.js";
+const u = {
   0: "WHITE_4",
   1: "GREEN_1"
-}, ae = w(() => {
-  const { isTeacher: _, studentId: t, updateButtonState: h } = G(), {
+}, se = w(() => {
+  const { isTeacher: A, studentId: t, updateButtonState: m } = j(), {
     data: o,
-    get: u,
+    get: p,
     isProcessed: a,
     isProcessing: s,
-    isProcessingFailed: b
-  } = R("trial-v3-pricing", {
+    isProcessingFailed: P
+  } = G("trial-v3-pricing", {
     student_id: t
   }), c = D(() => {
-    t && !a && u("trial-v3-pricing", { student_id: t });
-  }, [u, a, t]);
-  return g(() => {
+    t && !a && p("trial-v3-pricing", { student_id: t });
+  }, [p, a, t]);
+  return _(() => {
     c();
-  }, [c]), g(() => {
-    h("right", { isDisabled: s, isLoading: !1 });
-  }, [s, _, h]), s ? /* @__PURE__ */ e(L, { height: "100vh" }) : b ? /* @__PURE__ */ e(v, { height: "100vh", onTryAgain: c }) : a ? /* @__PURE__ */ r(F, { children: [
-    /* @__PURE__ */ e(l, { height: 60 }),
-    /* @__PURE__ */ e(j, { marginBottom: 38 }),
-    /* @__PURE__ */ r(N, { children: [
+  }, [c]), _(() => {
+    m("right", { isDisabled: s, isLoading: !1 });
+  }, [s, A, m]), s ? /* @__PURE__ */ e(R, { height: "100vh" }) : P ? /* @__PURE__ */ e(S, { height: "100vh", onTryAgain: c }) : a ? /* @__PURE__ */ r(N, { children: [
+    /* @__PURE__ */ e(h, { height: 60 }),
+    /* @__PURE__ */ e(B, { marginBottom: 38 }),
+    /* @__PURE__ */ r(O, { children: [
       /* @__PURE__ */ e(
-        H,
+        L,
         {
           $width: "100%",
           $flexDirection: "row",
           $justifyContent: "space-between",
           $flexGap: 20,
           $flexWrap: !0,
-          children: o && Array.isArray(o) && o.map((A, n) => {
+          children: o && Array.isArray(o) && o.map((T, n) => {
             const {
-              amount: P,
-              amount_after_coupon: T,
-              classes_per_week: y,
-              currency_symbol: m,
-              discount_details: E,
-              fee_per_class_after_discount: x,
-              meta_text: p,
-              no_of_classes: C
-            } = A || {}, {
-              discount_duration: f,
+              amount: f,
+              duration: y,
+              amount_after_coupon: l,
+              classes_per_week: E,
+              currency_symbol: d,
+              discount_details: C,
+              fee_per_class_after_discount: W,
+              meta_text: g,
+              no_of_classes: x
+            } = T || {}, {
+              discount_duration: $,
               original_plan_details: I
-            } = E || {}, { duration: W } = I || {};
+            } = C || {}, { duration: k } = I || {};
             return /* @__PURE__ */ r(
-              O,
+              M,
               {
                 $width: 287,
                 $height: 393,
@@ -66,58 +67,58 @@ const d = {
                 $gapX: 2.125,
                 $justifyContent: "space-between",
                 children: [
-                  /* @__PURE__ */ e(M, { $color: d[n % 2] ?? "WHITE_4", children: /* @__PURE__ */ e(B, { width: 287, height: 393 }) }),
+                  /* @__PURE__ */ e(U, { $color: u[n % 2] ?? "WHITE_4", children: /* @__PURE__ */ e(F, { width: 287, height: 393 }) }),
                   /* @__PURE__ */ r("div", { children: [
-                    /* @__PURE__ */ e(l, { height: 30 }),
+                    /* @__PURE__ */ e(h, { height: 30 }),
                     /* @__PURE__ */ r(i, { $renderAs: "ah2-black", children: [
-                      W,
+                      k || y,
                       " ",
                       /* @__PURE__ */ e(i, { $renderAs: "ac2-black", $inline: !0, children: "Months" })
                     ] }),
-                    f && /* @__PURE__ */ r(
-                      $,
+                    $ && /* @__PURE__ */ r(
+                      b,
                       {
                         $renderAs: "ub3-bold",
-                        $background: d[n % 2] ?? "WHITE_4",
+                        $background: u[n % 2] ?? "WHITE_4",
                         children: [
                           "Get extra ",
-                          f,
+                          $,
                           " Months FREE"
                         ]
                       }
                     )
                   ] }),
                   /* @__PURE__ */ r("div", { children: [
-                    /* @__PURE__ */ r(i, { $renderAs: "ab1", $textDecoration: "line-through", children: [
-                      m + P,
+                    l !== f ? /* @__PURE__ */ r(i, { $renderAs: "ab1", $textDecoration: "line-through", children: [
+                      d + f,
                       /* @__PURE__ */ r(i, { $renderAs: "ab1-black", $inline: !0, children: [
                         " ",
-                        m + T
+                        d + l
                       ] })
-                    ] }),
+                    ] }) : /* @__PURE__ */ e(i, { $renderAs: "ab1-black", $inline: !0, children: d + l }),
                     /* @__PURE__ */ r(i, { $renderAs: "ub3", children: [
                       "(",
-                      x,
+                      W,
                       "/class)"
                     ] })
                   ] }),
                   /* @__PURE__ */ r("div", { children: [
                     /* @__PURE__ */ r(i, { $renderAs: "ab1", children: [
-                      C,
+                      x,
                       " classes"
                     ] }),
                     /* @__PURE__ */ r(i, { $renderAs: "ub2", children: [
                       "(",
-                      y * 4,
+                      E * 4,
                       " classes/mo)"
                     ] })
                   ] }),
-                  p && /* @__PURE__ */ e(
-                    $,
+                  g && /* @__PURE__ */ e(
+                    b,
                     {
                       $renderAs: "ub3-bold",
-                      $background: d[n % 2] ?? "WHITE_4",
-                      children: p
+                      $background: u[n % 2] ?? "WHITE_4",
+                      children: g
                     }
                   )
                 ]
@@ -127,13 +128,13 @@ const d = {
           })
         }
       ),
-      /* @__PURE__ */ e(l, { height: 50 }),
-      /* @__PURE__ */ r(U, { children: [
+      /* @__PURE__ */ e(h, { height: 50 }),
+      /* @__PURE__ */ r(X, { children: [
         /* @__PURE__ */ e(i, { $renderAs: "ab1-bold", $color: "GREEN_6", children: "We have a no-questions-asked refund policy" }),
-        /* @__PURE__ */ e(X, { children: /* @__PURE__ */ e(
-          S,
+        /* @__PURE__ */ e(q, { children: /* @__PURE__ */ e(
+          H,
           {
-            src: k.REFUND_POLICY,
+            src: v.REFUND_POLICY,
             width: 168,
             height: 100,
             withLoader: !1
@@ -144,6 +145,6 @@ const d = {
   ] }) : null;
 });
 export {
-  ae as default
+  se as default
 };
 //# sourceMappingURL=pricing.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"pricing.js","sources":["../../../../../src/features/trial-session/comps/pricing/pricing.tsx"],"sourcesContent":["import type { TColorNames } from '../../../ui/types';\n\nimport { memo, useCallback, useEffect } from 'react';\n\nimport { ILLUSTRATIONS } from '../../../../assets/illustrations/illustrations';\nimport Error from '../../../ui/error/error';\nimport Image from '../../../ui/image/image';\nimport FlexView from '../../../ui/layout/flex-view';\nimport AppLoader from '../../../ui/loader/app-loader/app-loader';\nimport Separator from '../../../ui/separator/separator';\nimport Text from '../../../ui/text/text';\nimport { useGetTrialPricing } from '../../api/trial-pricing';\nimport { useTrialSessionContext } from '../../context/use-trial-session-context';\nimport SlideHeader from '../slide-header';\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 SessionPricing = memo(() => {\n  const { isTeacher, studentId, updateButtonState } = useTrialSessionContext();\n\n  const {\n    data: pricingData,\n    get: getTrialPricing,\n    isProcessed,\n    isProcessing,\n    isProcessingFailed,\n  } = useGetTrialPricing('trial-v3-pricing', {\n    student_id: studentId,\n  });\n\n  const fetchData = useCallback(() => {\n    if (studentId && !isProcessed) {\n      getTrialPricing('trial-v3-pricing', { student_id: studentId });\n    }\n  }, [getTrialPricing, isProcessed, studentId]);\n\n  useEffect(() => {\n    fetchData();\n  }, [fetchData]);\n\n  useEffect(() => {\n    updateButtonState('right', { isDisabled: isProcessing, isLoading: false });\n  }, [isProcessing, isTeacher, updateButtonState]);\n\n  if (isProcessing) {\n    return <AppLoader height=\"100vh\" />;\n  }\n\n  if (isProcessingFailed) {\n    return <Error height=\"100vh\" onTryAgain={fetchData} />;\n  }\n\n  if (isProcessed) {\n    return (\n      <Styled.Container>\n        <Separator height={60} />\n        <SlideHeader marginBottom={38} />\n        <Styled.PricingWrapper>\n          <FlexView\n            $width=\"100%\"\n            $flexDirection=\"row\"\n            $justifyContent=\"space-between\"\n            $flexGap={20}\n            $flexWrap\n          >\n            {pricingData &&\n              Array.isArray(pricingData) &&\n              pricingData.map((pricing, index) => {\n                const {\n                  amount,\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                } = pricing || {};\n                const {\n                  discount_duration: discountDuration,\n                  original_plan_details: originalPlanDetails,\n                } = discountDetails || {};\n                const { duration } = originalPlanDetails || {};\n\n                return (\n                  <Styled.PricingBoard\n                    key={`price-${index}`}\n                    $width={287}\n                    $height={393}\n                    $gutterX={2.5}\n                    $gapX={2.125}\n                    $justifyContent=\"space-between\"\n                  >\n                    <Styled.ImageWrapper $color={layoutPrimaryColor[index % 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}&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[index % 2] ?? 'WHITE_4'}\n                        >\n                          Get extra {discountDuration} Months FREE\n                        </Styled.OfferText>\n                      )}\n                    </div>\n\n                    <div>\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                      <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[index % 2] ?? 'WHITE_4'}\n                      >\n                        {metaText}\n                      </Styled.OfferText>\n                    )}\n                  </Styled.PricingBoard>\n                );\n              })}\n          </FlexView>\n          <Separator height={50} />\n          <Styled.PolicyWrapper>\n            <Text $renderAs=\"ab1-bold\" $color=\"GREEN_6\">\n              We have a no-questions-asked refund policy\n            </Text>\n            <Styled.RefundImageWrapper>\n              <Image\n                src={ILLUSTRATIONS.REFUND_POLICY}\n                width={168}\n                height={100}\n                withLoader={false}\n              />\n            </Styled.RefundImageWrapper>\n          </Styled.PolicyWrapper>\n        </Styled.PricingWrapper>\n      </Styled.Container>\n    );\n  }\n\n  return null;\n});\n\nexport default SessionPricing;\n"],"names":["layoutPrimaryColor","SessionPricing","memo","isTeacher","studentId","updateButtonState","useTrialSessionContext","pricingData","getTrialPricing","isProcessed","isProcessing","isProcessingFailed","useGetTrialPricing","fetchData","useCallback","useEffect","jsx","AppLoader","Error","jsxs","Styled.Container","Separator","SlideHeader","Styled.PricingWrapper","FlexView","pricing","index","amount","amountAfterCoupon","classesPerWeek","currencySymbol","discountDetails","feePerClassAfterDiscount","metaText","noOfClasses","discountDuration","originalPlanDetails","duration","Styled.PricingBoard","Styled.ImageWrapper","HangingBoardComp","Text","Styled.OfferText","Styled.PolicyWrapper","Styled.RefundImageWrapper","Image","ILLUSTRATIONS"],"mappings":"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"}
+{"version":3,"file":"pricing.js","sources":["../../../../../src/features/trial-session/comps/pricing/pricing.tsx"],"sourcesContent":["import type { TColorNames } from '../../../ui/types';\n\nimport { memo, useCallback, useEffect } from 'react';\n\nimport { ILLUSTRATIONS } from '../../../../assets/illustrations/illustrations';\nimport Error from '../../../ui/error/error';\nimport Image from '../../../ui/image/image';\nimport FlexView from '../../../ui/layout/flex-view';\nimport AppLoader from '../../../ui/loader/app-loader/app-loader';\nimport Separator from '../../../ui/separator/separator';\nimport Text from '../../../ui/text/text';\nimport { useGetTrialPricing } from '../../api/trial-pricing';\nimport { useTrialSessionContext } from '../../context/use-trial-session-context';\nimport SlideHeader from '../slide-header';\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 SessionPricing = memo(() => {\n  const { isTeacher, studentId, updateButtonState } = useTrialSessionContext();\n\n  const {\n    data: pricingData,\n    get: getTrialPricing,\n    isProcessed,\n    isProcessing,\n    isProcessingFailed,\n  } = useGetTrialPricing('trial-v3-pricing', {\n    student_id: studentId,\n  });\n\n  const fetchData = useCallback(() => {\n    if (studentId && !isProcessed) {\n      getTrialPricing('trial-v3-pricing', { student_id: studentId });\n    }\n  }, [getTrialPricing, isProcessed, studentId]);\n\n  useEffect(() => {\n    fetchData();\n  }, [fetchData]);\n\n  useEffect(() => {\n    updateButtonState('right', { isDisabled: isProcessing, isLoading: false });\n  }, [isProcessing, isTeacher, updateButtonState]);\n\n  if (isProcessing) {\n    return <AppLoader height=\"100vh\" />;\n  }\n\n  if (isProcessingFailed) {\n    return <Error height=\"100vh\" onTryAgain={fetchData} />;\n  }\n\n  if (isProcessed) {\n    return (\n      <Styled.Container>\n        <Separator height={60} />\n        <SlideHeader marginBottom={38} />\n        <Styled.PricingWrapper>\n          <FlexView\n            $width=\"100%\"\n            $flexDirection=\"row\"\n            $justifyContent=\"space-between\"\n            $flexGap={20}\n            $flexWrap\n          >\n            {pricingData &&\n              Array.isArray(pricingData) &&\n              pricingData.map((pricing, index) => {\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                } = pricing || {};\n                const {\n                  discount_duration: discountDuration,\n                  original_plan_details: originalPlanDetails,\n                } = discountDetails || {};\n                const { duration } = originalPlanDetails || {};\n\n                return (\n                  <Styled.PricingBoard\n                    key={`price-${index}`}\n                    $width={287}\n                    $height={393}\n                    $gutterX={2.5}\n                    $gapX={2.125}\n                    $justifyContent=\"space-between\"\n                  >\n                    <Styled.ImageWrapper $color={layoutPrimaryColor[index % 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[index % 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[index % 2] ?? 'WHITE_4'}\n                      >\n                        {metaText}\n                      </Styled.OfferText>\n                    )}\n                  </Styled.PricingBoard>\n                );\n              })}\n          </FlexView>\n          <Separator height={50} />\n          <Styled.PolicyWrapper>\n            <Text $renderAs=\"ab1-bold\" $color=\"GREEN_6\">\n              We have a no-questions-asked refund policy\n            </Text>\n            <Styled.RefundImageWrapper>\n              <Image\n                src={ILLUSTRATIONS.REFUND_POLICY}\n                width={168}\n                height={100}\n                withLoader={false}\n              />\n            </Styled.RefundImageWrapper>\n          </Styled.PolicyWrapper>\n        </Styled.PricingWrapper>\n      </Styled.Container>\n    );\n  }\n\n  return null;\n});\n\nexport default SessionPricing;\n"],"names":["layoutPrimaryColor","SessionPricing","memo","isTeacher","studentId","updateButtonState","useTrialSessionContext","pricingData","getTrialPricing","isProcessed","isProcessing","isProcessingFailed","useGetTrialPricing","fetchData","useCallback","useEffect","jsx","AppLoader","Error","jsxs","Styled.Container","Separator","SlideHeader","Styled.PricingWrapper","FlexView","pricing","index","amount","durationWithoutCoupon","amountAfterCoupon","classesPerWeek","currencySymbol","discountDetails","feePerClassAfterDiscount","metaText","noOfClasses","discountDuration","originalPlanDetails","duration","Styled.PricingBoard","Styled.ImageWrapper","HangingBoardComp","Text","Styled.OfferText","Styled.PolicyWrapper","Styled.RefundImageWrapper","Image","ILLUSTRATIONS"],"mappings":"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"}

package/package.json

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