@cuemath/leap 3.1.6-j1 → 3.1.7-aa0

package/dist/features/milestone/milestone-list-container/milestone-list-container.js.map

@@ -1 +1 @@
-{"version":3,"file":"milestone-list-container.js","sources":["../../../../src/features/milestone/milestone-list-container/milestone-list-container.tsx"],"sourcesContent":["import type {\n  IMilestoneContainerProps,\n  IMilestoneListQueryParams,\n} from './milestone-list-container-types';\nimport type { IMilestoneData } from './milestone-list/milestone-list-types';\n\nimport { titleCase } from 'humanize-plus';\nimport React, { memo, useCallback, useEffect, useMemo, useState } from 'react';\n\nimport { ILLUSTRATIONS } from '../../../assets/illustrations/illustrations';\nimport { EVENTS } from '../../communication/pub-sub/constants';\nimport { useInClassActionListener } from '../../communication/pub-sub/hooks';\nimport { invalidateHomeworks } from '../../homework/hw-card-list/api/get-homeworks';\nimport Separator from '../../ui/separator/separator';\nimport { invalidateMilestoneResources } from './api/get-milestone-resources';\nimport { useGetAllMilestonesdata, invalidateMilestonesData } from './api/get-milestones';\nimport { invalidateTestHelpData } from './api/get-tests-list';\nimport FilterMilestones from './filter-milestones';\nimport MilestoneList from './milestone-list/milestone-list';\nimport MilestoneLoader from './milestone-list/milestone-loader/milestone-loader';\nimport * as Styled from './styled';\n\nconst invalidateAllMilestones = (queryParams: IMilestoneListQueryParams) => {\n  invalidateMilestonesData(queryParams);\n};\n\nconst MilestoneListContainer: React.FC<IMilestoneContainerProps> = memo(\n  ({ studentName, studentId, studentClassroomId, ...restMilestoneListContainerProps }) => {\n    const {\n      milestoneType,\n      isStudentPresent,\n      isClassOngoing,\n      userType,\n      canCreatePlan,\n      teacherName,\n      parentName,\n      courseStream,\n      activeMilestoneId,\n      activeTabId,\n      onExpandPastMilestones,\n      onAddOutcome,\n      onChapterClick,\n      onEdit,\n      onCreateMilestoneTest,\n      onDraftPublish,\n      onAddChapter,\n      onCreatePlan,\n      onDelete,\n      onAssignResources,\n      onNodeAttempt,\n      onNodeView,\n      onNodeReview,\n      onNodeReattempt,\n      onNodeReset,\n      onNodeUnassign,\n      onTestPreview,\n      onTestReview,\n      onTestStart,\n      onWidgetTabSelection,\n      onNodeAssignAsHomework,\n    } = restMilestoneListContainerProps;\n\n    const queryParams: IMilestoneListQueryParams = useMemo(\n      () =>\n        ({\n          milestone_state_group:\n            milestoneType === 'ACTIVE'\n              ? userType === 'TEACHER'\n                ? 'LIVE'\n                : 'STUDENT_LIVE'\n              : milestoneType,\n          course_stream: courseStream,\n          student_id: studentId,\n        }) as const,\n      [milestoneType, courseStream, studentId, userType],\n    );\n\n    const {\n      data: milestoneData,\n      getAll: getMilestoneData,\n      isStale: isMilestoneDataStale,\n      isProcessing: isMilestoneProcessing,\n    } = useGetAllMilestonesdata(queryParams);\n\n    const [filteredMilestones, setFilteredMilestones] = useState<IMilestoneData[] | undefined>();\n    const [isFiltersAdded, setIsFiltersAdded] = useState<boolean>(false);\n\n    const handleFilterMilestones = useCallback(\n      (data: { searchText?: string; selectedBoard?: string; selectedGrade?: string }) => {\n        const { searchText, selectedBoard, selectedGrade } = data || {};\n\n        if (searchText || selectedBoard || selectedGrade) {\n          setIsFiltersAdded(true);\n        }\n\n        const filteredData = milestoneData?.filter(item => {\n          const { milestone_name: milestoneName, board, grade } = item || {};\n          const matchesSearchText = searchText\n            ? milestoneName.toLowerCase().includes(searchText.toLowerCase())\n            : true;\n          const matchesCurriculum = selectedBoard ? board === selectedBoard : true;\n          const matchesGrade = selectedGrade ? grade === selectedGrade : true;\n\n          return matchesSearchText && matchesCurriculum && matchesGrade;\n        });\n\n        setFilteredMilestones(filteredData);\n      },\n      [milestoneData],\n    );\n\n    const handleClearFilter = () => {\n      setIsFiltersAdded(false);\n      setFilteredMilestones(undefined);\n    };\n\n    useInClassActionListener(\n      {\n        studentClassroomId,\n        actions: [\n          [EVENTS.CHAPTER_UPDATED],\n          [EVENTS.LESSONS_MARKED_AS_FAMILIAR],\n          [EVENTS.LESSONS_MARKED_AS_IRRELEVANT],\n          [EVENTS.LESSONS_PROGRESS_RESET],\n          [EVENTS.UNLOCK_SHEETS],\n          [EVENTS.EXTRA_PRACTICE_ASSIGNED],\n          [EVENTS.MILESTONE_DATE_UPDATED],\n          [EVENTS.MILESTONE_DELETED],\n          [EVENTS.MILESTONE_NAME_UPDATED],\n          [EVENTS.MILESTONE_EDITED],\n          [EVENTS.MILESTONE_RESOURCE_ASSIGNED],\n          [EVENTS.MILESTONE_RESOURCE_UNASSIGNED],\n          [EVENTS.MILESTONE_RESOURCE_RESET],\n          [EVENTS.SHEET_UNASSIGNED],\n          [EVENTS.GOAL_CREATED],\n          [EVENTS.GOAL_EDITED],\n          [EVENTS.GOAL_DELETED],\n          [EVENTS.GOAL_OUTCOME_ADDED],\n          [EVENTS.PAST_MILESTONE_OUTCOME_ADDED],\n          [EVENTS.MILESTONE_TEST_ASSIGNED],\n          [EVENTS.SHEET_MARKED_AS_REVIEWED],\n        ],\n        callback: messages => {\n          const milestoneResourceEventPayload = messages.find(\n            message =>\n              message.eventName === EVENTS.MILESTONE_RESOURCE_ASSIGNED ||\n              message.eventName === EVENTS.MILESTONE_RESOURCE_UNASSIGNED ||\n              message.eventName === EVENTS.MILESTONE_RESOURCE_RESET ||\n              message.eventName === EVENTS.SHEET_MARKED_AS_REVIEWED,\n          )?.eventPayload;\n          const milestoneTestEventPayload = messages.find(\n            message =>\n              message.eventName === EVENTS.MILESTONE_TEST_ASSIGNED ||\n              message.eventName === EVENTS.MILESTONE_RESOURCE_RESET,\n          )?.eventPayload;\n\n          if (milestoneResourceEventPayload) {\n            const { milestoneId: resourceMilestoneId } =\n              (milestoneResourceEventPayload as { milestoneId: string }) || {};\n\n            invalidateHomeworks(studentId);\n            invalidateMilestoneResources(resourceMilestoneId);\n          }\n\n          if (milestoneTestEventPayload) {\n            const { milestoneId } = milestoneTestEventPayload as { milestoneId: string };\n\n            invalidateHomeworks(studentId);\n            invalidateTestHelpData(milestoneId);\n          }\n\n          invalidateAllMilestones(queryParams);\n        },\n      },\n      (milestoneType === 'ACTIVE' || milestoneType === 'INACTIVE') && isStudentPresent,\n    );\n\n    useEffect(() => {\n      getMilestoneData(queryParams);\n    }, [getMilestoneData, queryParams]);\n\n    useEffect(() => {\n      if (!isMilestoneProcessing && isMilestoneDataStale) {\n        getMilestoneData(queryParams);\n      }\n    }, [getMilestoneData, queryParams, isMilestoneDataStale, isMilestoneProcessing]);\n\n    if (isMilestoneProcessing && !milestoneData) {\n      return <MilestoneLoader numMilestones={2} />;\n    }\n\n    const showFilters = milestoneType === 'ACTIVE' && milestoneData && milestoneData.length > 6;\n\n    return (\n      <Styled.ContentWrapper $disablePointerEvents={isMilestoneProcessing}>\n        {isMilestoneProcessing && (\n          <Styled.LoaderWrapper>\n            <img src={ILLUSTRATIONS.LOADER_1} alt=\"loading\" />\n          </Styled.LoaderWrapper>\n        )}\n        {showFilters && (\n          <>\n            <FilterMilestones\n              filteredMilestones={filteredMilestones}\n              milestones={milestoneData}\n              handleFilterMilestones={handleFilterMilestones}\n              handleClearFilter={handleClearFilter}\n            />\n            <Separator heightX={1.5} />\n          </>\n        )}\n\n        <MilestoneList\n          showFilters={!!showFilters}\n          canCreatePlan={canCreatePlan}\n          isClassOngoing={isClassOngoing}\n          isFiltersAdded={isFiltersAdded}\n          isStudentPresent={isStudentPresent}\n          milestoneType={milestoneType}\n          milestones={isFiltersAdded ? filteredMilestones : milestoneData}\n          onAddChapter={onAddChapter}\n          onAddOutcome={onAddOutcome}\n          onChapterClick={onChapterClick}\n          onCreatePlan={onCreatePlan}\n          onDelete={onDelete}\n          onDraftPublish={onDraftPublish}\n          onEdit={onEdit}\n          onExpandPastMilestones={onExpandPastMilestones}\n          onCreateMilestoneTest={onCreateMilestoneTest}\n          onAssignResources={onAssignResources}\n          onTestPreview={onTestPreview}\n          onTestReview={onTestReview}\n          onTestStart={onTestStart}\n          onNodeAttempt={onNodeAttempt}\n          onNodeView={onNodeView}\n          onNodeReview={onNodeReview}\n          onNodeReattempt={onNodeReattempt}\n          onNodeReset={onNodeReset}\n          onNodeUnassign={onNodeUnassign}\n          onNodeAssignAsHomework={onNodeAssignAsHomework}\n          activeMilestoneId={activeMilestoneId}\n          activeTabId={activeTabId}\n          onWidgetTabSelection={onWidgetTabSelection}\n          studentId={studentId}\n          studentName={titleCase(studentName)}\n          teacherName={teacherName}\n          parentName={parentName}\n          userType={userType}\n          courseStream={courseStream}\n        />\n      </Styled.ContentWrapper>\n    );\n  },\n);\n\nexport default MilestoneListContainer;\n"],"names":["invalidateAllMilestones","queryParams","invalidateMilestonesData","MilestoneListContainer","memo","studentName","studentId","studentClassroomId","restMilestoneListContainerProps","milestoneType","isStudentPresent","isClassOngoing","userType","canCreatePlan","teacherName","parentName","courseStream","activeMilestoneId","activeTabId","onExpandPastMilestones","onAddOutcome","onChapterClick","onEdit","onCreateMilestoneTest","onDraftPublish","onAddChapter","onCreatePlan","onDelete","onAssignResources","onNodeAttempt","onNodeView","onNodeReview","onNodeReattempt","onNodeReset","onNodeUnassign","onTestPreview","onTestReview","onTestStart","onWidgetTabSelection","onNodeAssignAsHomework","useMemo","milestoneData","getMilestoneData","isMilestoneDataStale","isMilestoneProcessing","useGetAllMilestonesdata","filteredMilestones","setFilteredMilestones","useState","isFiltersAdded","setIsFiltersAdded","handleFilterMilestones","useCallback","data","searchText","selectedBoard","selectedGrade","filteredData","item","milestoneName","board","grade","handleClearFilter","useInClassActionListener","EVENTS","messages","milestoneResourceEventPayload","_a","message","milestoneTestEventPayload","_b","resourceMilestoneId","invalidateHomeworks","invalidateMilestoneResources","milestoneId","invalidateTestHelpData","useEffect","jsx","MilestoneLoader","showFilters","jsxs","Styled.ContentWrapper","Styled.LoaderWrapper","ILLUSTRATIONS","Fragment","FilterMilestones","Separator","MilestoneList","titleCase","MilestoneListContainer$1"],"mappings":"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"}
+{"version":3,"file":"milestone-list-container.js","sources":["../../../../src/features/milestone/milestone-list-container/milestone-list-container.tsx"],"sourcesContent":["import type {\n  IMilestoneContainerProps,\n  IMilestoneListQueryParams,\n} from './milestone-list-container-types';\nimport type { IMilestoneData } from './milestone-list/milestone-list-types';\n\nimport { titleCase } from 'humanize-plus';\nimport React, { memo, useCallback, useEffect, useMemo, useState } from 'react';\n\nimport { ILLUSTRATIONS } from '../../../assets/illustrations/illustrations';\nimport { EVENTS } from '../../communication/pub-sub/constants';\nimport { useInClassActionListener } from '../../communication/pub-sub/hooks';\nimport { invalidateHomeworks } from '../../homework/hw-card-list/api/get-homeworks';\nimport Separator from '../../ui/separator/separator';\nimport { invalidateMilestoneResources } from './api/get-milestone-resources';\nimport { useGetAllMilestonesdata, invalidateMilestonesData } from './api/get-milestones';\nimport { invalidatePastMilestoneCount } from './api/get-past-milestone-count';\nimport { invalidateTestHelpData } from './api/get-tests-list';\nimport FilterMilestones from './filter-milestones';\nimport MilestoneList from './milestone-list/milestone-list';\nimport MilestoneLoader from './milestone-list/milestone-loader/milestone-loader';\nimport * as Styled from './styled';\n\nconst invalidateAllMilestones = (queryParams: IMilestoneListQueryParams) => {\n  invalidateMilestonesData(queryParams);\n  invalidatePastMilestoneCount(queryParams.student_id);\n};\n\nconst MilestoneListContainer: React.FC<IMilestoneContainerProps> = memo(\n  ({ studentName, studentId, studentClassroomId, ...restMilestoneListContainerProps }) => {\n    const {\n      milestoneType,\n      isStudentPresent,\n      isClassOngoing,\n      userType,\n      canCreatePlan,\n      teacherName,\n      parentName,\n      courseStream,\n      activeMilestoneId,\n      activeTabId,\n      onExpandPastMilestones,\n      onAddOutcome,\n      onChapterClick,\n      onEdit,\n      onCreateMilestoneTest,\n      onDraftPublish,\n      onAddChapter,\n      onCreatePlan,\n      onDelete,\n      onAssignResources,\n      onNodeAttempt,\n      onNodeView,\n      onNodeReview,\n      onNodeReattempt,\n      onNodeReset,\n      onNodeUnassign,\n      onTestPreview,\n      onTestReview,\n      onTestStart,\n      onWidgetTabSelection,\n      onNodeAssignAsHomework,\n    } = restMilestoneListContainerProps;\n\n    const queryParams: IMilestoneListQueryParams = useMemo(\n      () =>\n        ({\n          milestone_state_group:\n            milestoneType === 'ACTIVE'\n              ? userType === 'TEACHER'\n                ? 'LIVE'\n                : 'STUDENT_LIVE'\n              : milestoneType,\n          course_stream: courseStream,\n          student_id: studentId,\n        }) as const,\n      [milestoneType, courseStream, studentId, userType],\n    );\n\n    const {\n      data: milestoneData,\n      getAll: getMilestoneData,\n      isStale: isMilestoneDataStale,\n      isProcessing: isMilestoneProcessing,\n    } = useGetAllMilestonesdata(queryParams);\n\n    const [filteredMilestones, setFilteredMilestones] = useState<IMilestoneData[] | undefined>();\n    const [isFiltersAdded, setIsFiltersAdded] = useState<boolean>(false);\n\n    const handleFilterMilestones = useCallback(\n      (data: { searchText?: string; selectedBoard?: string; selectedGrade?: string }) => {\n        const { searchText, selectedBoard, selectedGrade } = data || {};\n\n        if (searchText || selectedBoard || selectedGrade) {\n          setIsFiltersAdded(true);\n        }\n\n        const filteredData = milestoneData?.filter(item => {\n          const { milestone_name: milestoneName, board, grade } = item || {};\n          const matchesSearchText = searchText\n            ? milestoneName.toLowerCase().includes(searchText.toLowerCase())\n            : true;\n          const matchesCurriculum = selectedBoard ? board === selectedBoard : true;\n          const matchesGrade = selectedGrade ? grade === selectedGrade : true;\n\n          return matchesSearchText && matchesCurriculum && matchesGrade;\n        });\n\n        setFilteredMilestones(filteredData);\n      },\n      [milestoneData],\n    );\n\n    const handleClearFilter = () => {\n      setIsFiltersAdded(false);\n      setFilteredMilestones(undefined);\n    };\n\n    useInClassActionListener(\n      {\n        studentClassroomId,\n        actions: [\n          [EVENTS.CHAPTER_UPDATED],\n          [EVENTS.LESSONS_MARKED_AS_FAMILIAR],\n          [EVENTS.LESSONS_MARKED_AS_IRRELEVANT],\n          [EVENTS.LESSONS_PROGRESS_RESET],\n          [EVENTS.UNLOCK_SHEETS],\n          [EVENTS.EXTRA_PRACTICE_ASSIGNED],\n          [EVENTS.MILESTONE_DATE_UPDATED],\n          [EVENTS.MILESTONE_DELETED],\n          [EVENTS.MILESTONE_NAME_UPDATED],\n          [EVENTS.MILESTONE_EDITED],\n          [EVENTS.MILESTONE_RESOURCE_ASSIGNED],\n          [EVENTS.MILESTONE_RESOURCE_UNASSIGNED],\n          [EVENTS.MILESTONE_RESOURCE_RESET],\n          [EVENTS.SHEET_UNASSIGNED],\n          [EVENTS.GOAL_CREATED],\n          [EVENTS.GOAL_EDITED],\n          [EVENTS.GOAL_DELETED],\n          [EVENTS.GOAL_OUTCOME_ADDED],\n          [EVENTS.PAST_MILESTONE_OUTCOME_ADDED],\n          [EVENTS.MILESTONE_TEST_ASSIGNED],\n          [EVENTS.SHEET_MARKED_AS_REVIEWED],\n        ],\n        callback: messages => {\n          const milestoneResourceEventPayload = messages.find(\n            message =>\n              message.eventName === EVENTS.MILESTONE_RESOURCE_ASSIGNED ||\n              message.eventName === EVENTS.MILESTONE_RESOURCE_UNASSIGNED ||\n              message.eventName === EVENTS.MILESTONE_RESOURCE_RESET ||\n              message.eventName === EVENTS.SHEET_MARKED_AS_REVIEWED,\n          )?.eventPayload;\n          const milestoneTestEventPayload = messages.find(\n            message =>\n              message.eventName === EVENTS.MILESTONE_TEST_ASSIGNED ||\n              message.eventName === EVENTS.MILESTONE_RESOURCE_RESET,\n          )?.eventPayload;\n\n          if (milestoneResourceEventPayload) {\n            const { milestoneId: resourceMilestoneId } =\n              (milestoneResourceEventPayload as { milestoneId: string }) || {};\n\n            invalidateHomeworks(studentId);\n            invalidateMilestoneResources(resourceMilestoneId);\n          }\n\n          if (milestoneTestEventPayload) {\n            const { milestoneId } = milestoneTestEventPayload as { milestoneId: string };\n\n            invalidateHomeworks(studentId);\n            invalidateTestHelpData(milestoneId);\n          }\n\n          invalidateAllMilestones(queryParams);\n        },\n      },\n      (milestoneType === 'ACTIVE' || milestoneType === 'INACTIVE') && isStudentPresent,\n    );\n\n    useEffect(() => {\n      getMilestoneData(queryParams);\n    }, [getMilestoneData, queryParams]);\n\n    useEffect(() => {\n      if (!isMilestoneProcessing && isMilestoneDataStale) {\n        getMilestoneData(queryParams);\n      }\n    }, [getMilestoneData, queryParams, isMilestoneDataStale, isMilestoneProcessing]);\n\n    if (isMilestoneProcessing && !milestoneData) {\n      return <MilestoneLoader numMilestones={2} />;\n    }\n\n    const showFilters = milestoneType === 'ACTIVE' && milestoneData && milestoneData.length > 6;\n\n    return (\n      <Styled.ContentWrapper $disablePointerEvents={isMilestoneProcessing}>\n        {isMilestoneProcessing && (\n          <Styled.LoaderWrapper>\n            <img src={ILLUSTRATIONS.LOADER_1} alt=\"loading\" />\n          </Styled.LoaderWrapper>\n        )}\n        {showFilters && (\n          <>\n            <FilterMilestones\n              filteredMilestones={filteredMilestones}\n              milestones={milestoneData}\n              handleFilterMilestones={handleFilterMilestones}\n              handleClearFilter={handleClearFilter}\n            />\n            <Separator heightX={1.5} />\n          </>\n        )}\n\n        <MilestoneList\n          showFilters={!!showFilters}\n          canCreatePlan={canCreatePlan}\n          isClassOngoing={isClassOngoing}\n          isFiltersAdded={isFiltersAdded}\n          isStudentPresent={isStudentPresent}\n          milestoneType={milestoneType}\n          milestones={isFiltersAdded ? filteredMilestones : milestoneData}\n          onAddChapter={onAddChapter}\n          onAddOutcome={onAddOutcome}\n          onChapterClick={onChapterClick}\n          onCreatePlan={onCreatePlan}\n          onDelete={onDelete}\n          onDraftPublish={onDraftPublish}\n          onEdit={onEdit}\n          onExpandPastMilestones={onExpandPastMilestones}\n          onCreateMilestoneTest={onCreateMilestoneTest}\n          onAssignResources={onAssignResources}\n          onTestPreview={onTestPreview}\n          onTestReview={onTestReview}\n          onTestStart={onTestStart}\n          onNodeAttempt={onNodeAttempt}\n          onNodeView={onNodeView}\n          onNodeReview={onNodeReview}\n          onNodeReattempt={onNodeReattempt}\n          onNodeReset={onNodeReset}\n          onNodeUnassign={onNodeUnassign}\n          onNodeAssignAsHomework={onNodeAssignAsHomework}\n          activeMilestoneId={activeMilestoneId}\n          activeTabId={activeTabId}\n          onWidgetTabSelection={onWidgetTabSelection}\n          studentId={studentId}\n          studentName={titleCase(studentName)}\n          teacherName={teacherName}\n          parentName={parentName}\n          userType={userType}\n          courseStream={courseStream}\n        />\n      </Styled.ContentWrapper>\n    );\n  },\n);\n\nexport default MilestoneListContainer;\n"],"names":["invalidateAllMilestones","queryParams","invalidateMilestonesData","invalidatePastMilestoneCount","MilestoneListContainer","memo","studentName","studentId","studentClassroomId","restMilestoneListContainerProps","milestoneType","isStudentPresent","isClassOngoing","userType","canCreatePlan","teacherName","parentName","courseStream","activeMilestoneId","activeTabId","onExpandPastMilestones","onAddOutcome","onChapterClick","onEdit","onCreateMilestoneTest","onDraftPublish","onAddChapter","onCreatePlan","onDelete","onAssignResources","onNodeAttempt","onNodeView","onNodeReview","onNodeReattempt","onNodeReset","onNodeUnassign","onTestPreview","onTestReview","onTestStart","onWidgetTabSelection","onNodeAssignAsHomework","useMemo","milestoneData","getMilestoneData","isMilestoneDataStale","isMilestoneProcessing","useGetAllMilestonesdata","filteredMilestones","setFilteredMilestones","useState","isFiltersAdded","setIsFiltersAdded","handleFilterMilestones","useCallback","data","searchText","selectedBoard","selectedGrade","filteredData","item","milestoneName","board","grade","handleClearFilter","useInClassActionListener","EVENTS","messages","milestoneResourceEventPayload","_a","message","milestoneTestEventPayload","_b","resourceMilestoneId","invalidateHomeworks","invalidateMilestoneResources","milestoneId","invalidateTestHelpData","useEffect","jsx","MilestoneLoader","showFilters","jsxs","Styled.ContentWrapper","Styled.LoaderWrapper","ILLUSTRATIONS","Fragment","FilterMilestones","Separator","MilestoneList","titleCase","MilestoneListContainer$1"],"mappings":"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"}

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

