@learncard/react 2.3.19 → 2.3.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/cjs/{CircleIcon-c71f0a51.js → CircleIcon-2d67bca4.js} +11 -9
- package/dist/cjs/CircleIcon-2d67bca4.js.map +1 -0
- package/dist/cjs/{LearnCardCreditCardFrontFace-7d383319.js → LearnCardCreditCardFrontFace-d5aa0f4e.js} +16 -9
- package/dist/cjs/{LearnCardCreditCardFrontFace-7d383319.js.map → LearnCardCreditCardFrontFace-d5aa0f4e.js.map} +1 -1
- package/dist/cjs/RoundedSquare-0b18d13b.js +91 -0
- package/dist/cjs/RoundedSquare-0b18d13b.js.map +1 -0
- package/dist/cjs/{VCCard-7ddf0a92.js → VCCard-55d1b98a.js} +6381 -525
- package/dist/cjs/{VCCard-7ddf0a92.js.map → VCCard-55d1b98a.js.map} +1 -1
- package/dist/cjs/index.js +7 -4
- package/dist/cjs/index.js.map +1 -1
- package/dist/cjs/index12.js +5 -2
- package/dist/cjs/index12.js.map +1 -1
- package/dist/cjs/index15.js +1 -1
- package/dist/cjs/index3.js +1 -1
- package/dist/cjs/index5.js +7 -4
- package/dist/cjs/index5.js.map +1 -1
- package/dist/cjs/index7.js +1 -1
- package/dist/esm/{CircleIcon-4102be58.js → CircleIcon-c47b9c57.js} +11 -9
- package/dist/esm/CircleIcon-c47b9c57.js.map +1 -0
- package/dist/esm/{LearnCardCreditCardFrontFace-269b2847.js → LearnCardCreditCardFrontFace-138a40f5.js} +16 -9
- package/dist/esm/{LearnCardCreditCardFrontFace-269b2847.js.map → LearnCardCreditCardFrontFace-138a40f5.js.map} +1 -1
- package/dist/esm/RoundedSquare-12bb8586.js +82 -0
- package/dist/esm/RoundedSquare-12bb8586.js.map +1 -0
- package/dist/esm/{VCCard-ef847bb1.js → VCCard-4184885f.js} +6381 -525
- package/dist/esm/{VCCard-ef847bb1.js.map → VCCard-4184885f.js.map} +1 -1
- package/dist/esm/index.js +4 -4
- package/dist/esm/index12.js +2 -2
- package/dist/esm/index15.js +1 -1
- package/dist/esm/index3.js +1 -1
- package/dist/esm/index5.js +4 -4
- package/dist/esm/index7.js +1 -1
- package/dist/images/walletTrophy.png +0 -0
- package/dist/images/walletcurrency.png +0 -0
- package/dist/images/walletids.png +0 -0
- package/dist/images/walletjobhistory.png +0 -0
- package/dist/images/walletlearninghistory.png +0 -0
- package/dist/images/walletskills.png +0 -0
- package/dist/index.d.ts +33 -8
- package/dist/main.css +1 -1
- package/dist/main.js +1 -1
- package/package.json +2 -2
- package/dist/cjs/CircleIcon-c71f0a51.js.map +0 -1
- package/dist/cjs/RoundedSquare-008821b3.js +0 -35
- package/dist/cjs/RoundedSquare-008821b3.js.map +0 -1
- package/dist/esm/CircleIcon-4102be58.js.map +0 -1
- package/dist/esm/RoundedSquare-bc5bf73b.js +0 -29
- package/dist/esm/RoundedSquare-bc5bf73b.js.map +0 -1
|
@@ -7,7 +7,7 @@ function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'defau
|
|
|
7
7
|
var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
|
|
8
8
|
|
|
9
9
|
var Icons = /* @__PURE__ */ ((Icons2) => {
|
|
10
|
-
Icons2[Icons2["
|
|
10
|
+
Icons2[Icons2["coinsIcon"] = 0] = "coinsIcon";
|
|
11
11
|
Icons2[Icons2["userIcon"] = 1] = "userIcon";
|
|
12
12
|
Icons2[Icons2["trophyIcon"] = 2] = "trophyIcon";
|
|
13
13
|
Icons2[Icons2["briefcaseIcon"] = 3] = "briefcaseIcon";
|
|
@@ -29,7 +29,7 @@ var graduation = "data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMzEiIGhlaWdodD0iMzEi
|
|
|
29
29
|
var lightbulb = "data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMzEiIGhlaWdodD0iMzAiIHZpZXdCb3g9IjAgMCAzMSAzMCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZD0iTTIxLjg2MjUgMy41MjQ5OUMyMC43MTI5IDIuNTc5NDggMTkuMzY2NiAxLjkwMjUzIDE3LjkyMjEgMS41NDM1NUMxNi40Nzc1IDEuMTg0NTcgMTQuOTcxIDEuMTUyNjEgMTMuNTEyNSAxLjQ0OTk5QzExLjU3MDUgMS44NDIyNyA5Ljc4ODc0IDIuODAyNTkgOC4zOTMzNSA0LjIwOTA5QzYuOTk3OTcgNS42MTU2IDYuMDUxODQgNy40MDQ5MSA1LjY3NSA5LjM0OTk5QzUuMzk5ODEgMTAuODA4NCA1LjQ0OTgxIDEyLjMwOTYgNS44MjE0NSAxMy43NDY0QzYuMTkzMDkgMTUuMTgzMyA2Ljg3NzIgMTYuNTIwNCA3LjgyNSAxNy42NjI1QzguNzA0NjEgMTguNjU1MSA5LjIwODc5IDE5LjkyNDQgOS4yNSAyMS4yNVYyNUM5LjI1IDI1Ljk5NDYgOS42NDUwOSAyNi45NDg0IDEwLjM0ODQgMjcuNjUxNkMxMS4wNTE2IDI4LjM1NDkgMTIuMDA1NCAyOC43NSAxMyAyOC43NUgxOEMxOC45OTQ2IDI4Ljc1IDE5Ljk0ODQgMjguMzU0OSAyMC42NTE3IDI3LjY1MTZDMjEuMzU0OSAyNi45NDg0IDIxLjc1IDI1Ljk5NDYgMjEuNzUgMjVWMjEuNDg3NUMyMS43OTIgMjAuMDI0IDIyLjMyOTYgMTguNjE4IDIzLjI3NSAxNy41QzI0LjkzMTQgMTUuNDUxIDI1LjcxMjIgMTIuODMxIDI1LjQ0NzcgMTAuMjA5NUMyNS4xODMyIDcuNTg4MDMgMjMuODk0OCA1LjE3Njg1IDIxLjg2MjUgMy40OTk5OVYzLjUyNDk5Wk0xOS4yNSAyNUMxOS4yNSAyNS4zMzE1IDE5LjExODMgMjUuNjQ5NSAxOC44ODM5IDI1Ljg4MzlDMTguNjQ5NSAyNi4xMTgzIDE4LjMzMTUgMjYuMjUgMTggMjYuMjVIMTNDMTIuNjY4NSAyNi4yNSAxMi4zNTA1IDI2LjExODMgMTIuMTE2MSAyNS44ODM5QzExLjg4MTcgMjUuNjQ5NSAxMS43NSAyNS4zMzE1IDExLjc1IDI1VjIzLjc1SDE5LjI1VjI1Wk0yMS4zMzc1IDE1Ljk1QzIwLjA4MDYgMTcuNDQwNyAxOS4zNDczIDE5LjMwMjUgMTkuMjUgMjEuMjVIMTYuNzVWMTcuNUMxNi43NSAxNy4xNjg1IDE2LjYxODMgMTYuODUwNSAxNi4zODM5IDE2LjYxNjFDMTYuMTQ5NSAxNi4zODE3IDE1LjgzMTUgMTYuMjUgMTUuNSAxNi4yNUMxNS4xNjg1IDE2LjI1IDE0Ljg1MDUgMTYuMzgxNyAxNC42MTYxIDE2LjYxNjFDMTQuMzgxNyAxNi44NTA1IDE0LjI1IDE3LjE2ODUgMTQuMjUgMTcuNVYyMS4yNUgxMS43NUMxMS43MTcgMTkuMzM1MSAxMS4wMDg3IDE3LjQ5MzQgOS43NSAxNi4wNUM4LjkxOTU1IDE1LjA1NSA4LjM2MTExIDEzLjg2MTggOC4xMjkxNCAxMi41ODY3QzcuODk3MTYgMTEuMzExNiA3Ljk5OTU2IDkuOTk4MTQgOC40MjYzNiA4Ljc3NDQxQzguODUzMTUgNy41NTA2NyA5LjU4OTc4IDYuNDU4NDIgMTAuNTY0NCA1LjYwNDE1QzExLjUzOSA0Ljc0OTg4IDEyLjcxODQgNC4xNjI3NCAxMy45ODc1IDMuODk5OTlDMTUuMDc4MiAzLjY3NTQyIDE2LjIwNTIgMy42OTY1NSAxNy4yODY3IDMuOTYxODNDMTguMzY4MiA0LjIyNzExIDE5LjM3NzEgNC43Mjk5IDIwLjI0MDEgNS40MzM2OEMyMS4xMDMgNi4xMzc0NyAyMS43OTg1IDcuMDI0NTkgMjIuMjc1OSA4LjAzMDY0QzIyLjc1MzIgOS4wMzY2OSAyMy4wMDA2IDEwLjEzNjQgMjMgMTEuMjVDMjMuMDA5MyAxMi45NjIzIDIyLjQyMTQgMTQuNjI0MyAyMS4zMzc1IDE1Ljk1WiIgZmlsbD0iI0E1QjRGQyIvPgo8L3N2Zz4K";
|
|
30
30
|
|
|
31
31
|
const ICONS_TO_SOURCE = {
|
|
32
|
-
[Icons.
|
|
32
|
+
[Icons.coinsIcon]: coins,
|
|
33
33
|
[Icons.userIcon]: user,
|
|
34
34
|
[Icons.trophyIcon]: trophy,
|
|
35
35
|
[Icons.briefcaseIcon]: briefcase,
|
|
@@ -41,6 +41,7 @@ const CountCircle = ({
|
|
|
41
41
|
size = "auto",
|
|
42
42
|
count = "28",
|
|
43
43
|
innerPadding = "3px 5px",
|
|
44
|
+
className,
|
|
44
45
|
onClick = () => {
|
|
45
46
|
},
|
|
46
47
|
bgColor = "bg-grayscale-50"
|
|
@@ -52,22 +53,23 @@ const CountCircle = ({
|
|
|
52
53
|
};
|
|
53
54
|
return /* @__PURE__ */ React__default["default"].createElement("section", {
|
|
54
55
|
onClick,
|
|
55
|
-
className: `${bgColor} rounded-full circle-icon-wrapper text-center absolute right-[-15px] top-[-15px] min-w-[25px]`,
|
|
56
|
+
className: `${bgColor} rounded-full circle-icon-wrapper text-center absolute right-[-15px] top-[-15px] min-w-[25px] ${className}`,
|
|
56
57
|
style
|
|
57
58
|
}, /* @__PURE__ */ React__default["default"].createElement("div", {
|
|
58
|
-
className: `
|
|
59
|
+
className: `h-full`
|
|
59
60
|
}, /* @__PURE__ */ React__default["default"].createElement("p", {
|
|
60
|
-
className: "
|
|
61
|
+
className: "h-full line-clamp-1 font-semibold text-grayscale-900 text-[12px]"
|
|
61
62
|
}, count)));
|
|
62
63
|
};
|
|
63
64
|
const CircleIcon = ({
|
|
64
|
-
iconSrc = ICONS_TO_SOURCE[Icons.
|
|
65
|
+
iconSrc = ICONS_TO_SOURCE[Icons.coinsIcon],
|
|
65
66
|
size = "52px",
|
|
66
67
|
count = "28",
|
|
67
68
|
innerPadding = "6px",
|
|
68
69
|
onClick = () => {
|
|
69
70
|
},
|
|
70
|
-
bgColor = "bg-grayscale-900"
|
|
71
|
+
bgColor = "bg-grayscale-900",
|
|
72
|
+
hideCount = true
|
|
71
73
|
}) => {
|
|
72
74
|
const style = {
|
|
73
75
|
width: size,
|
|
@@ -80,7 +82,7 @@ const CircleIcon = ({
|
|
|
80
82
|
style
|
|
81
83
|
}, /* @__PURE__ */ React__default["default"].createElement("div", {
|
|
82
84
|
className: `relative w-full h-full`
|
|
83
|
-
}, /* @__PURE__ */ React__default["default"].createElement(CountCircle, {
|
|
85
|
+
}, !hideCount && /* @__PURE__ */ React__default["default"].createElement(CountCircle, {
|
|
84
86
|
count
|
|
85
87
|
}), /* @__PURE__ */ React__default["default"].createElement("img", {
|
|
86
88
|
className: "h-full w-full object-cover",
|
|
@@ -93,4 +95,4 @@ exports.CircleIcon = CircleIcon;
|
|
|
93
95
|
exports.CountCircle = CountCircle;
|
|
94
96
|
exports.ICONS_TO_SOURCE = ICONS_TO_SOURCE;
|
|
95
97
|
exports.Icons = Icons;
|
|
96
|
-
//# sourceMappingURL=CircleIcon-
|
|
98
|
+
//# sourceMappingURL=CircleIcon-2d67bca4.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"CircleIcon-2d67bca4.js","sources":["../../src/types/index.ts","../../src/assets/images/coins.svg","../../src/assets/images/user.svg","../../src/assets/images/trophy.svg","../../src/assets/images/briefcase.svg","../../src/assets/images/graduation.svg","../../src/assets/images/lightbulb.svg","../../src/constants/icons.ts","../../src/components/CircleIcon/CircleIcon.tsx"],"sourcesContent":["import { VerificationItem, VC, Profile, CredentialSubject } from '@learncard/types';\n\nexport enum Icons {\n coinsIcon,\n userIcon,\n trophyIcon,\n briefcaseIcon,\n graduationIcon,\n lightbulbIcon,\n}\n\nexport type CredentialInfo = {\n title?: string;\n createdAt?: string;\n issuer?: Profile;\n issuee?: Profile;\n credentialSubject?: CredentialSubject;\n};\n\nexport type VCDisplayCardProps = {\n title?: string;\n createdAt?: string;\n issuer?: Profile;\n issuee?: Profile;\n userImage?: string;\n className?: string;\n credentialSubject?: CredentialSubject;\n onClick?: () => void;\n loading?: boolean;\n verification?: VerificationItem[];\n};\n\nexport type RoundedSquareProps = {\n title?: string;\n description?: string;\n iconSrc?: string;\n count?: string | number;\n onClick?: () => void;\n bgColor?: string;\n};\n\nexport type SmallAchievementCardProps = {\n title?: string;\n thumbImgSrc?: string;\n date?: string;\n onClick?: () => void;\n};\n","export default \"data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMzEiIGhlaWdodD0iMzAiIHZpZXdCb3g9IjAgMCAzMSAzMCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZD0iTTUuNzQzMjQgMjEuNTAwN0M1Ljc0MzI0IDIxLjAxMzMgNS43MjE5IDIwLjUyNDcgNS43NTM1NyAyMC4wMzkzQzUuNzY2MjQgMTkuODQwNSA1LjY5NzU3IDE5Ljc3NDggNS41NDQ5IDE5LjY5MUM0LjkzOTIxIDE5LjM1ODQgNC4zODI1MyAxOC45NjI4IDMuOTY1NTIgMTguNDAzOEMzLjY2NTUxIDE4LjAwMDMgMy40OTg4NCAxNy41NTY2IDMuNTA2NTEgMTcuMDQ1NkMzLjUxOTUxIDE2LjMwNjYgMy41MzY4NCAxNS41NjY4IDMuNTAzODQgMTQuODI4MUMzLjQ0ODE3IDEzLjU2MzkgNC4wMDAxOSAxMi42MTY1IDQuOTg2MjEgMTEuODcyMkM1Ljg2NjkxIDExLjIwNjQgNi44NzE2IDEwLjc5MzQgNy45MjM2MyAxMC40Nzg1QzguMDk4NjMgMTAuNDI2IDguMjc0OTcgMTAuMzc2MyA4LjQ1MzMxIDEwLjMzNzlDOC41NzQ5OCAxMC4zMTE2IDguNjIzMzEgMTAuMjYxNyA4LjYxOTk4IDEwLjEzMDVDOC42MDk2NSA5Ljc1Mjk2IDguNjMzNjUgOS4zNzQ3MiA4LjYxMzMxIDguOTk3MTRDOC41NDY2NSA3Ljc0NjEgOS4xMDgzMyA2LjgwODIyIDEwLjA4IDYuMDY3ODVDMTEuMDAwNCA1LjM2NTYgMTIuMDUyNCA0LjkzODQgMTMuMTU3OCA0LjYyNDI0QzE0LjQ3MTUgNC4yNTEyNiAxNS44MTUyIDQuMDY4ODcgMTcuMTc4OSA0LjAxODI3QzE5LjM2OTMgMy45MzU0NiAyMS41MjYzIDQuMTIyNDQgMjMuNjE1NyA0LjgyMTQxQzI0LjY0OTEgNS4xNjY3OCAyNS42MTkxIDUuNjMwNzkgMjYuNDI3MSA2LjM3MjE1QzI2Ljk4NTggNi44ODQ0NiAyNy4zOTg1IDcuNDg3MTUgMjcuNDg1NSA4LjI1NDhDMjcuNTE2NSA4LjUyOTUyIDI3LjQ4ODIgOC44MTA4MiAyNy40ODgyIDkuMDg5MTVDMjcuNDg4MiA5Ljc4NDUxIDI3LjQ2NzggMTAuNDgwOCAyNy40OTM4IDExLjE3NTJDMjcuNTE5OCAxMS44Njk2IDI3LjI0MTggMTIuNDI3MiAyNi43NjI4IDEyLjkwODNDMjYuMTI0NSAxMy41NDgyIDI1LjM0ODggMTMuOTg0NiAyNC41MTE0IDE0LjMwNzZDMjMuODU3NCAxNC41NjAzIDIzLjE3ODcgMTQuNzUxOSAyMi41MDc3IDE0Ljk2MTJDMjIuNDA3NyAxNC45OTQxIDIyLjM3NDQgMTUuMDI2OSAyMi4zNzY0IDE1LjEyNTVDMjIuMzggMTUuNzMzMSAyMi4zODE0IDE2LjM0MTQgMjIuMzc2NCAxNi45NDg3QzIyLjM3NjQgMTcuMDUwMiAyMi40MjI3IDE3LjA5MzYgMjIuNDk4NyAxNy4xMzhDMjMuMDk1NCAxNy40ODcgMjMuNjQwMSAxNy44OTgxIDI0LjA1NDQgMTguNDU1N0MyNC40Njg3IDE5LjAxMzQgMjQuNjY1MSAxOS42MzI4IDI0LjYyMTEgMjAuMzQ0NkMyNC41Nzc2IDIxLjA5MzggMjQuNTc3NiAyMS44NDQ4IDI0LjYyMTEgMjIuNTk0QzI0LjY2ODEgMjMuNDUyNyAyNC4yOTMxIDI0LjA5MjIgMjMuNjczNCAyNC42MzE0QzIyLjg2ODQgMjUuMzMyNCAyMS45MTMzIDI1Ljc2NjUgMjAuOTEyIDI2LjExMDJDMTkuMzc1NiAyNi42MzYgMTcuNzg3MiAyNi45MDM4IDE2LjE2NjIgMjYuOTc2MUMxMy43NTQxIDI3LjA4MzIgMTEuMzg4MSAyNi44NDIgOS4xMDc2NiAyNi4wMTM5QzguMjIyMyAyNS42OTI1IDcuMzg2OTUgMjUuMjc2MiA2LjY4MTU5IDI0LjY0MzZDNi4yMjAyNSAyNC4yMjk4IDUuODUxNTcgMjMuNzUxNyA1Ljc2NTU3IDIzLjEyMzRDNS43MjY1NyAyMi44Mzc4IDUuNzQ3NTcgMjIuNTQ0NCA1Ljc0NDU3IDIyLjI1NDVDNS43NDEyNCAyMi4wMDMxIDUuNzQzMjQgMjEuNzUxNCA1Ljc0MzI0IDIxLjUwMDdaTTE4LjQwMzIgMTEuNzI0QzE4Ljc4MzkgMTEuNjk2NCAxOS40OTk2IDExLjY2MjYgMjAuMjExIDExLjU4OTZDMjEuNDMwMyAxMS40NjQ3IDIyLjYxODcgMTEuMjAwMiAyMy43NTM3IDEwLjczMjZDMjQuNDE3NyAxMC40NTg4IDI1LjA0NjggMTAuMTI0NiAyNS41NTgxIDkuNjEwMDFDMjYuMjMxMSA4LjkzMjczIDI2LjI0MzUgOC4yNTE1MSAyNS41OTE0IDcuNTU2ODFDMjUuMTgxNCA3LjExOTQyIDI0LjY3MzEgNi44MTc3NSAyNC4xMzM3IDYuNTY2MDNDMjIuODI5IDUuOTU3MTEgMjEuNDM5IDUuNjYxMzUgMjAuMDE1MyA1LjUxMzhDMTguNDAxNyA1LjM0MTc2IDE2Ljc3MTkgNS4zODQ1MyAxNS4xNjk4IDUuNjQwOThDMTQuMDAzMSA1LjgyOTYgMTIuODY5OCA2LjEyNzMzIDExLjgxMjcgNi42NjE2NkMxMS4yNTU0IDYuOTQzMjkgMTAuNzM0NCA3LjI3NjUgMTAuMzU3IDcuNzg0NTVDOS45Nzk2OCA4LjI5MjU5IDkuOTcwMDIgOC44MTI3OSAxMC4zMzg0IDkuMzE4MkMxMC40NDE5IDkuNDYwNjEgMTAuNTU5NCA5LjU5MjY5IDEwLjY4OSA5LjcxMjU0QzExLjI4MDEgMTAuMjU2MSAxMS45OTI0IDEwLjU5NzUgMTIuNzQwOCAxMC44NzAzQzE0LjQ1ODUgMTEuNDk3MyAxNi4yNDg1IDExLjcwMDMgMTguNDAzMiAxMS43MjRaTTIwLjQzNjYgMTUuMzc4OUwyMC40MTQgMTUuMzQ2QzIwLjM4MyAxNS4zNDYgMjAuMzUxNiAxNS4zNDM3IDIwLjMyMSAxNS4zNDZDMTkuODg0MyAxNS4zODI4IDE5LjQ0ODMgMTUuNDM0NCAxOS4wMTA5IDE1LjQ1NThDMTcuNjkxIDE1LjUyMzMgMTYuMzY3NiAxNS40NTg5IDE1LjA2MDggMTUuMjYzNUMxMy43NDU4IDE1LjA2NDEgMTIuNDYzNCAxNC43NDYgMTEuMjUxNyAxNC4xODg2QzEwLjUzOCAxMy44NiA5Ljg3MDY4IDEzLjQ2NTcgOS4zMjY2NyAxMi44OTA5QzkuMDE1NSAxMi41NzE4IDguNzg5MDMgMTIuMTgxOSA4LjY2NzMyIDExLjc1NTlDNy42MTkyOSAxMi4wNDkgNi42MDk5MyAxMi4zOTggNS43NjQyNCAxMy4wNzg5QzUuNTExNTYgMTMuMjgyMyA1LjI5Mzg5IDEzLjU0NDUgNS4xMTQ1NSAxMy44MTVDNC44ODEyMSAxNC4xNjYgNC44ODQ1NSAxNC41NjU5IDUuMTEwNTUgMTQuOTIwMUM1LjI3NTgzIDE1LjE4NDcgNS40Nzk0MyAxNS40MjQxIDUuNzE0OSAxNS42MzA2QzYuNDI0MjUgMTYuMjM1NiA3LjI3Nzk0IDE2LjU3ODcgOC4xNjEzIDE2Ljg1MzFDOS41NjQwMSAxNy4yODg1IDExLjAwNyAxNy40NzUxIDEyLjQ3MjggMTcuNTEwM0MxNC4wNjc1IDE3LjU0NzggMTUuNjQ0OCAxNy40MTczIDE3LjE4OTkgMTcuMDA4OEMxOC4xNTkyIDE2Ljc1MjUgMTkuMDkyMyAxNi40MDg0IDE5LjkxMTMgMTUuODE4MkMyMC4wOTY2IDE1LjY4NDIgMjAuMjYyNiAxNS41MjU4IDIwLjQzNzMgMTUuMzc4OUgyMC40MzY2Wk03LjI5NDYxIDIwLjQ1ODZDNy40MDg5NSAyMC43Nzg3IDcuNjAyOTUgMjEuMDE3MyA3LjgzMDYzIDIxLjIyNjlDOC40MzA2NCAyMS43ODAzIDkuMTUwNjYgMjIuMTI2NyA5LjkxMDAyIDIyLjQwMzRDMTEuMjQzNCAyMi44ODkxIDEyLjYyOTEgMjMuMTE4MSAxNC4wNDM1IDIzLjE5OUMxNS43MjYyIDIzLjI5NDkgMTcuMzk0OSAyMy4yMDEzIDE5LjA0MDkgMjIuODI2N0MyMC4wMTggMjIuNjA0MiAyMC45NjMgMjIuMjkzNiAyMS44MjgzIDIxLjc4MTNDMjIuMjY5NyAyMS41MjAxIDIyLjY3NTQgMjEuMjE1OCAyMi45NjE3IDIwLjc4NEMyMy4yNjE3IDIwLjMzMDUgMjMuMjc2NyAxOS44NzIxIDIyLjk2NiAxOS40MTY2QzIyLjY4OCAxOS4wMDkxIDIyLjMwMzQgMTguNzE4OSAyMS44ODUgMTguNDYxQzIxLjc2NjcgMTguNTgzOSAyMS42NjEzIDE4LjcwMzggMjEuNTQ1IDE4LjgxMjNDMjAuOTk4MyAxOS4zMjI5IDIwLjM1OTMgMTkuNjk0NiAxOS42NzgzIDE5Ljk5NzZDMTcuOTYxNiAyMC43NiAxNi4xNDQ5IDIxLjExNDkgMTQuMjc4MSAyMS4yNDA3QzEyLjMzOTEgMjEuMzcyMiAxMC40MTc3IDIxLjIzNjEgOC41MjM5OCAyMC43ODgyQzguMTIxNjMgMjAuNjkyOSA3LjcyNDI5IDIwLjU3NDYgNy4yOTQ2MSAyMC40NTg2Wk00Ljk2MTIxIDE2Ljg4MUM0Ljg5NjU1IDE3LjE4NjMgNC45NzkyMSAxNy40Mzk2IDUuMTc4NTUgMTcuNjYwNUM1LjU4MTIzIDE4LjEwOSA2LjA5NTU4IDE4LjQwMTIgNi42MzQ1OSAxOC42NTE5QzcuODc1OTYgMTkuMjI5MyA5LjE5MyAxOS41NDI4IDEwLjU0ODQgMTkuNzE0NkMxMi42NTQ4IDE5Ljk4MTggMTQuNzQ4NSAxOS45MTY3IDE2LjgxOTIgMTkuNDQxNkMxNy44OTM2IDE5LjE5NTEgMTguOTMwOSAxOC44NDQ1IDE5Ljg4MjYgMTguMjgxMkMyMC4yMjYgMTguMDc3OCAyMC41NTIgMTcuODUxMSAyMC44MDE2IDE3LjUzMjNDMjAuOTUyMyAxNy4zMzk3IDIwLjk2MiAxNy4xMjg0IDIwLjkyOTYgMTYuODg2OUMyMC44ODIzIDE2LjkxOTggMjAuODUwMyAxNi45Mzg4IDIwLjgyIDE2Ljk2MDhDMjAuMzI0NCAxNy4zMTM0IDE5Ljc4ODggMTcuNjA3NiAxOS4yMjM5IDE3LjgzNzZDMTcuNzkyNiAxOC40MzE0IDE2LjI5MDUgMTguNzI5OCAxNC43NTA1IDE4Ljg1NjNDMTIuNzM1NCAxOS4wMjIzIDEwLjczNDQgMTguOTM5NCA4Ljc1ODMyIDE4LjQ4ODNDNy40MTgyOCAxOC4xODIgNi4xNDE1OCAxNy43MjQ1IDUuMDIyNTUgMTYuOTA3NkM1LjAwMzI2IDE2Ljg5NjggNC45ODI5NCAxNi44ODc5IDQuOTYxODggMTYuODgxSDQuOTYxMjFaTTcuMTkxNjEgMjIuNjA4NEM3LjEyNDk0IDIyLjkyNTkgNy4yMTk5NCAyMy4xOTM0IDcuNDQzNjEgMjMuNDA4QzcuNjIyOTQgMjMuNTg2NiA3LjgxNzU1IDIzLjc0OTcgOC4wMjUzIDIzLjg5NTNDOC44NDE2NSAyNC40NDQ0IDkuNzU1MzQgMjQuNzgyNiAxMC43MDM0IDI1LjAyNzFDMTMuNDg5IDI1Ljc0MTMgMTYuMjg1MSAyNS43ODE3IDE5LjA5MTYgMjUuMTQ4M0MyMC4xNzIgMjQuOTA1NSAyMS4yMTE3IDI0LjU0NDMgMjIuMTYzNyAyMy45Njk5QzIyLjQ5MSAyMy43NzI3IDIyLjgwMTQgMjMuNTUyNiAyMy4wMzg0IDIzLjI0N0MyMy4xODcgMjMuMDU0NCAyMy4xOTggMjIuODQ0NCAyMy4xNjE0IDIyLjYxMjdDMjEuOTM1MyAyMy4zNjg1IDIxLjUzOTcgMjMuNTY1NyAyMC42NzgzIDIzLjg0OTZDMTguODE1MyAyNC40NjE4IDE2Ljg5NDUgMjQuNjcxMiAxNC45Mzk4IDI0LjY1MDFDMTMuNzY4NSAyNC42NDM4IDEyLjYwMDUgMjQuNTI4NyAxMS40NTExIDI0LjMwNjRDMTAuMzIwNCAyNC4wODMgOS4yMjQgMjMuNzU1MyA4LjIwNDMgMjMuMjE0N0M3Ljg1OTYzIDIzLjAzMiA3LjUzMzk1IDIyLjgxNTEgNy4xOTIyOCAyMi42MDg0SDcuMTkxNjFaTTI2LjAyOTEgMTEuMDk0QzI1Ljk5NDEgMTEuMTE2NCAyNS45NjYxIDExLjEzMTUgMjUuOTQwOCAxMS4xNDk5QzI1LjM4OTEgMTEuNTUzOCAyNC43ODQxIDExLjg2MjQgMjQuMTQ4NyAxMi4xMTE4QzIyLjQwNDcgMTIuNzk2IDIwLjU3ODYgMTMuMDY0OCAxOC43MTUzIDEzLjEyNDJDMTcuMzM4NCAxMy4xNzQyIDE1Ljk2MDEgMTMuMDc4MiAxNC42MDQxIDEyLjgzNzdDMTMuMzg3MSAxMi42MTc1IDEyLjIwNjQgMTIuMjgyNyAxMS4xMDg3IDExLjcwNzlDMTAuNzUzNCAxMS41MjEyIDEwLjQxODQgMTEuMjk3NSAxMC4wNzA3IDExLjA4ODhDOS45OTc2OCAxMS40MTIxIDEwLjExNSAxMS42Nzc3IDEwLjM0MDQgMTEuOTEzNkMxMC42NTc0IDEyLjI0NDUgMTEuMDM4IDEyLjQ4OTQgMTEuNDQyNyAxMi42OTc0QzEyLjg3MTQgMTMuNDMwOCAxNC40MTI4IDEzLjc3ODIgMTUuOTk5MiAxMy45NTNDMTcuMzI5NiAxNC4xMDE5IDE4LjY3MjcgMTQuMTA0NSAyMC4wMDM2IDEzLjk2MDZDMjEuMjg4NyAxMy44MjEyIDIyLjU0MjcgMTMuNTUzNCAyMy43NDU3IDEzLjA3ODlDMjQuNDQ5MSAxMi44MDEyIDI1LjEyNTggMTIuNDc1NSAyNS42OTQ4IDExLjk2ODJDMjUuOTUwOCAxMS43NDA4IDI2LjEyMjggMTEuNDc3OSAyNi4wMjkxIDExLjA5NFoiIGZpbGw9IiNBMEU3RjgiLz4KPC9zdmc+Cg==\"","export default \"data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMzEiIGhlaWdodD0iMzEiIHZpZXdCb3g9IjAgMCAzMSAzMSIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZD0iTTE1LjUgMTkuMjVDMTkuNjQyMSAxOS4yNSAyMyAxNS44OTIxIDIzIDExLjc1QzIzIDcuNjA3ODYgMTkuNjQyMSA0LjI1IDE1LjUgNC4yNUMxMS4zNTc5IDQuMjUgOCA3LjYwNzg2IDggMTEuNzVDOCAxNS44OTIxIDExLjM1NzkgMTkuMjUgMTUuNSAxOS4yNVoiIHN0cm9rZT0iI0ZERTA0NyIgc3Ryb2tlLXdpZHRoPSIyIiBzdHJva2UtbGluZWNhcD0icm91bmQiIHN0cm9rZS1saW5lam9pbj0icm91bmQiLz4KPHBhdGggZD0iTTQuMTMxNTIgMjUuODExNEM1LjI4NDEzIDIzLjgxNjQgNi45NDE0NiAyMi4xNTk4IDguOTM3MDEgMjEuMDA4QzEwLjkzMjYgMTkuODU2MyAxMy4xOTYxIDE5LjI1IDE1LjUwMDEgMTkuMjVDMTcuODA0MiAxOS4yNSAyMC4wNjc3IDE5Ljg1NjQgMjIuMDYzMiAyMS4wMDgyQzI0LjA1ODcgMjIuMTU5OSAyNS43MTYgMjMuODE2NiAyNi44Njg2IDI1LjgxMTYiIHN0cm9rZT0iI0ZERTA0NyIgc3Ryb2tlLXdpZHRoPSIyIiBzdHJva2UtbGluZWNhcD0icm91bmQiIHN0cm9rZS1saW5lam9pbj0icm91bmQiLz4KPC9zdmc+Cg==\"","export default \"data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMzEiIGhlaWdodD0iMzAiIHZpZXdCb3g9IjAgMCAzMSAzMCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZD0iTTI2Ljc1IDVIMjNWMy43NUMyMyAzLjQxODQ4IDIyLjg2ODMgMy4xMDA1NCAyMi42MzM5IDIuODY2MTJDMjIuMzk5NSAyLjYzMTcgMjIuMDgxNSAyLjUgMjEuNzUgMi41SDkuMjVDOC45MTg0OCAyLjUgOC42MDA1NCAyLjYzMTcgOC4zNjYxMiAyLjg2NjEyQzguMTMxNyAzLjEwMDU0IDggMy40MTg0OCA4IDMuNzVWNUg0LjI1QzMuOTE4NDggNSAzLjYwMDU0IDUuMTMxNyAzLjM2NjEyIDUuMzY2MTJDMy4xMzE3IDUuNjAwNTQgMyA1LjkxODQ4IDMgNi4yNVYxMEMzIDExLjMyNjEgMy41MjY3OCAxMi41OTc5IDQuNDY0NDcgMTMuNTM1NUM1LjQwMjE1IDE0LjQ3MzIgNi42NzM5MiAxNSA4IDE1SDkuOTI1QzExLjA1NTcgMTYuMjYxNCAxMi41ODAxIDE3LjEwMjkgMTQuMjUgMTcuMzg3NVYyMEgxM0MxMi4wMDU0IDIwIDExLjA1MTYgMjAuMzk1MSAxMC4zNDgzIDIxLjA5ODNDOS42NDUwOSAyMS44MDE2IDkuMjUgMjIuNzU1NCA5LjI1IDIzLjc1VjI2LjI1QzkuMjUgMjYuNTgxNSA5LjM4MTcgMjYuODk5NSA5LjYxNjEyIDI3LjEzMzlDOS44NTA1NCAyNy4zNjgzIDEwLjE2ODUgMjcuNSAxMC41IDI3LjVIMjAuNUMyMC44MzE1IDI3LjUgMjEuMTQ5NSAyNy4zNjgzIDIxLjM4MzkgMjcuMTMzOUMyMS42MTgzIDI2Ljg5OTUgMjEuNzUgMjYuNTgxNSAyMS43NSAyNi4yNVYyMy43NUMyMS43NSAyMi43NTU0IDIxLjM1NDkgMjEuODAxNiAyMC42NTE3IDIxLjA5ODNDMTkuOTQ4NCAyMC4zOTUxIDE4Ljk5NDYgMjAgMTggMjBIMTYuNzVWMTcuMzg3NUMxOC40MTk5IDE3LjEwMjkgMTkuOTQ0MyAxNi4yNjE0IDIxLjA3NSAxNUgyM0MyNC4zMjYxIDE1IDI1LjU5NzkgMTQuNDczMiAyNi41MzU1IDEzLjUzNTVDMjcuNDczMiAxMi41OTc5IDI4IDExLjMyNjEgMjggMTBWNi4yNUMyOCA1LjkxODQ4IDI3Ljg2ODMgNS42MDA1NCAyNy42MzM5IDUuMzY2MTJDMjcuMzk5NSA1LjEzMTcgMjcuMDgxNSA1IDI2Ljc1IDVaTTggMTIuNUM3LjMzNjk2IDEyLjUgNi43MDEwNyAxMi4yMzY2IDYuMjMyMjMgMTEuNzY3OEM1Ljc2MzM5IDExLjI5ODkgNS41IDEwLjY2MyA1LjUgMTBWNy41SDhWMTBDOC4wMDI3NSAxMC44NTIxIDguMTUwNyAxMS42OTc2IDguNDM3NSAxMi41SDhaTTE4IDIyLjVDMTguMzMxNSAyMi41IDE4LjY0OTUgMjIuNjMxNyAxOC44ODM5IDIyLjg2NjFDMTkuMTE4MyAyMy4xMDA1IDE5LjI1IDIzLjQxODUgMTkuMjUgMjMuNzVWMjVIMTEuNzVWMjMuNzVDMTEuNzUgMjMuNDE4NSAxMS44ODE3IDIzLjEwMDUgMTIuMTE2MSAyMi44NjYxQzEyLjM1MDUgMjIuNjMxNyAxMi42Njg1IDIyLjUgMTMgMjIuNUgxOFpNMjAuNSAxMEMyMC41IDExLjMyNjEgMTkuOTczMiAxMi41OTc5IDE5LjAzNTUgMTMuNTM1NUMxOC4wOTc5IDE0LjQ3MzIgMTYuODI2MSAxNSAxNS41IDE1QzE0LjE3MzkgMTUgMTIuOTAyMSAxNC40NzMyIDExLjk2NDUgMTMuNTM1NUMxMS4wMjY4IDEyLjU5NzkgMTAuNSAxMS4zMjYxIDEwLjUgMTBWNUgyMC41VjEwWk0yNS41IDEwQzI1LjUgMTAuNjYzIDI1LjIzNjYgMTEuMjk4OSAyNC43Njc4IDExLjc2NzhDMjQuMjk4OSAxMi4yMzY2IDIzLjY2MyAxMi41IDIzIDEyLjVIMjIuNTYyNUMyMi44NDkzIDExLjY5NzYgMjIuOTk3MiAxMC44NTIxIDIzIDEwVjcuNUgyNS41VjEwWiIgZmlsbD0iI0ZGOTQ3MCIvPgo8L3N2Zz4K\"","export default \"data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMzEiIGhlaWdodD0iMzEiIHZpZXdCb3g9IjAgMCAzMSAzMSIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZD0iTTI1LjgxMzQgOC45Mzc1SDUuMTg4NDJDNC42NzA2NSA4LjkzNzUgNC4yNTA5MiA5LjM1NzIzIDQuMjUwOTIgOS44NzVWMjQuODc1QzQuMjUwOTIgMjUuMzkyOCA0LjY3MDY1IDI1LjgxMjUgNS4xODg0MiAyNS44MTI1SDI1LjgxMzRDMjYuMzMxMiAyNS44MTI1IDI2Ljc1MDkgMjUuMzkyOCAyNi43NTA5IDI0Ljg3NVY5Ljg3NUMyNi43NTA5IDkuMzU3MjMgMjYuMzMxMiA4LjkzNzUgMjUuODEzNCA4LjkzNzVaIiBzdHJva2U9IiM4MEUwQzYiIHN0cm9rZS13aWR0aD0iMiIgc3Ryb2tlLWxpbmVjYXA9InJvdW5kIiBzdHJva2UtbGluZWpvaW49InJvdW5kIi8+CjxwYXRoIGQ9Ik0yMC4xODc1IDguOTM3NVY3LjA2MjVDMjAuMTg3NSA2LjU2NTIyIDE5Ljk5IDYuMDg4MzEgMTkuNjM4MyA1LjczNjY3QzE5LjI4NjcgNS4zODUwNCAxOC44MDk4IDUuMTg3NSAxOC4zMTI1IDUuMTg3NUgxMi42ODc1QzEyLjE5MDIgNS4xODc1IDExLjcxMzMgNS4zODUwNCAxMS4zNjE3IDUuNzM2NjdDMTEuMDEgNi4wODgzMSAxMC44MTI1IDYuNTY1MjIgMTAuODEyNSA3LjA2MjVWOC45Mzc1IiBzdHJva2U9IiM4MEUwQzYiIHN0cm9rZS13aWR0aD0iMiIgc3Ryb2tlLWxpbmVjYXA9InJvdW5kIiBzdHJva2UtbGluZWpvaW49InJvdW5kIi8+CjxwYXRoIGQ9Ik0yNi43NTA5IDE1LjMwMThDMjMuMzMxOCAxNy4yOCAxOS40NTAyIDE4LjMxODcgMTUuNSAxOC4zMTI1QzExLjU1MDUgMTguMzE4NyA3LjY2OTU0IDE3LjI4MDQgNC4yNTA3NiAxNS4zMDI4IiBzdHJva2U9IiM4MEUwQzYiIHN0cm9rZS13aWR0aD0iMiIgc3Ryb2tlLWxpbmVjYXA9InJvdW5kIiBzdHJva2UtbGluZWpvaW49InJvdW5kIi8+CjxwYXRoIGQ9Ik0xNC4wOTM4IDE0LjU2MjVIMTYuOTA2MiIgc3Ryb2tlPSIjODBFMEM2IiBzdHJva2Utd2lkdGg9IjIiIHN0cm9rZS1saW5lY2FwPSJyb3VuZCIgc3Ryb2tlLWxpbmVqb2luPSJyb3VuZCIvPgo8L3N2Zz4K\"","export default \"data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMzEiIGhlaWdodD0iMzEiIHZpZXdCb3g9IjAgMCAzMSAzMSIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZD0iTTI3LjM2MjUgMTMuMjM3NUwyNi4xMTI1IDEyLjU1TDE0Ljg2MjUgNi4zMDAwMUgxNC43MjVDMTQuNjQ4NCA2LjI2NzYgMTQuNTY4OCA2LjI0MjQ5IDE0LjQ4NzUgNi4yMjUwMUgxNC4yNUgxNC4wMjVDMTMuOTM5NiA2LjI0MjUxIDEzLjg1NTkgNi4yNjc2MSAxMy43NzUgNi4zMDAwMUgxMy42Mzc1TDIuMzg3NSAxMi41NUMyLjE5NTEzIDEyLjY1OSAyLjAzNTEyIDEyLjgxNzEgMS45MjM3OSAxMy4wMDgyQzEuODEyNDcgMTMuMTk5MiAxLjc1MzgxIDEzLjQxNjQgMS43NTM4MSAxMy42Mzc1QzEuNzUzODEgMTMuODU4NiAxLjgxMjQ3IDE0LjA3NTggMS45MjM3OSAxNC4yNjY4QzIuMDM1MTIgMTQuNDU3OSAyLjE5NTEzIDE0LjYxNiAyLjM4NzUgMTQuNzI1TDUuNSAxNi40NVYyMi4zNzVDNS41IDIzLjM2OTYgNS44OTUwOSAyNC4zMjM0IDYuNTk4MzUgMjUuMDI2N0M3LjMwMTYxIDI1LjcyOTkgOC4yNTU0NCAyNi4xMjUgOS4yNSAyNi4xMjVIMTkuMjVDMjAuMjQ0NiAyNi4xMjUgMjEuMTk4NCAyNS43Mjk5IDIxLjkwMTcgMjUuMDI2N0MyMi42MDQ5IDI0LjMyMzQgMjMgMjMuMzY5NiAyMyAyMi4zNzVWMTYuNDVMMjUuNSAxNS4wNVYxOC42MjVDMjUuNSAxOC45NTY1IDI1LjYzMTcgMTkuMjc0NSAyNS44NjYxIDE5LjUwODlDMjYuMTAwNSAxOS43NDMzIDI2LjQxODUgMTkuODc1IDI2Ljc1IDE5Ljg3NUMyNy4wODE1IDE5Ljg3NSAyNy4zOTk1IDE5Ljc0MzMgMjcuNjMzOSAxOS41MDg5QzI3Ljg2ODMgMTkuMjc0NSAyOCAxOC45NTY1IDI4IDE4LjYyNVYxNC4zMjVDMjcuOTk5NiAxNC4xMDM1IDI3Ljk0MDQgMTMuODg2MSAyNy44Mjg0IDEzLjY5NUMyNy43MTY0IDEzLjUwMzkgMjcuNTU1NiAxMy4zNDYgMjcuMzYyNSAxMy4yMzc1Wk0yMC41IDIyLjM3NUMyMC41IDIyLjcwNjUgMjAuMzY4MyAyMy4wMjQ1IDIwLjEzMzkgMjMuMjU4OUMxOS44OTk1IDIzLjQ5MzMgMTkuNTgxNSAyMy42MjUgMTkuMjUgMjMuNjI1SDkuMjVDOC45MTg0OCAyMy42MjUgOC42MDA1NCAyMy40OTMzIDguMzY2MTIgMjMuMjU4OUM4LjEzMTcgMjMuMDI0NSA4IDIyLjcwNjUgOCAyMi4zNzVWMTcuODM3NUwxMy42Mzc1IDIwLjk2MjVMMTMuODI1IDIxLjAzNzVIMTMuOTM3NUMxNC4wNDEzIDIxLjA1MDYgMTQuMTQ2MiAyMS4wNTA2IDE0LjI1IDIxLjAzNzVDMTQuMzUzOCAyMS4wNTA2IDE0LjQ1ODcgMjEuMDUwNiAxNC41NjI1IDIxLjAzNzVIMTQuNjc1QzE0Ljc0MTQgMjEuMDIzNSAxNC44MDQ4IDIwLjk5ODEgMTQuODYyNSAyMC45NjI1TDIwLjUgMTcuODM3NVYyMi4zNzVaTTE0LjI1IDE4LjQ1TDUuNTc1IDEzLjYyNUwxNC4yNSA4LjgwMDAxTDIyLjkyNSAxMy42MjVMMTQuMjUgMTguNDVaIiBmaWxsPSIjRkRBNEFGIi8+Cjwvc3ZnPgo=\"","export default \"data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMzEiIGhlaWdodD0iMzAiIHZpZXdCb3g9IjAgMCAzMSAzMCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZD0iTTIxLjg2MjUgMy41MjQ5OUMyMC43MTI5IDIuNTc5NDggMTkuMzY2NiAxLjkwMjUzIDE3LjkyMjEgMS41NDM1NUMxNi40Nzc1IDEuMTg0NTcgMTQuOTcxIDEuMTUyNjEgMTMuNTEyNSAxLjQ0OTk5QzExLjU3MDUgMS44NDIyNyA5Ljc4ODc0IDIuODAyNTkgOC4zOTMzNSA0LjIwOTA5QzYuOTk3OTcgNS42MTU2IDYuMDUxODQgNy40MDQ5MSA1LjY3NSA5LjM0OTk5QzUuMzk5ODEgMTAuODA4NCA1LjQ0OTgxIDEyLjMwOTYgNS44MjE0NSAxMy43NDY0QzYuMTkzMDkgMTUuMTgzMyA2Ljg3NzIgMTYuNTIwNCA3LjgyNSAxNy42NjI1QzguNzA0NjEgMTguNjU1MSA5LjIwODc5IDE5LjkyNDQgOS4yNSAyMS4yNVYyNUM5LjI1IDI1Ljk5NDYgOS42NDUwOSAyNi45NDg0IDEwLjM0ODQgMjcuNjUxNkMxMS4wNTE2IDI4LjM1NDkgMTIuMDA1NCAyOC43NSAxMyAyOC43NUgxOEMxOC45OTQ2IDI4Ljc1IDE5Ljk0ODQgMjguMzU0OSAyMC42NTE3IDI3LjY1MTZDMjEuMzU0OSAyNi45NDg0IDIxLjc1IDI1Ljk5NDYgMjEuNzUgMjVWMjEuNDg3NUMyMS43OTIgMjAuMDI0IDIyLjMyOTYgMTguNjE4IDIzLjI3NSAxNy41QzI0LjkzMTQgMTUuNDUxIDI1LjcxMjIgMTIuODMxIDI1LjQ0NzcgMTAuMjA5NUMyNS4xODMyIDcuNTg4MDMgMjMuODk0OCA1LjE3Njg1IDIxLjg2MjUgMy40OTk5OVYzLjUyNDk5Wk0xOS4yNSAyNUMxOS4yNSAyNS4zMzE1IDE5LjExODMgMjUuNjQ5NSAxOC44ODM5IDI1Ljg4MzlDMTguNjQ5NSAyNi4xMTgzIDE4LjMzMTUgMjYuMjUgMTggMjYuMjVIMTNDMTIuNjY4NSAyNi4yNSAxMi4zNTA1IDI2LjExODMgMTIuMTE2MSAyNS44ODM5QzExLjg4MTcgMjUuNjQ5NSAxMS43NSAyNS4zMzE1IDExLjc1IDI1VjIzLjc1SDE5LjI1VjI1Wk0yMS4zMzc1IDE1Ljk1QzIwLjA4MDYgMTcuNDQwNyAxOS4zNDczIDE5LjMwMjUgMTkuMjUgMjEuMjVIMTYuNzVWMTcuNUMxNi43NSAxNy4xNjg1IDE2LjYxODMgMTYuODUwNSAxNi4zODM5IDE2LjYxNjFDMTYuMTQ5NSAxNi4zODE3IDE1LjgzMTUgMTYuMjUgMTUuNSAxNi4yNUMxNS4xNjg1IDE2LjI1IDE0Ljg1MDUgMTYuMzgxNyAxNC42MTYxIDE2LjYxNjFDMTQuMzgxNyAxNi44NTA1IDE0LjI1IDE3LjE2ODUgMTQuMjUgMTcuNVYyMS4yNUgxMS43NUMxMS43MTcgMTkuMzM1MSAxMS4wMDg3IDE3LjQ5MzQgOS43NSAxNi4wNUM4LjkxOTU1IDE1LjA1NSA4LjM2MTExIDEzLjg2MTggOC4xMjkxNCAxMi41ODY3QzcuODk3MTYgMTEuMzExNiA3Ljk5OTU2IDkuOTk4MTQgOC40MjYzNiA4Ljc3NDQxQzguODUzMTUgNy41NTA2NyA5LjU4OTc4IDYuNDU4NDIgMTAuNTY0NCA1LjYwNDE1QzExLjUzOSA0Ljc0OTg4IDEyLjcxODQgNC4xNjI3NCAxMy45ODc1IDMuODk5OTlDMTUuMDc4MiAzLjY3NTQyIDE2LjIwNTIgMy42OTY1NSAxNy4yODY3IDMuOTYxODNDMTguMzY4MiA0LjIyNzExIDE5LjM3NzEgNC43Mjk5IDIwLjI0MDEgNS40MzM2OEMyMS4xMDMgNi4xMzc0NyAyMS43OTg1IDcuMDI0NTkgMjIuMjc1OSA4LjAzMDY0QzIyLjc1MzIgOS4wMzY2OSAyMy4wMDA2IDEwLjEzNjQgMjMgMTEuMjVDMjMuMDA5MyAxMi45NjIzIDIyLjQyMTQgMTQuNjI0MyAyMS4zMzc1IDE1Ljk1WiIgZmlsbD0iI0E1QjRGQyIvPgo8L3N2Zz4K\"","import coins from '../assets/images/coins.svg';\nimport user from '../assets/images/user.svg';\nimport trophy from '../assets/images/trophy.svg';\nimport briefcase from '../assets/images/briefcase.svg';\nimport graduation from '../assets/images/graduation.svg';\nimport lightbulb from '../assets/images/lightbulb.svg';\n\nimport { Icons } from '../types';\nexport { coins, user, trophy, briefcase, graduation, lightbulb };\n\nexport const ICONS_TO_SOURCE = {\n [Icons.coinsIcon]: coins,\n [Icons.userIcon]: user,\n [Icons.trophyIcon]: trophy,\n [Icons.briefcaseIcon]: briefcase,\n [Icons.graduationIcon]: graduation,\n [Icons.lightbulbIcon]: lightbulb,\n};\n","import React from 'react';\n\nimport { Icons } from '../../types';\nimport { ICONS_TO_SOURCE } from '../../constants/icons';\n\nexport type CircleIconProps = {\n iconSrc?: string;\n count?: string | number;\n onClick?: () => void;\n bgColor?: string;\n innerPadding?: string;\n size?: string;\n hideCount?: boolean;\n borderColor?: string;\n};\n\nexport type CountCircleProps = {\n size?: string;\n count?: string | number;\n innerPadding?: string;\n onClick?: () => {};\n bgColor?: string;\n className?: string;\n};\n\nexport const CountCircle: React.FC<CountCircleProps> = ({\n size = 'auto',\n count = '28',\n innerPadding = '3px 5px',\n className,\n onClick = () => {},\n bgColor = 'bg-grayscale-50',\n}) => {\n const style = {\n width: size,\n height: size,\n padding: innerPadding,\n };\n\n return (\n <section\n onClick={onClick}\n className={`${bgColor} rounded-full circle-icon-wrapper text-center absolute right-[-15px] top-[-15px] min-w-[25px] ${className}`}\n style={style}\n >\n <div className={`h-full`}>\n <p className=\"h-full line-clamp-1 font-semibold text-grayscale-900 text-[12px]\">\n {count}\n </p>\n </div>\n </section>\n );\n};\n\nexport const CircleIcon: React.FC<CircleIconProps> = ({\n iconSrc = ICONS_TO_SOURCE[Icons.coinsIcon],\n size = '52px',\n count = '28',\n innerPadding = '6px',\n onClick = () => {},\n bgColor = 'bg-grayscale-900',\n hideCount = true,\n}) => {\n const style = {\n width: size,\n height: size,\n padding: innerPadding,\n };\n\n return (\n <section\n onClick={onClick}\n className={`${bgColor} rounded-full circle-icon-wrapper p-[0px] m-[0px]`}\n style={style}\n >\n <div className={`relative w-full h-full`}>\n {!hideCount && <CountCircle count={count} />}\n <img className=\"h-full w-full object-cover\" src={iconSrc ?? ''} alt=\"Icon image\" />\n </div>\n </section>\n );\n};\n\nexport default CircleIcon;\n"],"names":["React"],"mappings":"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"}
|
|
@@ -13,6 +13,7 @@ var MasterCardLogo = "data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMzgiIGhlaWdodD0i
|
|
|
13
13
|
|
|
14
14
|
const LearnCardCreditCardFrontFace = ({
|
|
15
15
|
userImage,
|
|
16
|
+
userImageComponent = null,
|
|
16
17
|
qrCodeValue,
|
|
17
18
|
className,
|
|
18
19
|
showActionButton = false,
|
|
@@ -21,6 +22,19 @@ const LearnCardCreditCardFrontFace = ({
|
|
|
21
22
|
}
|
|
22
23
|
}) => {
|
|
23
24
|
var _a, _b;
|
|
25
|
+
let userImageEl = null;
|
|
26
|
+
if (userImage) {
|
|
27
|
+
userImageEl = /* @__PURE__ */ React__default["default"].createElement("div", {
|
|
28
|
+
className: "inline-block relative overflow-hidden rounded-full shadow-3xl h-0 bg-white w-1/2 pb-[50%] mt-2 ml-4"
|
|
29
|
+
}, /* @__PURE__ */ React__default["default"].createElement("img", {
|
|
30
|
+
className: "w-full h-full absolute rounded-full object-cover border-solid border-2 border-white",
|
|
31
|
+
src: userImage,
|
|
32
|
+
alt: "user image",
|
|
33
|
+
"data-testid": "credit-card-frontface-userImg"
|
|
34
|
+
}));
|
|
35
|
+
} else if (!userImage && userImageComponent) {
|
|
36
|
+
userImageEl = userImageComponent;
|
|
37
|
+
}
|
|
24
38
|
return /* @__PURE__ */ React__default["default"].createElement("div", {
|
|
25
39
|
className: `flex justify-center items-center max-w-[375px] rounded-[20px] ${className}`
|
|
26
40
|
}, /* @__PURE__ */ React__default["default"].createElement("div", {
|
|
@@ -43,14 +57,7 @@ const LearnCardCreditCardFrontFace = ({
|
|
|
43
57
|
src: (_a = CardChip) != null ? _a : "",
|
|
44
58
|
alt: "card chip",
|
|
45
59
|
className: "h-[30px] w-[42px]"
|
|
46
|
-
})),
|
|
47
|
-
className: "inline-block relative overflow-hidden rounded-full shadow-3xl h-0 bg-white w-1/2 pb-[50%] mt-2 ml-4"
|
|
48
|
-
}, /* @__PURE__ */ React__default["default"].createElement("img", {
|
|
49
|
-
className: "w-full h-full absolute rounded-full object-cover border-solid border-2 border-white",
|
|
50
|
-
src: userImage,
|
|
51
|
-
alt: "user image",
|
|
52
|
-
"data-testid": "credit-card-frontface-userImg"
|
|
53
|
-
}))), qrCodeValue && /* @__PURE__ */ React__default["default"].createElement("div", {
|
|
60
|
+
})), userImageEl), qrCodeValue && /* @__PURE__ */ React__default["default"].createElement("div", {
|
|
54
61
|
className: "flex flex-1 justify-center items-center relative pl-10 credit-card-qr-code-container"
|
|
55
62
|
}, /* @__PURE__ */ React__default["default"].createElement("div", {
|
|
56
63
|
className: "h-auto relative qr-code-container"
|
|
@@ -67,4 +74,4 @@ const LearnCardCreditCardFrontFace = ({
|
|
|
67
74
|
};
|
|
68
75
|
|
|
69
76
|
exports.LearnCardCreditCardFrontFace = LearnCardCreditCardFrontFace;
|
|
70
|
-
//# sourceMappingURL=LearnCardCreditCardFrontFace-
|
|
77
|
+
//# sourceMappingURL=LearnCardCreditCardFrontFace-d5aa0f4e.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"LearnCardCreditCardFrontFace-7d383319.js","sources":["../../src/assets/images/card-chip.svg","../../src/assets/images/master-card-logo.svg","../../src/components/LearnCardCreditCardFrontFace/LearnCardCreditCardFrontFace.tsx"],"sourcesContent":["export default \"data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iNDIiIGhlaWdodD0iMzAiIHZpZXdCb3g9IjAgMCA0MiAzMCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHJlY3QgeD0iMS4xNyIgeT0iMC41IiB3aWR0aD0iMzkuMzc4NCIgaGVpZ2h0PSIyOC4wNzgiIHJ4PSI0LjUiIGZpbGw9InVybCgjcGFpbnQwX2xpbmVhcl81NDdfMTQ0NikiIGZpbGwtb3BhY2l0eT0iMC4wMyIvPgo8cmVjdCB4PSIxLjE3IiB5PSIwLjUiIHdpZHRoPSIzOS4zNzg0IiBoZWlnaHQ9IjI4LjA3OCIgcng9IjQuNSIgZmlsbD0id2hpdGUiIGZpbGwtb3BhY2l0eT0iMC4zIi8+CjxyZWN0IHg9IjEuMTciIHk9IjAuNSIgd2lkdGg9IjM5LjM3ODQiIGhlaWdodD0iMjguMDc4IiByeD0iNC41IiBzdHJva2U9InVybCgjcGFpbnQxX2xpbmVhcl81NDdfMTQ0NikiLz4KPHJlY3QgeD0iMS4xNyIgeT0iMC41IiB3aWR0aD0iMzkuMzc4NCIgaGVpZ2h0PSIyOC4wNzgiIHJ4PSI0LjUiIHN0cm9rZT0id2hpdGUiIHN0cm9rZS1vcGFjaXR5PSIwLjgiLz4KPHBhdGggZD0iTTAuNjIzNDQ1IDEwLjA2NDFIMTQuMzU0MUMxNS4yMjM1IDcuMzc2MjIgMTcuNjY3OSAxLjgzNzc3IDIwLjQ5MDcgMS4xODY3N0MyMS41MzkxIDEuNTU2NjUgMjMuOTg4NiAyLjg4ODI1IDI1LjQgNS4yNTU1M00wLjYyMzQ0NCAxOS4zODUySDE0LjM1NDFDMTQuMzU0MSAyNC4wMDE0IDE4LjQ0NTIgMjcuMzc0OCAyMC40OTA3IDI4LjQ4NDVDMjMuOTI3MiAyNy4zNiAyNi41NzYyIDIxLjk0OTggMjcuNDcxMSAxOS4zODUySDQxLjA0ODRNNDEuMDQ4NCAxMi4yODM0SDI3LjQ3MTFDMjYuODU3NSAxMS4xMjQ0IDI1Ljk5ODMgOC40NTEzNiAyNy40NzExIDcuMDMwOTkiIHN0cm9rZT0idXJsKCNwYWludDJfbGluZWFyXzU0N18xNDQ2KSIvPgo8cGF0aCBkPSJNMC42MjM0NDUgMTAuMDY0MUgxNC4zNTQxQzE1LjIyMzUgNy4zNzYyMiAxNy42Njc5IDEuODM3NzcgMjAuNDkwNyAxLjE4Njc3QzIxLjUzOTEgMS41NTY2NSAyMy45ODg2IDIuODg4MjUgMjUuNCA1LjI1NTUzTTAuNjIzNDQ0IDE5LjM4NTJIMTQuMzU0MUMxNC4zNTQxIDI0LjAwMTQgMTguNDQ1MiAyNy4zNzQ4IDIwLjQ5MDcgMjguNDg0NUMyMy45MjcyIDI3LjM2IDI2LjU3NjIgMjEuOTQ5OCAyNy40NzExIDE5LjM4NTJINDEuMDQ4NE00MS4wNDg0IDEyLjI4MzRIMjcuNDcxMUMyNi44NTc1IDExLjEyNDQgMjUuOTk4MyA4LjQ1MTM2IDI3LjQ3MTEgNy4wMzA5OSIgc3Ryb2tlPSJ3aGl0ZSIgc3Ryb2tlLW9wYWNpdHk9IjAuOCIvPgo8ZGVmcz4KPGxpbmVhckdyYWRpZW50IGlkPSJwYWludDBfbGluZWFyXzU0N18xNDQ2IiB4MT0iMC42Njk5OTgiIHkxPSIwIiB4Mj0iMzcuMDM2OSIgeTI9IjI4Ljg0MDQiIGdyYWRpZW50VW5pdHM9InVzZXJTcGFjZU9uVXNlIj4KPHN0b3Agc3RvcC1jb2xvcj0iI0FCQUJBQiIvPgo8c3RvcCBvZmZzZXQ9IjAuMzEyNSIgc3RvcC1jb2xvcj0id2hpdGUiLz4KPHN0b3Agb2Zmc2V0PSIwLjYzMDIwOCIgc3RvcC1jb2xvcj0iI0JEQkRCRCIvPgo8c3RvcCBvZmZzZXQ9IjEiIHN0b3AtY29sb3I9IiM1RTVFNUUiLz4KPC9saW5lYXJHcmFkaWVudD4KPGxpbmVhckdyYWRpZW50IGlkPSJwYWludDFfbGluZWFyXzU0N18xNDQ2IiB4MT0iMi4xODgzOCIgeTE9IjAuNDc0MDk2IiB4Mj0iNDAuMDI2MyIgeTI9IjI1Ljc0MDQiIGdyYWRpZW50VW5pdHM9InVzZXJTcGFjZU9uVXNlIj4KPHN0b3Agc3RvcC1jb2xvcj0iIzdEN0Q3RCIvPgo8c3RvcCBvZmZzZXQ9IjAuNDk0NzkyIiBzdG9wLWNvbG9yPSJ3aGl0ZSIvPgo8c3RvcCBvZmZzZXQ9IjEiIHN0b3AtY29sb3I9IiMxQzFDMUMiLz4KPC9saW5lYXJHcmFkaWVudD4KPGxpbmVhckdyYWRpZW50IGlkPSJwYWludDJfbGluZWFyXzU0N18xNDQ2IiB4MT0iMi4xNDM1OCIgeTE9IjEuNjMxODQiIHgyPSIzOC40ODYzIiB5Mj0iMjcuNTEyMSIgZ3JhZGllbnRVbml0cz0idXNlclNwYWNlT25Vc2UiPgo8c3RvcCBzdG9wLWNvbG9yPSIjN0Q3RDdEIi8+CjxzdG9wIG9mZnNldD0iMC40OTQ3OTIiIHN0b3AtY29sb3I9IndoaXRlIi8+CjxzdG9wIG9mZnNldD0iMSIgc3RvcC1jb2xvcj0iIzFDMUMxQyIvPgo8L2xpbmVhckdyYWRpZW50Pgo8L2RlZnM+Cjwvc3ZnPgo=\"","export default \"data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMzgiIGhlaWdodD0iMjMiIHZpZXdCb3g9IjAgMCAzOCAyMyIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZD0iTTE5LjYzOCAyLjQ1Mzg5QzE3LjYyOSAwLjg2MTY1MiAxNS4xNDIxIC0wLjAwMzA5NTUxIDEyLjU4MTEgOC4zMjYzNWUtMDZDOS41NDc3NSA4LjMyNjM1ZS0wNiA2LjYzODYgMS4yMDgxMSA0LjQ5MzY4IDMuMzU4NTNDMi4zNDg3NSA1LjUwODk2IDEuMTQzNzQgOC40MjU1NyAxLjE0Mzc0IDExLjQ2NjdDMS4xNDM3NCAxNC41MDc5IDIuMzQ4NzUgMTcuNDI0NSA0LjQ5MzY4IDE5LjU3NDlDNi42Mzg2IDIxLjcyNTQgOS41NDc3NSAyMi45MzM1IDEyLjU4MTEgMjIuOTMzNUMxNS4xMzk3IDIyLjkzMzYgMTcuNjI0NCAyMi4wNzM2IDE5LjYzOCAyMC40OTFDMTguMjc4OSAxOS40MTcxIDE3LjE4MDYgMTguMDQ4IDE2LjQyNTggMTYuNDg2OEMxNS42NzA5IDE0LjkyNTcgMTUuMjc5MyAxMy4yMTMxIDE1LjI4MDQgMTEuNDc4MkMxNS4yNzc2IDkuNzQxMzQgMTUuNjY4NCA4LjAyNjU1IDE2LjQyMzMgNi40NjMyNUMxNy4xNzgyIDQuODk5OTUgMTguMjc3NCAzLjUyOSAxOS42MzggMi40NTM4OVoiIGZpbGw9IiNBRjAwMTQiLz4KPHBhdGggZD0iTTE4LjQ5NDMgMi40NTM4OUMxNi40ODUyIDAuODYxNjUyIDEzLjk5ODQgLTAuMDAzMDk1NTEgMTEuNDM3NCA4LjMyNjM1ZS0wNkM4LjQwNDAxIDguMzI2MzVlLTA2IDUuNDk0ODcgMS4yMDgxMSAzLjM0OTk0IDMuMzU4NTNDMS4yMDUwMSA1LjUwODk2IDAgOC40MjU1NyAwIDExLjQ2NjdDMCAxNC41MDc5IDEuMjA1MDEgMTcuNDI0NSAzLjM0OTk0IDE5LjU3NDlDNS40OTQ4NyAyMS43MjU0IDguNDA0MDEgMjIuOTMzNSAxMS40Mzc0IDIyLjkzMzVDMTMuOTk2IDIyLjkzMzYgMTYuNDgwNyAyMi4wNzM2IDE4LjQ5NDMgMjAuNDkxQzE3LjEzNTIgMTkuNDE3MSAxNi4wMzY4IDE4LjA0OCAxNS4yODIgMTYuNDg2OEMxNC41MjcyIDE0LjkyNTcgMTQuMTM1NiAxMy4yMTMxIDE0LjEzNjYgMTEuNDc4MkMxNC4xMzM4IDkuNzQxMzQgMTQuNTI0NiA4LjAyNjU1IDE1LjI3OTUgNi40NjMyNUMxNi4wMzQ0IDQuODk5OTUgMTcuMTMzNiAzLjUyOSAxOC40OTQzIDIuNDUzODlaIiBmaWxsPSIjRUIwMDFCIi8+CjxnIGZpbHRlcj0idXJsKCNmaWx0ZXIwX2RfNTQ3XzE0OTUpIj4KPHBhdGggZD0iTTI1LjU2MjYgMEMyMi45OTg4IDAuMDAwNTgyMjcxIDIwLjUwOTUgMC44NjQ3OCAxOC40OTQzIDIuNDUzODhDMTkuODU1NSAzLjUyNjY0IDIwLjk1NiA0Ljg5NTI0IDIxLjcxMjggNi40NTY0OEMyMi40Njk3IDguMDE3NzMgMjIuODYzMSA5LjczMDg3IDIyLjg2MzQgMTEuNDY2N0MyMi44NjMxIDEzLjIwMjYgMjIuNDY5NyAxNC45MTU3IDIxLjcxMjggMTYuNDc3QzIwLjk1NiAxOC4wMzgyIDE5Ljg1NTUgMTkuNDA2OCAxOC40OTQzIDIwLjQ3OTZDMjAuNTExIDIyLjA2NDYgMjMuMDAwMSAyMi45MjQ3IDI1LjU2MjYgMjIuOTIyQzI4LjU5NiAyMi45MjIgMzEuNTA1MSAyMS43MTM5IDMzLjY1MDEgMTkuNTYzNUMzNS43OTUgMTcuNDEzIDM3IDE0LjQ5NjQgMzcgMTEuNDU1M0MzNi45OTcgOC40MTYwOCAzNS43OTA2IDUuNTAyNDIgMzMuNjQ2IDMuMzU0NDdDMzEuNTAxNCAxLjIwNjUzIDI4LjU5NCAtMS41MTk1OWUtMDYgMjUuNTYyNiAwWiIgZmlsbD0iI0Y3OUUxQiIvPgo8L2c+CjxwYXRoIGQ9Ik0xOC40OTQzIDIuNDU0MTFIMTguNTA2TDE4LjQ5NDMgMi40NDIzOFYyLjQ1NDExWiIgZmlsbD0iI0Y3OUUxQiIvPgo8cGF0aCBkPSJNMTQuMTM2NiAxMS40NjY3QzE0LjEzNTYgMTMuMjAxNiAxNC41MjcyIDE0LjkxNDIgMTUuMjgyIDE2LjQ3NTNDMTYuMDM2OCAxOC4wMzY1IDE3LjEzNTIgMTkuNDA1NiAxOC40OTQzIDIwLjQ3OTVDMTkuODU1NSAxOS40MDY4IDIwLjk1NiAxOC4wMzgyIDIxLjcxMjggMTYuNDc2OUMyMi40Njk3IDE0LjkxNTcgMjIuODYzMSAxMy4yMDI2IDIyLjg2MzQgMTEuNDY2N0MyMi44NjMxIDkuNzMwODQgMjIuNDY5NyA4LjAxNzcgMjEuNzEyOCA2LjQ1NjQ2QzIwLjk1NiA0Ljg5NTIyIDE5Ljg1NTUgMy41MjY2MiAxOC40OTQzIDIuNDUzODZDMTcuMTM1MiAzLjUyNzc3IDE2LjAzNjggNC44OTY4OSAxNS4yODIgNi40NTgwNkMxNC41MjcyIDguMDE5MjQgMTQuMTM1NiA5LjczMTc4IDE0LjEzNjYgMTEuNDY2N1oiIGZpbGw9IiNGRjVGMDAiLz4KPGRlZnM+CjxmaWx0ZXIgaWQ9ImZpbHRlcjBfZF81NDdfMTQ5NSIgeD0iMTguNDk0MyIgeT0iMCIgd2lkdGg9IjE5LjUwNTciIGhlaWdodD0iMjIuOTIxOSIgZmlsdGVyVW5pdHM9InVzZXJTcGFjZU9uVXNlIiBjb2xvci1pbnRlcnBvbGF0aW9uLWZpbHRlcnM9InNSR0IiPgo8ZmVGbG9vZCBmbG9vZC1vcGFjaXR5PSIwIiByZXN1bHQ9IkJhY2tncm91bmRJbWFnZUZpeCIvPgo8ZmVDb2xvck1hdHJpeCBpbj0iU291cmNlQWxwaGEiIHR5cGU9Im1hdHJpeCIgdmFsdWVzPSIwIDAgMCAwIDAgMCAwIDAgMCAwIDAgMCAwIDAgMCAwIDAgMCAxMjcgMCIgcmVzdWx0PSJoYXJkQWxwaGEiLz4KPGZlT2Zmc2V0IGR4PSIxIi8+CjxmZUNvbXBvc2l0ZSBpbjI9ImhhcmRBbHBoYSIgb3BlcmF0b3I9Im91dCIvPgo8ZmVDb2xvck1hdHJpeCB0eXBlPSJtYXRyaXgiIHZhbHVlcz0iMCAwIDAgMCAwLjg5MTY2NyAwIDAgMCAwIDAuNTMwOTQ3IDAgMCAwIDAgMCAwIDAgMCAxIDAiLz4KPGZlQmxlbmQgbW9kZT0ibm9ybWFsIiBpbjI9IkJhY2tncm91bmRJbWFnZUZpeCIgcmVzdWx0PSJlZmZlY3QxX2Ryb3BTaGFkb3dfNTQ3XzE0OTUiLz4KPGZlQmxlbmQgbW9kZT0ibm9ybWFsIiBpbj0iU291cmNlR3JhcGhpYyIgaW4yPSJlZmZlY3QxX2Ryb3BTaGFkb3dfNTQ3XzE0OTUiIHJlc3VsdD0ic2hhcGUiLz4KPC9maWx0ZXI+CjwvZGVmcz4KPC9zdmc+Cg==\"","import React from 'react';\nimport { QRCodeSVG } from 'qrcode.react';\n\nimport { LearnCardCreditCardFrontFaceProps } from './types';\n\nimport CardChip from '../../assets/images/card-chip.svg';\nimport MasterCardLogo from '../../assets/images/master-card-logo.svg';\n\nexport const LearnCardCreditCardFrontFace: React.FC<LearnCardCreditCardFrontFaceProps> = ({\n userImage,\n qrCodeValue,\n className,\n showActionButton = false,\n actionButtonText = 'Open Card',\n onClick = () => {},\n}) => {\n return (\n <div\n className={`flex justify-center items-center max-w-[375px] rounded-[20px] ${className}`}\n >\n <div\n className={`flex flex-row justify-center items-start pt-9 w-full min-h-[220px] rounded-[20px] shadow-3xl relative overflow-hidden credit-card-front-face`}\n >\n <div className=\"absolute top-[-40px] left-0 w-[55%] h-[140%] rounded-tr-[150px] rounded-br-[150px] bg-grayscale-900 credit-card-bubble\" />\n {showActionButton && (\n <button\n className=\"absolute top-2 right-4 bg-grayscale-500 border-[2px] rounded-3xl border-solid border-color-grayscale-900 min-w-[110px] p-[2px] font-bold text-xs tracking-wide leading-snug text-center text-white\"\n onClick={onClick}\n data-testid=\"credit-card-frontface-button\"\n >\n {actionButtonText}\n </button>\n )}\n <div className=\"flex flex-row justify-between items-start w-full h-full relative\">\n <div className=\"flex flex-1 flex-col\">\n <div className=\"pl-8\">\n <p className=\"w-full text-xs text-white font-bold tracking-[7px] mb-2 credit-card-front-face-title\">\n LEARNCARD\n </p>\n <img\n src={CardChip ?? ''}\n alt=\"card chip\"\n className=\"h-[30px] w-[42px]\"\n />\n </div>\n\n {userImage && (\n <div className=\"inline-block relative overflow-hidden rounded-full shadow-3xl h-0 bg-white w-1/2 pb-[50%] mt-2 ml-4\">\n <img\n className=\"w-full h-full absolute rounded-full object-cover border-solid border-2 border-white\"\n src={userImage}\n alt=\"user image\"\n data-testid=\"credit-card-frontface-userImg\"\n />\n </div>\n )}\n </div>\n\n {qrCodeValue && (\n <div className=\"flex flex-1 justify-center items-center relative pl-10 credit-card-qr-code-container\">\n <div className=\"h-auto relative qr-code-container\">\n {/* <div className=\"qr-code-upper-left-yellow\" />\n <div className=\"qr-code-upper-right-pink-square\" />\n <div className=\"qr-code-bottom-left-purple-square\" />\n <div className=\"qr-code-green-blob\" />\n <div className=\"qr-code-green-blob-2\" />\n <div className=\"qr-code-blue-blob\" />\n <div className=\"qr-code-orange-blob\" /> */}\n <QRCodeSVG\n className=\"h-full w-full\"\n value={qrCodeValue}\n data-testid=\"credit-card-qr-code\"\n bgColor=\"transparent\"\n // fgColor=\"#999999\"\n />\n </div>\n </div>\n )}\n\n <img\n src={MasterCardLogo ?? ''}\n alt=\"mastercard icon\"\n className=\"absolute bottom-[-8px] right-4 learn-card-mastercard-logo\"\n />\n </div>\n </div>\n </div>\n );\n};\n\nexport default LearnCardCreditCardFrontFace;\n"],"names":["React","QRCodeSVG"],"mappings":";;;;;;;;;AAsGA,eAAe,4wFAA4wF;;ACxC3xF,qBAAe,wxHAAwxH;;AC1D3xH,MAAC,4BAA4B,GAAG,CAAC;AAC7C,EAAE,SAAS;AACX,EAAE,WAAW;AACb,EAAE,SAAS;AACX,EAAE,gBAAgB,GAAG,KAAK;AAC1B,EAAE,gBAAgB,GAAG,WAAW;AAChC,EAAE,OAAO,GAAG,MAAM;AAClB,GAAG;AACH,CAAC,KAAK;AACN,EAAE,IAAI,EAAE,EAAE,EAAE,CAAC;AACb,EAAE,uBAAuBA,yBAAK,CAAC,aAAa,CAAC,KAAK,EAAE;AACpD,IAAI,SAAS,EAAE,CAAC,8DAA8D,EAAE,SAAS,CAAC,CAAC;AAC3F,GAAG,kBAAkBA,yBAAK,CAAC,aAAa,CAAC,KAAK,EAAE;AAChD,IAAI,SAAS,EAAE,CAAC,4IAA4I,CAAC;AAC7J,GAAG,kBAAkBA,yBAAK,CAAC,aAAa,CAAC,KAAK,EAAE;AAChD,IAAI,SAAS,EAAE,wHAAwH;AACvI,GAAG,CAAC,EAAE,gBAAgB,oBAAoBA,yBAAK,CAAC,aAAa,CAAC,QAAQ,EAAE;AACxE,IAAI,SAAS,EAAE,oMAAoM;AACnN,IAAI,OAAO;AACX,IAAI,aAAa,EAAE,8BAA8B;AACjD,GAAG,EAAE,gBAAgB,CAAC,kBAAkBA,yBAAK,CAAC,aAAa,CAAC,KAAK,EAAE;AACnE,IAAI,SAAS,EAAE,kEAAkE;AACjF,GAAG,kBAAkBA,yBAAK,CAAC,aAAa,CAAC,KAAK,EAAE;AAChD,IAAI,SAAS,EAAE,sBAAsB;AACrC,GAAG,kBAAkBA,yBAAK,CAAC,aAAa,CAAC,KAAK,EAAE;AAChD,IAAI,SAAS,EAAE,MAAM;AACrB,GAAG,kBAAkBA,yBAAK,CAAC,aAAa,CAAC,GAAG,EAAE;AAC9C,IAAI,SAAS,EAAE,sFAAsF;AACrG,GAAG,EAAE,WAAW,CAAC,kBAAkBA,yBAAK,CAAC,aAAa,CAAC,KAAK,EAAE;AAC9D,IAAI,GAAG,EAAE,CAAC,EAAE,GAAG,QAAQ,KAAK,IAAI,GAAG,EAAE,GAAG,EAAE;AAC1C,IAAI,GAAG,EAAE,WAAW;AACpB,IAAI,SAAS,EAAE,mBAAmB;AAClC,GAAG,CAAC,CAAC,EAAE,SAAS,oBAAoBA,yBAAK,CAAC,aAAa,CAAC,KAAK,EAAE;AAC/D,IAAI,SAAS,EAAE,qGAAqG;AACpH,GAAG,kBAAkBA,yBAAK,CAAC,aAAa,CAAC,KAAK,EAAE;AAChD,IAAI,SAAS,EAAE,qFAAqF;AACpG,IAAI,GAAG,EAAE,SAAS;AAClB,IAAI,GAAG,EAAE,YAAY;AACrB,IAAI,aAAa,EAAE,+BAA+B;AAClD,GAAG,CAAC,CAAC,CAAC,EAAE,WAAW,oBAAoBA,yBAAK,CAAC,aAAa,CAAC,KAAK,EAAE;AAClE,IAAI,SAAS,EAAE,sFAAsF;AACrG,GAAG,kBAAkBA,yBAAK,CAAC,aAAa,CAAC,KAAK,EAAE;AAChD,IAAI,SAAS,EAAE,mCAAmC;AAClD,GAAG,kBAAkBA,yBAAK,CAAC,aAAa,CAACC,eAAS,EAAE;AACpD,IAAI,SAAS,EAAE,eAAe;AAC9B,IAAI,KAAK,EAAE,WAAW;AACtB,IAAI,aAAa,EAAE,qBAAqB;AACxC,IAAI,OAAO,EAAE,aAAa;AAC1B,GAAG,CAAC,CAAC,CAAC,kBAAkBD,yBAAK,CAAC,aAAa,CAAC,KAAK,EAAE;AACnD,IAAI,GAAG,EAAE,CAAC,EAAE,GAAG,cAAc,KAAK,IAAI,GAAG,EAAE,GAAG,EAAE;AAChD,IAAI,GAAG,EAAE,iBAAiB;AAC1B,IAAI,SAAS,EAAE,2DAA2D;AAC1E,GAAG,CAAC,CAAC,CAAC,CAAC,CAAC;AACR;;;;"}
|
|
1
|
+
{"version":3,"file":"LearnCardCreditCardFrontFace-d5aa0f4e.js","sources":["../../src/assets/images/card-chip.svg","../../src/assets/images/master-card-logo.svg","../../src/components/LearnCardCreditCardFrontFace/LearnCardCreditCardFrontFace.tsx"],"sourcesContent":["export default \"data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iNDIiIGhlaWdodD0iMzAiIHZpZXdCb3g9IjAgMCA0MiAzMCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHJlY3QgeD0iMS4xNyIgeT0iMC41IiB3aWR0aD0iMzkuMzc4NCIgaGVpZ2h0PSIyOC4wNzgiIHJ4PSI0LjUiIGZpbGw9InVybCgjcGFpbnQwX2xpbmVhcl81NDdfMTQ0NikiIGZpbGwtb3BhY2l0eT0iMC4wMyIvPgo8cmVjdCB4PSIxLjE3IiB5PSIwLjUiIHdpZHRoPSIzOS4zNzg0IiBoZWlnaHQ9IjI4LjA3OCIgcng9IjQuNSIgZmlsbD0id2hpdGUiIGZpbGwtb3BhY2l0eT0iMC4zIi8+CjxyZWN0IHg9IjEuMTciIHk9IjAuNSIgd2lkdGg9IjM5LjM3ODQiIGhlaWdodD0iMjguMDc4IiByeD0iNC41IiBzdHJva2U9InVybCgjcGFpbnQxX2xpbmVhcl81NDdfMTQ0NikiLz4KPHJlY3QgeD0iMS4xNyIgeT0iMC41IiB3aWR0aD0iMzkuMzc4NCIgaGVpZ2h0PSIyOC4wNzgiIHJ4PSI0LjUiIHN0cm9rZT0id2hpdGUiIHN0cm9rZS1vcGFjaXR5PSIwLjgiLz4KPHBhdGggZD0iTTAuNjIzNDQ1IDEwLjA2NDFIMTQuMzU0MUMxNS4yMjM1IDcuMzc2MjIgMTcuNjY3OSAxLjgzNzc3IDIwLjQ5MDcgMS4xODY3N0MyMS41MzkxIDEuNTU2NjUgMjMuOTg4NiAyLjg4ODI1IDI1LjQgNS4yNTU1M00wLjYyMzQ0NCAxOS4zODUySDE0LjM1NDFDMTQuMzU0MSAyNC4wMDE0IDE4LjQ0NTIgMjcuMzc0OCAyMC40OTA3IDI4LjQ4NDVDMjMuOTI3MiAyNy4zNiAyNi41NzYyIDIxLjk0OTggMjcuNDcxMSAxOS4zODUySDQxLjA0ODRNNDEuMDQ4NCAxMi4yODM0SDI3LjQ3MTFDMjYuODU3NSAxMS4xMjQ0IDI1Ljk5ODMgOC40NTEzNiAyNy40NzExIDcuMDMwOTkiIHN0cm9rZT0idXJsKCNwYWludDJfbGluZWFyXzU0N18xNDQ2KSIvPgo8cGF0aCBkPSJNMC42MjM0NDUgMTAuMDY0MUgxNC4zNTQxQzE1LjIyMzUgNy4zNzYyMiAxNy42Njc5IDEuODM3NzcgMjAuNDkwNyAxLjE4Njc3QzIxLjUzOTEgMS41NTY2NSAyMy45ODg2IDIuODg4MjUgMjUuNCA1LjI1NTUzTTAuNjIzNDQ0IDE5LjM4NTJIMTQuMzU0MUMxNC4zNTQxIDI0LjAwMTQgMTguNDQ1MiAyNy4zNzQ4IDIwLjQ5MDcgMjguNDg0NUMyMy45MjcyIDI3LjM2IDI2LjU3NjIgMjEuOTQ5OCAyNy40NzExIDE5LjM4NTJINDEuMDQ4NE00MS4wNDg0IDEyLjI4MzRIMjcuNDcxMUMyNi44NTc1IDExLjEyNDQgMjUuOTk4MyA4LjQ1MTM2IDI3LjQ3MTEgNy4wMzA5OSIgc3Ryb2tlPSJ3aGl0ZSIgc3Ryb2tlLW9wYWNpdHk9IjAuOCIvPgo8ZGVmcz4KPGxpbmVhckdyYWRpZW50IGlkPSJwYWludDBfbGluZWFyXzU0N18xNDQ2IiB4MT0iMC42Njk5OTgiIHkxPSIwIiB4Mj0iMzcuMDM2OSIgeTI9IjI4Ljg0MDQiIGdyYWRpZW50VW5pdHM9InVzZXJTcGFjZU9uVXNlIj4KPHN0b3Agc3RvcC1jb2xvcj0iI0FCQUJBQiIvPgo8c3RvcCBvZmZzZXQ9IjAuMzEyNSIgc3RvcC1jb2xvcj0id2hpdGUiLz4KPHN0b3Agb2Zmc2V0PSIwLjYzMDIwOCIgc3RvcC1jb2xvcj0iI0JEQkRCRCIvPgo8c3RvcCBvZmZzZXQ9IjEiIHN0b3AtY29sb3I9IiM1RTVFNUUiLz4KPC9saW5lYXJHcmFkaWVudD4KPGxpbmVhckdyYWRpZW50IGlkPSJwYWludDFfbGluZWFyXzU0N18xNDQ2IiB4MT0iMi4xODgzOCIgeTE9IjAuNDc0MDk2IiB4Mj0iNDAuMDI2MyIgeTI9IjI1Ljc0MDQiIGdyYWRpZW50VW5pdHM9InVzZXJTcGFjZU9uVXNlIj4KPHN0b3Agc3RvcC1jb2xvcj0iIzdEN0Q3RCIvPgo8c3RvcCBvZmZzZXQ9IjAuNDk0NzkyIiBzdG9wLWNvbG9yPSJ3aGl0ZSIvPgo8c3RvcCBvZmZzZXQ9IjEiIHN0b3AtY29sb3I9IiMxQzFDMUMiLz4KPC9saW5lYXJHcmFkaWVudD4KPGxpbmVhckdyYWRpZW50IGlkPSJwYWludDJfbGluZWFyXzU0N18xNDQ2IiB4MT0iMi4xNDM1OCIgeTE9IjEuNjMxODQiIHgyPSIzOC40ODYzIiB5Mj0iMjcuNTEyMSIgZ3JhZGllbnRVbml0cz0idXNlclNwYWNlT25Vc2UiPgo8c3RvcCBzdG9wLWNvbG9yPSIjN0Q3RDdEIi8+CjxzdG9wIG9mZnNldD0iMC40OTQ3OTIiIHN0b3AtY29sb3I9IndoaXRlIi8+CjxzdG9wIG9mZnNldD0iMSIgc3RvcC1jb2xvcj0iIzFDMUMxQyIvPgo8L2xpbmVhckdyYWRpZW50Pgo8L2RlZnM+Cjwvc3ZnPgo=\"","export default \"data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMzgiIGhlaWdodD0iMjMiIHZpZXdCb3g9IjAgMCAzOCAyMyIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZD0iTTE5LjYzOCAyLjQ1Mzg5QzE3LjYyOSAwLjg2MTY1MiAxNS4xNDIxIC0wLjAwMzA5NTUxIDEyLjU4MTEgOC4zMjYzNWUtMDZDOS41NDc3NSA4LjMyNjM1ZS0wNiA2LjYzODYgMS4yMDgxMSA0LjQ5MzY4IDMuMzU4NTNDMi4zNDg3NSA1LjUwODk2IDEuMTQzNzQgOC40MjU1NyAxLjE0Mzc0IDExLjQ2NjdDMS4xNDM3NCAxNC41MDc5IDIuMzQ4NzUgMTcuNDI0NSA0LjQ5MzY4IDE5LjU3NDlDNi42Mzg2IDIxLjcyNTQgOS41NDc3NSAyMi45MzM1IDEyLjU4MTEgMjIuOTMzNUMxNS4xMzk3IDIyLjkzMzYgMTcuNjI0NCAyMi4wNzM2IDE5LjYzOCAyMC40OTFDMTguMjc4OSAxOS40MTcxIDE3LjE4MDYgMTguMDQ4IDE2LjQyNTggMTYuNDg2OEMxNS42NzA5IDE0LjkyNTcgMTUuMjc5MyAxMy4yMTMxIDE1LjI4MDQgMTEuNDc4MkMxNS4yNzc2IDkuNzQxMzQgMTUuNjY4NCA4LjAyNjU1IDE2LjQyMzMgNi40NjMyNUMxNy4xNzgyIDQuODk5OTUgMTguMjc3NCAzLjUyOSAxOS42MzggMi40NTM4OVoiIGZpbGw9IiNBRjAwMTQiLz4KPHBhdGggZD0iTTE4LjQ5NDMgMi40NTM4OUMxNi40ODUyIDAuODYxNjUyIDEzLjk5ODQgLTAuMDAzMDk1NTEgMTEuNDM3NCA4LjMyNjM1ZS0wNkM4LjQwNDAxIDguMzI2MzVlLTA2IDUuNDk0ODcgMS4yMDgxMSAzLjM0OTk0IDMuMzU4NTNDMS4yMDUwMSA1LjUwODk2IDAgOC40MjU1NyAwIDExLjQ2NjdDMCAxNC41MDc5IDEuMjA1MDEgMTcuNDI0NSAzLjM0OTk0IDE5LjU3NDlDNS40OTQ4NyAyMS43MjU0IDguNDA0MDEgMjIuOTMzNSAxMS40Mzc0IDIyLjkzMzVDMTMuOTk2IDIyLjkzMzYgMTYuNDgwNyAyMi4wNzM2IDE4LjQ5NDMgMjAuNDkxQzE3LjEzNTIgMTkuNDE3MSAxNi4wMzY4IDE4LjA0OCAxNS4yODIgMTYuNDg2OEMxNC41MjcyIDE0LjkyNTcgMTQuMTM1NiAxMy4yMTMxIDE0LjEzNjYgMTEuNDc4MkMxNC4xMzM4IDkuNzQxMzQgMTQuNTI0NiA4LjAyNjU1IDE1LjI3OTUgNi40NjMyNUMxNi4wMzQ0IDQuODk5OTUgMTcuMTMzNiAzLjUyOSAxOC40OTQzIDIuNDUzODlaIiBmaWxsPSIjRUIwMDFCIi8+CjxnIGZpbHRlcj0idXJsKCNmaWx0ZXIwX2RfNTQ3XzE0OTUpIj4KPHBhdGggZD0iTTI1LjU2MjYgMEMyMi45OTg4IDAuMDAwNTgyMjcxIDIwLjUwOTUgMC44NjQ3OCAxOC40OTQzIDIuNDUzODhDMTkuODU1NSAzLjUyNjY0IDIwLjk1NiA0Ljg5NTI0IDIxLjcxMjggNi40NTY0OEMyMi40Njk3IDguMDE3NzMgMjIuODYzMSA5LjczMDg3IDIyLjg2MzQgMTEuNDY2N0MyMi44NjMxIDEzLjIwMjYgMjIuNDY5NyAxNC45MTU3IDIxLjcxMjggMTYuNDc3QzIwLjk1NiAxOC4wMzgyIDE5Ljg1NTUgMTkuNDA2OCAxOC40OTQzIDIwLjQ3OTZDMjAuNTExIDIyLjA2NDYgMjMuMDAwMSAyMi45MjQ3IDI1LjU2MjYgMjIuOTIyQzI4LjU5NiAyMi45MjIgMzEuNTA1MSAyMS43MTM5IDMzLjY1MDEgMTkuNTYzNUMzNS43OTUgMTcuNDEzIDM3IDE0LjQ5NjQgMzcgMTEuNDU1M0MzNi45OTcgOC40MTYwOCAzNS43OTA2IDUuNTAyNDIgMzMuNjQ2IDMuMzU0NDdDMzEuNTAxNCAxLjIwNjUzIDI4LjU5NCAtMS41MTk1OWUtMDYgMjUuNTYyNiAwWiIgZmlsbD0iI0Y3OUUxQiIvPgo8L2c+CjxwYXRoIGQ9Ik0xOC40OTQzIDIuNDU0MTFIMTguNTA2TDE4LjQ5NDMgMi40NDIzOFYyLjQ1NDExWiIgZmlsbD0iI0Y3OUUxQiIvPgo8cGF0aCBkPSJNMTQuMTM2NiAxMS40NjY3QzE0LjEzNTYgMTMuMjAxNiAxNC41MjcyIDE0LjkxNDIgMTUuMjgyIDE2LjQ3NTNDMTYuMDM2OCAxOC4wMzY1IDE3LjEzNTIgMTkuNDA1NiAxOC40OTQzIDIwLjQ3OTVDMTkuODU1NSAxOS40MDY4IDIwLjk1NiAxOC4wMzgyIDIxLjcxMjggMTYuNDc2OUMyMi40Njk3IDE0LjkxNTcgMjIuODYzMSAxMy4yMDI2IDIyLjg2MzQgMTEuNDY2N0MyMi44NjMxIDkuNzMwODQgMjIuNDY5NyA4LjAxNzcgMjEuNzEyOCA2LjQ1NjQ2QzIwLjk1NiA0Ljg5NTIyIDE5Ljg1NTUgMy41MjY2MiAxOC40OTQzIDIuNDUzODZDMTcuMTM1MiAzLjUyNzc3IDE2LjAzNjggNC44OTY4OSAxNS4yODIgNi40NTgwNkMxNC41MjcyIDguMDE5MjQgMTQuMTM1NiA5LjczMTc4IDE0LjEzNjYgMTEuNDY2N1oiIGZpbGw9IiNGRjVGMDAiLz4KPGRlZnM+CjxmaWx0ZXIgaWQ9ImZpbHRlcjBfZF81NDdfMTQ5NSIgeD0iMTguNDk0MyIgeT0iMCIgd2lkdGg9IjE5LjUwNTciIGhlaWdodD0iMjIuOTIxOSIgZmlsdGVyVW5pdHM9InVzZXJTcGFjZU9uVXNlIiBjb2xvci1pbnRlcnBvbGF0aW9uLWZpbHRlcnM9InNSR0IiPgo8ZmVGbG9vZCBmbG9vZC1vcGFjaXR5PSIwIiByZXN1bHQ9IkJhY2tncm91bmRJbWFnZUZpeCIvPgo8ZmVDb2xvck1hdHJpeCBpbj0iU291cmNlQWxwaGEiIHR5cGU9Im1hdHJpeCIgdmFsdWVzPSIwIDAgMCAwIDAgMCAwIDAgMCAwIDAgMCAwIDAgMCAwIDAgMCAxMjcgMCIgcmVzdWx0PSJoYXJkQWxwaGEiLz4KPGZlT2Zmc2V0IGR4PSIxIi8+CjxmZUNvbXBvc2l0ZSBpbjI9ImhhcmRBbHBoYSIgb3BlcmF0b3I9Im91dCIvPgo8ZmVDb2xvck1hdHJpeCB0eXBlPSJtYXRyaXgiIHZhbHVlcz0iMCAwIDAgMCAwLjg5MTY2NyAwIDAgMCAwIDAuNTMwOTQ3IDAgMCAwIDAgMCAwIDAgMCAxIDAiLz4KPGZlQmxlbmQgbW9kZT0ibm9ybWFsIiBpbjI9IkJhY2tncm91bmRJbWFnZUZpeCIgcmVzdWx0PSJlZmZlY3QxX2Ryb3BTaGFkb3dfNTQ3XzE0OTUiLz4KPGZlQmxlbmQgbW9kZT0ibm9ybWFsIiBpbj0iU291cmNlR3JhcGhpYyIgaW4yPSJlZmZlY3QxX2Ryb3BTaGFkb3dfNTQ3XzE0OTUiIHJlc3VsdD0ic2hhcGUiLz4KPC9maWx0ZXI+CjwvZGVmcz4KPC9zdmc+Cg==\"","import React from 'react';\nimport { QRCodeSVG } from 'qrcode.react';\n\nimport { LearnCardCreditCardFrontFaceProps } from './types';\n\nimport CardChip from '../../assets/images/card-chip.svg';\nimport MasterCardLogo from '../../assets/images/master-card-logo.svg';\n\nexport const LearnCardCreditCardFrontFace: React.FC<LearnCardCreditCardFrontFaceProps> = ({\n userImage,\n userImageComponent = null,\n qrCodeValue,\n className,\n showActionButton = false,\n actionButtonText = 'Open Card',\n onClick = () => {},\n}) => {\n let userImageEl: React.ReactNode | null = null;\n\n if (userImage) {\n userImageEl = (\n <div className=\"inline-block relative overflow-hidden rounded-full shadow-3xl h-0 bg-white w-1/2 pb-[50%] mt-2 ml-4\">\n <img\n className=\"w-full h-full absolute rounded-full object-cover border-solid border-2 border-white\"\n src={userImage}\n alt=\"user image\"\n data-testid=\"credit-card-frontface-userImg\"\n />\n </div>\n );\n } else if (!userImage && userImageComponent) {\n userImageEl = userImageComponent;\n }\n\n return (\n <div\n className={`flex justify-center items-center max-w-[375px] rounded-[20px] ${className}`}\n >\n <div\n className={`flex flex-row justify-center items-start pt-9 w-full min-h-[220px] rounded-[20px] shadow-3xl relative overflow-hidden credit-card-front-face`}\n >\n <div className=\"absolute top-[-40px] left-0 w-[55%] h-[140%] rounded-tr-[150px] rounded-br-[150px] bg-grayscale-900 credit-card-bubble\" />\n {showActionButton && (\n <button\n className=\"absolute top-2 right-4 bg-grayscale-500 border-[2px] rounded-3xl border-solid border-color-grayscale-900 min-w-[110px] p-[2px] font-bold text-xs tracking-wide leading-snug text-center text-white\"\n onClick={onClick}\n data-testid=\"credit-card-frontface-button\"\n >\n {actionButtonText}\n </button>\n )}\n <div className=\"flex flex-row justify-between items-start w-full h-full relative\">\n <div className=\"flex flex-1 flex-col\">\n <div className=\"pl-8\">\n <p className=\"w-full text-xs text-white font-bold tracking-[7px] mb-2 credit-card-front-face-title\">\n LEARNCARD\n </p>\n <img\n src={CardChip ?? ''}\n alt=\"card chip\"\n className=\"h-[30px] w-[42px]\"\n />\n </div>\n\n {userImageEl}\n </div>\n\n {qrCodeValue && (\n <div className=\"flex flex-1 justify-center items-center relative pl-10 credit-card-qr-code-container\">\n <div className=\"h-auto relative qr-code-container\">\n {/* <div className=\"qr-code-upper-left-yellow\" />\n <div className=\"qr-code-upper-right-pink-square\" />\n <div className=\"qr-code-bottom-left-purple-square\" />\n <div className=\"qr-code-green-blob\" />\n <div className=\"qr-code-green-blob-2\" />\n <div className=\"qr-code-blue-blob\" />\n <div className=\"qr-code-orange-blob\" /> */}\n <QRCodeSVG\n className=\"h-full w-full\"\n value={qrCodeValue}\n data-testid=\"credit-card-qr-code\"\n bgColor=\"transparent\"\n // fgColor=\"#999999\"\n />\n </div>\n </div>\n )}\n\n <img\n src={MasterCardLogo ?? ''}\n alt=\"mastercard icon\"\n className=\"absolute bottom-[-8px] right-4 learn-card-mastercard-logo\"\n />\n </div>\n </div>\n </div>\n );\n};\n\nexport default LearnCardCreditCardFrontFace;\n"],"names":["React","QRCodeSVG"],"mappings":"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"}
|
|
@@ -0,0 +1,91 @@
|
|
|
1
|
+
'use strict';
|
|
2
|
+
|
|
3
|
+
var React = require('react');
|
|
4
|
+
var CircleIcon = require('./CircleIcon-2d67bca4.js');
|
|
5
|
+
|
|
6
|
+
function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
|
|
7
|
+
|
|
8
|
+
var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
|
|
9
|
+
|
|
10
|
+
var coinsGraphic = "images/walletcurrency.png";
|
|
11
|
+
|
|
12
|
+
var idsGraphic = "images/walletids.png";
|
|
13
|
+
|
|
14
|
+
var jobhistoryGraphic = "images/walletjobhistory.png";
|
|
15
|
+
|
|
16
|
+
var learningHistoryGraphic = "images/walletlearninghistory.png";
|
|
17
|
+
|
|
18
|
+
var skillsGraphic = "images/walletskills.png";
|
|
19
|
+
|
|
20
|
+
var achievementsGraphic = "images/walletTrophy.png";
|
|
21
|
+
|
|
22
|
+
const WALLET_SUBTYPES = {
|
|
23
|
+
ACHIEVEMENTS: "achievements",
|
|
24
|
+
IDS: "ids",
|
|
25
|
+
JOB_HISTORY: "jobHistory",
|
|
26
|
+
CURRENCIES: "currency",
|
|
27
|
+
LEARNING_HISTORY: "learningHistory",
|
|
28
|
+
SKILLS: "skills"
|
|
29
|
+
};
|
|
30
|
+
const TYPE_TO_IMG_SRC = {
|
|
31
|
+
[WALLET_SUBTYPES.ACHIEVEMENTS]: achievementsGraphic,
|
|
32
|
+
[WALLET_SUBTYPES.IDS]: idsGraphic,
|
|
33
|
+
[WALLET_SUBTYPES.JOB_HISTORY]: jobhistoryGraphic,
|
|
34
|
+
[WALLET_SUBTYPES.LEARNING_HISTORY]: learningHistoryGraphic,
|
|
35
|
+
[WALLET_SUBTYPES.CURRENCIES]: coinsGraphic,
|
|
36
|
+
[WALLET_SUBTYPES.SKILLS]: skillsGraphic
|
|
37
|
+
};
|
|
38
|
+
const TYPE_TO_WALLET_COLOR = {
|
|
39
|
+
[WALLET_SUBTYPES.ACHIEVEMENTS]: "spice-300",
|
|
40
|
+
[WALLET_SUBTYPES.IDS]: "yellow-300",
|
|
41
|
+
[WALLET_SUBTYPES.JOB_HISTORY]: "rose-300",
|
|
42
|
+
[WALLET_SUBTYPES.LEARNING_HISTORY]: "emerald-300",
|
|
43
|
+
[WALLET_SUBTYPES.CURRENCIES]: "cyan-200",
|
|
44
|
+
[WALLET_SUBTYPES.SKILLS]: "indigo-300"
|
|
45
|
+
};
|
|
46
|
+
|
|
47
|
+
const RoundedSquare = ({
|
|
48
|
+
title = "Currencies",
|
|
49
|
+
description = "Lorem ipsum sit dalor amet",
|
|
50
|
+
iconSrc = CircleIcon.ICONS_TO_SOURCE[CircleIcon.Icons.trophyIcon],
|
|
51
|
+
imgSrc,
|
|
52
|
+
type = WALLET_SUBTYPES.ACHIEVEMENTS,
|
|
53
|
+
count = "28",
|
|
54
|
+
onClick = () => {
|
|
55
|
+
},
|
|
56
|
+
bgColor
|
|
57
|
+
}) => {
|
|
58
|
+
const imgSource = imgSrc || TYPE_TO_IMG_SRC[type];
|
|
59
|
+
const backgroundColor = bgColor != null ? bgColor : `bg-${TYPE_TO_WALLET_COLOR[type]}`;
|
|
60
|
+
const circleClass = `flex w-full justify-end icon-display absolute right-[15px] bottom-[10px] max-h-[40px] max-w-[40px]`;
|
|
61
|
+
return /* @__PURE__ */ React__default["default"].createElement("button", {
|
|
62
|
+
onClick,
|
|
63
|
+
className: `flex relative ${backgroundColor} py-[15px] px-[15px] w-[170px] h-[170px] rounded-[40px] rounded-square-card-container`
|
|
64
|
+
}, /* @__PURE__ */ React__default["default"].createElement("div", {
|
|
65
|
+
className: "w-full relative"
|
|
66
|
+
}, /* @__PURE__ */ React__default["default"].createElement("section", {
|
|
67
|
+
className: "title-headline-container flex items-center justify-between"
|
|
68
|
+
}, /* @__PURE__ */ React__default["default"].createElement(CircleIcon.CountCircle, {
|
|
69
|
+
count,
|
|
70
|
+
className: "solo-counter-circle right-[0px] top-[0px] relative"
|
|
71
|
+
}), /* @__PURE__ */ React__default["default"].createElement("h3", {
|
|
72
|
+
className: "line-clamp-2 font-bold text-[13px] text-grayscale-900 text-left"
|
|
73
|
+
}, title)), /* @__PURE__ */ React__default["default"].createElement("div", {
|
|
74
|
+
className: "graphic-background relative flex justify-center"
|
|
75
|
+
}, /* @__PURE__ */ React__default["default"].createElement("img", {
|
|
76
|
+
className: "max-w-[130px]",
|
|
77
|
+
src: imgSource
|
|
78
|
+
}))), /* @__PURE__ */ React__default["default"].createElement("div", {
|
|
79
|
+
className: circleClass
|
|
80
|
+
}, /* @__PURE__ */ React__default["default"].createElement(CircleIcon.CircleIcon, {
|
|
81
|
+
iconSrc,
|
|
82
|
+
count,
|
|
83
|
+
size: "40"
|
|
84
|
+
})));
|
|
85
|
+
};
|
|
86
|
+
|
|
87
|
+
exports.RoundedSquare = RoundedSquare;
|
|
88
|
+
exports.TYPE_TO_IMG_SRC = TYPE_TO_IMG_SRC;
|
|
89
|
+
exports.TYPE_TO_WALLET_COLOR = TYPE_TO_WALLET_COLOR;
|
|
90
|
+
exports.WALLET_SUBTYPES = WALLET_SUBTYPES;
|
|
91
|
+
//# sourceMappingURL=RoundedSquare-0b18d13b.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"RoundedSquare-0b18d13b.js","sources":["../../src/assets/images/walletcurrency.png","../../src/assets/images/walletids.png","../../src/assets/images/walletjobhistory.png","../../src/assets/images/walletlearninghistory.png","../../src/assets/images/walletskills.png","../../src/assets/images/walletTrophy.png","../../src/components/RoundedSquare/constants.ts","../../src/components/RoundedSquare/RoundedSquare.tsx"],"sourcesContent":["export default \"images/walletcurrency.png\"","export default \"images/walletids.png\"","export default \"images/walletjobhistory.png\"","export default \"images/walletlearninghistory.png\"","export default \"images/walletskills.png\"","export default \"images/walletTrophy.png\"","import coinsGraphic from '../../assets/images/walletcurrency.png';\nimport idsGraphic from '../../assets/images/walletids.png';\nimport jobhistoryGraphic from '../../assets/images/walletjobhistory.png';\nimport learningHistoryGraphic from '../../assets/images/walletlearninghistory.png';\nimport skillsGraphic from '../../assets/images/walletskills.png';\nimport achievementsGraphic from '../../assets/images/walletTrophy.png';\n\nexport const WALLET_SUBTYPES = {\n ACHIEVEMENTS: 'achievements',\n IDS: 'ids',\n JOB_HISTORY: 'jobHistory',\n CURRENCIES: 'currency',\n LEARNING_HISTORY: 'learningHistory',\n SKILLS: 'skills',\n};\n\nexport const TYPE_TO_IMG_SRC = {\n [WALLET_SUBTYPES.ACHIEVEMENTS]: achievementsGraphic,\n [WALLET_SUBTYPES.IDS]: idsGraphic,\n [WALLET_SUBTYPES.JOB_HISTORY]: jobhistoryGraphic,\n [WALLET_SUBTYPES.LEARNING_HISTORY]: learningHistoryGraphic,\n [WALLET_SUBTYPES.CURRENCIES]: coinsGraphic,\n [WALLET_SUBTYPES.SKILLS]: skillsGraphic,\n};\n\nexport const TYPE_TO_WALLET_COLOR = {\n [WALLET_SUBTYPES.ACHIEVEMENTS]: 'spice-300',\n [WALLET_SUBTYPES.IDS]: 'yellow-300',\n [WALLET_SUBTYPES.JOB_HISTORY]: 'rose-300',\n [WALLET_SUBTYPES.LEARNING_HISTORY]: 'emerald-300',\n [WALLET_SUBTYPES.CURRENCIES]: 'cyan-200',\n [WALLET_SUBTYPES.SKILLS]: 'indigo-300',\n};\n","import React from 'react';\nimport { Icons } from '../../types';\nimport { ICONS_TO_SOURCE } from '../../constants/icons';\nimport CircleIcon from '../CircleIcon/CircleIcon';\nimport { CountCircle } from '../CircleIcon';\nimport { TYPE_TO_IMG_SRC, TYPE_TO_WALLET_COLOR } from './constants';\nimport { WALLET_SUBTYPES } from './constants';\n\nexport type RoundedSquareProps = {\n title?: string;\n description?: string;\n type?: string;\n iconSrc?: string;\n imgSrc?: string;\n count?: string | number;\n onClick?: () => void;\n bgColor?: string;\n};\n\nexport const RoundedSquare: React.FC<RoundedSquareProps> = ({\n title = 'Currencies',\n description = 'Lorem ipsum sit dalor amet',\n iconSrc = ICONS_TO_SOURCE[Icons.trophyIcon],\n imgSrc,\n type = WALLET_SUBTYPES.ACHIEVEMENTS,\n count = '28',\n onClick = () => {},\n bgColor,\n}) => {\n const imgSource = imgSrc || TYPE_TO_IMG_SRC[type];\n const backgroundColor = bgColor ?? `bg-${TYPE_TO_WALLET_COLOR[type]}`;\n const circleClass = `flex w-full justify-end icon-display absolute right-[15px] bottom-[10px] max-h-[40px] max-w-[40px]`;\n\n return (\n <button\n onClick={onClick}\n className={`flex relative ${backgroundColor} py-[15px] px-[15px] w-[170px] h-[170px] rounded-[40px] rounded-square-card-container`}\n >\n <div className=\"w-full relative\">\n <section className=\"title-headline-container flex items-center justify-between\">\n <CountCircle\n count={count}\n className=\"solo-counter-circle right-[0px] top-[0px] relative\"\n />\n <h3 className=\"line-clamp-2 font-bold text-[13px] text-grayscale-900 text-left\">\n {title}\n </h3>\n </section>\n\n <div className=\"graphic-background relative flex justify-center\">\n <img className=\"max-w-[130px]\" src={imgSource} />\n </div>\n </div>\n\n <div className={circleClass}>\n <CircleIcon iconSrc={iconSrc} count={count} size=\"40\" />\n </div>\n </button>\n );\n};\n\nexport default RoundedSquare;\n"],"names":["ICONS_TO_SOURCE","Icons","React","CountCircle","CircleIcon"],"mappings":"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"}
|