@cuemath/leap 3.0.31-link.0 → 3.1.0-aa0

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

@@ -1,96 +0,0 @@
-import { jsx as n, Fragment as A, jsxs as r } from "react/jsx-runtime";
-import { useMemo as x } from "react";
-import { ILLUSTRATIONS as I } from "../../../../../assets/illustrations/illustrations.js";
-import c from "../../../../ui/layout/flex-view.js";
-import s from "../../../../ui/separator/separator.js";
-import i from "../../../../ui/text/text.js";
-import { CardContainer as L, CardBoard as P, ClipImage as T, BoardHole as w, CardBoardContent as D, DiscountTag as M } from "./india-pricing-styled.js";
-const $ = (o) => "duration" in o && "class_ratio" in o, O = (o, a) => a === 1 ? `YELLOW_${o + 1}` : `GREEN_${o + 1}`, k = (o) => {
-  const { plans: a } = o, { oneVsOnePlan: f, oneVsTowPlan: m } = x(
-    () => ({
-      oneVsOnePlan: a.filter(
-        (e) => $(e) && e.class_ratio === 1
-      ).sort((e, t) => e.duration - t.duration),
-      oneVsTowPlan: a.filter(
-        (e) => $(e) && e.class_ratio === 2
-      ).sort((e, t) => e.duration - t.duration)
-    }),
-    [a]
-  );
-  return /* @__PURE__ */ n(A, { children: [f, m].map((e, t) => /* @__PURE__ */ r(L, { children: [
-    /* @__PURE__ */ n(s, { height: 12 }),
-    /* @__PURE__ */ r(P, { children: [
-      /* @__PURE__ */ n(T, { src: I.ELLIPSE_CLIP }),
-      /* @__PURE__ */ n(
-        w,
-        {
-          $height: 10,
-          $width: 10,
-          $borderRadius: 5,
-          $background: "BLACK_1",
-          $position: "absolute"
-        }
-      )
-    ] }),
-    /* @__PURE__ */ r(D, { children: [
-      /* @__PURE__ */ n(s, { height: 10 }),
-      /* @__PURE__ */ r(i, { $renderAs: "ac1", $align: "center", children: [
-        "1:",
-        t + 1
-      ] }),
-      /* @__PURE__ */ n(s, { height: 5 }),
-      e.map((g, p) => {
-        const {
-          amount: l,
-          duration: u,
-          class_ratio: _,
-          no_of_classes: b,
-          currency_symbol: d,
-          amount_after_coupon: h,
-          fee_per_class_after_discount: C
-        } = g;
-        return /* @__PURE__ */ r(
-          c,
-          {
-            $gap: 14,
-            $gutter: 40,
-            $background: O(p, _),
-            children: [
-              /* @__PURE__ */ r(c, { $flexDirection: "row", $flexGap: 12, $alignItems: "center", children: [
-                /* @__PURE__ */ r(i, { $renderAs: "ac3-black", children: [
-                  u,
-                  " MONTHS"
-                ] }),
-                /* @__PURE__ */ r(M, { $renderAs: "ub3-bold", children: [
-                  Math.round((l - h) / l * 100),
-                  "% off"
-                ] })
-              ] }),
-              /* @__PURE__ */ n(s, { height: 4 }),
-              /* @__PURE__ */ r(c, { $flexDirection: "row", $flexGap: 12, $alignItems: "center", children: [
-                /* @__PURE__ */ n(i, { $renderAs: "ab2", $color: "BLACK_T_60", $textDecoration: "line-through", children: d + Math.round(l) }),
-                /* @__PURE__ */ n(i, { $renderAs: "ab1-bold", children: d + Math.round(h) })
-              ] }),
-              /* @__PURE__ */ r(c, { $flexDirection: "row", $flexGap: 2, $alignItems: "center", children: [
-                /* @__PURE__ */ r(i, { $renderAs: "ub2", children: [
-                  b,
-                  " classes @"
-                ] }),
-                /* @__PURE__ */ r(i, { $renderAs: "ub2-bold", children: [
-                  d + Math.round(C),
-                  "/class"
-                ] })
-              ] }),
-              /* @__PURE__ */ n(s, { height: 4 })
-            ]
-          },
-          `ind-pricing-${u}`
-        );
-      })
-    ] })
-  ] }, `plan-${t}`)) });
-};
-export {
-  k as default
-};
-//# sourceMappingURL=index.js.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"index.js","sources":["../../../../../../src/features/trial-session/comps/pricing/india-pricing/index.tsx"],"sourcesContent":["import type { TColorNames } from '../../../../ui/types';\nimport type {\n  IPricingIndiaProps,\n  TPricingDetails,\n  TLowIntentPricingDetails,\n} from '../pricing-typed';\n\nimport React, { useMemo } from 'react';\n\nimport { ILLUSTRATIONS } from '../../../../../assets/illustrations/illustrations';\nimport FlexView from '../../../../ui/layout/flex-view';\nimport Separator from '../../../../ui/separator/separator';\nimport Text from '../../../../ui/text/text';\nimport * as Styled from './india-pricing-styled';\n\nconst isPricingDetails = (\n  plan: TPricingDetails | TLowIntentPricingDetails,\n): plan is TPricingDetails => {\n  return 'duration' in plan && 'class_ratio' in plan;\n};\n\nconst getColorIndex = (index: number, ratio?: 1 | 2): TColorNames => {\n  if (ratio === 1) return `YELLOW_${(index + 1) as 1 | 2 | 3 | 4 | 5 | 6}`;\n\n  return `GREEN_${(index + 1) as 1 | 2 | 3 | 4 | 5 | 6}`;\n};\n\nconst PricingIndia: React.FC<IPricingIndiaProps> = props => {\n  const { plans } = props;\n  const { oneVsOnePlan, oneVsTowPlan } = useMemo(\n    () => ({\n      oneVsOnePlan: plans\n        .filter(\n          (element): element is TPricingDetails =>\n            isPricingDetails(element) && element.class_ratio === 1,\n        )\n        .sort((a, b) => a.duration - b.duration),\n      oneVsTowPlan: plans\n        .filter(\n          (element): element is TPricingDetails =>\n            isPricingDetails(element) && element.class_ratio === 2,\n        )\n        .sort((a, b) => a.duration - b.duration),\n    }),\n    [plans],\n  );\n\n  return (\n    <>\n      {[oneVsOnePlan, oneVsTowPlan].map((plan, planIndex) => (\n        <Styled.CardContainer key={`plan-${planIndex}`}>\n          <Separator height={12} />\n          <Styled.CardBoard>\n            <Styled.ClipImage src={ILLUSTRATIONS.ELLIPSE_CLIP} />\n            <Styled.BoardHole\n              $height={10}\n              $width={10}\n              $borderRadius={5}\n              $background=\"BLACK_1\"\n              $position=\"absolute\"\n            />\n          </Styled.CardBoard>\n          <Styled.CardBoardContent>\n            <Separator height={10} />\n            <Text $renderAs=\"ac1\" $align=\"center\">\n              1:{planIndex + 1}\n            </Text>\n            <Separator height={5} />\n            {plan.map((planConfig, index) => {\n              const {\n                amount,\n                duration,\n                class_ratio: classRatio,\n                no_of_classes: noOfClasses,\n                currency_symbol: currencySymbol,\n                amount_after_coupon: amountAfterCoupon,\n                fee_per_class_after_discount: feePerClassAfterDiscount,\n              } = planConfig;\n\n              return (\n                <FlexView\n                  key={`ind-pricing-${duration}`}\n                  $gap={14}\n                  $gutter={40}\n                  $background={getColorIndex(index, classRatio)}\n                >\n                  <FlexView $flexDirection=\"row\" $flexGap={12} $alignItems=\"center\">\n                    <Text $renderAs=\"ac3-black\">{duration} MONTHS</Text>\n                    <Styled.DiscountTag $renderAs=\"ub3-bold\">\n                      {Math.round(((amount - amountAfterCoupon) / amount) * 100)}% off\n                    </Styled.DiscountTag>\n                  </FlexView>\n                  <Separator height={4} />\n                  <FlexView $flexDirection=\"row\" $flexGap={12} $alignItems=\"center\">\n                    <Text $renderAs=\"ab2\" $color=\"BLACK_T_60\" $textDecoration=\"line-through\">\n                      {currencySymbol + Math.round(amount)}\n                    </Text>\n                    <Text $renderAs=\"ab1-bold\">\n                      {currencySymbol + Math.round(amountAfterCoupon)}\n                    </Text>\n                  </FlexView>\n                  <FlexView $flexDirection=\"row\" $flexGap={2} $alignItems=\"center\">\n                    <Text $renderAs=\"ub2\">{noOfClasses} classes @</Text>\n                    <Text $renderAs=\"ub2-bold\">\n                      {currencySymbol + Math.round(feePerClassAfterDiscount)}/class\n                    </Text>\n                  </FlexView>\n                  <Separator height={4} />\n                </FlexView>\n              );\n            })}\n          </Styled.CardBoardContent>\n        </Styled.CardContainer>\n      ))}\n    </>\n  );\n};\n\nexport default PricingIndia;\n"],"names":["isPricingDetails","plan","getColorIndex","index","ratio","PricingIndia","props","plans","oneVsOnePlan","oneVsTowPlan","useMemo","element","a","b","jsx","Fragment","planIndex","jsxs","Styled.CardContainer","Separator","Styled.CardBoard","Styled.ClipImage","ILLUSTRATIONS","Styled.BoardHole","Styled.CardBoardContent","Text","planConfig","amount","duration","classRatio","noOfClasses","currencySymbol","amountAfterCoupon","feePerClassAfterDiscount","FlexView","Styled.DiscountTag"],"mappings":"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"}

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