@@ -0,0 +1,96 @@
+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

@@ -0,0 +1 @@
+{"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":";;;;;;;AAeA,MAAMA,IAAmB,CACvBC,MAEO,cAAcA,KAAQ,iBAAiBA,GAG1CC,IAAgB,CAACC,GAAeC,MAChCA,MAAU,IAAU,UAAWD,IAAQ,CAA2B,KAE/D,SAAUA,IAAQ,CAA2B,IAGhDE,IAA6C,CAASC,MAAA;AACpD,QAAA,EAAE,OAAAC,EAAU,IAAAD,GACZ,EAAE,cAAAE,GAAc,cAAAC,EAAA,IAAiBC;AAAA,IACrC,OAAO;AAAA,MACL,cAAcH,EACX;AAAA,QACC,CAACI,MACCX,EAAiBW,CAAO,KAAKA,EAAQ,gBAAgB;AAAA,MAAA,EAExD,KAAK,CAACC,GAAGC,MAAMD,EAAE,WAAWC,EAAE,QAAQ;AAAA,MACzC,cAAcN,EACX;AAAA,QACC,CAACI,MACCX,EAAiBW,CAAO,KAAKA,EAAQ,gBAAgB;AAAA,MAAA,EAExD,KAAK,CAACC,GAAGC,MAAMD,EAAE,WAAWC,EAAE,QAAQ;AAAA,IAAA;AAAA,IAE3C,CAACN,CAAK;AAAA,EAAA;AAGR,SAEK,gBAAAO,EAAAC,GAAA,EAAA,UAAA,CAACP,GAAcC,CAAY,EAAE,IAAI,CAACR,GAAMe,MACvC,gBAAAC,EAACC,GAAA,EACC,UAAA;AAAA,IAAC,gBAAAJ,EAAAK,GAAA,EAAU,QAAQ,GAAI,CAAA;AAAA,IACvB,gBAAAF,EAACG,GAAA,EACC,UAAA;AAAA,MAAA,gBAAAN,EAACO,GAAA,EAAiB,KAAKC,EAAc,aAAc,CAAA;AAAA,MACnD,gBAAAR;AAAA,QAACS;AAAAA,QAAA;AAAA,UACC,SAAS;AAAA,UACT,QAAQ;AAAA,UACR,eAAe;AAAA,UACf,aAAY;AAAA,UACZ,WAAU;AAAA,QAAA;AAAA,MACZ;AAAA,IAAA,GACF;AAAA,IACA,gBAAAN,EAACO,GAAA,EACC,UAAA;AAAA,MAAC,gBAAAV,EAAAK,GAAA,EAAU,QAAQ,GAAI,CAAA;AAAA,MACtB,gBAAAF,EAAAQ,GAAA,EAAK,WAAU,OAAM,QAAO,UAAS,UAAA;AAAA,QAAA;AAAA,QACjCT,IAAY;AAAA,MAAA,GACjB;AAAA,MACA,gBAAAF,EAACK,GAAU,EAAA,QAAQ,EAAG,CAAA;AAAA,MACrBlB,EAAK,IAAI,CAACyB,GAAYvB,MAAU;AACzB,cAAA;AAAA,UACJ,QAAAwB;AAAA,UACA,UAAAC;AAAA,UACA,aAAaC;AAAA,UACb,eAAeC;AAAA,UACf,iBAAiBC;AAAA,UACjB,qBAAqBC;AAAA,UACrB,8BAA8BC;AAAA,QAC5B,IAAAP;AAGF,eAAA,gBAAAT;AAAA,UAACiB;AAAA,UAAA;AAAA,YAEC,MAAM;AAAA,YACN,SAAS;AAAA,YACT,aAAahC,EAAcC,GAAO0B,CAAU;AAAA,YAE5C,UAAA;AAAA,cAAA,gBAAAZ,EAACiB,KAAS,gBAAe,OAAM,UAAU,IAAI,aAAY,UACvD,UAAA;AAAA,gBAAC,gBAAAjB,EAAAQ,GAAA,EAAK,WAAU,aAAa,UAAA;AAAA,kBAAAG;AAAA,kBAAS;AAAA,gBAAA,GAAO;AAAA,gBAC5C,gBAAAX,EAAAkB,GAAA,EAAmB,WAAU,YAC3B,UAAA;AAAA,kBAAA,KAAK,OAAQR,IAASK,KAAqBL,IAAU,GAAG;AAAA,kBAAE;AAAA,gBAAA,GAC7D;AAAA,cAAA,GACF;AAAA,cACA,gBAAAb,EAACK,GAAU,EAAA,QAAQ,EAAG,CAAA;AAAA,gCACrBe,GAAS,EAAA,gBAAe,OAAM,UAAU,IAAI,aAAY,UACvD,UAAA;AAAA,gBAAC,gBAAApB,EAAAW,GAAA,EAAK,WAAU,OAAM,QAAO,cAAa,iBAAgB,gBACvD,UAAiBM,IAAA,KAAK,MAAMJ,CAAM,EACrC,CAAA;AAAA,gBACA,gBAAAb,EAACW,KAAK,WAAU,YACb,cAAiB,KAAK,MAAMO,CAAiB,GAChD;AAAA,cAAA,GACF;AAAA,gCACCE,GAAS,EAAA,gBAAe,OAAM,UAAU,GAAG,aAAY,UACtD,UAAA;AAAA,gBAAC,gBAAAjB,EAAAQ,GAAA,EAAK,WAAU,OAAO,UAAA;AAAA,kBAAAK;AAAA,kBAAY;AAAA,gBAAA,GAAU;AAAA,gBAC7C,gBAAAb,EAACQ,GAAK,EAAA,WAAU,YACb,UAAA;AAAA,kBAAiBM,IAAA,KAAK,MAAME,CAAwB;AAAA,kBAAE;AAAA,gBAAA,GACzD;AAAA,cAAA,GACF;AAAA,cACA,gBAAAnB,EAACK,GAAU,EAAA,QAAQ,EAAG,CAAA;AAAA,YAAA;AAAA,UAAA;AAAA,UA1BjB,eAAeS,CAAQ;AAAA,QAAA;AAAA,MA2B9B,CAEH;AAAA,IAAA,GACH;AAAA,EAAA,EAAA,GA7DyB,QAAQZ,CAAS,EA8D5C,CACD,EACH,CAAA;AAEJ;"}

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

