@cuemath/leap 2.8.22 → 2.8.23

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (95) hide show
  1. package/dist/assets/images/images.js +0 -12
  2. package/dist/assets/images/images.js.map +1 -1
  3. package/dist/features/chapters/chapter/chapter.js +43 -45
  4. package/dist/features/chapters/chapter/chapter.js.map +1 -1
  5. package/dist/features/chapters/chapter/comps/core-lessons/core-lessons.js +21 -23
  6. package/dist/features/chapters/chapter/comps/core-lessons/core-lessons.js.map +1 -1
  7. package/dist/features/milestone/constants.js +18 -53
  8. package/dist/features/milestone/constants.js.map +1 -1
  9. package/dist/features/milestone/create/comps/chapters-selection-step/chapters-selection-step-styled.js +4 -16
  10. package/dist/features/milestone/create/comps/chapters-selection-step/chapters-selection-step-styled.js.map +1 -1
  11. package/dist/features/milestone/create/milestone-create-constants.js.map +1 -1
  12. package/dist/features/milestone/create/milestone-create-container.js +47 -56
  13. package/dist/features/milestone/create/milestone-create-container.js.map +1 -1
  14. package/dist/features/milestone/create/milestone-create-helpers.js +113 -132
  15. package/dist/features/milestone/create/milestone-create-helpers.js.map +1 -1
  16. package/dist/features/milestone/create/milestone-create-hooks.js +90 -92
  17. package/dist/features/milestone/create/milestone-create-hooks.js.map +1 -1
  18. package/dist/features/milestone/create/milestone-create-styled.js +20 -34
  19. package/dist/features/milestone/create/milestone-create-styled.js.map +1 -1
  20. package/dist/features/milestone/create/milestone-create.js +53 -72
  21. package/dist/features/milestone/create/milestone-create.js.map +1 -1
  22. package/dist/features/milestone/create/submit-modal/use-submit-milestone.js +46 -53
  23. package/dist/features/milestone/create/submit-modal/use-submit-milestone.js.map +1 -1
  24. package/dist/features/milestone/create/utils/index.js.map +1 -1
  25. package/dist/features/milestone/edit/comps/delete-milestone/styled.js +8 -11
  26. package/dist/features/milestone/edit/comps/delete-milestone/styled.js.map +1 -1
  27. package/dist/features/milestone/edit/comps/edit-milestone-modal/edit-milestone.js +82 -79
  28. package/dist/features/milestone/edit/comps/edit-milestone-modal/edit-milestone.js.map +1 -1
  29. package/dist/features/milestone/edit/comps/edit-milestone-modal/index.js +112 -136
  30. package/dist/features/milestone/edit/comps/edit-milestone-modal/index.js.map +1 -1
  31. package/dist/features/milestone/{drafts/goal-edit → edit/goal-drafts}/goal-draft-edit-container.js +22 -24
  32. package/dist/features/milestone/edit/goal-drafts/goal-draft-edit-container.js.map +1 -0
  33. package/dist/features/milestone/edit/goal-drafts/goal-draft-edit-helpers.js +17 -0
  34. package/dist/features/milestone/edit/goal-drafts/goal-draft-edit-helpers.js.map +1 -0
  35. package/dist/features/milestone/edit/goal-edit-helpers.js +5 -6
  36. package/dist/features/milestone/edit/goal-edit-helpers.js.map +1 -1
  37. package/dist/features/milestone/edit/milestone-edit-helpers.js +16 -17
  38. package/dist/features/milestone/edit/milestone-edit-helpers.js.map +1 -1
  39. package/dist/features/milestone/milestone-list-container/milestone-list/milestone-list.js +46 -48
  40. package/dist/features/milestone/milestone-list-container/milestone-list/milestone-list.js.map +1 -1
  41. package/dist/features/milestone/milestone-list-container/milestone-list-container.js +58 -60
  42. package/dist/features/milestone/milestone-list-container/milestone-list-container.js.map +1 -1
  43. package/dist/features/milestone/outcome/comps/past-milestone/past-milestone-container.js +39 -41
  44. package/dist/features/milestone/outcome/comps/past-milestone/past-milestone-container.js.map +1 -1
  45. package/dist/index.d.ts +7 -125
  46. package/dist/index.js +244 -258
  47. package/dist/index.js.map +1 -1
  48. package/package.json +1 -1
  49. package/dist/constants/urls.js +0 -5
  50. package/dist/constants/urls.js.map +0 -1
  51. package/dist/features/milestone/drafts/create/draft-create-container.js +0 -54
  52. package/dist/features/milestone/drafts/create/draft-create-container.js.map +0 -1
  53. package/dist/features/milestone/drafts/edit/draft-edit-container.js +0 -77
  54. package/dist/features/milestone/drafts/edit/draft-edit-container.js.map +0 -1
  55. package/dist/features/milestone/drafts/edit/draft-edit-helpers.js +0 -69
  56. package/dist/features/milestone/drafts/edit/draft-edit-helpers.js.map +0 -1
  57. package/dist/features/milestone/drafts/goal-edit/goal-draft-edit-container.js.map +0 -1
  58. package/dist/features/milestone/drafts/review/draft-review-container.js +0 -76
  59. package/dist/features/milestone/drafts/review/draft-review-container.js.map +0 -1
  60. package/dist/features/milestone/edit/comps/delete-milestone/add-remove-nudge.js +0 -48
  61. package/dist/features/milestone/edit/comps/delete-milestone/add-remove-nudge.js.map +0 -1
  62. package/dist/features/milestone/edit/comps/edit-milestone-modal/edit-milestone-modal-styled.js +0 -23
  63. package/dist/features/milestone/edit/comps/edit-milestone-modal/edit-milestone-modal-styled.js.map +0 -1
  64. package/dist/features/milestone/edit/comps/edit-milestone-modal/share-screen.js +0 -68
  65. package/dist/features/milestone/edit/comps/edit-milestone-modal/share-screen.js.map +0 -1
  66. package/dist/features/milestone/help-modals/index.js +0 -22
  67. package/dist/features/milestone/help-modals/index.js.map +0 -1
  68. package/dist/features/milestone/help-modals/milestone-lesson.js +0 -17
  69. package/dist/features/milestone/help-modals/milestone-lesson.js.map +0 -1
  70. package/dist/features/milestone/help-modals/milestone-list.js +0 -17
  71. package/dist/features/milestone/help-modals/milestone-list.js.map +0 -1
  72. package/dist/features/milestone/help-modals/utils.js +0 -20
  73. package/dist/features/milestone/help-modals/utils.js.map +0 -1
  74. package/dist/features/milestone/intro-modal/index.js +0 -24
  75. package/dist/features/milestone/intro-modal/index.js.map +0 -1
  76. package/dist/features/notifications/api/notification.js +0 -13
  77. package/dist/features/notifications/api/notification.js.map +0 -1
  78. package/dist/features/notifications/use-student-journey.js +0 -20
  79. package/dist/features/notifications/use-student-journey.js.map +0 -1
  80. package/dist/features/sheets/constants/lessons.js +0 -28
  81. package/dist/features/sheets/constants/lessons.js.map +0 -1
  82. package/dist/features/ui/modals/info-modal/index.js +0 -117
  83. package/dist/features/ui/modals/info-modal/index.js.map +0 -1
  84. package/dist/static/goal_creation_helper.d45e4d58.png +0 -0
  85. package/dist/static/help_banner1.ddb0ef0f.png +0 -0
  86. package/dist/static/help_banner2.40979ed0.png +0 -0
  87. package/dist/static/help_banner3.532099c7.png +0 -0
  88. package/dist/static/help_banner4.90a6fd4d.png +0 -0
  89. package/dist/static/help_banner5.2a9efb39.png +0 -0
  90. package/dist/static/help_banner6.94fe9589.png +0 -0
  91. package/dist/static/milestone_intro_slide1.1537493e.png +0 -0
  92. package/dist/static/milestone_intro_slide2.b791c159.png +0 -0
  93. package/dist/static/milestone_intro_slide3.f7d63a11.png +0 -0
  94. package/dist/static/milestone_intro_slide4.f8da4e46.png +0 -0
  95. package/dist/static/milestone_intro_slide5.ea5d12d2.png +0 -0