@@ -1,59 +0,0 @@
-import t from "styled-components";
-import r from "../../../../ui/layout/flex-view.js";
-import i from "../../../../ui/text/text.js";
-const n = t.div`
-  max-width: 290px;
-`, s = t.div(
-  ({ theme: o }) => `
-    width: 0;
-    height: 0;
-    border-left: 145px solid transparent;
-    border-right: 145px solid transparent;
-    border-bottom: 30px solid ${o.colors.BLACK_1};
-    position: relative;
-    &::after {
-    content: '';
-    position: absolute;
-    top: 1px;
-    left: -145px;
-    width: 0;
-    height: 0;
-    border-left: 145px solid transparent;
-    border-right: 145px solid transparent;
-    border-bottom: 30px solid ${o.colors.WHITE_1};
-  }
-  `
-), a = t.div(
-  ({ theme: o }) => `
-   border: 1px solid ${o.colors.BLACK_1};
-   background:  ${o.colors.WHITE_1};
-   border-top: none;
-  `
-), l = t(i)(
-  ({ theme: o }) => `
-    background-color: ${o.colors.WHITE_T_60};
-    padding: 2px 4px;
-`
-), x = t.img`
-  position: absolute;
-  z-index: 1;
-  top: -10px;
-  left: 50%;
-  transform: translateX(-50%);
-  overflow: auto;
-  height: 34px;
-  width: 16.381px;
-`, c = t(r)`
-  z-index: 2;
-  top: 15px;
-  left: -5px;
-`;
-export {
-  c as BoardHole,
-  s as CardBoard,
-  a as CardBoardContent,
-  n as CardContainer,
-  x as ClipImage,
-  l as DiscountTag
-};
-//# sourceMappingURL=india-pricing-styled.js.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"india-pricing-styled.js","sources":["../../../../../../src/features/trial-session/comps/pricing/india-pricing/india-pricing-styled.tsx"],"sourcesContent":["import styled from 'styled-components';\n\nimport FlexView from '../../../../ui/layout/flex-view';\nimport Text from '../../../../ui/text/text';\n\nconst CardContainer = styled.div`\n  max-width: 290px;\n`;\n\nconst CardBoard = styled.div(\n  ({ theme }) => `\n    width: 0;\n    height: 0;\n    border-left: 145px solid transparent;\n    border-right: 145px solid transparent;\n    border-bottom: 30px solid ${theme.colors.BLACK_1};\n    position: relative;\n    &::after {\n    content: '';\n    position: absolute;\n    top: 1px;\n    left: -145px;\n    width: 0;\n    height: 0;\n    border-left: 145px solid transparent;\n    border-right: 145px solid transparent;\n    border-bottom: 30px solid ${theme.colors.WHITE_1};\n  }\n  `,\n);\n\nconst CardBoardContent = styled.div(\n  ({ theme }) => `\n   border: 1px solid ${theme.colors.BLACK_1};\n   background:  ${theme.colors.WHITE_1};\n   border-top: none;\n  `,\n);\n\nconst DiscountTag = styled(Text)(\n  ({ theme }) => `\n    background-color: ${theme.colors.WHITE_T_60};\n    padding: 2px 4px;\n`,\n);\n\nconst ClipImage = styled.img`\n  position: absolute;\n  z-index: 1;\n  top: -10px;\n  left: 50%;\n  transform: translateX(-50%);\n  overflow: auto;\n  height: 34px;\n  width: 16.381px;\n`;\n\nconst BoardHole = styled(FlexView)`\n  z-index: 2;\n  top: 15px;\n  left: -5px;\n`;\n\nexport { CardContainer, CardBoard, CardBoardContent, DiscountTag, ClipImage, BoardHole };\n"],"names":["CardContainer","styled","CardBoard","theme","CardBoardContent","DiscountTag","Text","ClipImage","BoardHole","FlexView"],"mappings":";;;AAKA,MAAMA,IAAgBC,EAAO;AAAA;AAAA,GAIvBC,IAAYD,EAAO;AAAA,EACvB,CAAC,EAAE,OAAAE,EAAA,MAAY;AAAA;AAAA;AAAA;AAAA;AAAA,gCAKeA,EAAM,OAAO,OAAO;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,gCAWpBA,EAAM,OAAO,OAAO;AAAA;AAAA;AAGpD,GAEMC,IAAmBH,EAAO;AAAA,EAC9B,CAAC,EAAE,OAAAE,EAAA,MAAY;AAAA,uBACMA,EAAM,OAAO,OAAO;AAAA,kBACzBA,EAAM,OAAO,OAAO;AAAA;AAAA;AAGtC,GAEME,IAAcJ,EAAOK,CAAI;AAAA,EAC7B,CAAC,EAAE,OAAAH,EAAA,MAAY;AAAA,wBACOA,EAAM,OAAO,UAAU;AAAA;AAAA;AAG/C,GAEMI,IAAYN,EAAO;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,GAWnBO,IAAYP,EAAOQ,CAAQ;AAAA;AAAA;AAAA;AAAA;"}

package/dist/static/ellipse-clip.dfb25608.svg

@@ -1 +0,0 @@
-<svg width="18" height="36" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M2.62641 6.32896C3.98628 3.38256 6.10968 1 8.88071 1C11.6517 1 13.7751 3.38256 15.135 6.32896C16.5425 9.3785 17.3807 13.5061 17.3807 18C17.3807 22.4939 16.5425 26.6215 15.135 29.671C13.7751 32.6174 11.6517 35 8.88071 35V32.5714C10.1335 32.5714 11.6529 31.4202 12.93 28.6533C14.1594 25.9896 14.9521 22.2243 14.9521 18C14.9521 13.7757 14.1594 10.0104 12.93 7.34667C11.6529 4.57976 10.1335 3.42857 8.88071 3.42857C7.62794 3.42857 6.10849 4.57976 4.83145 7.34667C4.45504 8.16222 4.11957 9.08102 3.83525 10.0846C3.79647 10.2215 3.75864 10.36 3.72178 10.5L3.5 11L1 11.5C1.38463 9.57358 1.93728 7.82206 2.62641 6.32896Z" fill="black" fill-opacity="0.6" stroke="#0D0D0D"/></svg>