@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.
- package/dist/assets/images/images.js +0 -12
- package/dist/assets/images/images.js.map +1 -1
- package/dist/features/chapters/chapter/chapter.js +43 -45
- package/dist/features/chapters/chapter/chapter.js.map +1 -1
- package/dist/features/chapters/chapter/comps/core-lessons/core-lessons.js +21 -23
- package/dist/features/chapters/chapter/comps/core-lessons/core-lessons.js.map +1 -1
- package/dist/features/milestone/constants.js +18 -53
- package/dist/features/milestone/constants.js.map +1 -1
- package/dist/features/milestone/create/comps/chapters-selection-step/chapters-selection-step-styled.js +4 -16
- package/dist/features/milestone/create/comps/chapters-selection-step/chapters-selection-step-styled.js.map +1 -1
- package/dist/features/milestone/create/milestone-create-constants.js.map +1 -1
- package/dist/features/milestone/create/milestone-create-container.js +47 -56
- package/dist/features/milestone/create/milestone-create-container.js.map +1 -1
- package/dist/features/milestone/create/milestone-create-helpers.js +113 -132
- package/dist/features/milestone/create/milestone-create-helpers.js.map +1 -1
- package/dist/features/milestone/create/milestone-create-hooks.js +90 -92
- package/dist/features/milestone/create/milestone-create-hooks.js.map +1 -1
- package/dist/features/milestone/create/milestone-create-styled.js +20 -34
- package/dist/features/milestone/create/milestone-create-styled.js.map +1 -1
- package/dist/features/milestone/create/milestone-create.js +53 -72
- package/dist/features/milestone/create/milestone-create.js.map +1 -1
- package/dist/features/milestone/create/submit-modal/use-submit-milestone.js +46 -53
- package/dist/features/milestone/create/submit-modal/use-submit-milestone.js.map +1 -1
- package/dist/features/milestone/create/utils/index.js.map +1 -1
- package/dist/features/milestone/edit/comps/delete-milestone/styled.js +8 -11
- package/dist/features/milestone/edit/comps/delete-milestone/styled.js.map +1 -1
- package/dist/features/milestone/edit/comps/edit-milestone-modal/edit-milestone.js +82 -79
- package/dist/features/milestone/edit/comps/edit-milestone-modal/edit-milestone.js.map +1 -1
- package/dist/features/milestone/edit/comps/edit-milestone-modal/index.js +112 -136
- package/dist/features/milestone/edit/comps/edit-milestone-modal/index.js.map +1 -1
- package/dist/features/milestone/{drafts/goal-edit → edit/goal-drafts}/goal-draft-edit-container.js +22 -24
- package/dist/features/milestone/edit/goal-drafts/goal-draft-edit-container.js.map +1 -0
- package/dist/features/milestone/edit/goal-drafts/goal-draft-edit-helpers.js +17 -0
- package/dist/features/milestone/edit/goal-drafts/goal-draft-edit-helpers.js.map +1 -0
- package/dist/features/milestone/edit/goal-edit-helpers.js +5 -6
- package/dist/features/milestone/edit/goal-edit-helpers.js.map +1 -1
- package/dist/features/milestone/edit/milestone-edit-helpers.js +16 -17
- package/dist/features/milestone/edit/milestone-edit-helpers.js.map +1 -1
- package/dist/features/milestone/milestone-list-container/milestone-list/milestone-list.js +46 -48
- package/dist/features/milestone/milestone-list-container/milestone-list/milestone-list.js.map +1 -1
- package/dist/features/milestone/milestone-list-container/milestone-list-container.js +58 -60
- package/dist/features/milestone/milestone-list-container/milestone-list-container.js.map +1 -1
- package/dist/features/milestone/outcome/comps/past-milestone/past-milestone-container.js +39 -41
- package/dist/features/milestone/outcome/comps/past-milestone/past-milestone-container.js.map +1 -1
- package/dist/index.d.ts +7 -125
- package/dist/index.js +244 -258
- package/dist/index.js.map +1 -1
- package/package.json +1 -1
- package/dist/constants/urls.js +0 -5
- package/dist/constants/urls.js.map +0 -1
- package/dist/features/milestone/drafts/create/draft-create-container.js +0 -54
- package/dist/features/milestone/drafts/create/draft-create-container.js.map +0 -1
- package/dist/features/milestone/drafts/edit/draft-edit-container.js +0 -77
- package/dist/features/milestone/drafts/edit/draft-edit-container.js.map +0 -1
- package/dist/features/milestone/drafts/edit/draft-edit-helpers.js +0 -69
- package/dist/features/milestone/drafts/edit/draft-edit-helpers.js.map +0 -1
- package/dist/features/milestone/drafts/goal-edit/goal-draft-edit-container.js.map +0 -1
- package/dist/features/milestone/drafts/review/draft-review-container.js +0 -76
- package/dist/features/milestone/drafts/review/draft-review-container.js.map +0 -1
- package/dist/features/milestone/edit/comps/delete-milestone/add-remove-nudge.js +0 -48
- package/dist/features/milestone/edit/comps/delete-milestone/add-remove-nudge.js.map +0 -1
- package/dist/features/milestone/edit/comps/edit-milestone-modal/edit-milestone-modal-styled.js +0 -23
- package/dist/features/milestone/edit/comps/edit-milestone-modal/edit-milestone-modal-styled.js.map +0 -1
- package/dist/features/milestone/edit/comps/edit-milestone-modal/share-screen.js +0 -68
- package/dist/features/milestone/edit/comps/edit-milestone-modal/share-screen.js.map +0 -1
- package/dist/features/milestone/help-modals/index.js +0 -22
- package/dist/features/milestone/help-modals/index.js.map +0 -1
- package/dist/features/milestone/help-modals/milestone-lesson.js +0 -17
- package/dist/features/milestone/help-modals/milestone-lesson.js.map +0 -1
- package/dist/features/milestone/help-modals/milestone-list.js +0 -17
- package/dist/features/milestone/help-modals/milestone-list.js.map +0 -1
- package/dist/features/milestone/help-modals/utils.js +0 -20
- package/dist/features/milestone/help-modals/utils.js.map +0 -1
- package/dist/features/milestone/intro-modal/index.js +0 -24
- package/dist/features/milestone/intro-modal/index.js.map +0 -1
- package/dist/features/notifications/api/notification.js +0 -13
- package/dist/features/notifications/api/notification.js.map +0 -1
- package/dist/features/notifications/use-student-journey.js +0 -20
- package/dist/features/notifications/use-student-journey.js.map +0 -1
- package/dist/features/sheets/constants/lessons.js +0 -28
- package/dist/features/sheets/constants/lessons.js.map +0 -1
- package/dist/features/ui/modals/info-modal/index.js +0 -117
- package/dist/features/ui/modals/info-modal/index.js.map +0 -1
- package/dist/static/goal_creation_helper.d45e4d58.png +0 -0
- package/dist/static/help_banner1.ddb0ef0f.png +0 -0
- package/dist/static/help_banner2.40979ed0.png +0 -0
- package/dist/static/help_banner3.532099c7.png +0 -0
- package/dist/static/help_banner4.90a6fd4d.png +0 -0
- package/dist/static/help_banner5.2a9efb39.png +0 -0
- package/dist/static/help_banner6.94fe9589.png +0 -0
- package/dist/static/milestone_intro_slide1.1537493e.png +0 -0
- package/dist/static/milestone_intro_slide2.b791c159.png +0 -0
- package/dist/static/milestone_intro_slide3.f7d63a11.png +0 -0
- package/dist/static/milestone_intro_slide4.f8da4e46.png +0 -0
- 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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"}
|
Binary file
|
Binary file
|
Binary file
|
Binary file
|
Binary file
|
Binary file
|
Binary file
|
Binary file
|
Binary file
|
Binary file
|
Binary file
|
Binary file
|