@@ -1,20 +0,0 @@
1
- const t = (e) => e.map((a) => {
2
- const {
3
- modalSubHeader: r,
4
- imgSrc: l,
5
- modalHeader: o,
6
- videoSrc: d,
7
- modalAnalyticsLabel: n
8
- } = a;
9
- return {
10
- header: o,
11
- sub_header: r,
12
- thumbnail: l,
13
- video: d,
14
- analytics_label: n
15
- };
16
- });
17
- export {
18
- t as transformHelpConfigToSlides
19
- };
20
- //# sourceMappingURL=utils.js.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"utils.js","sources":["../../../../src/features/milestone/help-modals/utils.ts"],"sourcesContent":["import type { TSlideConfig } from '../../ui/modals/info-modal/types';\nimport type { IMilestoneHelpBannerConfig } from '../types';\n\nconst transformHelpConfigToSlides = (helpConfig: IMilestoneHelpBannerConfig[]): TSlideConfig[] => {\n return helpConfig.map(config => {\n const {\n modalSubHeader,\n imgSrc: thumbnail,\n modalHeader,\n videoSrc,\n modalAnalyticsLabel,\n } = config;\n\n return {\n header: modalHeader,\n sub_header: modalSubHeader,\n thumbnail,\n video: videoSrc,\n analytics_label: modalAnalyticsLabel,\n };\n });\n};\n\nexport { transformHelpConfigToSlides };\n"],"names":["transformHelpConfigToSlides","helpConfig","config","modalSubHeader","thumbnail","modalHeader","videoSrc","modalAnalyticsLabel"],"mappings":"AAGM,MAAAA,IAA8B,CAACC,MAC5BA,EAAW,IAAI,CAAUC,MAAA;AACxB,QAAA;AAAA,IACJ,gBAAAC;AAAA,IACA,QAAQC;AAAA,IACR,aAAAC;AAAA,IACA,UAAAC;AAAA,IACA,qBAAAC;AAAA,EACE,IAAAL;AAEG,SAAA;AAAA,IACL,QAAQG;AAAA,IACR,YAAYF;AAAA,IACZ,WAAAC;AAAA,IACA,OAAOE;AAAA,IACP,iBAAiBC;AAAA,EAAA;AACnB,CACD;"}
@@ -1,24 +0,0 @@
1
- import { jsx as o } from "react/jsx-runtime";
2
- import { IMAGES as a } from "../../../assets/images/images.js";
3
- import r from "../../ui/modals/info-modal/index.js";
4
- import { INTRO_VIDEO_URL as t } from "../constants.js";
5
- const n = [
6
- {
7
- header: "Introducing Goal Creator",
8
- sub_header: "Create a truly personalised learning experience",
9
- video: t,
10
- autoPlay: !0,
11
- analytics_label: "goal_intro_video",
12
- buttonLabel: "Next"
13
- },
14
- {
15
- header: "Goals are easy to create and manage!",
16
- sub_header: "",
17
- img: a.GOAL_CREATION_HELPER,
18
- buttonLabel: "Create a Goal"
19
- }
20
- ], i = ({ onFinish: e }) => /* @__PURE__ */ o(r, { slides: n, onFinish: e, entrySlideNumber: 0 }), u = i;
21
- export {
22
- u as default
23
- };
24
- //# sourceMappingURL=index.js.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"index.js","sources":["../../../../src/features/milestone/intro-modal/index.tsx"],"sourcesContent":["import { IMAGES } from '../../../assets/images/images';\nimport InfoModal from '../../ui/modals/info-modal';\nimport { INTRO_VIDEO_URL } from '../constants';\n\ninterface IIntroModalProps {\n onFinish: () => void;\n}\n\nconst SLIDES_CONFIG = [\n {\n header: 'Introducing Goal Creator',\n sub_header: 'Create a truly personalised learning experience',\n video: INTRO_VIDEO_URL,\n autoPlay: true,\n analytics_label: 'goal_intro_video',\n buttonLabel: 'Next',\n },\n {\n header: 'Goals are easy to create and manage!',\n sub_header: '',\n img: IMAGES.GOAL_CREATION_HELPER,\n buttonLabel: 'Create a Goal',\n },\n];\n\nconst IntroModal: React.FC<IIntroModalProps> = ({ onFinish: handleFinish }) => {\n return <InfoModal slides={SLIDES_CONFIG} onFinish={handleFinish} entrySlideNumber={0} />;\n};\n\nexport default IntroModal;\n"],"names":["SLIDES_CONFIG","INTRO_VIDEO_URL","IMAGES","IntroModal","handleFinish","InfoModal","IntroModal$1"],"mappings":";;;;AAQA,MAAMA,IAAgB;AAAA,EACpB;AAAA,IACE,QAAQ;AAAA,IACR,YAAY;AAAA,IACZ,OAAOC;AAAA,IACP,UAAU;AAAA,IACV,iBAAiB;AAAA,IACjB,aAAa;AAAA,EACf;AAAA,EACA;AAAA,IACE,QAAQ;AAAA,IACR,YAAY;AAAA,IACZ,KAAKC,EAAO;AAAA,IACZ,aAAa;AAAA,EACf;AACF,GAEMC,IAAyC,CAAC,EAAE,UAAUC,0BAClDC,GAAU,EAAA,QAAQL,GAAe,UAAUI,GAAc,kBAAkB,EAAG,CAAA,GAGxFE,IAAeH;"}
@@ -1,13 +0,0 @@
1
- import { createGetAllAPI as o, createPatchAPI as r } from "@cuemath/rest-api";
2
- import { BASE_URL_V1 as t } from "../../../constants/api.js";
3
- import { stringify as i } from "../../../helpers/query-string.js";
4
- const { useGetAll: f } = o({
5
- getURL: (e) => `${t}/notification/journeys/?${i(e)}`
6
- });
7
- r({
8
- getURL: () => `${t}/notification/journeys/`
9
- });
10
- export {
11
- f as useGetJourneys
12
- };
13
- //# sourceMappingURL=notification.js.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"notification.js","sources":["../../../../src/features/notifications/api/notification.ts"],"sourcesContent":["import type { TUserTypes } from '../../ui/types';\nimport type { IStudentJourneyData, TJourneyType } from '../types';\n\nimport { createGetAllAPI, createPatchAPI } from '@cuemath/rest-api';\n\nimport { BASE_URL_V1 } from '../../../constants/api';\nimport { stringify } from '../../../helpers/query-string';\n\ntype TGetQuery = {\n user_id?: string;\n journey_type?: string;\n user_type?: TUserTypes;\n};\n\nconst { useGetAll: useGetJourneys } = createGetAllAPI<IStudentJourneyData, TGetQuery>({\n getURL: query => `${BASE_URL_V1}/notification/journeys/?${stringify(query)}`,\n});\n\ntype TPatchBody = {\n user_id: string;\n journey_id: string;\n user_type: TUserTypes;\n step: number;\n state: TJourneyType;\n};\n\nconst { usePatch: usePatchJourney } = createPatchAPI<TPatchBody, Record<string, unknown>>({\n getURL: () => `${BASE_URL_V1}/notification/journeys/`,\n});\n\nexport { useGetJourneys, usePatchJourney };\n"],"names":["useGetJourneys","createGetAllAPI","query","BASE_URL_V1","stringify","createPatchAPI"],"mappings":";;;AAcA,MAAM,EAAE,WAAWA,EAAe,IAAIC,EAAgD;AAAA,EACpF,QAAQ,CAASC,MAAA,GAAGC,CAAW,2BAA2BC,EAAUF,CAAK,CAAC;AAC5E,CAAC;AAUqCG,EAAoD;AAAA,EACxF,QAAQ,MAAM,GAAGF,CAAW;AAC9B,CAAC;"}
@@ -1,20 +0,0 @@
1
- import { useEffect as t, useMemo as i } from "react";
2
- import { useGetJourneys as c } from "./api/notification.js";
3
- const y = (s) => {
4
- const { getAll: o, data: e, isProcessing: r } = c();
5
- t(() => {
6
- s && o({
7
- user_type: "STUDENT",
8
- user_id: s
9
- });
10
- }, [o, s]);
11
- const u = i(
12
- () => (e == null ? void 0 : e.filter(({ state: n }) => n === "UNFINISHED")) ?? [],
13
- [e]
14
- );
15
- return r ? { journeysToInclude: null, isProcessing: !0 } : { journeysToInclude: u, isProcessing: !1 };
16
- };
17
- export {
18
- y as default
19
- };
20
- //# sourceMappingURL=use-student-journey.js.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"use-student-journey.js","sources":["../../../src/features/notifications/use-student-journey.ts"],"sourcesContent":["import type { IStudentJourneyData } from './types';\n\nimport { useEffect, useMemo } from 'react';\n\nimport { useGetJourneys } from './api/notification';\n\nconst useStudentJourneys = (\n studentId: string | null,\n):\n | { journeysToInclude: IStudentJourneyData[]; isProcessing: false }\n | { journeysToInclude: null; isProcessing: true } => {\n const { getAll: getStudentJourneys, data: studentJourneys, isProcessing } = useGetJourneys();\n\n useEffect(() => {\n if (studentId)\n getStudentJourneys({\n user_type: 'STUDENT',\n user_id: studentId,\n });\n }, [getStudentJourneys, studentId]);\n\n const journeyCodesToInclude = useMemo(\n () => studentJourneys?.filter(({ state }) => state === 'UNFINISHED') ?? [],\n [studentJourneys],\n );\n\n if (isProcessing) return { journeysToInclude: null, isProcessing: true };\n\n return { journeysToInclude: journeyCodesToInclude, isProcessing: false };\n};\n\nexport default useStudentJourneys;\n"],"names":["useStudentJourneys","studentId","getStudentJourneys","studentJourneys","isProcessing","useGetJourneys","useEffect","journeyCodesToInclude","useMemo","state"],"mappings":";;AAMM,MAAAA,IAAqB,CACzBC,MAGqD;AACrD,QAAM,EAAE,QAAQC,GAAoB,MAAMC,GAAiB,cAAAC,EAAA,IAAiBC;AAE5E,EAAAC,EAAU,MAAM;AACV,IAAAL,KACiBC,EAAA;AAAA,MACjB,WAAW;AAAA,MACX,SAASD;AAAA,IAAA,CACV;AAAA,EAAA,GACF,CAACC,GAAoBD,CAAS,CAAC;AAElC,QAAMM,IAAwBC;AAAA,IAC5B,OAAML,KAAA,gBAAAA,EAAiB,OAAO,CAAC,EAAE,OAAAM,QAAYA,MAAU,kBAAiB,CAAC;AAAA,IACzE,CAACN,CAAe;AAAA,EAAA;AAGlB,SAAIC,IAAqB,EAAE,mBAAmB,MAAM,cAAc,OAE3D,EAAE,mBAAmBG,GAAuB,cAAc,GAAM;AACzE;"}
@@ -1,28 +0,0 @@
1
- import { IMAGES as e } from "../../../assets/images/images.js";
2
- import { S3_LINK as s } from "../../../constants/urls.js";
3
- const o = [
4
- {
5
- modalHeader: "Mark as learned vs Skip lesson",
6
- modalSubHeader: "Learned lessons progress is tracked. Skipped lessons are removed from progress tracking.",
7
- modalAnalyticsLabel: "FAMILIAR_VS_SKIP",
8
- header: "🧐 Mark as learned vs Skip lesson. More questions?",
9
- videoSrc: `${s}/2024/10_Oct/Mark+as+learned+vs+mark+as+not+needed+final.mp4`,
10
- subHeaderStart: "When to use what.",
11
- imgSrc: e.HELP_BANNER6,
12
- hue: "PURPLE"
13
- },
14
- {
15
- modalHeader: "How does a student achieve mastery of a lesson?",
16
- modalSubHeader: "To achieve mastery of a lesson, student must complete the smart practice sheet corresponding to the lesson.",
17
- modalAnalyticsLabel: "STUDENT_MASTERY",
18
- header: "🤔 How does a student achieve mastery? More questions?",
19
- videoSrc: `${s}/2024/10_Oct/When+is+a+lesson+mastered+final.mp4`,
20
- subHeaderStart: "For sure.",
21
- imgSrc: e.HELP_BANNER5,
22
- hue: "GREEN"
23
- }
24
- ];
25
- export {
26
- o as LESSON_HELP_CONFIG
27
- };
28
- //# sourceMappingURL=lessons.js.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"lessons.js","sources":["../../../../src/features/sheets/constants/lessons.ts"],"sourcesContent":["import type { IMilestoneHelpBannerConfig } from '../../milestone/types';\n\nimport { IMAGES } from '../../../assets/images/images';\nimport { S3_LINK } from '../../../constants/urls';\n\nexport const LESSON_HELP_CONFIG: IMilestoneHelpBannerConfig[] = [\n {\n modalHeader: 'Mark as learned vs Skip lesson',\n modalSubHeader:\n 'Learned lessons progress is tracked. Skipped lessons are removed from progress tracking.',\n modalAnalyticsLabel: 'FAMILIAR_VS_SKIP',\n header: '🧐 Mark as learned vs Skip lesson. More questions?',\n videoSrc: `${S3_LINK}/2024/10_Oct/Mark+as+learned+vs+mark+as+not+needed+final.mp4`,\n subHeaderStart: 'When to use what.',\n\n imgSrc: IMAGES.HELP_BANNER6,\n hue: 'PURPLE',\n },\n {\n modalHeader: 'How does a student achieve mastery of a lesson?',\n modalSubHeader:\n 'To achieve mastery of a lesson, student must complete the smart practice sheet corresponding to the lesson.',\n modalAnalyticsLabel: 'STUDENT_MASTERY',\n header: '🤔 How does a student achieve mastery? More questions?',\n videoSrc: `${S3_LINK}/2024/10_Oct/When+is+a+lesson+mastered+final.mp4`,\n subHeaderStart: 'For sure.',\n imgSrc: IMAGES.HELP_BANNER5,\n hue: 'GREEN',\n },\n];\n"],"names":["LESSON_HELP_CONFIG","S3_LINK","IMAGES"],"mappings":";;AAKO,MAAMA,IAAmD;AAAA,EAC9D;AAAA,IACE,aAAa;AAAA,IACb,gBACE;AAAA,IACF,qBAAqB;AAAA,IACrB,QAAQ;AAAA,IACR,UAAU,GAAGC,CAAO;AAAA,IACpB,gBAAgB;AAAA,IAEhB,QAAQC,EAAO;AAAA,IACf,KAAK;AAAA,EACP;AAAA,EACA;AAAA,IACE,aAAa;AAAA,IACb,gBACE;AAAA,IACF,qBAAqB;AAAA,IACrB,QAAQ;AAAA,IACR,UAAU,GAAGD,CAAO;AAAA,IACpB,gBAAgB;AAAA,IAChB,QAAQC,EAAO;AAAA,IACf,KAAK;AAAA,EACP;AACF;"}
@@ -1,117 +0,0 @@
1
- import { jsxs as r, jsx as e } from "react/jsx-runtime";
2
- import { memo as B, useState as L, useMemo as D } from "react";
3
- import N from "../../../../assets/line-icons/icons/back.js";
4
- import X from "../../../../assets/line-icons/icons/next.js";
5
- import _ from "../../buttons/button/button.js";
6
- import p from "../../buttons/icon-button/icon-button.js";
7
- import v from "../../buttons/text-button/text-button.js";
8
- import T from "../../image/image.js";
9
- import t from "../../layout/flex-view.js";
10
- import y from "../../text/text.js";
11
- import P from "../../video/index.js";
12
- const Q = B(
13
- ({ onFinish: c, entrySlideNumber: $, slides: a, tertiaryProps: s, analyticsProps: u }) => {
14
- const [o, b] = L($), x = () => {
15
- b((n) => n - 1);
16
- }, f = () => {
17
- o === a.length - 1 ? c == null || c() : b((n) => n + 1);
18
- }, {
19
- img: h,
20
- video: m,
21
- header: d,
22
- sub_header: g,
23
- analytics_label: i,
24
- thumbnail: w,
25
- autoPlay: A,
26
- buttonLabel: C
27
- } = a[o], { commonAnalytics: l, videoAnalytics: I } = D(() => {
28
- const n = {
29
- step_header: d,
30
- banner_type: i,
31
- ...u ?? {}
32
- }, j = { ...n, label: i };
33
- return { commonAnalytics: n, videoAnalytics: j };
34
- }, [i, d, u]), k = C || (o === a.length - 1 ? "Ok got it!" : "Next");
35
- return /* @__PURE__ */ r(
36
- t,
37
- {
38
- $flexGapX: 1.5,
39
- $gutterX: 2.5,
40
- $gapX: 2.5,
41
- $heightX: 31.125,
42
- $justifyContent: "space-between",
43
- children: [
44
- /* @__PURE__ */ r(t, { children: [
45
- /* @__PURE__ */ e(y, { $renderAs: "ah4-bold", children: d }),
46
- /* @__PURE__ */ e(y, { $renderAs: "ub3", children: g })
47
- ] }),
48
- /* @__PURE__ */ r(t, { $borderColor: "BLACK_T_38", children: [
49
- h && /* @__PURE__ */ e(T, { alt: i, width: "480", height: "200", src: h, withLoader: !1 }),
50
- m && /* @__PURE__ */ e(
51
- P,
52
- {
53
- width: "480",
54
- height: "270",
55
- src: m,
56
- analyticsData: I,
57
- controls: !0,
58
- thumbnailImg: w,
59
- autoPlay: A
60
- },
61
- m
62
- )
63
- ] }),
64
- /* @__PURE__ */ e(t, { $justifyContent: "space-between", children: s ? /* @__PURE__ */ r(t, { $justifyContent: "space-between", $flexDirection: "row", $alignItems: "baseline", children: [
65
- /* @__PURE__ */ e(
66
- v,
67
- {
68
- label: s.CTA,
69
- onClick: s.onClick,
70
- analyticsProps: l
71
- }
72
- ),
73
- /* @__PURE__ */ r(t, { $flexDirection: "row", $justifyContent: "space-between", $widthX: 6, children: [
74
- /* @__PURE__ */ e(
75
- p,
76
- {
77
- Icon: N,
78
- renderAs: "primary",
79
- analyticsLabel: "Back",
80
- onClick: x,
81
- analyticsProps: l,
82
- disabled: o === 0
83
- }
84
- ),
85
- /* @__PURE__ */ e(
86
- p,
87
- {
88
- Icon: X,
89
- analyticsLabel: "Next",
90
- renderAs: "primary",
91
- onClick: f,
92
- analyticsProps: l,
93
- disabled: o === a.length - 1
94
- }
95
- )
96
- ] })
97
- ] }) : /* @__PURE__ */ e(t, { $flexDirection: "row", $alignItems: "center", $justifyContent: "flex-end", children: /* @__PURE__ */ e(
98
- _,
99
- {
100
- renderAs: "primary",
101
- shape: "square",
102
- widthX: 10,
103
- size: "small",
104
- label: k,
105
- onClick: f,
106
- analyticsProps: l
107
- }
108
- ) }) })
109
- ]
110
- }
111
- );
112
- }
113
- );
114
- export {
115
- Q as default
116
- };
117
- //# sourceMappingURL=index.js.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"index.js","sources":["../../../../../src/features/ui/modals/info-modal/index.tsx"],"sourcesContent":["import type { IInfoModalProps, TSlideConfig } from './types';\n\nimport { memo, useMemo, useState } from 'react';\n\nimport BackIcon from '../../../../assets/line-icons/icons/back';\nimport NextIcon from '../../../../assets/line-icons/icons/next';\nimport Button from '../../buttons/button/button';\nimport IconButton from '../../buttons/icon-button/icon-button';\nimport TextButton from '../../buttons/text-button/text-button';\nimport Image from '../../image/image';\nimport FlexView from '../../layout/flex-view';\nimport Text from '../../text/text';\nimport Video from '../../video';\n\nconst InfoModal: React.FC<IInfoModalProps> = memo(\n ({ onFinish: handleFinish, entrySlideNumber, slides, tertiaryProps, analyticsProps }) => {\n const [slideNum, setSlideNum] = useState(entrySlideNumber);\n const handlePrevious = () => {\n setSlideNum(prev => prev - 1);\n };\n\n const handleNext = () => {\n if (slideNum === slides.length - 1) {\n handleFinish?.();\n } else {\n setSlideNum(prev => prev + 1);\n }\n };\n\n const {\n img,\n video,\n header,\n sub_header: subHeader,\n analytics_label: analyticsLabel,\n thumbnail,\n autoPlay,\n buttonLabel,\n } = slides[slideNum] as TSlideConfig;\n\n const { commonAnalytics, videoAnalytics } = useMemo(() => {\n const commonAnalyticsData = {\n step_header: header,\n banner_type: analyticsLabel,\n ...(analyticsProps ?? {}),\n };\n const videoAnalyticsData = { ...commonAnalyticsData, label: analyticsLabel };\n\n return { commonAnalytics: commonAnalyticsData, videoAnalytics: videoAnalyticsData };\n }, [analyticsLabel, header, analyticsProps]);\n\n const nextButtonLabel = buttonLabel || (slideNum === slides.length - 1 ? 'Ok got it!' : 'Next');\n\n return (\n <FlexView\n $flexGapX={1.5}\n $gutterX={2.5}\n $gapX={2.5}\n $heightX={31.125}\n $justifyContent=\"space-between\"\n >\n <FlexView>\n <Text $renderAs=\"ah4-bold\">{header}</Text>\n <Text $renderAs=\"ub3\">{subHeader}</Text>\n </FlexView>\n\n <FlexView $borderColor=\"BLACK_T_38\">\n {img && (\n <Image alt={analyticsLabel} width=\"480\" height=\"200\" src={img} withLoader={false} />\n )}\n {video && (\n <Video\n key={video}\n width=\"480\"\n height=\"270\"\n src={video}\n analyticsData={videoAnalytics}\n controls\n thumbnailImg={thumbnail}\n autoPlay={autoPlay}\n />\n )}\n </FlexView>\n\n <FlexView $justifyContent=\"space-between\">\n {tertiaryProps ? (\n <FlexView $justifyContent=\"space-between\" $flexDirection=\"row\" $alignItems=\"baseline\">\n <TextButton\n label={tertiaryProps.CTA}\n onClick={tertiaryProps.onClick}\n analyticsProps={commonAnalytics}\n />\n <FlexView $flexDirection=\"row\" $justifyContent=\"space-between\" $widthX={6}>\n <IconButton\n Icon={BackIcon}\n renderAs=\"primary\"\n analyticsLabel=\"Back\"\n onClick={handlePrevious}\n analyticsProps={commonAnalytics}\n disabled={slideNum === 0}\n />\n\n <IconButton\n Icon={NextIcon}\n analyticsLabel=\"Next\"\n renderAs=\"primary\"\n onClick={handleNext}\n analyticsProps={commonAnalytics}\n disabled={slideNum === slides.length - 1}\n />\n </FlexView>\n </FlexView>\n ) : (\n <FlexView $flexDirection=\"row\" $alignItems=\"center\" $justifyContent=\"flex-end\">\n <Button\n renderAs=\"primary\"\n shape=\"square\"\n widthX={10}\n size=\"small\"\n label={nextButtonLabel}\n onClick={handleNext}\n analyticsProps={commonAnalytics}\n />\n </FlexView>\n )}\n </FlexView>\n </FlexView>\n );\n },\n);\n\nexport default InfoModal;\n"],"names":["InfoModal","memo","handleFinish","entrySlideNumber","slides","tertiaryProps","analyticsProps","slideNum","setSlideNum","useState","handlePrevious","prev","handleNext","img","video","header","subHeader","analyticsLabel","thumbnail","autoPlay","buttonLabel","commonAnalytics","videoAnalytics","useMemo","commonAnalyticsData","videoAnalyticsData","nextButtonLabel","jsxs","FlexView","jsx","Text","Image","Video","TextButton","IconButton","BackIcon","NextIcon","Button"],"mappings":"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"}