@cuemath/leap 3.3.3-j3 → 3.3.3-j4
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/features/trial-session/comps/pla/session-summary/summary-card/summary-card.js +17 -17
- package/dist/features/trial-session/comps/pla/session-summary/summary-card/summary-card.js.map +1 -1
- package/dist/features/trial-session/comps/student-profile/student-profile-highlights/student-profile-highlights.js +46 -31
- package/dist/features/trial-session/comps/student-profile/student-profile-highlights/student-profile-highlights.js.map +1 -1
- package/package.json +1 -1
|
@@ -1,13 +1,13 @@
|
|
|
1
|
-
import { jsxs as i, jsx as
|
|
1
|
+
import { jsxs as i, jsx as e } from "react/jsx-runtime";
|
|
2
2
|
import { memo as p, useCallback as g } from "react";
|
|
3
3
|
import { useTheme as u } from "styled-components";
|
|
4
4
|
import b from "../../../../../../assets/line-icons/icons/chevron-right.js";
|
|
5
5
|
import w from "../../../../../ui/buttons/clickable/clickable.js";
|
|
6
|
-
import
|
|
7
|
-
import
|
|
8
|
-
import
|
|
6
|
+
import x from "../../../../../ui/image/image.js";
|
|
7
|
+
import r from "../../../../../ui/layout/flex-view.js";
|
|
8
|
+
import C from "../../../../../ui/separator/separator.js";
|
|
9
9
|
import n from "../../../../../ui/text/text.js";
|
|
10
|
-
import { EDeviceType as
|
|
10
|
+
import { EDeviceType as T } from "../../../../../ui/theme/constants.js";
|
|
11
11
|
import { ImageWrapper as E } from "./summary-card-styled.js";
|
|
12
12
|
const _ = p(
|
|
13
13
|
({
|
|
@@ -20,20 +20,20 @@ const _ = p(
|
|
|
20
20
|
isDemoDone: d,
|
|
21
21
|
onClick: c
|
|
22
22
|
}) => {
|
|
23
|
-
const s = u().device <=
|
|
23
|
+
const s = u().device <= T.MOBILE, f = g(() => {
|
|
24
24
|
o && c && c(o);
|
|
25
|
-
}, [o, c]), m = /* @__PURE__ */ i(
|
|
26
|
-
/* @__PURE__ */
|
|
27
|
-
/* @__PURE__ */ i(
|
|
28
|
-
/* @__PURE__ */
|
|
29
|
-
/* @__PURE__ */
|
|
30
|
-
/* @__PURE__ */
|
|
25
|
+
}, [o, c]), m = /* @__PURE__ */ i(r, { $flex: 1, children: [
|
|
26
|
+
/* @__PURE__ */ e(E, { $height: 84, $width: "100%", $background: t, children: /* @__PURE__ */ e(x, { src: h, height: 84, width: "100%", withLoader: !1 }) }),
|
|
27
|
+
/* @__PURE__ */ i(r, { $gap: 12, $gutter: 16, $background: t, $flex: 1, children: [
|
|
28
|
+
/* @__PURE__ */ e(n, { $renderAs: "ac3-black", $renderOnMobileAs: "ac4-black", $color: "WHITE", children: l }),
|
|
29
|
+
/* @__PURE__ */ e(C, { height: s ? 8 : 12 }),
|
|
30
|
+
/* @__PURE__ */ e(n, { $renderAs: "ub3", $color: "WHITE", children: a })
|
|
31
31
|
] })
|
|
32
32
|
] }, l);
|
|
33
|
-
return d && o ? /* @__PURE__ */ i(
|
|
33
|
+
return d && o ? /* @__PURE__ */ i(r, { $flex: 1, children: [
|
|
34
34
|
m,
|
|
35
|
-
/* @__PURE__ */
|
|
36
|
-
|
|
35
|
+
/* @__PURE__ */ e(w, { label: o, onClick: f, children: /* @__PURE__ */ e(r, { $background: t, children: /* @__PURE__ */ i(
|
|
36
|
+
r,
|
|
37
37
|
{
|
|
38
38
|
$background: "BLACK_T_38",
|
|
39
39
|
$gapX: 0.5,
|
|
@@ -42,8 +42,8 @@ const _ = p(
|
|
|
42
42
|
$alignItems: "center",
|
|
43
43
|
$justifyContent: "space-between",
|
|
44
44
|
children: [
|
|
45
|
-
/* @__PURE__ */ r
|
|
46
|
-
/* @__PURE__ */
|
|
45
|
+
/* @__PURE__ */ e(r, { $gutterX: 0.5, $flexDirection: "row", $alignItems: "center", children: /* @__PURE__ */ e(n, { $renderAs: "ac4", $color: "WHITE_1", children: $ }) }),
|
|
46
|
+
/* @__PURE__ */ e(b, { width: 24, height: 24, color: "WHITE" })
|
|
47
47
|
]
|
|
48
48
|
}
|
|
49
49
|
) }) })
|
package/dist/features/trial-session/comps/pla/session-summary/summary-card/summary-card.js.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"summary-card.js","sources":["../../../../../../../src/features/trial-session/comps/pla/session-summary/summary-card/summary-card.tsx"],"sourcesContent":["import type { ISessionSummaryCardProps } from './summary-card-types';\n\nimport { memo, useCallback } from 'react';\nimport { useTheme } from 'styled-components';\n\nimport ChevronRightIcon from '../../../../../../assets/line-icons/icons/chevron-right';\nimport Clickable from '../../../../../ui/buttons/clickable/clickable';\nimport Image from '../../../../../ui/image/image';\nimport FlexView from '../../../../../ui/layout/flex-view';\nimport Separator from '../../../../../ui/separator/separator';\nimport Text from '../../../../../ui/text/text';\nimport { EDeviceType } from '../../../../../ui/theme/constants';\nimport * as Styled from './summary-card-styled';\n\nconst SessionSummaryCard = memo(\n ({\n title,\n description,\n image,\n textBG,\n ctaLabel,\n keyId,\n isDemoDone,\n onClick,\n }: ISessionSummaryCardProps) => {\n const theme = useTheme();\n const isMobile = theme.device <= EDeviceType.MOBILE;\n\n const handleClick = useCallback(() => {\n if (keyId && onClick) onClick(keyId);\n }, [keyId, onClick]);\n\n const CardContent = (\n <FlexView key={title} $flex={1}>\n <Styled.ImageWrapper $height={84} $width=\"100%\" $background={textBG}>\n <Image src={image} height={84} width=\"100%\" withLoader={false} />\n </Styled.ImageWrapper>\n <FlexView $gap={12} $gutter={16} $background={textBG} $flex={1}>\n <Text $renderAs=\"ac3-black\" $renderOnMobileAs=\"ac4-black\" $color=\"WHITE\">\n {title}\n </Text>\n <Separator height={isMobile ? 8 : 12} />\n <Text $renderAs=\"ub3\" $color=\"WHITE\">\n {description}\n </Text>\n </FlexView>\n </FlexView>\n );\n\n return isDemoDone && keyId ? (\n <FlexView>\n {CardContent}\n <Clickable label={keyId} onClick={handleClick}>\n <FlexView $background={textBG}>\n <FlexView\n $background=\"BLACK_T_38\"\n $gapX={0.5}\n $gutterX={0.5}\n $flexDirection=\"row\"\n $alignItems=\"center\"\n $justifyContent=\"space-between\"\n >\n <FlexView $gutterX={0.5} $flexDirection=\"row\" $alignItems=\"center\">\n <Text $renderAs=\"ac4\" $color=\"WHITE_1\">\n {ctaLabel}\n </Text>\n </FlexView>\n <ChevronRightIcon width={24} height={24} color=\"WHITE\" />\n </FlexView>\n </FlexView>\n </Clickable>\n </FlexView>\n ) : (\n CardContent\n );\n },\n);\n\nexport default SessionSummaryCard;\n"],"names":["SessionSummaryCard","memo","title","description","image","textBG","ctaLabel","keyId","isDemoDone","onClick","isMobile","useTheme","EDeviceType","handleClick","useCallback","CardContent","jsxs","FlexView","jsx","Styled.ImageWrapper","Image","Text","Separator","Clickable","ChevronRightIcon"],"mappings":";;;;;;;;;;;AAcA,MAAMA,IAAqBC;AAAA,EACzB,CAAC;AAAA,IACC,OAAAC;AAAA,IACA,aAAAC;AAAA,IACA,OAAAC;AAAA,IACA,QAAAC;AAAA,IACA,UAAAC;AAAA,IACA,OAAAC;AAAA,IACA,YAAAC;AAAA,IACA,SAAAC;AAAA,EAAA,MAC8B;AAExB,UAAAC,IADQC,IACS,UAAUC,EAAY,QAEvCC,IAAcC,EAAY,MAAM;AAChC,MAAAP,KAASE,KAASA,EAAQF,CAAK;AAAA,IAAA,GAClC,CAACA,GAAOE,CAAO,CAAC,GAEbM,IACJ,gBAAAC,EAACC,GAAqB,EAAA,OAAO,GAC3B,UAAA;AAAA,MAAA,gBAAAC,EAACC,GAAA,EAAoB,SAAS,IAAI,QAAO,QAAO,aAAad,GAC3D,4BAACe,GAAM,EAAA,KAAKhB,GAAO,QAAQ,IAAI,OAAM,QAAO,YAAY,GAAO,CAAA,GACjE;AAAA,MACA,gBAAAY,EAACC,KAAS,MAAM,IAAI,SAAS,IAAI,aAAaZ,GAAQ,OAAO,GAC3D,UAAA;AAAA,QAAA,gBAAAa,EAACG,KAAK,WAAU,aAAY,mBAAkB,aAAY,QAAO,SAC9D,UACHnB,EAAA,CAAA;AAAA,QACC,gBAAAgB,EAAAI,GAAA,EAAU,QAAQZ,IAAW,IAAI,IAAI;AAAA,0BACrCW,GAAK,EAAA,WAAU,OAAM,QAAO,SAC1B,UACHlB,GAAA;AAAA,MAAA,GACF;AAAA,IAAA,EAAA,GAZaD,CAaf;
|
|
1
|
+
{"version":3,"file":"summary-card.js","sources":["../../../../../../../src/features/trial-session/comps/pla/session-summary/summary-card/summary-card.tsx"],"sourcesContent":["import type { ISessionSummaryCardProps } from './summary-card-types';\n\nimport { memo, useCallback } from 'react';\nimport { useTheme } from 'styled-components';\n\nimport ChevronRightIcon from '../../../../../../assets/line-icons/icons/chevron-right';\nimport Clickable from '../../../../../ui/buttons/clickable/clickable';\nimport Image from '../../../../../ui/image/image';\nimport FlexView from '../../../../../ui/layout/flex-view';\nimport Separator from '../../../../../ui/separator/separator';\nimport Text from '../../../../../ui/text/text';\nimport { EDeviceType } from '../../../../../ui/theme/constants';\nimport * as Styled from './summary-card-styled';\n\nconst SessionSummaryCard = memo(\n ({\n title,\n description,\n image,\n textBG,\n ctaLabel,\n keyId,\n isDemoDone,\n onClick,\n }: ISessionSummaryCardProps) => {\n const theme = useTheme();\n const isMobile = theme.device <= EDeviceType.MOBILE;\n\n const handleClick = useCallback(() => {\n if (keyId && onClick) onClick(keyId);\n }, [keyId, onClick]);\n\n const CardContent = (\n <FlexView key={title} $flex={1}>\n <Styled.ImageWrapper $height={84} $width=\"100%\" $background={textBG}>\n <Image src={image} height={84} width=\"100%\" withLoader={false} />\n </Styled.ImageWrapper>\n <FlexView $gap={12} $gutter={16} $background={textBG} $flex={1}>\n <Text $renderAs=\"ac3-black\" $renderOnMobileAs=\"ac4-black\" $color=\"WHITE\">\n {title}\n </Text>\n <Separator height={isMobile ? 8 : 12} />\n <Text $renderAs=\"ub3\" $color=\"WHITE\">\n {description}\n </Text>\n </FlexView>\n </FlexView>\n );\n\n return isDemoDone && keyId ? (\n <FlexView $flex={1}>\n {CardContent}\n <Clickable label={keyId} onClick={handleClick}>\n <FlexView $background={textBG}>\n <FlexView\n $background=\"BLACK_T_38\"\n $gapX={0.5}\n $gutterX={0.5}\n $flexDirection=\"row\"\n $alignItems=\"center\"\n $justifyContent=\"space-between\"\n >\n <FlexView $gutterX={0.5} $flexDirection=\"row\" $alignItems=\"center\">\n <Text $renderAs=\"ac4\" $color=\"WHITE_1\">\n {ctaLabel}\n </Text>\n </FlexView>\n <ChevronRightIcon width={24} height={24} color=\"WHITE\" />\n </FlexView>\n </FlexView>\n </Clickable>\n </FlexView>\n ) : (\n CardContent\n );\n },\n);\n\nexport default SessionSummaryCard;\n"],"names":["SessionSummaryCard","memo","title","description","image","textBG","ctaLabel","keyId","isDemoDone","onClick","isMobile","useTheme","EDeviceType","handleClick","useCallback","CardContent","jsxs","FlexView","jsx","Styled.ImageWrapper","Image","Text","Separator","Clickable","ChevronRightIcon"],"mappings":";;;;;;;;;;;AAcA,MAAMA,IAAqBC;AAAA,EACzB,CAAC;AAAA,IACC,OAAAC;AAAA,IACA,aAAAC;AAAA,IACA,OAAAC;AAAA,IACA,QAAAC;AAAA,IACA,UAAAC;AAAA,IACA,OAAAC;AAAA,IACA,YAAAC;AAAA,IACA,SAAAC;AAAA,EAAA,MAC8B;AAExB,UAAAC,IADQC,IACS,UAAUC,EAAY,QAEvCC,IAAcC,EAAY,MAAM;AAChC,MAAAP,KAASE,KAASA,EAAQF,CAAK;AAAA,IAAA,GAClC,CAACA,GAAOE,CAAO,CAAC,GAEbM,IACJ,gBAAAC,EAACC,GAAqB,EAAA,OAAO,GAC3B,UAAA;AAAA,MAAA,gBAAAC,EAACC,GAAA,EAAoB,SAAS,IAAI,QAAO,QAAO,aAAad,GAC3D,4BAACe,GAAM,EAAA,KAAKhB,GAAO,QAAQ,IAAI,OAAM,QAAO,YAAY,GAAO,CAAA,GACjE;AAAA,MACA,gBAAAY,EAACC,KAAS,MAAM,IAAI,SAAS,IAAI,aAAaZ,GAAQ,OAAO,GAC3D,UAAA;AAAA,QAAA,gBAAAa,EAACG,KAAK,WAAU,aAAY,mBAAkB,aAAY,QAAO,SAC9D,UACHnB,EAAA,CAAA;AAAA,QACC,gBAAAgB,EAAAI,GAAA,EAAU,QAAQZ,IAAW,IAAI,IAAI;AAAA,0BACrCW,GAAK,EAAA,WAAU,OAAM,QAAO,SAC1B,UACHlB,GAAA;AAAA,MAAA,GACF;AAAA,IAAA,EAAA,GAZaD,CAaf;AAGF,WAAOM,KAAcD,IAClB,gBAAAS,EAAAC,GAAA,EAAS,OAAO,GACd,UAAA;AAAA,MAAAF;AAAA,MACD,gBAAAG,EAACK,KAAU,OAAOhB,GAAO,SAASM,GAChC,UAAA,gBAAAK,EAACD,GAAS,EAAA,aAAaZ,GACrB,UAAA,gBAAAW;AAAA,QAACC;AAAA,QAAA;AAAA,UACC,aAAY;AAAA,UACZ,OAAO;AAAA,UACP,UAAU;AAAA,UACV,gBAAe;AAAA,UACf,aAAY;AAAA,UACZ,iBAAgB;AAAA,UAEhB,UAAA;AAAA,YAAA,gBAAAC,EAACD,GAAS,EAAA,UAAU,KAAK,gBAAe,OAAM,aAAY,UACxD,UAAC,gBAAAC,EAAAG,GAAA,EAAK,WAAU,OAAM,QAAO,WAC1B,YACH,CAAA,GACF;AAAA,8BACCG,GAAiB,EAAA,OAAO,IAAI,QAAQ,IAAI,OAAM,SAAQ;AAAA,UAAA;AAAA,QAAA;AAAA,SAE3D,EACF,CAAA;AAAA,IAAA,EACF,CAAA,IAEAT;AAAA,EAEJ;AACF;"}
|
|
@@ -1,38 +1,53 @@
|
|
|
1
|
-
import { jsx as
|
|
1
|
+
import { jsx as r, jsxs as l } from "react/jsx-runtime";
|
|
2
2
|
import { memo as d } from "react";
|
|
3
|
-
import
|
|
4
|
-
import
|
|
5
|
-
import
|
|
6
|
-
import
|
|
7
|
-
|
|
3
|
+
import m, { useTheme as a } from "styled-components";
|
|
4
|
+
import p from "../../../../ui/image/image.js";
|
|
5
|
+
import t from "../../../../ui/layout/flex-view.js";
|
|
6
|
+
import i from "../../../../ui/text/text.js";
|
|
7
|
+
import { EDeviceType as f } from "../../../../ui/theme/constants.js";
|
|
8
|
+
const $ = m(t)`
|
|
8
9
|
&:not(:last-child) {
|
|
9
|
-
border-bottom: 1px solid ${({ theme:
|
|
10
|
+
border-bottom: 1px solid ${({ theme: n }) => n.colors.BLACK_1};
|
|
11
|
+
}
|
|
12
|
+
`, c = d(
|
|
13
|
+
({ profileHighlights: n }) => {
|
|
14
|
+
const o = a().device <= f.MOBILE;
|
|
15
|
+
return /* @__PURE__ */ r(t, { $borderColor: "BLACK_1", children: n.map((e) => /* @__PURE__ */ l(
|
|
16
|
+
$,
|
|
17
|
+
{
|
|
18
|
+
$flexDirection: "row",
|
|
19
|
+
$alignItems: "center",
|
|
20
|
+
$justifyContent: "flex-start",
|
|
21
|
+
$gapX: 1,
|
|
22
|
+
$gutterX: o ? 0.75 : 1,
|
|
23
|
+
$flexGapX: o ? 0.5 : 1.5,
|
|
24
|
+
$background: e.background,
|
|
25
|
+
children: [
|
|
26
|
+
/* @__PURE__ */ r(
|
|
27
|
+
p,
|
|
28
|
+
{
|
|
29
|
+
src: e.illustration,
|
|
30
|
+
alt: e.title,
|
|
31
|
+
height: o ? 64 : 96,
|
|
32
|
+
width: o ? 64 : 96
|
|
33
|
+
}
|
|
34
|
+
),
|
|
35
|
+
/* @__PURE__ */ l(t, { $flexDirection: "column", $flex: 1, $flexGap: 2, children: [
|
|
36
|
+
/* @__PURE__ */ r(i, { $renderAs: "ac3-black", children: e.title }),
|
|
37
|
+
/* @__PURE__ */ r(i, { $renderAs: "ab2", children: typeof e.description == "string" ? e.description : /* @__PURE__ */ r(t, { children: e.description.map((s) => /* @__PURE__ */ l(t, { $flexDirection: "row", $flexColumnGapX: 0.5, children: [
|
|
38
|
+
/* @__PURE__ */ r(i, { $renderAs: "ab2", $inline: !0, children: "•" }),
|
|
39
|
+
/* @__PURE__ */ r(i, { $renderAs: "ab2", as: "span", $inline: !0, children: s })
|
|
40
|
+
] }, s)) }) })
|
|
41
|
+
] })
|
|
42
|
+
]
|
|
43
|
+
},
|
|
44
|
+
e.title
|
|
45
|
+
)) });
|
|
10
46
|
}
|
|
11
|
-
`, s = d(
|
|
12
|
-
({ profileHighlights: t }) => /* @__PURE__ */ e(o, { $borderColor: "BLACK_1", children: t.map((r) => /* @__PURE__ */ l(
|
|
13
|
-
m,
|
|
14
|
-
{
|
|
15
|
-
$flexDirection: "row",
|
|
16
|
-
$alignItems: "center",
|
|
17
|
-
$justifyContent: "flex-start",
|
|
18
|
-
$gapX: 1,
|
|
19
|
-
$gutterX: 1,
|
|
20
|
-
$flexGapX: 1.5,
|
|
21
|
-
$background: r.background,
|
|
22
|
-
children: [
|
|
23
|
-
/* @__PURE__ */ e(a, { src: r.illustration, alt: r.title, height: 96, width: 96 }),
|
|
24
|
-
/* @__PURE__ */ l(o, { $flexDirection: "column", $flex: 1, $flexGap: 2, children: [
|
|
25
|
-
/* @__PURE__ */ e(n, { $renderAs: "ac3-black", children: r.title }),
|
|
26
|
-
/* @__PURE__ */ e(n, { $renderAs: "ab2", children: typeof r.description == "string" ? r.description : r.description.map((i) => /* @__PURE__ */ e("li", { children: i }, i)) })
|
|
27
|
-
] })
|
|
28
|
-
]
|
|
29
|
-
},
|
|
30
|
-
r.title
|
|
31
|
-
)) })
|
|
32
47
|
);
|
|
33
|
-
|
|
34
|
-
const
|
|
48
|
+
c.displayName = "StudentProfileHighlights";
|
|
49
|
+
const H = c;
|
|
35
50
|
export {
|
|
36
|
-
|
|
51
|
+
H as default
|
|
37
52
|
};
|
|
38
53
|
//# sourceMappingURL=student-profile-highlights.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"student-profile-highlights.js","sources":["../../../../../../src/features/trial-session/comps/student-profile/student-profile-highlights/student-profile-highlights.tsx"],"sourcesContent":["import type { TColorNames } from '../../../../ui/types';\nimport type { FC } from 'react';\n\nimport { memo } from 'react';\nimport styled from 'styled-components';\n\nimport Image from '../../../../ui/image/image';\nimport FlexView from '../../../../ui/layout/flex-view';\nimport Text from '../../../../ui/text/text';\n\ntype TProfileHighlight = {\n illustration: string;\n background: TColorNames;\n title: string;\n description: string | string[];\n};\n\nconst HighlightWrapper = styled(FlexView)`\n &:not(:last-child) {\n border-bottom: 1px solid ${({ theme }) => theme.colors.BLACK_1};\n }\n`;\n\ninterface IStudentProfileHighlightsProps {\n profileHighlights: TProfileHighlight[];\n}\n\nconst StudentProfileHighlights: FC<IStudentProfileHighlightsProps> = memo(\n ({ profileHighlights }) => {\n return (\n <FlexView $borderColor=\"BLACK_1\">\n {profileHighlights.map(highlight => (\n <HighlightWrapper\n key={highlight.title}\n $flexDirection=\"row\"\n $alignItems=\"center\"\n $justifyContent=\"flex-start\"\n $gapX={1}\n $gutterX={1}\n $flexGapX={1.5}\n $background={highlight.background}\n >\n <Image
|
|
1
|
+
{"version":3,"file":"student-profile-highlights.js","sources":["../../../../../../src/features/trial-session/comps/student-profile/student-profile-highlights/student-profile-highlights.tsx"],"sourcesContent":["import type { TColorNames } from '../../../../ui/types';\nimport type { FC } from 'react';\n\nimport { memo } from 'react';\nimport styled from 'styled-components';\nimport { useTheme } from 'styled-components';\n\nimport Image from '../../../../ui/image/image';\nimport FlexView from '../../../../ui/layout/flex-view';\nimport Text from '../../../../ui/text/text';\nimport { EDeviceType } from '../../../../ui/theme/constants';\n\ntype TProfileHighlight = {\n illustration: string;\n background: TColorNames;\n title: string;\n description: string | string[];\n};\n\nconst HighlightWrapper = styled(FlexView)`\n &:not(:last-child) {\n border-bottom: 1px solid ${({ theme }) => theme.colors.BLACK_1};\n }\n`;\n\ninterface IStudentProfileHighlightsProps {\n profileHighlights: TProfileHighlight[];\n}\n\nconst StudentProfileHighlights: FC<IStudentProfileHighlightsProps> = memo(\n ({ profileHighlights }) => {\n const theme = useTheme();\n const isMobile = theme.device <= EDeviceType.MOBILE;\n\n return (\n <FlexView $borderColor=\"BLACK_1\">\n {profileHighlights.map(highlight => (\n <HighlightWrapper\n key={highlight.title}\n $flexDirection=\"row\"\n $alignItems=\"center\"\n $justifyContent=\"flex-start\"\n $gapX={1}\n $gutterX={isMobile ? 0.75 : 1}\n $flexGapX={isMobile ? 0.5 : 1.5}\n $background={highlight.background}\n >\n <Image\n src={highlight.illustration}\n alt={highlight.title}\n height={isMobile ? 64 : 96}\n width={isMobile ? 64 : 96}\n />\n <FlexView $flexDirection=\"column\" $flex={1} $flexGap={2}>\n <Text $renderAs=\"ac3-black\">{highlight.title}</Text>\n <Text $renderAs=\"ab2\">\n {typeof highlight.description === 'string' ? (\n highlight.description\n ) : (\n <FlexView>\n {highlight.description.map(desc => (\n <FlexView key={desc} $flexDirection=\"row\" $flexColumnGapX={0.5}>\n <Text $renderAs=\"ab2\" $inline>\n •\n </Text>\n <Text $renderAs=\"ab2\" as=\"span\" $inline>\n {desc}\n </Text>\n </FlexView>\n ))}\n </FlexView>\n )}\n </Text>\n </FlexView>\n </HighlightWrapper>\n ))}\n </FlexView>\n );\n },\n);\n\nStudentProfileHighlights.displayName = 'StudentProfileHighlights';\n\nexport default StudentProfileHighlights;\n"],"names":["HighlightWrapper","styled","FlexView","theme","StudentProfileHighlights","memo","profileHighlights","isMobile","useTheme","EDeviceType","highlight","jsxs","jsx","Image","Text","desc","StudentProfileHighlights$1"],"mappings":";;;;;;;AAmBA,MAAMA,IAAmBC,EAAOC,CAAQ;AAAA;AAAA,+BAET,CAAC,EAAE,OAAAC,EAAA,MAAYA,EAAM,OAAO,OAAO;AAAA;AAAA,GAQ5DC,IAA+DC;AAAA,EACnE,CAAC,EAAE,mBAAAC,EAAA,MAAwB;AAEnB,UAAAC,IADQC,IACS,UAAUC,EAAY;AAE7C,6BACGP,GAAS,EAAA,cAAa,WACpB,UAAAI,EAAkB,IAAI,CACrBI,MAAA,gBAAAC;AAAA,MAACX;AAAA,MAAA;AAAA,QAEC,gBAAe;AAAA,QACf,aAAY;AAAA,QACZ,iBAAgB;AAAA,QAChB,OAAO;AAAA,QACP,UAAUO,IAAW,OAAO;AAAA,QAC5B,WAAWA,IAAW,MAAM;AAAA,QAC5B,aAAaG,EAAU;AAAA,QAEvB,UAAA;AAAA,UAAA,gBAAAE;AAAA,YAACC;AAAA,YAAA;AAAA,cACC,KAAKH,EAAU;AAAA,cACf,KAAKA,EAAU;AAAA,cACf,QAAQH,IAAW,KAAK;AAAA,cACxB,OAAOA,IAAW,KAAK;AAAA,YAAA;AAAA,UACzB;AAAA,4BACCL,GAAS,EAAA,gBAAe,UAAS,OAAO,GAAG,UAAU,GACpD,UAAA;AAAA,YAAA,gBAAAU,EAACE,GAAK,EAAA,WAAU,aAAa,UAAAJ,EAAU,OAAM;AAAA,YAC7C,gBAAAE,EAACE,KAAK,WAAU,OACb,iBAAOJ,EAAU,eAAgB,WAChCA,EAAU,gCAETR,GACE,EAAA,UAAAQ,EAAU,YAAY,IAAI,CAAAK,wBACxBb,GAAoB,EAAA,gBAAe,OAAM,iBAAiB,KACzD,UAAA;AAAA,cAAA,gBAAAU,EAACE,GAAK,EAAA,WAAU,OAAM,SAAO,IAAC,UAE9B,KAAA;AAAA,cACA,gBAAAF,EAACE,KAAK,WAAU,OAAM,IAAG,QAAO,SAAO,IACpC,UACHC,EAAA,CAAA;AAAA,YANa,EAAA,GAAAA,CAOf,CACD,EACH,CAAA,GAEJ;AAAA,UAAA,GACF;AAAA,QAAA;AAAA,MAAA;AAAA,MAnCKL,EAAU;AAAA,IAqClB,CAAA,EACH,CAAA;AAAA,EAEJ;AACF;AAEAN,EAAyB,cAAc;AAEvC,MAAAY,IAAeZ;"}
|