@learncard/react 2.3.12 → 2.3.15

package/dist/esm/Notification-ddbb3c37.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Notification-ddbb3c37.js","sources":["../../src/constants/notifications.ts","../../src/components/Notification/types.ts","../../src/components/Notification/Notification.tsx"],"sourcesContent":["export enum NotificationTypeEnum {\n    Currency = 'currency',\n    ID = 'id',\n    Achievement = 'achievement',\n    Skill = 'skill',\n    Job = 'job',\n    Learning = 'learning',\n}\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 Lightbulb from '../svgs/Lightbulb';\nimport Graduation from '../svgs/Graduation';\n\nexport type NotificationProps = {\n    notificationType: NotificationTypeEnum;\n    title: string;\n    issuerImage?: string;\n    issueDate: string;\n    className?: string;\n    onClick: () => void;\n};\n\nexport const NotificationTypeStyles = {\n    [NotificationTypeEnum.Currency]: {\n        viewButtonStyles: 'border-cyan-600 text-cyan-600',\n        unclaimedButtonStyles: 'text-white bg-cyan-600 border-cyan-600',\n        claimedButtonStyles: 'text-cyan-600 bg-cyan-50 border-cyan-50',\n        textStyles: 'text-cyan-600 capitalize',\n        iconCircleStyles: 'bg-cyan-600',\n        IconComponent: Coins,\n    },\n    [NotificationTypeEnum.ID]: {\n        viewButtonStyles: 'border-yellow-400 text-yellow-400',\n        unclaimedButtonStyles: 'text-white bg-yellow-400 border-yellow-400',\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    },\n    [NotificationTypeEnum.Achievement]: {\n        viewButtonStyles: 'border-spice-400 text-spice-400',\n        unclaimedButtonStyles: 'text-white bg-spice-400 border-spice-400',\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    },\n    [NotificationTypeEnum.Skill]: {\n        viewButtonStyles: 'border-indigo-400 text-indigo-400',\n        unclaimedButtonStyles: 'text-white bg-indigo-400 border-indigo-400',\n        claimedButtonStyles: 'text-indigo-400 bg-indigo-50 border-indigo-50',\n        textStyles: 'text-indigo-400 capitalize',\n        iconCircleStyles: 'bg-indigo-400',\n        IconComponent: Lightbulb,\n    },\n    [NotificationTypeEnum.Job]: {\n        viewButtonStyles: 'border-emerald-400 text-emerald-400',\n        unclaimedButtonStyles: 'text-white bg-emerald-400 border-emerald-400',\n        claimedButtonStyles: 'text-emerald-400 bg-emerald-50 border-emerald-50',\n        textStyles: 'text-emerald-400 capitalize',\n        iconCircleStyles: 'bg-emerald-400',\n        IconComponent: Briefcase,\n    },\n    [NotificationTypeEnum.Learning]: {\n        viewButtonStyles: 'border-rose-400 text-rose-400',\n        unclaimedButtonStyles: 'text-white bg-rose-400 border-rose-400',\n        claimedButtonStyles: 'text-rose-400 bg-rose-50 border-rose-50',\n        textStyles: 'text-rose-400 capitalize',\n        iconCircleStyles: 'bg-rose-400',\n        IconComponent: Graduation,\n    },\n};\n","import React, { useState } from 'react';\n\nimport { NotificationProps, NotificationTypeStyles } from './types';\nimport { NotificationTypeEnum } from '../../constants/notifications';\n\nimport Checkmark from '../svgs/Checkmark';\n\nexport const Notification: React.FC<NotificationProps> = ({\n    title,\n    issuerImage,\n    issueDate,\n    className,\n    notificationType = NotificationTypeEnum.Achievement,\n    onClick = () => {},\n}) => {\n    const [isClaimed, setIsClaimed] = useState<boolean>(false);\n\n    const handleClaim = () => setIsClaimed(!isClaimed);\n\n    const {\n        IconComponent,\n        iconCircleStyles,\n        textStyles,\n        viewButtonStyles,\n        claimedButtonStyles,\n        unclaimedButtonStyles,\n    } = NotificationTypeStyles[notificationType];\n\n    const claimButtonStyles = isClaimed ? claimedButtonStyles : unclaimedButtonStyles;\n\n    return (\n        <div\n            className={`flex justify-center items-center relative w-full rounded-3xl shadow-2xl py-3 bg-white ${className}`}\n        >\n            <div\n                className={`absolute flex items-center justify-center top-2 right-2 h-8 w-8 overflow-hidden rounded-full z-10 ${iconCircleStyles}`}\n            >\n                <IconComponent className=\"h-4/5 text-white\" />\n            </div>\n            <div className=\"flex flex-col justify-center items-center relative w-11/12\">\n                <div className=\"flex flex-row items-center justify-start w-full\">\n                    <div className=\"h-12 w-12 max-h-12 max-w-[48px] min-h-[48px] min-w-[48px] overflow-hidden rounded-full\">\n                        <img\n                            src={issuerImage}\n                            alt=\"issuer image\"\n                            className=\"w-full h-full object-cover\"\n                        />\n                    </div>\n                    <div className=\"text-left ml-3\">\n                        <h4\n                            className=\"font-bold tracking-wide line-clamp-1 text-black\"\n                            data-testid=\"notification-title\"\n                        >\n                            {title}\n                        </h4>\n                        <p\n                            className={`font-semibold p-0 m-0 leading-none tracking-wide line-clamp-1 ${textStyles}`}\n                            data-testid=\"notification-type\"\n                        >\n                            {notificationType}{' '}\n                            <span\n                                className=\"text-grayscale-600 normal-case font-normal text-sm\"\n                                data-testid=\"notification-cred-issue-date\"\n                            >\n                                • {issueDate}\n                            </span>\n                        </p>\n                    </div>\n                </div>\n                <div className=\"flex items-center justify-between w-full mt-3\">\n                    <button\n                        onClick={onClick}\n                        className={`flex-1 rounded-[24px] border-solid border-2 bg-white font-semibold mr-2 py-2 px-3 tracking-wide ${viewButtonStyles}`}\n                        role=\"button\"\n                        name=\"notification-view-button\"\n                    >\n                        View\n                    </button>\n                    <button\n                        className={`flex items-center justify-center flex-1 rounded-[24px] border-2 border-solid font-semibold py-2 px-3 tracking-wide ${claimButtonStyles}`}\n                        onClick={handleClaim}\n                        role=\"button\"\n                        name=\"notification-claim-button\"\n                    >\n                        {isClaimed && <Checkmark className=\"h-[24px] p-0 m-0\" />}{' '}\n                        {isClaimed ? 'Claimed' : 'Claim'}\n                    </button>\n                </div>\n            </div>\n        </div>\n    );\n};\n\nexport default Notification;\n"],"names":[],"mappings":"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"}

