@cuemath/leap 3.2.19-link.1 → 3.2.19
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/illustrations/illustrations.js +0 -1
- package/dist/assets/illustrations/illustrations.js.map +1 -1
- package/dist/features/chapters-v2/comps/node-card/node-card-tags.js +19 -12
- package/dist/features/chapters-v2/comps/node-card/node-card-tags.js.map +1 -1
- package/dist/features/chapters-v2/constants/block-constants.js +3 -2
- package/dist/features/chapters-v2/constants/block-constants.js.map +1 -1
- package/dist/features/chapters-v2/utils/index.js +6 -4
- package/dist/features/chapters-v2/utils/index.js.map +1 -1
- package/dist/features/chapters-v2/utils/node-card-utils.js +4 -0
- package/dist/features/chapters-v2/utils/node-card-utils.js.map +1 -1
- package/dist/features/sheets/constants/sheet.js +2 -1
- package/dist/features/sheets/constants/sheet.js.map +1 -1
- package/dist/features/trial-session/comps/student-profile/student-profile.js +1 -1
- package/dist/features/trial-session/comps/teacher-intro/teacher-intro-styled.js +50 -7
- package/dist/features/trial-session/comps/teacher-intro/teacher-intro-styled.js.map +1 -1
- package/dist/features/trial-session/comps/teacher-intro/teacher-intro.js +69 -15
- package/dist/features/trial-session/comps/teacher-intro/teacher-intro.js.map +1 -1
- package/dist/features/ui/inputs/base-input/base-input.js +11 -11
- package/dist/features/ui/inputs/base-input/base-input.js.map +1 -1
- package/dist/features/ui/inputs/text-input/text-input.js +18 -19
- package/dist/features/ui/inputs/text-input/text-input.js.map +1 -1
- package/dist/features/ui/modals/modal-styled.js +8 -42
- package/dist/features/ui/modals/modal-styled.js.map +1 -1
- package/dist/features/ui/modals/modal.js +27 -37
- package/dist/features/ui/modals/modal.js.map +1 -1
- package/dist/features/ui/text/text.js +29 -31
- package/dist/features/ui/text/text.js.map +1 -1
- package/dist/features/ui/theme/clrs.js +0 -2
- package/dist/features/ui/theme/clrs.js.map +1 -1
- package/dist/index.d.ts +5 -68
- package/dist/index.js +625 -635
- package/dist/index.js.map +1 -1
- package/package.json +1 -1
- package/dist/assets/line-icons/icons/star3.js +0 -32
- package/dist/assets/line-icons/icons/star3.js.map +0 -1
- package/dist/features/trial-session/comps/teacher-intro/teacher-profile/teacher-profile-styled.js +0 -49
- package/dist/features/trial-session/comps/teacher-intro/teacher-profile/teacher-profile-styled.js.map +0 -1
- package/dist/features/trial-session/comps/teacher-intro/teacher-profile/teacher-profile.js +0 -64
- package/dist/features/trial-session/comps/teacher-intro/teacher-profile/teacher-profile.js.map +0 -1
- package/dist/features/ui/accordion/accordion-items/accordion-items-styled.js +0 -28
- package/dist/features/ui/accordion/accordion-items/accordion-items-styled.js.map +0 -1
- package/dist/features/ui/accordion/accordion-items/accordion-items.js +0 -83
- package/dist/features/ui/accordion/accordion-items/accordion-items.js.map +0 -1
- package/dist/features/ui/accordion/accordion.js +0 -62
- package/dist/features/ui/accordion/accordion.js.map +0 -1
- package/dist/static/stripe-blurple.6abf422f.svg +0 -1
package/dist/index.js.map
CHANGED
@@ -1 +1 @@
|
|
1
|
-
{"version":3,"file":"index.js","sources":[],"sourcesContent":[],"names":[],"mappings":"
|
1
|
+
{"version":3,"file":"index.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}
|
package/package.json
CHANGED
@@ -1,32 +0,0 @@
|
|
1
|
-
import { jsxs as o, jsx as t } from "react/jsx-runtime";
|
2
|
-
const l = (C) => /* @__PURE__ */ o(
|
3
|
-
"svg",
|
4
|
-
{
|
5
|
-
xmlns: "http://www.w3.org/2000/svg",
|
6
|
-
width: "16",
|
7
|
-
height: "16",
|
8
|
-
viewBox: "0 0 16 16",
|
9
|
-
fill: "none",
|
10
|
-
...C,
|
11
|
-
children: [
|
12
|
-
/* @__PURE__ */ t(
|
13
|
-
"path",
|
14
|
-
{
|
15
|
-
d: "M8.54102 4.50326C9.04744 5.87185 10.1268 6.95126 11.4954 7.45768L12.9596 7.99935L11.4954 8.54102C10.1268 9.04744 9.04744 10.1268 8.54102 11.4954L7.99935 12.9596L7.45768 11.4954C6.95126 10.1268 5.87185 9.04744 4.50326 8.54102L3.03906 7.99935L4.50326 7.45768C5.87185 6.95126 6.95126 5.87185 7.45768 4.50326L7.99935 3.03906L8.54102 4.50326ZM7.99935 4.94206C7.42451 6.32554 6.32554 7.42451 4.94206 7.99935C6.32536 8.57411 7.42445 9.67277 7.99935 11.056C8.57417 9.67295 9.67295 8.57417 11.056 7.99935C9.67277 7.42445 8.57411 6.32536 7.99935 4.94206Z",
|
16
|
-
fill: "white"
|
17
|
-
}
|
18
|
-
),
|
19
|
-
/* @__PURE__ */ t(
|
20
|
-
"path",
|
21
|
-
{
|
22
|
-
d: "M7.99935 4.94206C7.42451 6.32554 6.32554 7.42451 4.94206 7.99935C6.32536 8.57411 7.42445 9.67277 7.99935 11.056C8.57417 9.67295 9.67295 8.57417 11.056 7.99935C9.67277 7.42445 8.57411 6.32536 7.99935 4.94206Z",
|
23
|
-
fill: "currentColor"
|
24
|
-
}
|
25
|
-
)
|
26
|
-
]
|
27
|
-
}
|
28
|
-
), i = l;
|
29
|
-
export {
|
30
|
-
i as default
|
31
|
-
};
|
32
|
-
//# sourceMappingURL=star3.js.map
|
@@ -1 +0,0 @@
|
|
1
|
-
{"version":3,"file":"star3.js","sources":["../../../../src/assets/line-icons/icons/star3.tsx"],"sourcesContent":["const Star3Icon: React.FC<React.SVGProps<SVGSVGElement>> = props => (\n <svg\n xmlns=\"http://www.w3.org/2000/svg\"\n width=\"16\"\n height=\"16\"\n viewBox=\"0 0 16 16\"\n fill=\"none\"\n {...props}\n >\n <path\n d=\"M8.54102 4.50326C9.04744 5.87185 10.1268 6.95126 11.4954 7.45768L12.9596 7.99935L11.4954 8.54102C10.1268 9.04744 9.04744 10.1268 8.54102 11.4954L7.99935 12.9596L7.45768 11.4954C6.95126 10.1268 5.87185 9.04744 4.50326 8.54102L3.03906 7.99935L4.50326 7.45768C5.87185 6.95126 6.95126 5.87185 7.45768 4.50326L7.99935 3.03906L8.54102 4.50326ZM7.99935 4.94206C7.42451 6.32554 6.32554 7.42451 4.94206 7.99935C6.32536 8.57411 7.42445 9.67277 7.99935 11.056C8.57417 9.67295 9.67295 8.57417 11.056 7.99935C9.67277 7.42445 8.57411 6.32536 7.99935 4.94206Z\"\n fill=\"white\"\n />\n <path\n d=\"M7.99935 4.94206C7.42451 6.32554 6.32554 7.42451 4.94206 7.99935C6.32536 8.57411 7.42445 9.67277 7.99935 11.056C8.57417 9.67295 9.67295 8.57417 11.056 7.99935C9.67277 7.42445 8.57411 6.32536 7.99935 4.94206Z\"\n fill=\"currentColor\"\n />\n </svg>\n);\n\nexport default Star3Icon;\n"],"names":["Star3Icon","props","jsxs","jsx","Star3Icon$1"],"mappings":";AAAA,MAAMA,IAAqD,CACzDC,MAAA,gBAAAC;AAAA,EAAC;AAAA,EAAA;AAAA,IACC,OAAM;AAAA,IACN,OAAM;AAAA,IACN,QAAO;AAAA,IACP,SAAQ;AAAA,IACR,MAAK;AAAA,IACJ,GAAGD;AAAA,IAEJ,UAAA;AAAA,MAAA,gBAAAE;AAAA,QAAC;AAAA,QAAA;AAAA,UACC,GAAE;AAAA,UACF,MAAK;AAAA,QAAA;AAAA,MACP;AAAA,MACA,gBAAAA;AAAA,QAAC;AAAA,QAAA;AAAA,UACC,GAAE;AAAA,UACF,MAAK;AAAA,QAAA;AAAA,MACP;AAAA,IAAA;AAAA,EAAA;AACF,GAGFC,IAAeJ;"}
|
package/dist/features/trial-session/comps/teacher-intro/teacher-profile/teacher-profile-styled.js
DELETED
@@ -1,49 +0,0 @@
|
|
1
|
-
import r from "styled-components";
|
2
|
-
import e from "../../../../ui/image/image.js";
|
3
|
-
import t from "../../../../ui/layout/flex-view.js";
|
4
|
-
const l = r(e)`
|
5
|
-
object-fit: cover;
|
6
|
-
`, c = r.div(
|
7
|
-
({ theme: o }) => `
|
8
|
-
flex: 1;
|
9
|
-
display: grid;
|
10
|
-
border-left: 1px solid ${o.colors.BLACK_T_87};
|
11
|
-
grid-template-columns: repeat(2, 1fr);
|
12
|
-
grid-template-rows: auto auto auto;
|
13
|
-
`
|
14
|
-
), h = r(t)(
|
15
|
-
({ theme: o }) => `
|
16
|
-
border: 0.5px solid ${o.colors.WHITE_5};
|
17
|
-
&:first-child,
|
18
|
-
&:nth-child(2) {
|
19
|
-
grid-column: span 1;
|
20
|
-
}
|
21
|
-
&:nth-child(3),
|
22
|
-
&:nth-child(4) {
|
23
|
-
grid-column: span 2;
|
24
|
-
}
|
25
|
-
&:first-child {
|
26
|
-
border-left: none;
|
27
|
-
border-top: none;
|
28
|
-
}
|
29
|
-
&:nth-child(2) {
|
30
|
-
border-right: none;
|
31
|
-
border-top: none;
|
32
|
-
}
|
33
|
-
&:nth-child(3) {
|
34
|
-
border-left: none;
|
35
|
-
border-right: none;
|
36
|
-
}
|
37
|
-
&:nth-child(4) {
|
38
|
-
border-left: none;
|
39
|
-
border-right: none;
|
40
|
-
border-bottom: none;
|
41
|
-
}
|
42
|
-
`
|
43
|
-
);
|
44
|
-
export {
|
45
|
-
c as GridContainer,
|
46
|
-
h as GridItem,
|
47
|
-
l as ProfilePicture
|
48
|
-
};
|
49
|
-
//# sourceMappingURL=teacher-profile-styled.js.map
|
@@ -1 +0,0 @@
|
|
1
|
-
{"version":3,"file":"teacher-profile-styled.js","sources":["../../../../../../src/features/trial-session/comps/teacher-intro/teacher-profile/teacher-profile-styled.ts"],"sourcesContent":["import styled from 'styled-components';\n\nimport Image from '../../../../ui/image/image';\nimport FlexView from '../../../../ui/layout/flex-view';\n\nconst ProfilePicture = styled(Image)`\n object-fit: cover;\n`;\n\nconst GridContainer = styled.div(\n ({ theme }) => `\n flex: 1;\n display: grid;\n border-left: 1px solid ${theme.colors.BLACK_T_87};\n grid-template-columns: repeat(2, 1fr);\n grid-template-rows: auto auto auto;\n`,\n);\n\nconst GridItem = styled(FlexView)(\n ({ theme }) => `\n border: 0.5px solid ${theme.colors.WHITE_5};\n &:first-child,\n &:nth-child(2) {\n grid-column: span 1;\n }\n &:nth-child(3),\n &:nth-child(4) {\n grid-column: span 2;\n }\n &:first-child {\n border-left: none;\n border-top: none;\n }\n &:nth-child(2) {\n border-right: none;\n border-top: none;\n }\n &:nth-child(3) {\n border-left: none;\n border-right: none;\n }\n &:nth-child(4) {\n border-left: none;\n border-right: none;\n border-bottom: none;\n }\n`,\n);\n\nexport { ProfilePicture, GridContainer, GridItem };\n"],"names":["ProfilePicture","styled","Image","GridContainer","theme","GridItem","FlexView"],"mappings":";;;AAKM,MAAAA,IAAiBC,EAAOC,CAAK;AAAA;AAAA,GAI7BC,IAAgBF,EAAO;AAAA,EAC3B,CAAC,EAAE,OAAAG,EAAA,MAAY;AAAA;AAAA;AAAA,2BAGUA,EAAM,OAAO,UAAU;AAAA;AAAA;AAAA;AAIlD,GAEMC,IAAWJ,EAAOK,CAAQ;AAAA,EAC9B,CAAC,EAAE,OAAAF,EAAA,MAAY;AAAA,wBACOA,EAAM,OAAO,OAAO;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AA2B5C;"}
|
@@ -1,64 +0,0 @@
|
|
1
|
-
import { jsxs as e, jsx as r } from "react/jsx-runtime";
|
2
|
-
import { memo as G, useMemo as T } from "react";
|
3
|
-
import C from "../../../../ui/image/image.js";
|
4
|
-
import a from "../../../../ui/layout/flex-view.js";
|
5
|
-
import j from "../../../../ui/separator/separator.js";
|
6
|
-
import t from "../../../../ui/text/text.js";
|
7
|
-
import { COUNTRY_FLAGS as k } from "../teacher-intro-constants.js";
|
8
|
-
import { ProfilePicture as I, GridContainer as S, GridItem as i } from "./teacher-profile-styled.js";
|
9
|
-
const O = G(({ teacherProfile: s }) => {
|
10
|
-
const {
|
11
|
-
degree: f,
|
12
|
-
countries: o,
|
13
|
-
lower_grade: c,
|
14
|
-
higher_grade: n,
|
15
|
-
header_image: u,
|
16
|
-
years_of_experience: g,
|
17
|
-
number_of_students_taught: m
|
18
|
-
} = s || {}, { degree_name: d, field_of_study: l } = f || {}, $ = Object.values(k), h = n && parseInt(n, 10) > 8, p = T(() => h ? "High School" : ` ${c === "K" ? "" : "G"}${c} - G${n}`, [h, n, c]);
|
19
|
-
return /* @__PURE__ */ e(a, { $flexDirection: "row", $borderColor: "BLACK_T_87", $background: "WHITE_3", children: [
|
20
|
-
/* @__PURE__ */ r(I, { withLoader: !0, src: u, width: 350, height: 350 }),
|
21
|
-
/* @__PURE__ */ e(S, { children: [
|
22
|
-
/* @__PURE__ */ e(i, { $justifyContent: "center", $gutter: 24, children: [
|
23
|
-
/* @__PURE__ */ e(t, { $renderAs: "ah3-black", children: [
|
24
|
-
g,
|
25
|
-
"+"
|
26
|
-
] }),
|
27
|
-
/* @__PURE__ */ r(t, { $renderAs: "ub3", children: "Yrs of Teaching Experience" })
|
28
|
-
] }),
|
29
|
-
/* @__PURE__ */ e(i, { $justifyContent: "center", $gutter: 24, children: [
|
30
|
-
/* @__PURE__ */ e(t, { $renderAs: "ah3-black", children: [
|
31
|
-
m,
|
32
|
-
"+"
|
33
|
-
] }),
|
34
|
-
/* @__PURE__ */ r(t, { $renderAs: "ub3", children: "Students Taught" })
|
35
|
-
] }),
|
36
|
-
d && l && /* @__PURE__ */ e(i, { $justifyContent: "center", $gutter: 24, children: [
|
37
|
-
/* @__PURE__ */ r(t, { $renderAs: "ab1-black", children: d }),
|
38
|
-
/* @__PURE__ */ e(t, { $renderAs: "ub3", children: [
|
39
|
-
"In ",
|
40
|
-
l
|
41
|
-
] })
|
42
|
-
] }),
|
43
|
-
/* @__PURE__ */ e(i, { $justifyContent: "center", $gutter: 24, children: [
|
44
|
-
/* @__PURE__ */ e(t, { $renderAs: "ab1-black", children: [
|
45
|
-
"Teaching ",
|
46
|
-
p,
|
47
|
-
" kids in"
|
48
|
-
] }),
|
49
|
-
/* @__PURE__ */ r(j, { height: 12 }),
|
50
|
-
/* @__PURE__ */ r(a, { $flexDirection: "row", $flexGap: 16, $flexWrap: !0, children: o && o.length > 0 && o.map((b) => {
|
51
|
-
const _ = $.find((w) => w.name === b), { flag_icon: x = "", label: y, name: A } = _ || {};
|
52
|
-
return /* @__PURE__ */ e(a, { $flexDirection: "row", $flexGap: 4, children: [
|
53
|
-
/* @__PURE__ */ r(C, { src: x, width: 30, height: 20, withLoader: !1 }),
|
54
|
-
/* @__PURE__ */ r(t, { $renderAs: "ab3-black", children: y })
|
55
|
-
] }, A);
|
56
|
-
}) })
|
57
|
-
] })
|
58
|
-
] })
|
59
|
-
] });
|
60
|
-
}), W = O;
|
61
|
-
export {
|
62
|
-
W as default
|
63
|
-
};
|
64
|
-
//# sourceMappingURL=teacher-profile.js.map
|
package/dist/features/trial-session/comps/teacher-intro/teacher-profile/teacher-profile.js.map
DELETED
@@ -1 +0,0 @@
|
|
1
|
-
{"version":3,"file":"teacher-profile.js","sources":["../../../../../../src/features/trial-session/comps/teacher-intro/teacher-profile/teacher-profile.tsx"],"sourcesContent":["import type { ITeacherProfileDetails } from '../../../trial-session-types';\nimport type { FC } from 'react';\n\nimport { memo, useMemo } from 'react';\n\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 { COUNTRY_FLAGS } from '../teacher-intro-constants';\nimport * as Styled from './teacher-profile-styled';\n\ninterface ITeacherProfileProps {\n teacherProfile?: ITeacherProfileDetails;\n}\n\nconst TeacherProfile: FC<ITeacherProfileProps> = memo(({ teacherProfile }) => {\n const {\n degree,\n countries,\n lower_grade: lowerGrade,\n higher_grade: higherGrade,\n header_image: headerImage,\n years_of_experience: yearsOfExperience,\n number_of_students_taught: numberOfStudentsTaught,\n } = teacherProfile || {};\n const { degree_name: degreeName, field_of_study: fieldOfStudy } = degree || {};\n\n const countryFlagArray = Object.values(COUNTRY_FLAGS);\n const isHighSchool = higherGrade && parseInt(higherGrade, 10) > 8;\n\n const displayGrade = useMemo(() => {\n return isHighSchool\n ? 'High School'\n : ` ${lowerGrade === 'K' ? '' : 'G'}${lowerGrade} - G${higherGrade}`;\n }, [isHighSchool, higherGrade, lowerGrade]);\n\n return (\n <FlexView $flexDirection=\"row\" $borderColor=\"BLACK_T_87\" $background=\"WHITE_3\">\n <Styled.ProfilePicture withLoader src={headerImage} width={350} height={350} />\n <Styled.GridContainer>\n <Styled.GridItem $justifyContent=\"center\" $gutter={24}>\n <Text $renderAs=\"ah3-black\">{yearsOfExperience}+</Text>\n <Text $renderAs=\"ub3\">Yrs of Teaching Experience</Text>\n </Styled.GridItem>\n <Styled.GridItem $justifyContent=\"center\" $gutter={24}>\n <Text $renderAs=\"ah3-black\">{numberOfStudentsTaught}+</Text>\n <Text $renderAs=\"ub3\">Students Taught</Text>\n </Styled.GridItem>\n {degreeName && fieldOfStudy && (\n <Styled.GridItem $justifyContent=\"center\" $gutter={24}>\n <Text $renderAs=\"ab1-black\">{degreeName}</Text>\n <Text $renderAs=\"ub3\">In {fieldOfStudy}</Text>\n </Styled.GridItem>\n )}\n <Styled.GridItem $justifyContent=\"center\" $gutter={24}>\n <Text $renderAs=\"ab1-black\">Teaching {displayGrade} kids in</Text>\n <Separator height={12} />\n <FlexView $flexDirection=\"row\" $flexGap={16} $flexWrap>\n {countries &&\n countries.length > 0 &&\n countries.map(country => {\n const countryFlag = countryFlagArray.find(item => item.name === country);\n const { flag_icon: flagIcon = '', label, name } = countryFlag || {};\n\n return (\n <FlexView key={name} $flexDirection=\"row\" $flexGap={4}>\n <Image src={flagIcon} width={30} height={20} withLoader={false} />\n <Text $renderAs=\"ab3-black\">{label}</Text>\n </FlexView>\n );\n })}\n </FlexView>\n </Styled.GridItem>\n </Styled.GridContainer>\n </FlexView>\n );\n});\n\nexport default TeacherProfile;\n"],"names":["TeacherProfile","memo","teacherProfile","degree","countries","lowerGrade","higherGrade","headerImage","yearsOfExperience","numberOfStudentsTaught","degreeName","fieldOfStudy","countryFlagArray","COUNTRY_FLAGS","isHighSchool","displayGrade","useMemo","FlexView","jsx","Styled.ProfilePicture","jsxs","Styled.GridContainer","Styled.GridItem","Text","Separator","country","countryFlag","item","flagIcon","label","name","Image","TeacherProfile$1"],"mappings":"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"}
|
@@ -1,28 +0,0 @@
|
|
1
|
-
import o from "styled-components";
|
2
|
-
import r from "../../../../assets/line-icons/icons/plus.js";
|
3
|
-
import t from "../../layout/flex-view.js";
|
4
|
-
const a = o(t)(
|
5
|
-
({ $index: e, $visible: i, $accordionBorderColor: n }) => `
|
6
|
-
border-bottom: 1px solid ${n};
|
7
|
-
${e === 0 ? `border-top: 1px solid ${n};` : ""}
|
8
|
-
display: ${i ? "flex" : "none"};
|
9
|
-
`
|
10
|
-
), c = o(t)`
|
11
|
-
cursor: pointer;
|
12
|
-
`, m = o.div`
|
13
|
-
max-height: 0;
|
14
|
-
overflow: hidden;
|
15
|
-
transition: all 0.3s ease-in-out;
|
16
|
-
`, p = o(t)`
|
17
|
-
width: 100%;
|
18
|
-
`, x = o(r)`
|
19
|
-
transition: all 0.3s ease-in-out;
|
20
|
-
`;
|
21
|
-
export {
|
22
|
-
m as AccordionAnswer,
|
23
|
-
c as AccordionItemContainer,
|
24
|
-
a as Container,
|
25
|
-
p as ContentContainer,
|
26
|
-
x as StyledPlusIcon
|
27
|
-
};
|
28
|
-
//# sourceMappingURL=accordion-items-styled.js.map
|
@@ -1 +0,0 @@
|
|
1
|
-
{"version":3,"file":"accordion-items-styled.js","sources":["../../../../../src/features/ui/accordion/accordion-items/accordion-items-styled.ts"],"sourcesContent":["import type { ContainerProps } from '../accordion-types';\n\nimport styled from 'styled-components';\n\nimport PlusIcon from '../../../../assets/line-icons/icons/plus';\nimport FlexView from '../../layout/flex-view';\n\nconst Container = styled(FlexView)<ContainerProps>(\n ({ $index, $visible, $accordionBorderColor }) => `\n border-bottom: 1px solid ${$accordionBorderColor};\n ${$index === 0 ? `border-top: 1px solid ${$accordionBorderColor};` : ''}\n display: ${$visible ? 'flex' : 'none'};\n`,\n);\n\nconst AccordionItemContainer = styled(FlexView)`\n cursor: pointer;\n`;\n\nconst AccordionAnswer = styled.div`\n max-height: 0;\n overflow: hidden;\n transition: all 0.3s ease-in-out;\n`;\n\nconst ContentContainer = styled(FlexView)`\n width: 100%;\n`;\n\nconst StyledPlusIcon = styled(PlusIcon)`\n transition: all 0.3s ease-in-out;\n`;\n\nexport { Container, AccordionItemContainer, AccordionAnswer, ContentContainer, StyledPlusIcon };\n"],"names":["Container","styled","FlexView","$index","$visible","$accordionBorderColor","AccordionItemContainer","AccordionAnswer","ContentContainer","StyledPlusIcon","PlusIcon"],"mappings":";;;AAOM,MAAAA,IAAYC,EAAOC,CAAQ;AAAA,EAC/B,CAAC,EAAE,QAAAC,GAAQ,UAAAC,GAAU,uBAAAC,EAA4B,MAAA;AAAA,6BACtBA,CAAqB;AAAA,IAC9CF,MAAW,IAAI,yBAAyBE,CAAqB,MAAM,EAAE;AAAA,aAC5DD,IAAW,SAAS,MAAM;AAAA;AAEvC,GAEME,IAAyBL,EAAOC,CAAQ;AAAA;AAAA,GAIxCK,IAAkBN,EAAO;AAAA;AAAA;AAAA;AAAA,GAMzBO,IAAmBP,EAAOC,CAAQ;AAAA;AAAA,GAIlCO,IAAiBR,EAAOS,CAAQ;AAAA;AAAA;"}
|
@@ -1,83 +0,0 @@
|
|
1
|
-
import { jsx as e, jsxs as t } from "react/jsx-runtime";
|
2
|
-
import { memo as C, useCallback as p } from "react";
|
3
|
-
import { useTheme as u } from "styled-components";
|
4
|
-
import b from "../../layout/flex-view.js";
|
5
|
-
import x from "../../separator/separator.js";
|
6
|
-
import s from "../../text/text.js";
|
7
|
-
import { EDeviceType as I } from "../../theme/constants.js";
|
8
|
-
import { Container as g, ContentContainer as w, AccordionItemContainer as T, StyledPlusIcon as y, AccordionAnswer as B } from "./accordion-items-styled.js";
|
9
|
-
const M = C((d) => {
|
10
|
-
const { item: o, index: r, theme: m, refList: a, iconRef: f, visible: $, handleToggle: c } = d, { device: h } = u(), l = h === I.MOBILE, n = m === "dark", A = p(() => {
|
11
|
-
c(r);
|
12
|
-
}, [c, r]);
|
13
|
-
return /* @__PURE__ */ e(
|
14
|
-
g,
|
15
|
-
{
|
16
|
-
$flexDirection: "column",
|
17
|
-
$justifyContent: "center",
|
18
|
-
$alignItems: "flex-start",
|
19
|
-
$index: r,
|
20
|
-
$visible: $,
|
21
|
-
onClick: A,
|
22
|
-
$accordionBorderColor: n ? "WHITE" : "BLACK",
|
23
|
-
children: /* @__PURE__ */ t(
|
24
|
-
w,
|
25
|
-
{
|
26
|
-
$flexDirection: "column",
|
27
|
-
$justifyContent: "center",
|
28
|
-
$alignItems: "flex-start",
|
29
|
-
$gap: 24,
|
30
|
-
children: [
|
31
|
-
/* @__PURE__ */ t(
|
32
|
-
T,
|
33
|
-
{
|
34
|
-
$width: "100%",
|
35
|
-
$flexDirection: "row",
|
36
|
-
$justifyContent: "space-between",
|
37
|
-
$alignItems: "center",
|
38
|
-
children: [
|
39
|
-
/* @__PURE__ */ e(s, { $renderAs: "ab1", $renderOnMobileAs: "ab2", $color: n ? "WHITE" : "BLACK", children: o.accordionQuestion + o.accordionQuestion }),
|
40
|
-
/* @__PURE__ */ e(b, { children: /* @__PURE__ */ e(
|
41
|
-
y,
|
42
|
-
{
|
43
|
-
color: n ? "WHITE" : "BLACK",
|
44
|
-
width: l ? 24 : 40,
|
45
|
-
height: l ? 24 : 40,
|
46
|
-
ref: (i) => {
|
47
|
-
f[r] = i;
|
48
|
-
}
|
49
|
-
}
|
50
|
-
) })
|
51
|
-
]
|
52
|
-
}
|
53
|
-
),
|
54
|
-
/* @__PURE__ */ t(
|
55
|
-
B,
|
56
|
-
{
|
57
|
-
ref: (i) => {
|
58
|
-
a[r] = i;
|
59
|
-
},
|
60
|
-
children: [
|
61
|
-
/* @__PURE__ */ e(x, { height: 12 }),
|
62
|
-
typeof o.accordionAnswer == "string" ? /* @__PURE__ */ e(
|
63
|
-
s,
|
64
|
-
{
|
65
|
-
$renderAs: "ub2-bold",
|
66
|
-
$renderOnMobileAs: "ub3-bold",
|
67
|
-
$color: n ? "WHITE" : "BLACK",
|
68
|
-
children: o.accordionAnswer
|
69
|
-
}
|
70
|
-
) : o.accordionAnswer
|
71
|
-
]
|
72
|
-
}
|
73
|
-
)
|
74
|
-
]
|
75
|
-
}
|
76
|
-
)
|
77
|
-
}
|
78
|
-
);
|
79
|
-
});
|
80
|
-
export {
|
81
|
-
M as default
|
82
|
-
};
|
83
|
-
//# sourceMappingURL=accordion-items.js.map
|
@@ -1 +0,0 @@
|
|
1
|
-
{"version":3,"file":"accordion-items.js","sources":["../../../../../src/features/ui/accordion/accordion-items/accordion-items.tsx"],"sourcesContent":["import type { AccordionItemProps } from '../accordion-types';\nimport type { FC } from 'react';\n\nimport { memo, useCallback } from 'react';\nimport { useTheme } from 'styled-components';\n\nimport FlexView from '../../layout/flex-view';\nimport Separator from '../../separator/separator';\nimport Text from '../../text/text';\nimport { EDeviceType } from '../../theme/constants';\nimport * as Styled from './accordion-items-styled';\n\nconst AccordionItem: FC<AccordionItemProps> = memo(props => {\n const { item, index, theme, refList, iconRef, visible, handleToggle } = props;\n const { device } = useTheme();\n const isMobile = device === EDeviceType.MOBILE;\n const isDarkTheme = theme === 'dark';\n\n const handleClick = useCallback(() => {\n handleToggle(index);\n }, [handleToggle, index]);\n\n return (\n <Styled.Container\n $flexDirection=\"column\"\n $justifyContent=\"center\"\n $alignItems=\"flex-start\"\n $index={index}\n $visible={visible}\n onClick={handleClick}\n $accordionBorderColor={isDarkTheme ? 'WHITE' : 'BLACK'}\n >\n <Styled.ContentContainer\n $flexDirection=\"column\"\n $justifyContent=\"center\"\n $alignItems=\"flex-start\"\n $gap={24}\n >\n <Styled.AccordionItemContainer\n $width=\"100%\"\n $flexDirection=\"row\"\n $justifyContent=\"space-between\"\n $alignItems=\"center\"\n >\n <Text $renderAs=\"ab1\" $renderOnMobileAs=\"ab2\" $color={isDarkTheme ? 'WHITE' : 'BLACK'}>\n {item.accordionQuestion + item.accordionQuestion}\n </Text>\n <FlexView>\n <Styled.StyledPlusIcon\n color={isDarkTheme ? 'WHITE' : 'BLACK'}\n width={isMobile ? 24 : 40}\n height={isMobile ? 24 : 40}\n ref={node => {\n iconRef[index] = node;\n }}\n />\n </FlexView>\n </Styled.AccordionItemContainer>\n\n <Styled.AccordionAnswer\n ref={node => {\n refList[index] = node;\n }}\n >\n <Separator height={12} />\n {typeof item.accordionAnswer === 'string' ? (\n <Text\n $renderAs=\"ub2-bold\"\n $renderOnMobileAs=\"ub3-bold\"\n $color={isDarkTheme ? 'WHITE' : 'BLACK'}\n >\n {item.accordionAnswer}\n </Text>\n ) : (\n item.accordionAnswer\n )}\n </Styled.AccordionAnswer>\n </Styled.ContentContainer>\n </Styled.Container>\n );\n});\n\nexport default AccordionItem;\n"],"names":["AccordionItem","memo","props","item","index","theme","refList","iconRef","visible","handleToggle","device","useTheme","isMobile","EDeviceType","isDarkTheme","handleClick","useCallback","jsx","Styled.Container","jsxs","Styled.ContentContainer","Styled.AccordionItemContainer","Text","FlexView","Styled.StyledPlusIcon","node","Styled.AccordionAnswer","Separator"],"mappings":";;;;;;;;AAYM,MAAAA,IAAwCC,EAAK,CAASC,MAAA;AACpD,QAAA,EAAE,MAAAC,GAAM,OAAAC,GAAO,OAAAC,GAAO,SAAAC,GAAS,SAAAC,GAAS,SAAAC,GAAS,cAAAC,EAAiB,IAAAP,GAClE,EAAE,QAAAQ,MAAWC,KACbC,IAAWF,MAAWG,EAAY,QAClCC,IAAcT,MAAU,QAExBU,IAAcC,EAAY,MAAM;AACpC,IAAAP,EAAaL,CAAK;AAAA,EAAA,GACjB,CAACK,GAAcL,CAAK,CAAC;AAGtB,SAAA,gBAAAa;AAAA,IAACC;AAAAA,IAAA;AAAA,MACC,gBAAe;AAAA,MACf,iBAAgB;AAAA,MAChB,aAAY;AAAA,MACZ,QAAQd;AAAA,MACR,UAAUI;AAAA,MACV,SAASO;AAAA,MACT,uBAAuBD,IAAc,UAAU;AAAA,MAE/C,UAAA,gBAAAK;AAAA,QAACC;AAAAA,QAAA;AAAA,UACC,gBAAe;AAAA,UACf,iBAAgB;AAAA,UAChB,aAAY;AAAA,UACZ,MAAM;AAAA,UAEN,UAAA;AAAA,YAAA,gBAAAD;AAAA,cAACE;AAAAA,cAAA;AAAA,gBACC,QAAO;AAAA,gBACP,gBAAe;AAAA,gBACf,iBAAgB;AAAA,gBAChB,aAAY;AAAA,gBAEZ,UAAA;AAAA,kBAAA,gBAAAJ,EAACK,GAAK,EAAA,WAAU,OAAM,mBAAkB,OAAM,QAAQR,IAAc,UAAU,SAC3E,UAAAX,EAAK,oBAAoBA,EAAK,mBACjC;AAAA,oCACCoB,GACC,EAAA,UAAA,gBAAAN;AAAA,oBAACO;AAAAA,oBAAA;AAAA,sBACC,OAAOV,IAAc,UAAU;AAAA,sBAC/B,OAAOF,IAAW,KAAK;AAAA,sBACvB,QAAQA,IAAW,KAAK;AAAA,sBACxB,KAAK,CAAQa,MAAA;AACX,wBAAAlB,EAAQH,CAAK,IAAIqB;AAAA,sBACnB;AAAA,oBAAA;AAAA,kBAAA,GAEJ;AAAA,gBAAA;AAAA,cAAA;AAAA,YACF;AAAA,YAEA,gBAAAN;AAAA,cAACO;AAAAA,cAAA;AAAA,gBACC,KAAK,CAAQD,MAAA;AACX,kBAAAnB,EAAQF,CAAK,IAAIqB;AAAA,gBACnB;AAAA,gBAEA,UAAA;AAAA,kBAAC,gBAAAR,EAAAU,GAAA,EAAU,QAAQ,GAAI,CAAA;AAAA,kBACtB,OAAOxB,EAAK,mBAAoB,WAC/B,gBAAAc;AAAA,oBAACK;AAAA,oBAAA;AAAA,sBACC,WAAU;AAAA,sBACV,mBAAkB;AAAA,sBAClB,QAAQR,IAAc,UAAU;AAAA,sBAE/B,UAAKX,EAAA;AAAA,oBAAA;AAAA,sBAGRA,EAAK;AAAA,gBAAA;AAAA,cAAA;AAAA,YAET;AAAA,UAAA;AAAA,QAAA;AAAA,MACF;AAAA,IAAA;AAAA,EAAA;AAGN,CAAC;"}
|
@@ -1,62 +0,0 @@
|
|
1
|
-
import { jsxs as k, jsx as f } from "react/jsx-runtime";
|
2
|
-
import { memo as C, useState as $, useMemo as b, useCallback as m, useEffect as x } from "react";
|
3
|
-
import H from "../layout/flex-view.js";
|
4
|
-
import R from "../separator/separator.js";
|
5
|
-
import V from "../text/text.js";
|
6
|
-
import w from "./accordion-items/accordion-items.js";
|
7
|
-
const y = C((S) => {
|
8
|
-
const { theme: p = "light", visibleBuffer: i, accordionData: c, defaultOpenElement: v = -1 } = S, [l, g] = $(i), [o, E] = $(v), r = b(() => [], []), s = b(() => [], []), T = p === "dark", A = m(() => {
|
9
|
-
g((e) => e < c.length ? c.length : i);
|
10
|
-
}, [c.length, i]), n = m((e, t) => {
|
11
|
-
e instanceof HTMLDivElement ? e.style.maxHeight = t ? `${e.scrollHeight}px` : "0px" : e instanceof SVGSVGElement && (e.style.transform = t ? "rotateZ(45deg)" : "rotateZ(0deg)");
|
12
|
-
}, []), D = m(
|
13
|
-
(e) => {
|
14
|
-
const t = r[e], h = s[e];
|
15
|
-
if (!t || !h) return;
|
16
|
-
const a = o === e, L = a ? -1 : e;
|
17
|
-
if (o !== -1 && o !== e) {
|
18
|
-
const u = r[o], d = s[o];
|
19
|
-
u && d && (n(u, !1), n(d, !1));
|
20
|
-
}
|
21
|
-
n(t, !a), n(h, !a), E(L);
|
22
|
-
},
|
23
|
-
[r, s, o, n]
|
24
|
-
);
|
25
|
-
return x(() => {
|
26
|
-
g(i);
|
27
|
-
}, [i]), x(() => {
|
28
|
-
o !== -1 && r[o] && s[o] && (n(r[o], !0), n(s[o], !0));
|
29
|
-
}, [l, o, r, s, n]), /* @__PURE__ */ k(H, { $flexDirection: "column", children: [
|
30
|
-
c.map((e, t) => /* @__PURE__ */ f(
|
31
|
-
w,
|
32
|
-
{
|
33
|
-
item: e,
|
34
|
-
index: t,
|
35
|
-
handleToggle: D,
|
36
|
-
refList: r,
|
37
|
-
iconRef: s,
|
38
|
-
visible: t < l,
|
39
|
-
theme: p
|
40
|
-
},
|
41
|
-
`${e.accordionQuestion}-${t}`
|
42
|
-
)),
|
43
|
-
/* @__PURE__ */ f(R, { height: 24 }),
|
44
|
-
/* @__PURE__ */ f(
|
45
|
-
V,
|
46
|
-
{
|
47
|
-
$renderAs: "ub3-bold",
|
48
|
-
$align: "center",
|
49
|
-
$textDecoration: "underline",
|
50
|
-
$marginBottom: 24,
|
51
|
-
onClick: A,
|
52
|
-
$color: T ? "WHITE" : "BLACK",
|
53
|
-
$cursor: "pointer",
|
54
|
-
children: l < c.length ? "See More" : "See Less"
|
55
|
-
}
|
56
|
-
)
|
57
|
-
] });
|
58
|
-
}), Z = y;
|
59
|
-
export {
|
60
|
-
Z as default
|
61
|
-
};
|
62
|
-
//# sourceMappingURL=accordion.js.map
|
@@ -1 +0,0 @@
|
|
1
|
-
{"version":3,"file":"accordion.js","sources":["../../../../src/features/ui/accordion/accordion.tsx"],"sourcesContent":["import type { AccordionProps } from './accordion-types';\n\nimport { useCallback, useEffect, useMemo, useState, memo } from 'react';\n\nimport FlexView from '../layout/flex-view';\nimport Separator from '../separator/separator';\nimport Text from '../text/text';\nimport AccordionItem from './accordion-items/accordion-items';\n\nconst Accordion = memo<AccordionProps>(props => {\n const { theme = 'light', visibleBuffer, accordionData, defaultOpenElement = -1 } = props;\n const [visible, setVisible] = useState(visibleBuffer);\n const [openIndex, setOpenIndex] = useState<number>(defaultOpenElement);\n const refList = useMemo<(HTMLDivElement | null)[]>(() => [], []);\n const iconRef = useMemo<(SVGSVGElement | null)[]>(() => [], []);\n const isDarkTheme = theme === 'dark';\n\n const handleShowToggle = useCallback(() => {\n setVisible(prev => (prev < accordionData.length ? accordionData.length : visibleBuffer));\n }, [accordionData.length, visibleBuffer]);\n\n const animateElement = useCallback((element: HTMLElement | SVGElement, isOpen: boolean) => {\n if (element instanceof HTMLDivElement) {\n element.style.maxHeight = isOpen ? `${element.scrollHeight}px` : '0px';\n } else if (element instanceof SVGSVGElement) {\n element.style.transform = isOpen ? 'rotateZ(45deg)' : 'rotateZ(0deg)';\n }\n }, []);\n\n const handleToggle = useCallback(\n (currentIndex: number) => {\n const currentRefList = refList[currentIndex];\n const currentIconRef = iconRef[currentIndex];\n\n if (!currentRefList || !currentIconRef) return;\n\n const isCurrentlyOpen = openIndex === currentIndex;\n const newOpenIndex = isCurrentlyOpen ? -1 : currentIndex;\n\n // Close previously open item\n if (openIndex !== -1 && openIndex !== currentIndex) {\n const prevRef = refList[openIndex];\n const prevIcon = iconRef[openIndex];\n\n if (prevRef && prevIcon) {\n animateElement(prevRef, false);\n animateElement(prevIcon, false);\n }\n }\n\n // Toggle current item\n animateElement(currentRefList, !isCurrentlyOpen);\n animateElement(currentIconRef, !isCurrentlyOpen);\n\n setOpenIndex(newOpenIndex);\n },\n [refList, iconRef, openIndex, animateElement],\n );\n\n useEffect(() => {\n setVisible(visibleBuffer);\n }, [visibleBuffer]);\n\n useEffect(() => {\n if (openIndex !== -1 && refList[openIndex] && iconRef[openIndex]) {\n animateElement(refList[openIndex]!, true);\n animateElement(iconRef[openIndex]!, true);\n }\n }, [visible, openIndex, refList, iconRef, animateElement]);\n\n return (\n <FlexView $flexDirection=\"column\">\n {accordionData.map((item, index) => (\n <AccordionItem\n key={`${item.accordionQuestion}-${index}`}\n item={item}\n index={index}\n handleToggle={handleToggle}\n refList={refList}\n iconRef={iconRef}\n visible={index < visible}\n theme={theme}\n />\n ))}\n <Separator height={24} />\n <Text\n $renderAs=\"ub3-bold\"\n $align=\"center\"\n $textDecoration=\"underline\"\n $marginBottom={24}\n onClick={handleShowToggle}\n $color={isDarkTheme ? 'WHITE' : 'BLACK'}\n $cursor=\"pointer\"\n >\n {visible < accordionData.length ? 'See More' : 'See Less'}\n </Text>\n </FlexView>\n );\n});\n\nexport default Accordion;\n"],"names":["Accordion","memo","props","theme","visibleBuffer","accordionData","defaultOpenElement","visible","setVisible","useState","openIndex","setOpenIndex","refList","useMemo","iconRef","isDarkTheme","handleShowToggle","useCallback","prev","animateElement","element","isOpen","handleToggle","currentIndex","currentRefList","currentIconRef","isCurrentlyOpen","newOpenIndex","prevRef","prevIcon","useEffect","jsxs","FlexView","item","index","jsx","AccordionItem","Separator","Text","Accordion$1"],"mappings":";;;;;;AASA,MAAMA,IAAYC,EAAqB,CAASC,MAAA;AAC9C,QAAM,EAAE,OAAAC,IAAQ,SAAS,eAAAC,GAAe,eAAAC,GAAe,oBAAAC,IAAqB,GAAO,IAAAJ,GAC7E,CAACK,GAASC,CAAU,IAAIC,EAASL,CAAa,GAC9C,CAACM,GAAWC,CAAY,IAAIF,EAAiBH,CAAkB,GAC/DM,IAAUC,EAAmC,MAAM,CAAC,GAAG,CAAE,CAAA,GACzDC,IAAUD,EAAkC,MAAM,CAAC,GAAG,CAAE,CAAA,GACxDE,IAAcZ,MAAU,QAExBa,IAAmBC,EAAY,MAAM;AACzC,IAAAT,EAAW,OAASU,IAAOb,EAAc,SAASA,EAAc,SAASD,CAAc;AAAA,EACtF,GAAA,CAACC,EAAc,QAAQD,CAAa,CAAC,GAElCe,IAAiBF,EAAY,CAACG,GAAmCC,MAAoB;AACzF,IAAID,aAAmB,iBACrBA,EAAQ,MAAM,YAAYC,IAAS,GAAGD,EAAQ,YAAY,OAAO,QACxDA,aAAmB,kBACpBA,EAAA,MAAM,YAAYC,IAAS,mBAAmB;AAAA,EAE1D,GAAG,CAAE,CAAA,GAECC,IAAeL;AAAA,IACnB,CAACM,MAAyB;AAClB,YAAAC,IAAiBZ,EAAQW,CAAY,GACrCE,IAAiBX,EAAQS,CAAY;AAEvC,UAAA,CAACC,KAAkB,CAACC,EAAgB;AAExC,YAAMC,IAAkBhB,MAAca,GAChCI,IAAeD,IAAkB,KAAKH;AAGxC,UAAAb,MAAc,MAAMA,MAAca,GAAc;AAC5C,cAAAK,IAAUhB,EAAQF,CAAS,GAC3BmB,IAAWf,EAAQJ,CAAS;AAElC,QAAIkB,KAAWC,MACbV,EAAeS,GAAS,EAAK,GAC7BT,EAAeU,GAAU,EAAK;AAAA,MAElC;AAGe,MAAAV,EAAAK,GAAgB,CAACE,CAAe,GAChCP,EAAAM,GAAgB,CAACC,CAAe,GAE/Cf,EAAagB,CAAY;AAAA,IAC3B;AAAA,IACA,CAACf,GAASE,GAASJ,GAAWS,CAAc;AAAA,EAAA;AAG9C,SAAAW,EAAU,MAAM;AACd,IAAAtB,EAAWJ,CAAa;AAAA,EAAA,GACvB,CAACA,CAAa,CAAC,GAElB0B,EAAU,MAAM;AACd,IAAIpB,MAAc,MAAME,EAAQF,CAAS,KAAKI,EAAQJ,CAAS,MAC9CS,EAAAP,EAAQF,CAAS,GAAI,EAAI,GACzBS,EAAAL,EAAQJ,CAAS,GAAI,EAAI;AAAA,EAC1C,GACC,CAACH,GAASG,GAAWE,GAASE,GAASK,CAAc,CAAC,GAGvD,gBAAAY,EAACC,GAAS,EAAA,gBAAe,UACtB,UAAA;AAAA,IAAc3B,EAAA,IAAI,CAAC4B,GAAMC,MACxB,gBAAAC;AAAA,MAACC;AAAA,MAAA;AAAA,QAEC,MAAAH;AAAA,QACA,OAAAC;AAAA,QACA,cAAAZ;AAAA,QACA,SAAAV;AAAA,QACA,SAAAE;AAAA,QACA,SAASoB,IAAQ3B;AAAA,QACjB,OAAAJ;AAAA,MAAA;AAAA,MAPK,GAAG8B,EAAK,iBAAiB,IAAIC,CAAK;AAAA,IAAA,CAS1C;AAAA,IACD,gBAAAC,EAACE,GAAU,EAAA,QAAQ,GAAI,CAAA;AAAA,IACvB,gBAAAF;AAAA,MAACG;AAAA,MAAA;AAAA,QACC,WAAU;AAAA,QACV,QAAO;AAAA,QACP,iBAAgB;AAAA,QAChB,eAAe;AAAA,QACf,SAAStB;AAAA,QACT,QAAQD,IAAc,UAAU;AAAA,QAChC,SAAQ;AAAA,QAEP,UAAAR,IAAUF,EAAc,SAAS,aAAa;AAAA,MAAA;AAAA,IACjD;AAAA,EACF,EAAA,CAAA;AAEJ,CAAC,GAEDkC,IAAevC;"}
|
@@ -1 +0,0 @@
|
|
1
|
-
<svg width="102" height="23" fill="none" xmlns="http://www.w3.org/2000/svg"><g clip-path="url(#clip0_4442_5767)"><path d="M99.28 0H2.5364C1.8637 0 1.21856 0.26584 0.742894 0.739039C0.267227 1.21224 0 1.85403 0 2.52324L0 20.4768C0 21.146 0.267227 21.7878 0.742894 22.261C1.21856 22.7342 1.8637 23 2.5364 23H99.28C100.001 23 100.693 22.7149 101.203 22.2075C101.713 21.7 102 21.0118 102 20.2941V2.70588C102 1.98824 101.713 1.29999 101.203 0.792535C100.693 0.285083 100.001 0 99.28 0ZM101.32 20.2941C101.32 20.8324 101.105 21.3485 100.723 21.7291C100.34 22.1097 99.821 22.3235 99.28 22.3235H2.5364C2.0446 22.3217 1.57346 22.1266 1.22571 21.7807C0.877951 21.4347 0.681792 20.966 0.68 20.4768V2.52324C0.681792 2.03399 0.877951 1.56529 1.22571 1.21934C1.57346 0.873394 2.0446 0.678253 2.5364 0.676471H99.28C99.821 0.676471 100.34 0.890283 100.723 1.27087C101.105 1.65146 101.32 2.16765 101.32 2.70588V20.2941Z" fill="#635BFF"/><path d="M11.6115 7.60352H8.6875V14.8823H9.9931V12.0682H11.6115C13.2435 12.0682 14.2635 11.2835 14.2635 9.83587C14.2635 8.38822 13.2435 7.60352 11.6115 7.60352ZM11.5435 10.9859H9.9931V8.75352H11.5639C12.5023 8.75352 12.9987 9.15263 12.9987 9.86969C12.9987 10.5868 12.4819 10.952 11.5639 10.952L11.5435 10.9859Z" fill="#635BFF"/><path d="M17.063 9.47088C16.7055 9.46677 16.3511 9.53708 16.0225 9.67731C15.694 9.81753 15.3985 10.0246 15.1552 10.2851C14.9118 10.5457 14.726 10.854 14.6095 11.1902C14.4931 11.5265 14.4486 11.8833 14.479 12.2376C14.4471 12.594 14.4901 12.953 14.6053 13.2918C14.7205 13.6307 14.9054 13.942 15.1481 14.2059C15.3908 14.4699 15.6861 14.6806 16.0152 14.8248C16.3443 14.969 16.7 15.0435 17.0596 15.0435C17.4191 15.0435 17.7748 14.969 18.1039 14.8248C18.433 14.6806 18.7283 14.4699 18.971 14.2059C19.2137 13.942 19.3986 13.6307 19.5138 13.2918C19.629 12.953 19.672 12.594 19.6402 12.2376C19.6715 11.8836 19.628 11.527 19.5123 11.1907C19.3967 10.8545 19.2115 10.5461 18.9686 10.2854C18.7258 10.0247 18.4308 9.81757 18.1025 9.67727C17.7743 9.53698 17.4202 9.46667 17.063 9.47088ZM17.063 13.9829C16.2334 13.9829 15.703 13.3065 15.703 12.2376C15.703 11.1688 16.2198 10.4924 17.063 10.4924C17.9062 10.4924 18.423 11.1688 18.423 12.2376C18.423 13.3065 17.8858 13.9762 17.063 13.9762V13.9829Z" fill="#635BFF"/><path d="M25.008 13.0898L24.0492 9.55859H23.0428L22.0908 13.0898L21.1252 9.55859H19.8672L21.4788 14.8892H22.5396L23.5188 11.3986L24.498 14.8892H25.5588L27.1704 9.55859H25.96L25.008 13.0898Z" fill="#635BFF"/><path d="M29.9175 9.4707C29.5647 9.47722 29.2169 9.555 28.8952 9.69931C28.5735 9.84362 28.2847 10.0515 28.0462 10.3102C27.8077 10.569 27.6246 10.8732 27.5079 11.2045C27.3912 11.5358 27.3435 11.8872 27.3675 12.2375C27.3391 12.5931 27.3856 12.9507 27.504 13.2875C27.6225 13.6242 27.8103 13.9327 28.0554 14.1931C28.3005 14.4535 28.5976 14.6602 28.9276 14.7998C29.2576 14.9395 29.6133 15.0091 29.9719 15.0042C30.4649 15.0307 30.9538 14.9026 31.3698 14.638C31.7858 14.3735 32.1079 13.9858 32.2907 13.5295L31.2775 13.1101C31.198 13.3715 31.0315 13.5983 30.8054 13.7532C30.5793 13.908 30.3069 13.9818 30.0331 13.9625C29.838 13.9671 29.6441 13.9323 29.4629 13.8602C29.2818 13.788 29.1173 13.6801 28.9793 13.5428C28.8413 13.4056 28.7328 13.2419 28.6603 13.0617C28.5878 12.8815 28.5528 12.6886 28.5575 12.4945H32.3111V12.0886C32.3247 10.6275 31.4951 9.4707 29.9175 9.4707ZM28.6051 11.5881C28.6527 11.2774 28.812 10.9945 29.0533 10.7918C29.2946 10.589 29.6017 10.4802 29.9175 10.4854C30.0675 10.4728 30.2186 10.4921 30.3605 10.5421C30.5025 10.592 30.6322 10.6715 30.7409 10.7751C30.8496 10.8788 30.9349 11.0043 30.9911 11.1433C31.0472 11.2823 31.073 11.4316 31.0667 11.5813L28.6051 11.5881Z" fill="#635BFF"/><path d="M34.4662 10.3498V9.55829H33.2422V14.8821H34.4662V12.0883C34.4553 11.9078 34.483 11.727 34.5475 11.558C34.612 11.3889 34.7118 11.2354 34.8403 11.1075C34.9688 10.9797 35.1232 10.8804 35.2931 10.8162C35.4631 10.7521 35.6447 10.7245 35.8262 10.7353C35.9756 10.7248 36.1256 10.7248 36.275 10.7353V9.5177C36.1798 9.5177 36.071 9.5177 35.9282 9.5177C35.63 9.50233 35.3336 9.57259 35.0743 9.72012C34.8151 9.86764 34.604 10.0862 34.4662 10.3498Z" fill="#635BFF"/><path d="M39.0894 9.4707C38.7365 9.47722 38.3887 9.555 38.0671 9.69931C37.7454 9.84362 37.4565 10.0515 37.2181 10.3102C36.9796 10.569 36.7965 10.8732 36.6798 11.2045C36.5631 11.5358 36.5153 11.8872 36.5394 12.2375C36.5109 12.5931 36.5574 12.9507 36.6759 13.2875C36.7944 13.6242 36.9822 13.9327 37.2273 14.1931C37.4724 14.4535 37.7695 14.6602 38.0995 14.7998C38.4295 14.9395 38.7852 15.0091 39.1438 15.0042C39.6322 15.0249 40.1151 14.8941 40.5256 14.6299C40.9361 14.3657 41.254 13.9812 41.4354 13.5295L40.3882 13.1304C40.3086 13.3918 40.1422 13.6186 39.916 13.7734C39.6899 13.9283 39.4176 14.0021 39.1438 13.9828C38.9527 13.981 38.7639 13.9415 38.5883 13.8665C38.4127 13.7916 38.2539 13.6826 38.121 13.546C37.9881 13.4094 37.8839 13.2479 37.8143 13.0709C37.7447 12.8939 37.7112 12.7048 37.7158 12.5148H41.483V12.1089C41.483 10.6275 40.6398 9.4707 39.0894 9.4707ZM37.777 11.5881C37.8259 11.2798 37.9848 10.9995 38.2246 10.7982C38.4643 10.597 38.7689 10.4883 39.0826 10.4922C39.2326 10.4796 39.3837 10.4989 39.5256 10.5488C39.6676 10.5988 39.7973 10.6782 39.906 10.7819C40.0147 10.8856 40.1 11.0111 40.1561 11.1501C40.2123 11.2891 40.2381 11.4384 40.2318 11.5881H37.777Z" fill="#635BFF"/><path d="M45.9355 10.147C45.7468 9.92677 45.5106 9.75158 45.2446 9.63448C44.9786 9.51737 44.6894 9.46135 44.3987 9.47057C42.8959 9.47057 42.0391 10.722 42.0391 12.2373C42.0391 13.7526 42.8959 15.0041 44.3987 15.0041C44.6896 15.0148 44.9792 14.9595 45.2455 14.8423C45.5118 14.7251 45.7477 14.5491 45.9355 14.3276V14.8823H47.1595V7.60352H45.9355V10.147ZM45.9355 12.4132C45.9629 12.6061 45.9481 12.8026 45.8922 12.9893C45.8362 13.176 45.7404 13.3484 45.6113 13.4949C45.4821 13.6413 45.3227 13.7583 45.144 13.8378C44.9652 13.9173 44.7713 13.9575 44.5755 13.9556C43.6847 13.9556 43.2155 13.2791 43.2155 12.2509C43.2155 11.2226 43.6915 10.5462 44.5755 10.5462C45.3303 10.5462 45.9355 11.0941 45.9355 12.0953V12.4132Z" fill="#635BFF"/><path d="M53.9354 9.47057C53.6392 9.45768 53.3439 9.51187 53.0718 9.62905C52.7997 9.74623 52.5579 9.92335 52.3646 10.147V7.60352H51.1406V14.8823H52.3646V14.3209C52.5544 14.5417 52.7916 14.7171 53.0589 14.8342C53.3261 14.9514 53.6164 15.0071 53.9082 14.9973C55.4042 14.9973 56.261 13.7391 56.261 12.2306C56.261 10.722 55.4314 9.47057 53.9354 9.47057ZM53.7246 13.9353C53.5288 13.9372 53.3349 13.897 53.1561 13.8175C52.9774 13.738 52.818 13.621 52.6888 13.4746C52.5597 13.3281 52.4639 13.1557 52.4079 12.969C52.352 12.7823 52.3372 12.5858 52.3646 12.3929V12.075C52.3646 11.0738 52.9358 10.5259 53.7246 10.5259C54.6086 10.5259 55.0846 11.2023 55.0846 12.2306C55.0846 13.2588 54.5746 13.9353 53.7246 13.9353Z" fill="#635BFF"/><path d="M59.1122 13.2995L57.7998 9.55859H56.5078L58.4798 14.693L58.2758 15.1936C58.2411 15.3651 58.141 15.5166 57.9965 15.6162C57.8519 15.7159 57.6742 15.7559 57.5006 15.728C57.3648 15.7379 57.2284 15.7379 57.0926 15.728V16.7495C57.2569 16.7738 57.4229 16.7851 57.589 16.7833C58.0136 16.814 58.4354 16.6953 58.781 16.4481C59.1265 16.2008 59.3737 15.8405 59.4794 15.4304L61.6826 9.59918H60.3974L59.1122 13.2995Z" fill="#635BFF"/><path d="M85.0047 8.40824C84.7363 8.40669 84.4701 8.45788 84.2216 8.55888C83.973 8.65987 83.747 8.80868 83.5563 8.99677L83.4611 8.53H81.8359V17.27L83.6855 16.8709V14.7535C84.0534 15.06 84.5181 15.2277 84.9979 15.2271C86.3171 15.2271 87.5275 14.1515 87.5275 11.7703C87.5275 9.59206 86.3035 8.40824 85.0047 8.40824ZM84.5627 13.5697C84.4005 13.579 84.2382 13.5523 84.0877 13.4914C83.9371 13.4306 83.8021 13.3372 83.6923 13.2179V10.4376C83.8025 10.3141 83.9391 10.2165 84.092 10.1522C84.245 10.0878 84.4104 10.0582 84.5763 10.0656C85.2563 10.0656 85.7187 10.83 85.7187 11.8109C85.7187 12.7918 85.2495 13.5697 84.5627 13.5697Z" fill="#635BFF"/><path d="M90.9409 8.4082C89.1593 8.4082 88.0781 9.93703 88.0781 11.865C88.0781 14.1447 89.3565 15.3014 91.1789 15.3014C91.8902 15.313 92.5925 15.143 93.2189 14.8076V13.2856C92.6501 13.5711 92.02 13.715 91.3829 13.705C90.6485 13.705 90.0229 13.4411 89.9277 12.555H93.5861C93.5861 12.4535 93.5861 12.0544 93.5861 11.8785C93.6473 9.93703 92.7225 8.4082 90.9409 8.4082ZM89.9413 11.1614C89.9413 10.3091 90.4649 9.95056 90.9273 9.95056C91.3897 9.95056 91.8793 10.3091 91.8793 11.1614H89.9413Z" fill="#635BFF"/><path d="M76.8338 9.03703L76.7182 8.48233H75.1406V15.0509H76.963V10.5997C77.1276 10.4009 77.3493 10.2568 77.5984 10.1867C77.8475 10.1166 78.1121 10.1238 78.357 10.2073V8.48233C78.0788 8.37391 77.7704 8.37047 77.4898 8.47264C77.2092 8.57482 76.9759 8.77556 76.8338 9.03703Z" fill="#635BFF"/><path d="M67.6356 10.4582C67.6356 10.1605 67.8804 10.0455 68.268 10.0455C68.9104 10.0593 69.5401 10.2263 70.104 10.5326V8.75348C69.5209 8.51895 68.8969 8.40169 68.268 8.40848C66.7652 8.40848 65.7656 9.20672 65.7656 10.5461C65.7656 12.6432 68.5808 12.305 68.5808 13.2047C68.5808 13.5564 68.2816 13.6714 67.9008 13.6714C67.1824 13.6297 66.4837 13.4212 65.8608 13.0626V14.8823C66.5028 15.1672 67.1978 15.3147 67.9008 15.3152C69.4376 15.3152 70.4984 14.5373 70.4984 13.1776C70.4644 10.9047 67.6356 11.3105 67.6356 10.4582Z" fill="#635BFF"/><path d="M72.9439 6.92773L71.1419 7.32009V13.361C71.1326 13.6155 71.1756 13.8693 71.2682 14.1068C71.3608 14.3443 71.5012 14.5605 71.6807 14.7422C71.8601 14.924 72.075 15.0673 72.312 15.1637C72.5491 15.26 72.8034 15.3072 73.0595 15.3024C73.5062 15.3223 73.9513 15.2365 74.3583 15.0521V13.5301C74.1203 13.6316 72.9575 13.9766 72.9575 12.8536V10.1477H74.3583V8.56479H72.9575L72.9439 6.92773Z" fill="#635BFF"/><path d="M79.0469 7.91512L80.9033 7.52954V6.06836L79.0469 6.45395V7.91512Z" fill="#635BFF"/><path d="M80.9033 8.5293H79.0469V15.0505H80.9033V8.5293Z" fill="#635BFF"/></g><defs><clipPath id="clip0_4442_5767"><rect width="102" height="23" fill="white"/></clipPath></defs></svg>
|