@learncard/react 2.6.55 → 2.6.56

package/dist/cjs/{types-c83b33ec.js → types-7f6324ea.js}

@@ -1,18 +1,24 @@
 'use strict';
 
 var notifications = require('./notifications-56c6fc94.js');
-var Trophy = require('./Trophy-9ede7f2b.js');
-var User = require('./User-92f9cf40.js');
+var Trophy = require('./Trophy-3d323be3.js');
+var User = require('./User-dde46685.js');
 var React = require('react');
 
 function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
 
 var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
 
-const PuzzlePiece = ({ className = "" }) => {
+const PuzzlePiece = ({
+  className = "",
+  size = "21",
+  fill = "none"
+}) => {
   return /* @__PURE__ */ React__default["default"].createElement("svg", {
+    width: size,
+    height: size,
     viewBox: "0 0 26 26",
-    fill: "none",
+    fill,
     className,
     "data-testid": "skill-icon"
   }, /* @__PURE__ */ React__default["default"].createElement("path", {
@@ -112,4 +118,5 @@ const NotificationTypeStyles = {
 };
 
 exports.NotificationTypeStyles = NotificationTypeStyles;
-//# sourceMappingURL=types-c83b33ec.js.map
+exports.PuzzlePiece = PuzzlePiece;
+//# sourceMappingURL=types-7f6324ea.js.map

package/dist/cjs/types-7f6324ea.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"types-7f6324ea.js","sources":["../../src/components/svgs/PuzzlePiece.tsx","../../src/components/svgs/ShieldChevron.tsx","../../src/components/Notification/types.ts"],"sourcesContent":["import React from 'react';\n\nconst PuzzlePiece: React.FC<{ className?: string; size?: string; fill?: string }> = ({\n    className = '',\n    size = '21',\n    fill = 'none',\n}) => {\n    return (\n        <svg\n            width={size}\n            height={size}\n            viewBox=\"0 0 26 26\"\n            fill={fill}\n            className={className}\n            data-testid=\"skill-icon\"\n        >\n            <path\n                d=\"M6.49991 21.9374C6.39321 21.9374 6.28756 21.9164 6.18898 21.8756C6.0904 21.8347 6.00083 21.7749 5.92538 21.6994C5.84994 21.624 5.79009 21.5344 5.74926 21.4358C5.70843 21.3372 5.68741 21.2316 5.68741 21.1249L5.68747 16.7887C5.25402 16.994 4.7757 17.0863 4.29699 17.0571C3.81827 17.0279 3.35473 16.8781 2.94947 16.6216C2.5442 16.3651 2.21039 16.0103 1.97908 15.5902C1.74776 15.1701 1.62646 14.6983 1.62646 14.2187C1.62646 13.7391 1.74776 13.2672 1.97908 12.8471C2.21039 12.427 2.5442 12.0722 2.94947 11.8157C3.35473 11.5592 3.81827 11.4094 4.29699 11.3802C4.7757 11.351 5.25402 11.4433 5.68747 11.6486L5.68741 7.31241C5.68741 7.20571 5.70843 7.10005 5.74926 7.00148C5.79009 6.9029 5.84994 6.81333 5.92539 6.73788C6.00084 6.66243 6.09041 6.60258 6.18899 6.56175C6.28757 6.52092 6.39322 6.4999 6.49993 6.4999L11.2423 6.49996C11.0371 6.06651 10.9447 5.58819 10.9739 5.10948C11.0031 4.63077 11.153 4.16722 11.4094 3.76196C11.6659 3.3567 12.0207 3.02289 12.4409 2.79158C12.861 2.56026 13.3328 2.43896 13.8124 2.43896C14.292 2.43896 14.7638 2.56026 15.1839 2.79158C15.6041 3.02289 15.9589 3.3567 16.2154 3.76196C16.4718 4.16722 16.6216 4.63077 16.6509 5.10948C16.6801 5.58819 16.5877 6.06651 16.3825 6.49996L21.1249 6.4999C21.3404 6.4999 21.547 6.5855 21.6994 6.73787C21.8518 6.89024 21.9374 7.0969 21.9374 7.31239L21.9374 11.6486C21.504 11.4433 21.0257 11.351 20.5469 11.3802C20.0682 11.4094 19.6047 11.5592 19.1994 11.8157C18.7942 12.0722 18.4604 12.427 18.229 12.8471C17.9977 13.2672 17.8764 13.739 17.8764 14.2187C17.8764 14.6983 17.9977 15.1701 18.229 15.5902C18.4604 16.0103 18.7942 16.3651 19.1994 16.6216C19.6047 16.8781 20.0682 17.0279 20.5469 17.0571C21.0257 17.0863 21.504 16.994 21.9374 16.7887L21.9374 21.1249C21.9374 21.3404 21.8518 21.5471 21.6994 21.6994C21.547 21.8518 21.3404 21.9374 21.1249 21.9374L6.49991 21.9374Z\"\n                stroke=\"currentColor\"\n                strokeWidth=\"2\"\n                strokeLinecap=\"round\"\n                strokeLinejoin=\"round\"\n            />\n        </svg>\n    );\n};\n\nexport default PuzzlePiece;\n","import React from 'react';\n\nconst ShieldChevron: React.FC<{ className?: string }> = ({ className }) => {\n    return (\n        <svg viewBox=\"0 0 46 46\" fill=\"none\" className={className} data-testid=\"socialBadge-icon\">\n            <path\n                d=\"M7.53125 19.25V8.9375C7.53125 8.56454 7.67941 8.20685 7.94313 7.94313C8.20685 7.67941 8.56454 7.53125 8.9375 7.53125H37.0625C37.4355 7.53125 37.7931 7.67941 38.0569 7.94313C38.3206 8.20685 38.4688 8.56454 38.4688 8.9375V19.25C38.4688 34.0183 25.9345 38.9112 23.4318 39.7409C23.152 39.8372 22.848 39.8372 22.5682 39.7409C20.0655 38.9112 7.53125 34.0183 7.53125 19.25Z\"\n                stroke=\"currentColor\"\n                strokeWidth=\"4\"\n                strokeLinecap=\"round\"\n                strokeLinejoin=\"round\"\n            />\n            <path\n                d=\"M36.0785 29.3425L23 20.1875L9.92139 29.3425\"\n                stroke=\"currentColor\"\n                strokeWidth=\"4\"\n                strokeLinecap=\"round\"\n                strokeLinejoin=\"round\"\n            />\n        </svg>\n    );\n};\n\nexport default ShieldChevron;\n","import { NotificationTypeEnum } from '../../constants/notifications';\n\nimport Trophy from '../svgs/Trophy';\nimport Coins from '../svgs/Coins';\nimport User from '../svgs/User';\nimport Briefcase from '../svgs/Briefcase';\nimport PuzzlePiece from '../svgs/PuzzlePiece';\nimport Graduation from '../svgs/Graduation';\nimport ShieldChevron from '../svgs/ShieldChevron';\n\nexport type NotificationProps = {\n    notificationType: NotificationTypeEnum;\n    title: string;\n    issuerImage?: string;\n    issueDate: string;\n    className?: string;\n    handleViewOnClick: () => void;\n    claimStatus: boolean;\n    handleClaimOnClick: () => void;\n    loadingState: boolean;\n};\n\nexport const NotificationTypeStyles: {\n    [key: NotificationTypeEnum | string]: {\n        viewButtonStyles: string;\n        unclaimedButtonStyles: string;\n        claimedButtonStyles: string;\n        textStyles: string;\n        iconCircleStyles: string;\n        IconComponent: any;\n        typeText: string;\n    };\n} = {\n    [NotificationTypeEnum.Currency]: {\n        viewButtonStyles: 'border-cyan-400 text-cyan-400',\n        unclaimedButtonStyles: 'text-white bg-cyan-400 border-cyan-400 shadow-bottom',\n        claimedButtonStyles: 'text-cyan-400 bg-cyan-50 border-cyan-50',\n        textStyles: 'text-cyan-400 capitalize',\n        iconCircleStyles: 'bg-cyan-400',\n        IconComponent: Coins,\n        typeText: 'Currency',\n    },\n    [NotificationTypeEnum.SocialBadges]: {\n        viewButtonStyles: 'border-cyan-400 text-cyan-400',\n        unclaimedButtonStyles: 'text-white bg-cyan-400 border-cyan-400 shadow-bottom',\n        claimedButtonStyles: 'text-cyan-400 bg-cyan-50 border-cyan-50',\n        textStyles: 'text-cyan-400 capitalize',\n        iconCircleStyles: 'bg-cyan-400',\n        IconComponent: ShieldChevron,\n        typeText: 'Social Badge',\n    },\n    [NotificationTypeEnum.ID]: {\n        viewButtonStyles: 'border-yellow-400 text-yellow-400',\n        unclaimedButtonStyles: 'text-white bg-yellow-400 border-yellow-400 shadow-bottom',\n        claimedButtonStyles: 'text-yellow-400 bg-yellow-50 border-yellow-50',\n        textStyles: 'text-yellow-400 uppercase',\n        iconCircleStyles: 'bg-yellow-400',\n        IconComponent: User,\n        typeText: 'ID',\n    },\n    [NotificationTypeEnum.Achievement]: {\n        viewButtonStyles: 'border-spice-600 text-spice-400',\n        unclaimedButtonStyles: 'text-white bg-spice-400 border-spice-400 shadow-bottom',\n        claimedButtonStyles: 'text-spice-400 bg-spice-50 border-spice-50',\n        textStyles: 'text-spice-400 capitalize',\n        iconCircleStyles: 'bg-spice-400',\n        IconComponent: Trophy,\n        typeText: 'Achievement',\n    },\n    [NotificationTypeEnum.Skill]: {\n        viewButtonStyles: 'border-indigo-400 text-indigo-400',\n        unclaimedButtonStyles: 'text-white bg-indigo-400 border-indigo-400 shadow-bottom',\n        claimedButtonStyles: 'text-indigo-400 bg-indigo-50 border-indigo-50',\n        textStyles: 'text-indigo-400 capitalize',\n        iconCircleStyles: 'bg-indigo-400',\n        IconComponent: PuzzlePiece,\n        typeText: 'Skill',\n    },\n    [NotificationTypeEnum.Job]: {\n        viewButtonStyles: 'border-rose-400 text-rose-400',\n        unclaimedButtonStyles: 'text-white bg-rose-400 border-rose-400 shadow-bottom',\n        claimedButtonStyles: 'text-rose-400 bg-rose-50 border-rose-50',\n        textStyles: 'text-rose-400 capitalize',\n        iconCircleStyles: 'bg-rose-400',\n        IconComponent: Briefcase,\n        typeText: 'Work History',\n    },\n    [NotificationTypeEnum.Learning]: {\n        viewButtonStyles: 'border-emerald-500 text-emerald-500',\n        unclaimedButtonStyles: 'text-white bg-emerald-500 border-emerald-500 shadow-bottom',\n        claimedButtonStyles: 'text-emerald-500 bg-emerald-50 border-emerald-50',\n        textStyles: 'text-emerald-500 capitalize',\n        iconCircleStyles: 'bg-emerald-500',\n        IconComponent: Graduation,\n        typeText: 'Learning History',\n    },\n};\n"],"names":["React","NotificationTypeEnum","Coins","User","Trophy","Briefcase","Graduation"],"mappings":"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"}

package/dist/esm/{AchievementCard-98cfb362.js → AchievementCard-feac0ebb.js}

@@ -1,7 +1,7 @@
 import React from 'react';
 import { R as RoundedPill } from './RoundedPill-020341ca.js';
 import { C as CircleCheckButton } from './CircleCheckButton-9cba5884.js';
-import { T as Trophy } from './Trophy-702610b8.js';
+import { T as Trophy } from './Trophy-ad67f46a.js';
 import { T as TYPE_TO_MINI_ICON } from './index-536987b4.js';
 import { L as LCSubtypes } from './index-146dd88a.js';
 
@@ -58,4 +58,4 @@ const AchievementCard = ({
 };
 
 export { AchievementCard as A };
-//# sourceMappingURL=AchievementCard-98cfb362.js.map
+//# sourceMappingURL=AchievementCard-feac0ebb.js.map

package/dist/esm/{AchievementCard-98cfb362.js.map → AchievementCard-feac0ebb.js.map}

@@ -1 +1 @@
-{"version":3,"file":"AchievementCard-98cfb362.js","sources":["../../src/components/AchievementCard/AchievementCard.tsx"],"sourcesContent":["import React from 'react';\nimport { AchievementCardProps } from '../../types';\nimport { RoundedPill } from '../RoundedPill';\nimport { CircleCheckButton } from '../CircleCheckButton';\nimport { Trophy } from '../svgs';\nimport { TYPE_TO_MINI_ICON } from '../../constants';\nimport { LCSubtypes } from '../../types';\n\nexport const AchievementCard: React.FC<AchievementCardProps> = ({\n    title = 'Title Lorem Ipsum',\n    thumbImgSrc,\n    claimStatus,\n    showSkills = true,\n    showChecked,\n    checked,\n    skillCount,\n    showStatus = true,\n    onCheckClick,\n    onClick = () => {},\n}) => {\n    const thumbClass = thumbImgSrc ? 'bg-grayscale-50' : 'bg-indigo-200';\n\n    const claimBtnStatusType = claimStatus ? LCSubtypes.achievement : LCSubtypes.locked;\n    const skillIconSrc = TYPE_TO_MINI_ICON[LCSubtypes.skill];\n    const skillCountTxt = skillCount && skillCount > 1 ? 'Skills' : 'Skill';\n    const showSkillCounter = showSkills && skillCount !== 0;\n\n    return (\n        <div\n            className={`flex-col shadow-[0_0_8px_0px_rgba(0,0,0,0.2)] relative $ py-[8px] px-[8px] w-[190px] h-[265px] rounded-[20px] rounded-square-card-container`}\n        >\n            <section\n                className={`relative flex h-[120px] ${thumbClass} flex-col justify-center items-center w-full rounded-[20px]`}\n            >\n                {thumbImgSrc && (\n                    <img\n                        className=\"h-full w-full object-cover rounded-[20px]\"\n                        src={thumbImgSrc ?? ''}\n                        alt=\"Credential Achievement Image\"\n                    />\n                )}\n                {(!thumbImgSrc || thumbImgSrc === '') && (\n                    <Trophy\n                        className=\"achievement-placeholder-trophy flex p-[15px]\"\n                        color=\"#ffffff\"\n                    />\n                )}\n\n                {showSkills && showSkillCounter && (\n                    <div className=\"absolute px-[10px] text-[14px] flex items-center justify-center text-indigo-600 skill-pill font-bold min-w-[100px] bottom-[10px] right-[9px] rounded-[20px] h-[30px] bg-indigo-50 \">\n                        <img\n                            src={skillIconSrc}\n                            className=\"flex items-center justify-center mr-[4px]\"\n                        />\n                        +{skillCount} {skillCountTxt}\n                    </div>\n                )}\n\n                {showChecked && (\n                    <CircleCheckButton\n                        checked={checked}\n                        onClick={onCheckClick}\n                        className=\"absolute top-[5px] left-[5px]\"\n                    />\n                )}\n            </section>\n\n            <section className=\"achievement-title w-full flex justify-center line-clamp-2\">\n                <p className=\"text-[14px] text-grayscale-900 font-bold mt-[10px] text-center\">\n                    {title}\n                </p>\n            </section>\n\n            <section className=\"achievement-card-footer absolute bottom-[6px] left-[5px]\">\n                {showStatus && (\n                    <RoundedPill\n                        onClick={onClick}\n                        showCheckmark\n                        type={claimBtnStatusType}\n                        statusText={'Claimed'}\n                    />\n                )}\n            </section>\n        </div>\n    );\n};\n\nexport default AchievementCard;\n"],"names":[],"mappings":";;;;;;;AAMY,MAAC,eAAe,GAAG,CAAC;AAChC,EAAE,KAAK,GAAG,mBAAmB;AAC7B,EAAE,WAAW;AACb,EAAE,WAAW;AACb,EAAE,UAAU,GAAG,IAAI;AACnB,EAAE,WAAW;AACb,EAAE,OAAO;AACT,EAAE,UAAU;AACZ,EAAE,UAAU,GAAG,IAAI;AACnB,EAAE,YAAY;AACd,EAAE,OAAO,GAAG,MAAM;AAClB,GAAG;AACH,CAAC,KAAK;AACN,EAAE,MAAM,UAAU,GAAG,WAAW,GAAG,iBAAiB,GAAG,eAAe,CAAC;AACvE,EAAE,MAAM,kBAAkB,GAAG,WAAW,GAAG,UAAU,CAAC,WAAW,GAAG,UAAU,CAAC,MAAM,CAAC;AACtF,EAAE,MAAM,YAAY,GAAG,iBAAiB,CAAC,UAAU,CAAC,KAAK,CAAC,CAAC;AAC3D,EAAE,MAAM,aAAa,GAAG,UAAU,IAAI,UAAU,GAAG,CAAC,GAAG,QAAQ,GAAG,OAAO,CAAC;AAC1E,EAAE,MAAM,gBAAgB,GAAG,UAAU,IAAI,UAAU,KAAK,CAAC,CAAC;AAC1D,EAAE,uBAAuB,KAAK,CAAC,aAAa,CAAC,KAAK,EAAE;AACpD,IAAI,SAAS,EAAE,CAAC,2IAA2I,CAAC;AAC5J,GAAG,kBAAkB,KAAK,CAAC,aAAa,CAAC,SAAS,EAAE;AACpD,IAAI,SAAS,EAAE,CAAC,wBAAwB,EAAE,UAAU,CAAC,2DAA2D,CAAC;AACjH,GAAG,EAAE,WAAW,oBAAoB,KAAK,CAAC,aAAa,CAAC,KAAK,EAAE;AAC/D,IAAI,SAAS,EAAE,2CAA2C;AAC1D,IAAI,GAAG,EAAE,WAAW,IAAI,IAAI,GAAG,WAAW,GAAG,EAAE;AAC/C,IAAI,GAAG,EAAE,8BAA8B;AACvC,GAAG,CAAC,EAAE,CAAC,CAAC,WAAW,IAAI,WAAW,KAAK,EAAE,qBAAqB,KAAK,CAAC,aAAa,CAAC,MAAM,EAAE;AAC1F,IAAI,SAAS,EAAE,8CAA8C;AAC7D,IAAI,KAAK,EAAE,SAAS;AACpB,GAAG,CAAC,EAAE,UAAU,IAAI,gBAAgB,oBAAoB,KAAK,CAAC,aAAa,CAAC,KAAK,EAAE;AACnF,IAAI,SAAS,EAAE,oLAAoL;AACnM,GAAG,kBAAkB,KAAK,CAAC,aAAa,CAAC,KAAK,EAAE;AAChD,IAAI,GAAG,EAAE,YAAY;AACrB,IAAI,SAAS,EAAE,2CAA2C;AAC1D,GAAG,CAAC,EAAE,GAAG,EAAE,UAAU,EAAE,GAAG,EAAE,aAAa,CAAC,EAAE,WAAW,oBAAoB,KAAK,CAAC,aAAa,CAAC,iBAAiB,EAAE;AAClH,IAAI,OAAO;AACX,IAAI,OAAO,EAAE,YAAY;AACzB,IAAI,SAAS,EAAE,+BAA+B;AAC9C,GAAG,CAAC,CAAC,kBAAkB,KAAK,CAAC,aAAa,CAAC,SAAS,EAAE;AACtD,IAAI,SAAS,EAAE,2DAA2D;AAC1E,GAAG,kBAAkB,KAAK,CAAC,aAAa,CAAC,GAAG,EAAE;AAC9C,IAAI,SAAS,EAAE,gEAAgE;AAC/E,GAAG,EAAE,KAAK,CAAC,CAAC,kBAAkB,KAAK,CAAC,aAAa,CAAC,SAAS,EAAE;AAC7D,IAAI,SAAS,EAAE,0DAA0D;AACzE,GAAG,EAAE,UAAU,oBAAoB,KAAK,CAAC,aAAa,CAAC,WAAW,EAAE;AACpE,IAAI,OAAO;AACX,IAAI,aAAa,EAAE,IAAI;AACvB,IAAI,IAAI,EAAE,kBAAkB;AAC5B,IAAI,UAAU,EAAE,SAAS;AACzB,GAAG,CAAC,CAAC,CAAC,CAAC;AACP;;;;"}
+{"version":3,"file":"AchievementCard-feac0ebb.js","sources":["../../src/components/AchievementCard/AchievementCard.tsx"],"sourcesContent":["import React from 'react';\nimport { AchievementCardProps } from '../../types';\nimport { RoundedPill } from '../RoundedPill';\nimport { CircleCheckButton } from '../CircleCheckButton';\nimport { Trophy } from '../svgs';\nimport { TYPE_TO_MINI_ICON } from '../../constants';\nimport { LCSubtypes } from '../../types';\n\nexport const AchievementCard: React.FC<AchievementCardProps> = ({\n    title = 'Title Lorem Ipsum',\n    thumbImgSrc,\n    claimStatus,\n    showSkills = true,\n    showChecked,\n    checked,\n    skillCount,\n    showStatus = true,\n    onCheckClick,\n    onClick = () => {},\n}) => {\n    const thumbClass = thumbImgSrc ? 'bg-grayscale-50' : 'bg-indigo-200';\n\n    const claimBtnStatusType = claimStatus ? LCSubtypes.achievement : LCSubtypes.locked;\n    const skillIconSrc = TYPE_TO_MINI_ICON[LCSubtypes.skill];\n    const skillCountTxt = skillCount && skillCount > 1 ? 'Skills' : 'Skill';\n    const showSkillCounter = showSkills && skillCount !== 0;\n\n    return (\n        <div\n            className={`flex-col shadow-[0_0_8px_0px_rgba(0,0,0,0.2)] relative $ py-[8px] px-[8px] w-[190px] h-[265px] rounded-[20px] rounded-square-card-container`}\n        >\n            <section\n                className={`relative flex h-[120px] ${thumbClass} flex-col justify-center items-center w-full rounded-[20px]`}\n            >\n                {thumbImgSrc && (\n                    <img\n                        className=\"h-full w-full object-cover rounded-[20px]\"\n                        src={thumbImgSrc ?? ''}\n                        alt=\"Credential Achievement Image\"\n                    />\n                )}\n                {(!thumbImgSrc || thumbImgSrc === '') && (\n                    <Trophy\n                        className=\"achievement-placeholder-trophy flex p-[15px]\"\n                        color=\"#ffffff\"\n                    />\n                )}\n\n                {showSkills && showSkillCounter && (\n                    <div className=\"absolute px-[10px] text-[14px] flex items-center justify-center text-indigo-600 skill-pill font-bold min-w-[100px] bottom-[10px] right-[9px] rounded-[20px] h-[30px] bg-indigo-50 \">\n                        <img\n                            src={skillIconSrc}\n                            className=\"flex items-center justify-center mr-[4px]\"\n                        />\n                        +{skillCount} {skillCountTxt}\n                    </div>\n                )}\n\n                {showChecked && (\n                    <CircleCheckButton\n                        checked={checked}\n                        onClick={onCheckClick}\n                        className=\"absolute top-[5px] left-[5px]\"\n                    />\n                )}\n            </section>\n\n            <section className=\"achievement-title w-full flex justify-center line-clamp-2\">\n                <p className=\"text-[14px] text-grayscale-900 font-bold mt-[10px] text-center\">\n                    {title}\n                </p>\n            </section>\n\n            <section className=\"achievement-card-footer absolute bottom-[6px] left-[5px]\">\n                {showStatus && (\n                    <RoundedPill\n                        onClick={onClick}\n                        showCheckmark\n                        type={claimBtnStatusType}\n                        statusText={'Claimed'}\n                    />\n                )}\n            </section>\n        </div>\n    );\n};\n\nexport default AchievementCard;\n"],"names":[],"mappings":";;;;;;;AAMY,MAAC,eAAe,GAAG,CAAC;AAChC,EAAE,KAAK,GAAG,mBAAmB;AAC7B,EAAE,WAAW;AACb,EAAE,WAAW;AACb,EAAE,UAAU,GAAG,IAAI;AACnB,EAAE,WAAW;AACb,EAAE,OAAO;AACT,EAAE,UAAU;AACZ,EAAE,UAAU,GAAG,IAAI;AACnB,EAAE,YAAY;AACd,EAAE,OAAO,GAAG,MAAM;AAClB,GAAG;AACH,CAAC,KAAK;AACN,EAAE,MAAM,UAAU,GAAG,WAAW,GAAG,iBAAiB,GAAG,eAAe,CAAC;AACvE,EAAE,MAAM,kBAAkB,GAAG,WAAW,GAAG,UAAU,CAAC,WAAW,GAAG,UAAU,CAAC,MAAM,CAAC;AACtF,EAAE,MAAM,YAAY,GAAG,iBAAiB,CAAC,UAAU,CAAC,KAAK,CAAC,CAAC;AAC3D,EAAE,MAAM,aAAa,GAAG,UAAU,IAAI,UAAU,GAAG,CAAC,GAAG,QAAQ,GAAG,OAAO,CAAC;AAC1E,EAAE,MAAM,gBAAgB,GAAG,UAAU,IAAI,UAAU,KAAK,CAAC,CAAC;AAC1D,EAAE,uBAAuB,KAAK,CAAC,aAAa,CAAC,KAAK,EAAE;AACpD,IAAI,SAAS,EAAE,CAAC,2IAA2I,CAAC;AAC5J,GAAG,kBAAkB,KAAK,CAAC,aAAa,CAAC,SAAS,EAAE;AACpD,IAAI,SAAS,EAAE,CAAC,wBAAwB,EAAE,UAAU,CAAC,2DAA2D,CAAC;AACjH,GAAG,EAAE,WAAW,oBAAoB,KAAK,CAAC,aAAa,CAAC,KAAK,EAAE;AAC/D,IAAI,SAAS,EAAE,2CAA2C;AAC1D,IAAI,GAAG,EAAE,WAAW,IAAI,IAAI,GAAG,WAAW,GAAG,EAAE;AAC/C,IAAI,GAAG,EAAE,8BAA8B;AACvC,GAAG,CAAC,EAAE,CAAC,CAAC,WAAW,IAAI,WAAW,KAAK,EAAE,qBAAqB,KAAK,CAAC,aAAa,CAAC,MAAM,EAAE;AAC1F,IAAI,SAAS,EAAE,8CAA8C;AAC7D,IAAI,KAAK,EAAE,SAAS;AACpB,GAAG,CAAC,EAAE,UAAU,IAAI,gBAAgB,oBAAoB,KAAK,CAAC,aAAa,CAAC,KAAK,EAAE;AACnF,IAAI,SAAS,EAAE,oLAAoL;AACnM,GAAG,kBAAkB,KAAK,CAAC,aAAa,CAAC,KAAK,EAAE;AAChD,IAAI,GAAG,EAAE,YAAY;AACrB,IAAI,SAAS,EAAE,2CAA2C;AAC1D,GAAG,CAAC,EAAE,GAAG,EAAE,UAAU,EAAE,GAAG,EAAE,aAAa,CAAC,EAAE,WAAW,oBAAoB,KAAK,CAAC,aAAa,CAAC,iBAAiB,EAAE;AAClH,IAAI,OAAO;AACX,IAAI,OAAO,EAAE,YAAY;AACzB,IAAI,SAAS,EAAE,+BAA+B;AAC9C,GAAG,CAAC,CAAC,kBAAkB,KAAK,CAAC,aAAa,CAAC,SAAS,EAAE;AACtD,IAAI,SAAS,EAAE,2DAA2D;AAC1E,GAAG,kBAAkB,KAAK,CAAC,aAAa,CAAC,GAAG,EAAE;AAC9C,IAAI,SAAS,EAAE,gEAAgE;AAC/E,GAAG,EAAE,KAAK,CAAC,CAAC,kBAAkB,KAAK,CAAC,aAAa,CAAC,SAAS,EAAE;AAC7D,IAAI,SAAS,EAAE,0DAA0D;AACzE,GAAG,EAAE,UAAU,oBAAoB,KAAK,CAAC,aAAa,CAAC,WAAW,EAAE;AACpE,IAAI,OAAO;AACX,IAAI,aAAa,EAAE,IAAI;AACvB,IAAI,IAAI,EAAE,kBAAkB;AAC5B,IAAI,UAAU,EAAE,SAAS;AACzB,GAAG,CAAC,CAAC,CAAC,CAAC;AACP;;;;"}