@@ -0,0 +1,59 @@
+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

@@ -0,0 +1 @@
+{"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/features/trial-session/comps/pricing/pricing.js

@@ -1,37 +1,38 @@
 import { jsx as r, jsxs as a } from "react/jsx-runtime";
-import { memo as P, useCallback as x, useEffect as m } from "react";
+import { memo as x, useCallback as I, useEffect as l } from "react";
 import { ILLUSTRATIONS as T } from "../../../../assets/illustrations/illustrations.js";
-import v from "../../../ui/error/error.js";
-import y from "../../../ui/image/image.js";
+import y from "../../../ui/error/error.js";
+import v from "../../../ui/image/image.js";
 import C from "../../../ui/layout/flex-view.js";
-import I from "../../../ui/loader/app-loader/app-loader.js";
+import L from "../../../ui/loader/app-loader/app-loader.js";
 import d from "../../../ui/separator/separator.js";
-import L from "../../../ui/text/text.js";
-import { useGetTrialPricing as S } from "../../api/trial-pricing.js";
-import { useTrialSessionContext as $ } from "../../context/use-trial-session-context.js";
-import w from "../slide-header/index.js";
-import A from "./pricing-cards.js";
-import { Container as b, PricingWrapper as D, PolicyWrapper as E, RefundImageWrapper as W } from "./pricing-styled.js";
-const z = P(() => {
-  const { isTeacher: f, studentId: i, updateButtonState: s } = $(), {
+import S from "../../../ui/text/text.js";
+import { useGetTrialPricing as $ } from "../../api/trial-pricing.js";
+import { useTrialSessionContext as w } from "../../context/use-trial-session-context.js";
+import A from "../slide-header/index.js";
+import b from "./india-pricing/index.js";
+import D from "./pricing-cards.js";
+import { Container as E, PricingWrapper as W, PolicyWrapper as _, RefundImageWrapper as N } from "./pricing-styled.js";
+const M = x(() => {
+  const { isTeacher: f, studentId: i, updateButtonState: s } = w(), {
     data: g,
     get: p,
-    isProcessed: e,
-    isProcessing: t,
+    isProcessed: t,
+    isProcessing: o,
     isProcessingFailed: h
-  } = S("trial-v3-pricing", {
+  } = $("trial-v3-pricing", {
     student_id: i
-  }), { plans: o, intent_level: c } = g || {}, n = x(() => {
-    i && !e && p("trial-v3-pricing", { student_id: i });
-  }, [p, e, i]);
-  return m(() => {
+  }), { plans: e, intent_level: c, country: u } = g || {}, n = I(() => {
+    i && !t && p("trial-v3-pricing", { student_id: i });
+  }, [p, t, i]);
+  return l(() => {
     n();
-  }, [n]), m(() => {
-    s("right", { isDisabled: t, isLoading: !1 });
-  }, [t, f, s]), t ? /* @__PURE__ */ r(I, { height: "100vh" }) : h ? /* @__PURE__ */ r(v, { height: "100vh", onTryAgain: n }) : e ? /* @__PURE__ */ a(b, { children: [
+  }, [n]), l(() => {
+    s("right", { isDisabled: o, isLoading: !1 });
+  }, [o, f, s]), o ? /* @__PURE__ */ r(L, { height: "100vh" }) : h ? /* @__PURE__ */ r(y, { height: "100vh", onTryAgain: n }) : t ? /* @__PURE__ */ a(E, { children: [
     /* @__PURE__ */ r(d, { height: 60 }),
-    /* @__PURE__ */ r(w, { marginBottom: 38 }),
-    /* @__PURE__ */ a(D, { children: [
+    /* @__PURE__ */ r(A, { marginBottom: 38 }),
+    /* @__PURE__ */ a(W, { children: [
       /* @__PURE__ */ r(
         C,
         {
@@ -40,22 +41,22 @@ const z = P(() => {
           $justifyContent: "space-between",
           $flexGap: 20,
           $flexWrap: !0,
-          children: c && o && Array.isArray(o) && o.map((u, l) => /* @__PURE__ */ r(
-            A,
+          children: e && Array.isArray(e) && (u === "IN" ? /* @__PURE__ */ r(b, { plans: e }) : c && e.map((P, m) => /* @__PURE__ */ r(
+            D,
             {
-              colorIndex: l,
+              colorIndex: m,
               intentType: c,
-              pricingConfig: u
+              pricingConfig: P
             },
-            l
-          ))
+            m
+          )))
         }
       ),
       /* @__PURE__ */ r(d, { height: 50 }),
-      /* @__PURE__ */ a(E, { children: [
-        /* @__PURE__ */ r(L, { $renderAs: "ab1-bold", $color: "GREEN_6", children: "We have a no-questions-asked refund policy" }),
-        /* @__PURE__ */ r(W, { children: /* @__PURE__ */ r(
-          y,
+      /* @__PURE__ */ a(_, { children: [
+        /* @__PURE__ */ r(S, { $renderAs: "ab1-bold", $color: "GREEN_6", children: "We have a no-questions-asked refund policy" }),
+        /* @__PURE__ */ r(N, { children: /* @__PURE__ */ r(
+          v,
           {
             src: T.REFUND_POLICY,
             width: 168,
@@ -68,6 +69,6 @@ const z = P(() => {
   ] }) : null;
 });
 export {
-  z as default
+  M 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 { 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 PricingCards from './pricing-cards';\nimport * as Styled from './pricing-styled';\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 { plans: pricingPlans, intent_level: intentLevel } = pricingData || {};\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            {intentLevel &&\n              pricingPlans &&\n              Array.isArray(pricingPlans) &&\n              pricingPlans.map((pricing, index) => {\n                return (\n                  <PricingCards\n                    key={index}\n                    colorIndex={index}\n                    intentType={intentLevel}\n                    pricingConfig={pricing}\n                  />\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":["SessionPricing","memo","isTeacher","studentId","updateButtonState","useTrialSessionContext","pricingData","getTrialPricing","isProcessed","isProcessing","isProcessingFailed","useGetTrialPricing","pricingPlans","intentLevel","fetchData","useCallback","useEffect","jsx","AppLoader","Error","jsxs","Styled.Container","Separator","SlideHeader","Styled.PricingWrapper","FlexView","pricing","index","PricingCards","Styled.PolicyWrapper","Text","Styled.RefundImageWrapper","Image","ILLUSTRATIONS"],"mappings":";;;;;;;;;;;;;;AAeM,MAAAA,IAAiBC,EAAK,MAAM;AAChC,QAAM,EAAE,WAAAC,GAAW,WAAAC,GAAW,mBAAAC,MAAsBC,EAAuB,GAErE;AAAA,IACJ,MAAMC;AAAA,IACN,KAAKC;AAAA,IACL,aAAAC;AAAA,IACA,cAAAC;AAAA,IACA,oBAAAC;AAAA,EAAA,IACEC,EAAmB,oBAAoB;AAAA,IACzC,YAAYR;AAAA,EAAA,CACb,GAEK,EAAE,OAAOS,GAAc,cAAcC,EAAY,IAAIP,KAAe,IACpEQ,IAAYC,EAAY,MAAM;AAC9B,IAAAZ,KAAa,CAACK,KAChBD,EAAgB,oBAAoB,EAAE,YAAYJ,EAAW,CAAA;AAAA,EAE9D,GAAA,CAACI,GAAiBC,GAAaL,CAAS,CAAC;AAU5C,SARAa,EAAU,MAAM;AACJ,IAAAF;EAAA,GACT,CAACA,CAAS,CAAC,GAEdE,EAAU,MAAM;AACd,IAAAZ,EAAkB,SAAS,EAAE,YAAYK,GAAc,WAAW,IAAO;AAAA,EACxE,GAAA,CAACA,GAAcP,GAAWE,CAAiB,CAAC,GAE3CK,IACK,gBAAAQ,EAACC,GAAU,EAAA,QAAO,QAAQ,CAAA,IAG/BR,IACM,gBAAAO,EAAAE,GAAA,EAAM,QAAO,SAAQ,YAAYL,EAAW,CAAA,IAGlDN,IAEA,gBAAAY,EAACC,GAAA,EACC,UAAA;AAAA,IAAC,gBAAAJ,EAAAK,GAAA,EAAU,QAAQ,GAAI,CAAA;AAAA,IACvB,gBAAAL,EAACM,GAAY,EAAA,cAAc,GAAI,CAAA;AAAA,IAC/B,gBAAAH,EAACI,GAAA,EACC,UAAA;AAAA,MAAA,gBAAAP;AAAA,QAACQ;AAAA,QAAA;AAAA,UACC,QAAO;AAAA,UACP,gBAAe;AAAA,UACf,iBAAgB;AAAA,UAChB,UAAU;AAAA,UACV,WAAS;AAAA,UAER,UAAAZ,KACCD,KACA,MAAM,QAAQA,CAAY,KAC1BA,EAAa,IAAI,CAACc,GAASC,MAEvB,gBAAAV;AAAA,YAACW;AAAA,YAAA;AAAA,cAEC,YAAYD;AAAA,cACZ,YAAYd;AAAA,cACZ,eAAea;AAAA,YAAA;AAAA,YAHVC;AAAA,UAAA,CAMV;AAAA,QAAA;AAAA,MACL;AAAA,MACA,gBAAAV,EAACK,GAAU,EAAA,QAAQ,GAAI,CAAA;AAAA,MACvB,gBAAAF,EAACS,GAAA,EACC,UAAA;AAAA,QAAA,gBAAAZ,EAACa,GAAK,EAAA,WAAU,YAAW,QAAO,WAAU,UAE5C,8CAAA;AAAA,QACA,gBAAAb,EAACc,GAAA,EACC,UAAA,gBAAAd;AAAA,UAACe;AAAA,UAAA;AAAA,YACC,KAAKC,EAAc;AAAA,YACnB,OAAO;AAAA,YACP,QAAQ;AAAA,YACR,YAAY;AAAA,UAAA;AAAA,QAAA,GAEhB;AAAA,MAAA,GACF;AAAA,IAAA,GACF;AAAA,EACF,EAAA,CAAA,IAIG;AACT,CAAC;"}
+{"version":3,"file":"pricing.js","sources":["../../../../../src/features/trial-session/comps/pricing/pricing.tsx"],"sourcesContent":["import { 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 PricingIndia from './india-pricing';\nimport PricingCards from './pricing-cards';\nimport * as Styled from './pricing-styled';\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 { plans: pricingPlans, intent_level: intentLevel, country } = pricingData || {};\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            {pricingPlans &&\n              Array.isArray(pricingPlans) &&\n              (country === 'IN' ? (\n                <PricingIndia plans={pricingPlans} />\n              ) : (\n                intentLevel &&\n                pricingPlans.map((pricing, index) => {\n                  return (\n                    <PricingCards\n                      key={index}\n                      colorIndex={index}\n                      intentType={intentLevel}\n                      pricingConfig={pricing}\n                    />\n                  );\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":["SessionPricing","memo","isTeacher","studentId","updateButtonState","useTrialSessionContext","pricingData","getTrialPricing","isProcessed","isProcessing","isProcessingFailed","useGetTrialPricing","pricingPlans","intentLevel","country","fetchData","useCallback","useEffect","jsx","AppLoader","Error","jsxs","Styled.Container","Separator","SlideHeader","Styled.PricingWrapper","FlexView","PricingIndia","pricing","index","PricingCards","Styled.PolicyWrapper","Text","Styled.RefundImageWrapper","Image","ILLUSTRATIONS"],"mappings":";;;;;;;;;;;;;;;AAgBM,MAAAA,IAAiBC,EAAK,MAAM;AAChC,QAAM,EAAE,WAAAC,GAAW,WAAAC,GAAW,mBAAAC,MAAsBC,EAAuB,GAErE;AAAA,IACJ,MAAMC;AAAA,IACN,KAAKC;AAAA,IACL,aAAAC;AAAA,IACA,cAAAC;AAAA,IACA,oBAAAC;AAAA,EAAA,IACEC,EAAmB,oBAAoB;AAAA,IACzC,YAAYR;AAAA,EAAA,CACb,GAEK,EAAE,OAAOS,GAAc,cAAcC,GAAa,SAAAC,EAAQ,IAAIR,KAAe,IAC7ES,IAAYC,EAAY,MAAM;AAC9B,IAAAb,KAAa,CAACK,KAChBD,EAAgB,oBAAoB,EAAE,YAAYJ,EAAW,CAAA;AAAA,EAE9D,GAAA,CAACI,GAAiBC,GAAaL,CAAS,CAAC;AAU5C,SARAc,EAAU,MAAM;AACJ,IAAAF;EAAA,GACT,CAACA,CAAS,CAAC,GAEdE,EAAU,MAAM;AACd,IAAAb,EAAkB,SAAS,EAAE,YAAYK,GAAc,WAAW,IAAO;AAAA,EACxE,GAAA,CAACA,GAAcP,GAAWE,CAAiB,CAAC,GAE3CK,IACK,gBAAAS,EAACC,GAAU,EAAA,QAAO,QAAQ,CAAA,IAG/BT,IACM,gBAAAQ,EAAAE,GAAA,EAAM,QAAO,SAAQ,YAAYL,EAAW,CAAA,IAGlDP,IAEA,gBAAAa,EAACC,GAAA,EACC,UAAA;AAAA,IAAC,gBAAAJ,EAAAK,GAAA,EAAU,QAAQ,GAAI,CAAA;AAAA,IACvB,gBAAAL,EAACM,GAAY,EAAA,cAAc,GAAI,CAAA;AAAA,IAC/B,gBAAAH,EAACI,GAAA,EACC,UAAA;AAAA,MAAA,gBAAAP;AAAA,QAACQ;AAAA,QAAA;AAAA,UACC,QAAO;AAAA,UACP,gBAAe;AAAA,UACf,iBAAgB;AAAA,UAChB,UAAU;AAAA,UACV,WAAS;AAAA,UAER,eACC,MAAM,QAAQd,CAAY,MACzBE,MAAY,OACX,gBAAAI,EAACS,GAAa,EAAA,OAAOf,EAAc,CAAA,IAEnCC,KACAD,EAAa,IAAI,CAACgB,GAASC,MAEvB,gBAAAX;AAAA,YAACY;AAAA,YAAA;AAAA,cAEC,YAAYD;AAAA,cACZ,YAAYhB;AAAA,cACZ,eAAee;AAAA,YAAA;AAAA,YAHVC;AAAA,UAAA,CAMV;AAAA,QAAA;AAAA,MAEP;AAAA,MACA,gBAAAX,EAACK,GAAU,EAAA,QAAQ,GAAI,CAAA;AAAA,MACvB,gBAAAF,EAACU,GAAA,EACC,UAAA;AAAA,QAAA,gBAAAb,EAACc,GAAK,EAAA,WAAU,YAAW,QAAO,WAAU,UAE5C,8CAAA;AAAA,QACA,gBAAAd,EAACe,GAAA,EACC,UAAA,gBAAAf;AAAA,UAACgB;AAAA,UAAA;AAAA,YACC,KAAKC,EAAc;AAAA,YACnB,OAAO;AAAA,YACP,QAAQ;AAAA,YACR,YAAY;AAAA,UAAA;AAAA,QAAA,GAEhB;AAAA,MAAA,GACF;AAAA,IAAA,GACF;AAAA,EACF,EAAA,CAAA,IAIG;AACT,CAAC;"}

package/dist/features/ui/buttons/button/button-styled.js

@@ -1,16 +1,16 @@
 import u from "styled-components";
 import x from "../../text/text.js";
-const s = u.button(
-  ({ theme: c, $width: t, $widthX: i, $alignSelf: o, $justifyContent: e, $renderAs: a, $size: n, $shape: $ }) => {
-    const { button: b, colors: r, layout: p } = c, { backgroundColorName: d, borderColorName: l } = b.variants[a], { height: v, paddingHorizontal: g, borderWidth: h } = b.sizes[n];
+const d = u.button(
+  ({ theme: c, $width: e, $widthX: i, $alignSelf: o, $justifyContent: t, $renderAs: a, $size: n, $shape: $ }) => {
+    const { button: b, colors: r, layout: p } = c, { backgroundColorName: s, borderColorName: l } = b.variants[a], { height: v, paddingHorizontal: g, borderWidth: h } = b.sizes[n];
     return `
       position: relative;
       display: flex;
-      justify-content: ${e};
+      justify-content: ${t};
       align-items: center;
       ${o ? `align-self: ${o};` : ""}
       
-      width: ${t ? `${t}` : "auto"}${typeof t == "number" ? "px" : ""};
+      width: ${e ? `${e}px` : "auto"};
       ${i ? `width: ${i * p.gutter}px;` : ""}
       height: ${v}px;
       padding: 0 ${g}px;
@@ -19,56 +19,56 @@ const s = u.button(
       border-radius: ${$ === "curved" ? v / 2 : 0}px;
       outline: none;
 
-      background-color: ${r[d.inactive]};
+      background-color: ${r[s.inactive]};
       border-color: ${r[l.inactive]};
       
       transition: background-color 0.2s ease-in-out, border-color 0.2s ease-in-out;
       cursor: pointer;
 
       &:hover {
-        background-color: ${r[d.active]};
+        background-color: ${r[s.active]};
         border-color: ${r[l.active]};
       }
 
       &:active  {
-        background: ${r[d.inactive]};
+        background: ${r[s.inactive]};
         border-color: ${r[l.inactive]};
       }
 
       &[data-busy="true"] {
         cursor: wait;
-        background-color: ${r[d.active]};
+        background-color: ${r[s.active]};
         border-color: ${r[l.active]};
       }
 
       &:disabled {
-        background-color: ${r[d.disabled]};
+        background-color: ${r[s.disabled]};
         border-color: ${r[l.disabled]};
         cursor: not-allowed;
       }
   `;
   }
-), f = u(x)(({ theme: c, $buttonRenderAs: t }) => {
-  const { button: i, colors: o } = c, { colorName: e } = i.variants[t];
+), k = u(x)(({ theme: c, $buttonRenderAs: e }) => {
+  const { button: i, colors: o } = c, { colorName: t } = i.variants[e];
   return `
-      color: ${o[e.inactive]};
+      color: ${o[t.inactive]};
       transition: color 0.2s ease-in-out;
 
-      ${s}:hover & {
-        color: ${o[e.active]};
+      ${d}:hover & {
+        color: ${o[t.active]};
       }
       
-      ${s}:active & {
-        color: ${o[e.inactive]};
+      ${d}:active & {
+        color: ${o[t.inactive]};
       }
 
-      ${s}:disabled & {
-        color: ${o[e.disabled]};
+      ${d}:disabled & {
+        color: ${o[t.disabled]};
         opacity: 0.5;
       }
     `;
-}), k = u.div(({ theme: c, $buttonRenderAs: t, $size: i, $iconPosition: o }) => {
-  const { button: e, colors: a } = c, { colorName: n } = e.variants[t], { iconSize: $, iconPadding: b } = e.sizes[i];
+}), f = u.div(({ theme: c, $buttonRenderAs: e, $size: i, $iconPosition: o }) => {
+  const { button: t, colors: a } = c, { colorName: n } = t.variants[e], { iconSize: $, iconPadding: b } = t.sizes[i];
   return `
       ${o === "left" ? "padding-right" : "padding-left"}: ${b}px;
       order: ${o === "left" ? -1 : 1};
@@ -80,31 +80,31 @@ const s = u.button(
         color: ${a[n.inactive]};
         transition: color 0.2s ease-in-out;
 
-        ${s}:hover & {
+        ${d}:hover & {
           color: ${a[n.active]};
         }
 
-        ${s}:active & {
+        ${d}:active & {
           color: ${a[n.inactive]};
         }
 
-        ${s}:disabled & {
+        ${d}:disabled & {
           color: ${a[n.disabled]};
           opacity: 0.5;
         }
       }
     `;
-}), z = u.img(({ theme: c, $size: t }) => {
-  const { button: i } = c, { loaderSize: o } = i.sizes[t];
+}), z = u.img(({ theme: c, $size: e }) => {
+  const { button: i } = c, { loaderSize: o } = i.sizes[e];
   return `
     width: ${o}px;
     height: ${o}px;
   `;
 });
 export {
-  s as Button,
-  k as Icon,
-  f as Label,
+  d as Button,
+  f as Icon,
+  k as Label,
   z as Loader
 };
 //# sourceMappingURL=button-styled.js.map

package/dist/features/ui/buttons/button/button-styled.js.map

@@ -1 +1 @@
-{"version":3,"file":"button-styled.js","sources":["../../../../../src/features/ui/buttons/button/button-styled.tsx"],"sourcesContent":["import type { IButtonProps } from './button-types';\n\nimport styled from 'styled-components';\n\nimport Text from '../../text/text';\n\ninterface IStyledButtonProps {\n  $width: IButtonProps['width'];\n  $widthX: IButtonProps['widthX'];\n  $alignSelf: IButtonProps['alignSelf'];\n  $renderAs: IButtonProps['renderAs'];\n  $size: Required<IButtonProps>['size'];\n  $shape: Required<IButtonProps>['shape'];\n  $justifyContent: IButtonProps['justifyContent'];\n}\n\nconst Button = styled.button<IStyledButtonProps>(\n  ({ theme, $width, $widthX, $alignSelf, $justifyContent, $renderAs, $size, $shape }) => {\n    const { button, colors, layout } = theme;\n    const { backgroundColorName, borderColorName } = button.variants[$renderAs];\n    const { height, paddingHorizontal, borderWidth } = button.sizes[$size];\n\n    return `\n      position: relative;\n      display: flex;\n      justify-content: ${$justifyContent};\n      align-items: center;\n      ${$alignSelf ? `align-self: ${$alignSelf};` : ''}\n      \n      width: ${$width ? `${$width}` : 'auto'}${typeof $width === 'number' ? 'px' : ''};\n      ${$widthX ? `width: ${$widthX * layout.gutter}px;` : ''}\n      height: ${height}px;\n      padding: 0 ${paddingHorizontal}px;\n      border-width: ${borderWidth}px;\n      border-style: solid;\n      border-radius: ${$shape === 'curved' ? height / 2 : 0}px;\n      outline: none;\n\n      background-color: ${colors[backgroundColorName.inactive]};\n      border-color: ${colors[borderColorName.inactive]};\n      \n      transition: background-color 0.2s ease-in-out, border-color 0.2s ease-in-out;\n      cursor: pointer;\n\n      &:hover {\n        background-color: ${colors[backgroundColorName.active]};\n        border-color: ${colors[borderColorName.active]};\n      }\n\n      &:active  {\n        background: ${colors[backgroundColorName.inactive]};\n        border-color: ${colors[borderColorName.inactive]};\n      }\n\n      &[data-busy=\"true\"] {\n        cursor: wait;\n        background-color: ${colors[backgroundColorName.active]};\n        border-color: ${colors[borderColorName.active]};\n      }\n\n      &:disabled {\n        background-color: ${colors[backgroundColorName.disabled]};\n        border-color: ${colors[borderColorName.disabled]};\n        cursor: not-allowed;\n      }\n  `;\n  },\n);\n\ninterface IStyledTextProps {\n  $buttonRenderAs: IButtonProps['renderAs'];\n}\n\nconst Label = styled(Text)<IStyledTextProps>(({ theme, $buttonRenderAs }) => {\n  const { button, colors } = theme;\n  const { colorName } = button.variants[$buttonRenderAs];\n\n  return `\n      color: ${colors[colorName.inactive]};\n      transition: color 0.2s ease-in-out;\n\n      ${Button}:hover & {\n        color: ${colors[colorName.active]};\n      }\n      \n      ${Button}:active & {\n        color: ${colors[colorName.inactive]};\n      }\n\n      ${Button}:disabled & {\n        color: ${colors[colorName.disabled]};\n        opacity: 0.5;\n      }\n    `;\n});\n\ninterface IStyledIconProps {\n  $size: NonNullable<IButtonProps['size']>;\n  $iconPosition: NonNullable<IButtonProps['iconPosition']>;\n  $buttonRenderAs: IButtonProps['renderAs'];\n}\n\nconst Icon = styled.div<IStyledIconProps>(({ theme, $buttonRenderAs, $size, $iconPosition }) => {\n  const { button, colors } = theme;\n  const { colorName } = button.variants[$buttonRenderAs];\n  const { iconSize, iconPadding } = button.sizes[$size];\n\n  return `\n      ${$iconPosition === 'left' ? 'padding-right' : 'padding-left'}: ${iconPadding}px;\n      order: ${$iconPosition === 'left' ? -1 : 1};\n      \n      & svg {\n        display: block;\n        width: ${iconSize}px;\n        height: ${iconSize}px;\n        color: ${colors[colorName.inactive]};\n        transition: color 0.2s ease-in-out;\n\n        ${Button}:hover & {\n          color: ${colors[colorName.active]};\n        }\n\n        ${Button}:active & {\n          color: ${colors[colorName.inactive]};\n        }\n\n        ${Button}:disabled & {\n          color: ${colors[colorName.disabled]};\n          opacity: 0.5;\n        }\n      }\n    `;\n});\n\ninterface IStyledLoaderProps {\n  $size: Required<IButtonProps>['size'];\n}\n\nconst Loader = styled.img<IStyledLoaderProps>(({ theme, $size }) => {\n  const { button } = theme;\n  const { loaderSize } = button.sizes[$size];\n\n  return `\n    width: ${loaderSize}px;\n    height: ${loaderSize}px;\n  `;\n});\n\nexport { Button, Label, Icon, Loader };\n"],"names":["Button","styled","theme","$width","$widthX","$alignSelf","$justifyContent","$renderAs","$size","$shape","button","colors","layout","backgroundColorName","borderColorName","height","paddingHorizontal","borderWidth","Label","Text","$buttonRenderAs","colorName","Icon","$iconPosition","iconSize","iconPadding","Loader","loaderSize"],"mappings":"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"}
+{"version":3,"file":"button-styled.js","sources":["../../../../../src/features/ui/buttons/button/button-styled.tsx"],"sourcesContent":["import type { IButtonProps } from './button-types';\n\nimport styled from 'styled-components';\n\nimport Text from '../../text/text';\n\ninterface IStyledButtonProps {\n  $width: IButtonProps['width'];\n  $widthX: IButtonProps['widthX'];\n  $alignSelf: IButtonProps['alignSelf'];\n  $renderAs: IButtonProps['renderAs'];\n  $size: Required<IButtonProps>['size'];\n  $shape: Required<IButtonProps>['shape'];\n  $justifyContent: IButtonProps['justifyContent'];\n}\n\nconst Button = styled.button<IStyledButtonProps>(\n  ({ theme, $width, $widthX, $alignSelf, $justifyContent, $renderAs, $size, $shape }) => {\n    const { button, colors, layout } = theme;\n    const { backgroundColorName, borderColorName } = button.variants[$renderAs];\n    const { height, paddingHorizontal, borderWidth } = button.sizes[$size];\n\n    return `\n      position: relative;\n      display: flex;\n      justify-content: ${$justifyContent};\n      align-items: center;\n      ${$alignSelf ? `align-self: ${$alignSelf};` : ''}\n      \n      width: ${$width ? `${$width}px` : 'auto'};\n      ${$widthX ? `width: ${$widthX * layout.gutter}px;` : ''}\n      height: ${height}px;\n      padding: 0 ${paddingHorizontal}px;\n      border-width: ${borderWidth}px;\n      border-style: solid;\n      border-radius: ${$shape === 'curved' ? height / 2 : 0}px;\n      outline: none;\n\n      background-color: ${colors[backgroundColorName.inactive]};\n      border-color: ${colors[borderColorName.inactive]};\n      \n      transition: background-color 0.2s ease-in-out, border-color 0.2s ease-in-out;\n      cursor: pointer;\n\n      &:hover {\n        background-color: ${colors[backgroundColorName.active]};\n        border-color: ${colors[borderColorName.active]};\n      }\n\n      &:active  {\n        background: ${colors[backgroundColorName.inactive]};\n        border-color: ${colors[borderColorName.inactive]};\n      }\n\n      &[data-busy=\"true\"] {\n        cursor: wait;\n        background-color: ${colors[backgroundColorName.active]};\n        border-color: ${colors[borderColorName.active]};\n      }\n\n      &:disabled {\n        background-color: ${colors[backgroundColorName.disabled]};\n        border-color: ${colors[borderColorName.disabled]};\n        cursor: not-allowed;\n      }\n  `;\n  },\n);\n\ninterface IStyledTextProps {\n  $buttonRenderAs: IButtonProps['renderAs'];\n}\n\nconst Label = styled(Text)<IStyledTextProps>(({ theme, $buttonRenderAs }) => {\n  const { button, colors } = theme;\n  const { colorName } = button.variants[$buttonRenderAs];\n\n  return `\n      color: ${colors[colorName.inactive]};\n      transition: color 0.2s ease-in-out;\n\n      ${Button}:hover & {\n        color: ${colors[colorName.active]};\n      }\n      \n      ${Button}:active & {\n        color: ${colors[colorName.inactive]};\n      }\n\n      ${Button}:disabled & {\n        color: ${colors[colorName.disabled]};\n        opacity: 0.5;\n      }\n    `;\n});\n\ninterface IStyledIconProps {\n  $size: NonNullable<IButtonProps['size']>;\n  $iconPosition: NonNullable<IButtonProps['iconPosition']>;\n  $buttonRenderAs: IButtonProps['renderAs'];\n}\n\nconst Icon = styled.div<IStyledIconProps>(({ theme, $buttonRenderAs, $size, $iconPosition }) => {\n  const { button, colors } = theme;\n  const { colorName } = button.variants[$buttonRenderAs];\n  const { iconSize, iconPadding } = button.sizes[$size];\n\n  return `\n      ${$iconPosition === 'left' ? 'padding-right' : 'padding-left'}: ${iconPadding}px;\n      order: ${$iconPosition === 'left' ? -1 : 1};\n      \n      & svg {\n        display: block;\n        width: ${iconSize}px;\n        height: ${iconSize}px;\n        color: ${colors[colorName.inactive]};\n        transition: color 0.2s ease-in-out;\n\n        ${Button}:hover & {\n          color: ${colors[colorName.active]};\n        }\n\n        ${Button}:active & {\n          color: ${colors[colorName.inactive]};\n        }\n\n        ${Button}:disabled & {\n          color: ${colors[colorName.disabled]};\n          opacity: 0.5;\n        }\n      }\n    `;\n});\n\ninterface IStyledLoaderProps {\n  $size: Required<IButtonProps>['size'];\n}\n\nconst Loader = styled.img<IStyledLoaderProps>(({ theme, $size }) => {\n  const { button } = theme;\n  const { loaderSize } = button.sizes[$size];\n\n  return `\n    width: ${loaderSize}px;\n    height: ${loaderSize}px;\n  `;\n});\n\nexport { Button, Label, Icon, Loader };\n"],"names":["Button","styled","theme","$width","$widthX","$alignSelf","$justifyContent","$renderAs","$size","$shape","button","colors","layout","backgroundColorName","borderColorName","height","paddingHorizontal","borderWidth","Label","Text","$buttonRenderAs","colorName","Icon","$iconPosition","iconSize","iconPadding","Loader","loaderSize"],"mappings":";;AAgBA,MAAMA,IAASC,EAAO;AAAA,EACpB,CAAC,EAAE,OAAAC,GAAO,QAAAC,GAAQ,SAAAC,GAAS,YAAAC,GAAY,iBAAAC,GAAiB,WAAAC,GAAW,OAAAC,GAAO,QAAAC,QAAa;AACrF,UAAM,EAAE,QAAAC,GAAQ,QAAAC,GAAQ,QAAAC,EAAA,IAAWV,GAC7B,EAAE,qBAAAW,GAAqB,iBAAAC,EAAA,IAAoBJ,EAAO,SAASH,CAAS,GACpE,EAAE,QAAAQ,GAAQ,mBAAAC,GAAmB,aAAAC,EAAgB,IAAAP,EAAO,MAAMF,CAAK;AAE9D,WAAA;AAAA;AAAA;AAAA,yBAGcF,CAAe;AAAA;AAAA,QAEhCD,IAAa,eAAeA,CAAU,MAAM,EAAE;AAAA;AAAA,eAEvCF,IAAS,GAAGA,CAAM,OAAO,MAAM;AAAA,QACtCC,IAAU,UAAUA,IAAUQ,EAAO,MAAM,QAAQ,EAAE;AAAA,gBAC7CG,CAAM;AAAA,mBACHC,CAAiB;AAAA,sBACdC,CAAW;AAAA;AAAA,uBAEVR,MAAW,WAAWM,IAAS,IAAI,CAAC;AAAA;AAAA;AAAA,0BAGjCJ,EAAOE,EAAoB,QAAQ,CAAC;AAAA,sBACxCF,EAAOG,EAAgB,QAAQ,CAAC;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,4BAM1BH,EAAOE,EAAoB,MAAM,CAAC;AAAA,wBACtCF,EAAOG,EAAgB,MAAM,CAAC;AAAA;AAAA;AAAA;AAAA,sBAIhCH,EAAOE,EAAoB,QAAQ,CAAC;AAAA,wBAClCF,EAAOG,EAAgB,QAAQ,CAAC;AAAA;AAAA;AAAA;AAAA;AAAA,4BAK5BH,EAAOE,EAAoB,MAAM,CAAC;AAAA,wBACtCF,EAAOG,EAAgB,MAAM,CAAC;AAAA;AAAA;AAAA;AAAA,4BAI1BH,EAAOE,EAAoB,QAAQ,CAAC;AAAA,wBACxCF,EAAOG,EAAgB,QAAQ,CAAC;AAAA;AAAA;AAAA;AAAA,EAItD;AACF,GAMMI,IAAQjB,EAAOkB,CAAI,EAAoB,CAAC,EAAE,OAAAjB,GAAO,iBAAAkB,QAAsB;AACrE,QAAA,EAAE,QAAAV,GAAQ,QAAAC,EAAW,IAAAT,GACrB,EAAE,WAAAmB,EAAc,IAAAX,EAAO,SAASU,CAAe;AAE9C,SAAA;AAAA,eACMT,EAAOU,EAAU,QAAQ,CAAC;AAAA;AAAA;AAAA,QAGjCrB,CAAM;AAAA,iBACGW,EAAOU,EAAU,MAAM,CAAC;AAAA;AAAA;AAAA,QAGjCrB,CAAM;AAAA,iBACGW,EAAOU,EAAU,QAAQ,CAAC;AAAA;AAAA;AAAA,QAGnCrB,CAAM;AAAA,iBACGW,EAAOU,EAAU,QAAQ,CAAC;AAAA;AAAA;AAAA;AAI3C,CAAC,GAQKC,IAAOrB,EAAO,IAAsB,CAAC,EAAE,OAAAC,GAAO,iBAAAkB,GAAiB,OAAAZ,GAAO,eAAAe,QAAoB;AACxF,QAAA,EAAE,QAAAb,GAAQ,QAAAC,EAAW,IAAAT,GACrB,EAAE,WAAAmB,EAAc,IAAAX,EAAO,SAASU,CAAe,GAC/C,EAAE,UAAAI,GAAU,aAAAC,EAAA,IAAgBf,EAAO,MAAMF,CAAK;AAE7C,SAAA;AAAA,QACDe,MAAkB,SAAS,kBAAkB,cAAc,KAAKE,CAAW;AAAA,eACpEF,MAAkB,SAAS,KAAK,CAAC;AAAA;AAAA;AAAA;AAAA,iBAI/BC,CAAQ;AAAA,kBACPA,CAAQ;AAAA,iBACTb,EAAOU,EAAU,QAAQ,CAAC;AAAA;AAAA;AAAA,UAGjCrB,CAAM;AAAA,mBACGW,EAAOU,EAAU,MAAM,CAAC;AAAA;AAAA;AAAA,UAGjCrB,CAAM;AAAA,mBACGW,EAAOU,EAAU,QAAQ,CAAC;AAAA;AAAA;AAAA,UAGnCrB,CAAM;AAAA,mBACGW,EAAOU,EAAU,QAAQ,CAAC;AAAA;AAAA;AAAA;AAAA;AAK7C,CAAC,GAMKK,IAASzB,EAAO,IAAwB,CAAC,EAAE,OAAAC,GAAO,OAAAM,QAAY;AAC5D,QAAA,EAAE,QAAAE,EAAW,IAAAR,GACb,EAAE,YAAAyB,EAAe,IAAAjB,EAAO,MAAMF,CAAK;AAElC,SAAA;AAAA,aACImB,CAAU;AAAA,cACTA,CAAU;AAAA;AAExB,CAAC;"}

package/dist/features/ui/stepper/stepper.js

@@ -1,14 +1,14 @@
 import { jsxs as o, jsx as t } from "react/jsx-runtime";
-import m from "../../../assets/line-icons/icons/check.js";
-import h from "../text/text.js";
+import l from "../../../assets/line-icons/icons/check.js";
+import m from "../text/text.js";
 import { getTheme as p } from "../theme/get-theme.js";
 import { MainWrapper as a, HorizontalLine as d, Wrapper as g, NumberWrapper as f, StyledText as s } from "./stepper-styled.js";
 const { layout: u } = p(), { gutter: i } = u;
-function j({ stepsInfo: n = [], currentStep: e = 2 }) {
+function W({ stepsInfo: n = [], currentStep: e = 2 }) {
   const c = n.length && e >= 1 ? (e - 1) / n.length * 100 : 0;
   return /* @__PURE__ */ o(a, { $flexDirection: "row", $width: "fit-content", $gutterX: 0.625, $gapX: 0.625, children: [
     /* @__PURE__ */ t(d, { $percentageCompleted: c, $height: 1 }),
-    n.map(({ id: $, label: l }, r) => /* @__PURE__ */ o(
+    n.map(({ id: $, label: h }, r) => /* @__PURE__ */ o(
       g,
       {
         $flexDirection: "row",
@@ -25,10 +25,10 @@ function j({ stepsInfo: n = [], currentStep: e = 2 }) {
               $justifyContent: "center",
               $heightX: 1.25,
               $widthX: 1.25,
-              children: r + 1 < e ? /* @__PURE__ */ t(m, { height: i, width: i }) : /* @__PURE__ */ t(h, { $renderAs: "body3", $color: "WHITE", children: $ })
+              children: r + 1 < e ? /* @__PURE__ */ t(l, { height: i, width: i }) : /* @__PURE__ */ t(m, { $renderAs: "body3", $color: "WHITE", children: $ })
             }
           ),
-          r + 1 === e && /* @__PURE__ */ t(s, { $renderAs: "body2", children: l })
+          r + 1 === e && /* @__PURE__ */ t(s, { $renderAs: "body2", children: h })
         ]
       },
       r
@@ -36,6 +36,6 @@ function j({ stepsInfo: n = [], currentStep: e = 2 }) {
   ] });
 }
 export {
-  j as default
+  W as default
 };
 //# sourceMappingURL=stepper.js.map