package/dist/esm/{RoundedSquare-2923b1ad.js → RoundedSquare-bc5bf73b.js}

@@ -17,10 +17,8 @@ const RoundedSquare = ({
     className: "w-full py-[10px] relative"
   }, /* @__PURE__ */ React.createElement("h3", {
     className: "line-clamp-2 font-bold text-[17px] text-grayscale-900"
-  }, title), /* @__PURE__ */ React.createElement("p", {
-    className: "line-clamp-2 text-[10px] text-grayscale-900 text-opacity-60"
-  }, description)), /* @__PURE__ */ React.createElement("div", {
-    className: "flex w-full justify-end icon-display absolute right-[20px] bottom-[15px]"
+  }, title)), /* @__PURE__ */ React.createElement("div", {
+    className: "flex w-full justify-end icon-display absolute right-[20px] bottom-[15px] max-h-[50px] max-w-[50px]"
   }, /* @__PURE__ */ React.createElement(CircleIcon, {
     iconSrc,
     count
@@ -28,4 +26,4 @@ const RoundedSquare = ({
 };
 
 export { RoundedSquare as R };
-//# sourceMappingURL=RoundedSquare-2923b1ad.js.map
+//# sourceMappingURL=RoundedSquare-bc5bf73b.js.map

package/dist/esm/RoundedSquare-bc5bf73b.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"RoundedSquare-bc5bf73b.js","sources":["../../src/components/RoundedSquare/RoundedSquare.tsx"],"sourcesContent":["import React from 'react';\nimport { Icons } from '../../types';\nimport { ICONS_TO_SOURCE } from '../../constants/icons';\nimport CircleIcon from '../CircleIcon/CircleIcon';\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 const RoundedSquare: React.FC<RoundedSquareProps> = ({\n    title = 'Learning History',\n    description = 'Lorem ipsum sit dalor amet',\n    iconSrc = ICONS_TO_SOURCE[Icons.sheckelsIcon],\n    count = '28',\n    onClick = () => {},\n    bgColor = 'bg-cyan-200',\n}) => {\n    return (\n        <button\n            onClick={onClick}\n            className={`flex relative ${bgColor}  py-[15px] px-[15px] w-[170px] h-[170px] rounded-[40px] rounded-square-card-container`}\n        >\n            <div className=\"w-full py-[10px] relative\">\n                <h3 className=\"line-clamp-2 font-bold text-[17px] text-grayscale-900\">{title}</h3>\n            </div>\n\n            <div className=\"flex w-full justify-end icon-display absolute right-[20px] bottom-[15px] max-h-[50px] max-w-[50px]\">\n                <CircleIcon iconSrc={iconSrc} count={count} />\n            </div>\n        </button>\n    );\n};\n\nexport default RoundedSquare;\n"],"names":[],"mappings":";;;AAIY,MAAC,aAAa,GAAG,CAAC;AAC9B,EAAE,KAAK,GAAG,kBAAkB;AAC5B,EAAE,WAAW,GAAG,4BAA4B;AAC5C,EAAE,OAAO,GAAG,eAAe,CAAC,KAAK,CAAC,YAAY,CAAC;AAC/C,EAAE,KAAK,GAAG,IAAI;AACd,EAAE,OAAO,GAAG,MAAM;AAClB,GAAG;AACH,EAAE,OAAO,GAAG,aAAa;AACzB,CAAC,KAAK;AACN,EAAE,uBAAuB,KAAK,CAAC,aAAa,CAAC,QAAQ,EAAE;AACvD,IAAI,OAAO;AACX,IAAI,SAAS,EAAE,CAAC,cAAc,EAAE,OAAO,CAAC,sFAAsF,CAAC;AAC/H,GAAG,kBAAkB,KAAK,CAAC,aAAa,CAAC,KAAK,EAAE;AAChD,IAAI,SAAS,EAAE,2BAA2B;AAC1C,GAAG,kBAAkB,KAAK,CAAC,aAAa,CAAC,IAAI,EAAE;AAC/C,IAAI,SAAS,EAAE,uDAAuD;AACtE,GAAG,EAAE,KAAK,CAAC,CAAC,kBAAkB,KAAK,CAAC,aAAa,CAAC,KAAK,EAAE;AACzD,IAAI,SAAS,EAAE,oGAAoG;AACnH,GAAG,kBAAkB,KAAK,CAAC,aAAa,CAAC,UAAU,EAAE;AACrD,IAAI,OAAO;AACX,IAAI,KAAK;AACT,GAAG,CAAC,CAAC,CAAC,CAAC;AACP;;;;"}

package/dist/esm/SmallAchievementCard-44f6fef8.js

@@ -0,0 +1,36 @@
+import React from 'react';
+import { T as Trophy } from './Trophy-702610b8.js';
+
+const SmallAchievementCard = ({
+  title = "Title Lorem Ipsum",
+  thumbImgSrc,
+  date = "Apr 20, 2022",
+  onClick = () => {
+  }
+}) => {
+  const thumbClass = thumbImgSrc ? "bg-grayscale-50" : "bg-indigo-200";
+  return /* @__PURE__ */ React.createElement("button", {
+    onClick,
+    className: `flex-col shadow-[0_0_8px_0px_rgba(0,0,0,0.2)] relative $ py-[8px] px-[8px] w-[160px] h-[209px] rounded-[20px] rounded-square-card-container`
+  }, /* @__PURE__ */ React.createElement("section", {
+    className: `flex h-[110px] ${thumbClass} flex-col justify-center items-center w-full rounded-[20px]`
+  }, thumbImgSrc && /* @__PURE__ */ React.createElement("img", {
+    className: "h-full w-full object-contain",
+    src: thumbImgSrc != null ? thumbImgSrc : "",
+    alt: "Credential Achievement Image"
+  }), (!thumbImgSrc || thumbImgSrc === "") && /* @__PURE__ */ React.createElement(Trophy, {
+    className: "achievement-placeholder-trophy flex p-[15px]",
+    color: "#ffffff"
+  })), /* @__PURE__ */ React.createElement("section", {
+    className: "achievement-title w-full flex justify-center line-clamp-2"
+  }, /* @__PURE__ */ React.createElement("p", {
+    className: "text-sm text-grayscale-900 font-bold mt-[10px] text-center"
+  }, title)), /* @__PURE__ */ React.createElement("p", {
+    className: "achievement-card-date mt-[5px] text-grayscale-500 text-[12px] w-full text-center"
+  }, date), /* @__PURE__ */ React.createElement("section", {
+    className: "achievement-card-footer"
+  }));
+};
+
+export { SmallAchievementCard as S };
+//# sourceMappingURL=SmallAchievementCard-44f6fef8.js.map

package/dist/esm/SmallAchievementCard-44f6fef8.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"SmallAchievementCard-44f6fef8.js","sources":["../../src/components/SmallAchievementCard/SmallAchievementCard.tsx"],"sourcesContent":["import React from 'react';\nimport { SmallAchievementCardProps } from '../../types';\nimport { Trophy } from '../svgs';\n\nexport const SmallAchievementCard: React.FC<SmallAchievementCardProps> = ({\n    title = 'Title Lorem Ipsum',\n    thumbImgSrc,\n    date = 'Apr 20, 2022',\n    onClick = () => {},\n}) => {\n    const thumbClass = thumbImgSrc ? 'bg-grayscale-50' : 'bg-indigo-200';\n    return (\n        <button\n            onClick={onClick}\n            className={`flex-col shadow-[0_0_8px_0px_rgba(0,0,0,0.2)] relative $ py-[8px] px-[8px] w-[160px] h-[209px] rounded-[20px] rounded-square-card-container`}\n        >\n            <section\n                className={`flex h-[110px] ${thumbClass} flex-col justify-center items-center w-full rounded-[20px]`}\n            >\n                {thumbImgSrc && (\n                    <img\n                        className=\"h-full w-full object-contain\"\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            </section>\n\n            <section className=\"achievement-title w-full flex justify-center line-clamp-2\">\n                <p className=\"text-sm text-grayscale-900 font-bold mt-[10px] text-center\">\n                    {title}\n                </p>\n            </section>\n            <p className=\"achievement-card-date mt-[5px] text-grayscale-500 text-[12px] w-full text-center\">{date}</p>\n            <section className=\"achievement-card-footer\"></section>\n        </button>\n    );\n};\n\nexport default SmallAchievementCard;\n"],"names":[],"mappings":";;;AAEY,MAAC,oBAAoB,GAAG,CAAC;AACrC,EAAE,KAAK,GAAG,mBAAmB;AAC7B,EAAE,WAAW;AACb,EAAE,IAAI,GAAG,cAAc;AACvB,EAAE,OAAO,GAAG,MAAM;AAClB,GAAG;AACH,CAAC,KAAK;AACN,EAAE,MAAM,UAAU,GAAG,WAAW,GAAG,iBAAiB,GAAG,eAAe,CAAC;AACvE,EAAE,uBAAuB,KAAK,CAAC,aAAa,CAAC,QAAQ,EAAE;AACvD,IAAI,OAAO;AACX,IAAI,SAAS,EAAE,CAAC,2IAA2I,CAAC;AAC5J,GAAG,kBAAkB,KAAK,CAAC,aAAa,CAAC,SAAS,EAAE;AACpD,IAAI,SAAS,EAAE,CAAC,eAAe,EAAE,UAAU,CAAC,2DAA2D,CAAC;AACxG,GAAG,EAAE,WAAW,oBAAoB,KAAK,CAAC,aAAa,CAAC,KAAK,EAAE;AAC/D,IAAI,SAAS,EAAE,8BAA8B;AAC7C,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,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,4DAA4D;AAC3E,GAAG,EAAE,KAAK,CAAC,CAAC,kBAAkB,KAAK,CAAC,aAAa,CAAC,GAAG,EAAE;AACvD,IAAI,SAAS,EAAE,kFAAkF;AACjG,GAAG,EAAE,IAAI,CAAC,kBAAkB,KAAK,CAAC,aAAa,CAAC,SAAS,EAAE;AAC3D,IAAI,SAAS,EAAE,yBAAyB;AACxC,GAAG,CAAC,CAAC,CAAC;AACN;;;;"}

package/dist/esm/Trophy-702610b8.js

@@ -0,0 +1,19 @@
+import React from 'react';
+
+const Trophy = ({
+  className = "",
+  color = "currentColor"
+}) => {
+  return /* @__PURE__ */ React.createElement("svg", {
+    viewBox: "0 0 31 30",
+    fill: "none",
+    className,
+    "data-testid": "achievement-icon"
+  }, /* @__PURE__ */ React.createElement("path", {
+    d: "M26.75 5H23V3.75C23 3.41848 22.8683 3.10054 22.6339 2.86612C22.3995 2.6317 22.0815 2.5 21.75 2.5H9.25C8.91848 2.5 8.60054 2.6317 8.36612 2.86612C8.1317 3.10054 8 3.41848 8 3.75V5H4.25C3.91848 5 3.60054 5.1317 3.36612 5.36612C3.1317 5.60054 3 5.91848 3 6.25V10C3 11.3261 3.52678 12.5979 4.46447 13.5355C5.40215 14.4732 6.67392 15 8 15H9.925C11.0557 16.2614 12.5801 17.1029 14.25 17.3875V20H13C12.0054 20 11.0516 20.3951 10.3483 21.0983C9.64509 21.8016 9.25 22.7554 9.25 23.75V26.25C9.25 26.5815 9.3817 26.8995 9.61612 27.1339C9.85054 27.3683 10.1685 27.5 10.5 27.5H20.5C20.8315 27.5 21.1495 27.3683 21.3839 27.1339C21.6183 26.8995 21.75 26.5815 21.75 26.25V23.75C21.75 22.7554 21.3549 21.8016 20.6517 21.0983C19.9484 20.3951 18.9946 20 18 20H16.75V17.3875C18.4199 17.1029 19.9443 16.2614 21.075 15H23C24.3261 15 25.5979 14.4732 26.5355 13.5355C27.4732 12.5979 28 11.3261 28 10V6.25C28 5.91848 27.8683 5.60054 27.6339 5.36612C27.3995 5.1317 27.0815 5 26.75 5V5ZM8 12.5C7.33696 12.5 6.70107 12.2366 6.23223 11.7678C5.76339 11.2989 5.5 10.663 5.5 10V7.5H8V10C8.00275 10.8521 8.1507 11.6976 8.4375 12.5H8ZM18 22.5C18.3315 22.5 18.6495 22.6317 18.8839 22.8661C19.1183 23.1005 19.25 23.4185 19.25 23.75V25H11.75V23.75C11.75 23.4185 11.8817 23.1005 12.1161 22.8661C12.3505 22.6317 12.6685 22.5 13 22.5H18ZM20.5 10C20.5 11.3261 19.9732 12.5979 19.0355 13.5355C18.0979 14.4732 16.8261 15 15.5 15C14.1739 15 12.9021 14.4732 11.9645 13.5355C11.0268 12.5979 10.5 11.3261 10.5 10V5H20.5V10ZM25.5 10C25.5 10.663 25.2366 11.2989 24.7678 11.7678C24.2989 12.2366 23.663 12.5 23 12.5H22.5625C22.8493 11.6976 22.9972 10.8521 23 10V7.5H25.5V10Z",
+    fill: color
+  }));
+};
+
+export { Trophy as T };
+//# sourceMappingURL=Trophy-702610b8.js.map

package/dist/esm/Trophy-702610b8.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Trophy-702610b8.js","sources":["../../src/components/svgs/Trophy.tsx"],"sourcesContent":["import React from 'react';\n\nexport const Trophy: React.FC<{ className?: string; color?: string }> = ({\n    className = '',\n    color = 'currentColor',\n}) => {\n    return (\n        <svg viewBox=\"0 0 31 30\" fill=\"none\" className={className} data-testid=\"achievement-icon\">\n            <path\n                d=\"M26.75 5H23V3.75C23 3.41848 22.8683 3.10054 22.6339 2.86612C22.3995 2.6317 22.0815 2.5 21.75 2.5H9.25C8.91848 2.5 8.60054 2.6317 8.36612 2.86612C8.1317 3.10054 8 3.41848 8 3.75V5H4.25C3.91848 5 3.60054 5.1317 3.36612 5.36612C3.1317 5.60054 3 5.91848 3 6.25V10C3 11.3261 3.52678 12.5979 4.46447 13.5355C5.40215 14.4732 6.67392 15 8 15H9.925C11.0557 16.2614 12.5801 17.1029 14.25 17.3875V20H13C12.0054 20 11.0516 20.3951 10.3483 21.0983C9.64509 21.8016 9.25 22.7554 9.25 23.75V26.25C9.25 26.5815 9.3817 26.8995 9.61612 27.1339C9.85054 27.3683 10.1685 27.5 10.5 27.5H20.5C20.8315 27.5 21.1495 27.3683 21.3839 27.1339C21.6183 26.8995 21.75 26.5815 21.75 26.25V23.75C21.75 22.7554 21.3549 21.8016 20.6517 21.0983C19.9484 20.3951 18.9946 20 18 20H16.75V17.3875C18.4199 17.1029 19.9443 16.2614 21.075 15H23C24.3261 15 25.5979 14.4732 26.5355 13.5355C27.4732 12.5979 28 11.3261 28 10V6.25C28 5.91848 27.8683 5.60054 27.6339 5.36612C27.3995 5.1317 27.0815 5 26.75 5V5ZM8 12.5C7.33696 12.5 6.70107 12.2366 6.23223 11.7678C5.76339 11.2989 5.5 10.663 5.5 10V7.5H8V10C8.00275 10.8521 8.1507 11.6976 8.4375 12.5H8ZM18 22.5C18.3315 22.5 18.6495 22.6317 18.8839 22.8661C19.1183 23.1005 19.25 23.4185 19.25 23.75V25H11.75V23.75C11.75 23.4185 11.8817 23.1005 12.1161 22.8661C12.3505 22.6317 12.6685 22.5 13 22.5H18ZM20.5 10C20.5 11.3261 19.9732 12.5979 19.0355 13.5355C18.0979 14.4732 16.8261 15 15.5 15C14.1739 15 12.9021 14.4732 11.9645 13.5355C11.0268 12.5979 10.5 11.3261 10.5 10V5H20.5V10ZM25.5 10C25.5 10.663 25.2366 11.2989 24.7678 11.7678C24.2989 12.2366 23.663 12.5 23 12.5H22.5625C22.8493 11.6976 22.9972 10.8521 23 10V7.5H25.5V10Z\"\n                fill={color}\n            />\n        </svg>\n    );\n};\n\nexport default Trophy;\n"],"names":[],"mappings":";;AACY,MAAC,MAAM,GAAG,CAAC;AACvB,EAAE,SAAS,GAAG,EAAE;AAChB,EAAE,KAAK,GAAG,cAAc;AACxB,CAAC,KAAK;AACN,EAAE,uBAAuB,KAAK,CAAC,aAAa,CAAC,KAAK,EAAE;AACpD,IAAI,OAAO,EAAE,WAAW;AACxB,IAAI,IAAI,EAAE,MAAM;AAChB,IAAI,SAAS;AACb,IAAI,aAAa,EAAE,kBAAkB;AACrC,GAAG,kBAAkB,KAAK,CAAC,aAAa,CAAC,MAAM,EAAE;AACjD,IAAI,CAAC,EAAE,ylDAAylD;AAChmD,IAAI,IAAI,EAAE,KAAK;AACf,GAAG,CAAC,CAAC,CAAC;AACN;;;;"}

package/dist/esm/{VCCard-ce69ff8d.js → VCCard-779741a4.js}

@@ -155996,11 +155996,7 @@ var verifyCredential = /* @__PURE__ */ __name((initWallet) => {
   });
 }, "verifyCredential");
 var issuePresentation = /* @__PURE__ */ __name((initWallet) => {
-  return (wallet, credential) => __async$1(void 0, null, function* () {
-    const did = wallet.pluginMethods.getSubjectDid("key");
-    if (!did)
-      throw new Error("Cannot create presentation: No holder key found");
-    const holder = did;
+  return (wallet, presentation) => __async$1(void 0, null, function* () {
     const kp = wallet.pluginMethods.getSubjectKeypair();
     if (!kp)
       throw new Error("Cannot issue credential: Could not get subject keypair");
@@ -156008,12 +156004,6 @@ var issuePresentation = /* @__PURE__ */ __name((initWallet) => {
       verificationMethod: yield initWallet.pluginMethods.keyToVerificationMethod("key", kp),
       proofPurpose: "assertionMethod"
     };
-    const presentation = {
-      "@context": ["https://www.w3.org/2018/credentials/v1"],
-      type: ["VerifiablePresentation"],
-      holder,
-      verifiableCredential: credential
-    };
     return initWallet.pluginMethods.issuePresentation(presentation, options, kp);
   });
 }, "issuePresentation");
@@ -156039,7 +156029,17 @@ var getVCPlugin = /* @__PURE__ */ __name((wallet) => __async$1(void 0, null, fun
           issuanceDate: "2020-08-19T21:41:50Z",
           credentialSubject: { id: subject }
         };
-      }
+      },
+      getTestVp: (_wallet, _credential) => __async$1(void 0, null, function* () {
+        const credential = _credential || (yield _wallet.pluginMethods.issueCredential(_wallet.pluginMethods.getTestVc()));
+        const did = _wallet.pluginMethods.getSubjectDid("key");
+        return {
+          "@context": ["https://www.w3.org/2018/credentials/v1"],
+          type: ["VerifiablePresentation"],
+          holder: did,
+          verifiableCredential: credential
+        };
+      })
     })
   };
 }), "getVCPlugin");
@@ -161430,6 +161430,7 @@ var walletFromKey = /* @__PURE__ */ __name((_0, ..._1) => __async$1(void 0, [_0,
     }),
     readFromCeramic: wallet.pluginMethods.readContentFromCeramic,
     getTestVc: wallet.pluginMethods.getTestVc,
+    getTestVp: wallet.pluginMethods.getTestVp,
     checkMyEth: wallet.pluginMethods.checkMyEth,
     checkMyDai: wallet.pluginMethods.checkMyDai,
     checkMyUsdc: wallet.pluginMethods.checkMyUsdc
@@ -161496,4 +161497,4 @@ const VCCard = ({ credential, issueeOverride, className = "" }) => {
 };
 
 export { VCCard as V };
-//# sourceMappingURL=VCCard-ce69ff8d.js.map
+//# sourceMappingURL=VCCard-779741a4.js.map