@learncard/react 2.6.54 → 2.6.56

package/dist/cjs/RoundedSquare-7042b3b7.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"RoundedSquare-7042b3b7.js","sources":["../../src/components/RoundedSquare/RoundedSquare.tsx"],"sourcesContent":["import React from 'react';\n\nimport CircleIcon from '../CircleIcon/CircleIcon';\nimport { Icons, WalletCategoryTypes } from '../../types';\nimport { ICONS_TO_SOURCE } from '../../constants/icons';\nimport { TYPE_TO_IMG_SRC, TYPE_TO_WALLET_COLOR } from '../../constants';\n\nexport type RoundedSquareProps = {\n    title?: string;\n    description?: string;\n    type?: WalletCategoryTypes;\n    iconSrc?: string;\n    imgSrc?: string;\n    count?: string | number;\n    onClick?: () => void;\n    bgColor?: string;\n    iconCircleClass?: string;\n    loading?: boolean;\n    containerClass?: 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 = WalletCategoryTypes.achievements,\n    count = '28',\n    onClick = () => {},\n    bgColor,\n    iconCircleClass = '',\n    loading,\n    containerClass = '',\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] rounded-full`;\n    const iconAltDescription = `${title} Icon`;\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 ${containerClass}`}\n        >\n            <div className=\"w-full relative\">\n                <section className=\"title-headline-container flex items-center\">\n                    <h3 className=\"line-clamp-2 font-bold text-[13px] text-grayscale-900 ml-[5px]\">\n                        {title}\n                    </h3>\n                </section>\n\n                <div className=\"graphic-background relative flex justify-center\">\n                    <img alt={iconAltDescription} className=\"max-w-[130px]\" src={imgSource} />\n                </div>\n            </div>\n\n            <div className={`${circleClass} ${iconCircleClass}`}>\n                <CircleIcon iconSrc={iconSrc} count={count} size=\"40\" loading={loading} />\n            </div>\n        </button>\n    );\n};\n\nexport default RoundedSquare;\n"],"names":["ICONS_TO_SOURCE","Icons","WalletCategoryTypes","TYPE_TO_IMG_SRC","TYPE_TO_WALLET_COLOR","React","CircleIcon"],"mappings":";;;;;;;;;;;;AAKY,MAAC,aAAa,GAAG,CAAC;AAC9B,EAAE,KAAK,GAAG,YAAY;AACtB,EAAE,WAAW,GAAG,4BAA4B;AAC5C,EAAE,OAAO,GAAGA,qBAAe,CAACC,WAAK,CAAC,UAAU,CAAC;AAC7C,EAAE,MAAM;AACR,EAAE,IAAI,GAAGC,yBAAmB,CAAC,YAAY;AACzC,EAAE,KAAK,GAAG,IAAI;AACd,EAAE,OAAO,GAAG,MAAM;AAClB,GAAG;AACH,EAAE,OAAO;AACT,EAAE,eAAe,GAAG,EAAE;AACtB,EAAE,OAAO;AACT,EAAE,cAAc,GAAG,EAAE;AACrB,CAAC,KAAK;AACN,EAAE,MAAM,SAAS,GAAG,MAAM,IAAIC,uBAAe,CAAC,IAAI,CAAC,CAAC;AACpD,EAAE,MAAM,eAAe,GAAG,OAAO,IAAI,IAAI,GAAG,OAAO,GAAG,CAAC,GAAG,EAAEC,4BAAoB,CAAC,IAAI,CAAC,CAAC,CAAC,CAAC;AACzF,EAAE,MAAM,WAAW,GAAG,CAAC,+GAA+G,CAAC,CAAC;AACxI,EAAE,MAAM,kBAAkB,GAAG,CAAC,EAAE,KAAK,CAAC,KAAK,CAAC,CAAC;AAC7C,EAAE,uBAAuBC,yBAAK,CAAC,aAAa,CAAC,QAAQ,EAAE;AACvD,IAAI,OAAO;AACX,IAAI,SAAS,EAAE,CAAC,cAAc,EAAE,eAAe,CAAC,sFAAsF,EAAE,cAAc,CAAC,CAAC;AACxJ,GAAG,kBAAkBA,yBAAK,CAAC,aAAa,CAAC,KAAK,EAAE;AAChD,IAAI,SAAS,EAAE,iBAAiB;AAChC,GAAG,kBAAkBA,yBAAK,CAAC,aAAa,CAAC,SAAS,EAAE;AACpD,IAAI,SAAS,EAAE,4CAA4C;AAC3D,GAAG,kBAAkBA,yBAAK,CAAC,aAAa,CAAC,IAAI,EAAE;AAC/C,IAAI,SAAS,EAAE,gEAAgE;AAC/E,GAAG,EAAE,KAAK,CAAC,CAAC,kBAAkBA,yBAAK,CAAC,aAAa,CAAC,KAAK,EAAE;AACzD,IAAI,SAAS,EAAE,iDAAiD;AAChE,GAAG,kBAAkBA,yBAAK,CAAC,aAAa,CAAC,KAAK,EAAE;AAChD,IAAI,GAAG,EAAE,kBAAkB;AAC3B,IAAI,SAAS,EAAE,eAAe;AAC9B,IAAI,GAAG,EAAE,SAAS;AAClB,GAAG,CAAC,CAAC,CAAC,kBAAkBA,yBAAK,CAAC,aAAa,CAAC,KAAK,EAAE;AACnD,IAAI,SAAS,EAAE,CAAC,EAAE,WAAW,CAAC,CAAC,EAAE,eAAe,CAAC,CAAC;AAClD,GAAG,kBAAkBA,yBAAK,CAAC,aAAa,CAACC,qBAAU,EAAE;AACrD,IAAI,OAAO;AACX,IAAI,KAAK;AACT,IAAI,IAAI,EAAE,IAAI;AACd,IAAI,OAAO;AACX,GAAG,CAAC,CAAC,CAAC,CAAC;AACP;;;;"}

package/dist/cjs/SchoolIDCard-fcd1a1ff.js

@@ -0,0 +1,68 @@
+'use strict';
+
+var React = require('react');
+var reactBarcode = require('./react-barcode-41861282.js');
+
+function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
+
+var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
+
+const SchoolIDCard = ({
+  userImage,
+  userName,
+  text = null,
+  extraText,
+  subjectInitials,
+  subjectInitialsClass,
+  showBarcode = true,
+  backgroundImage,
+  className,
+  containerClassName
+}) => {
+  let textEl = null;
+  if (typeof text === "string") {
+    textEl = /* @__PURE__ */ React__default["default"].createElement("h3", {
+      className: "text-xs font-bold uppercase text-black"
+    }, text);
+  } else {
+    textEl = text;
+  }
+  let issueeImageEl = null;
+  const initialsClass = `subject-initials h-[70px] w-[70px] rounded-full mr-[10px] flex flex-row items-center justify-center h-full w-full overflow-hidden bg-emerald-700 text-white font-medium text-3xl ${subjectInitialsClass}`;
+  if (userImage && (userImage == null ? void 0 : userImage.trim()) !== "") {
+    issueeImageEl = /* @__PURE__ */ React__default["default"].createElement("div", {
+      className: "h-[80px] w-[80px] rounded-full overflow-hidden bg-no-repeat bg-cover bg-center border-solid border-[2px] border-white mr-2",
+      style: { backgroundImage: `url(${userImage})` }
+    });
+  } else if (subjectInitials && (!userImage || (userImage == null ? void 0 : userImage.trim()) === "")) {
+    issueeImageEl = /* @__PURE__ */ React__default["default"].createElement("div", {
+      className: initialsClass
+    }, subjectInitials);
+  }
+  return /* @__PURE__ */ React__default["default"].createElement("div", {
+    style: { backgroundImage: `url(${backgroundImage})` },
+    className: `h-[200px] w-[320px] rounded-[20px] overflow-hidden ${className}`
+  }, /* @__PURE__ */ React__default["default"].createElement("div", {
+    className: `h-full w-full flex items-center justify-start relative ${containerClassName}`
+  }, /* @__PURE__ */ React__default["default"].createElement("div", {
+    className: "w-full flex justify-start items-center pl-3 mt-10"
+  }, issueeImageEl, /* @__PURE__ */ React__default["default"].createElement("div", {
+    className: "h-full flex items-start justify-center flex-col mt-7"
+  }, userName && /* @__PURE__ */ React__default["default"].createElement("p", {
+    className: "text-sm text-black font-light"
+  }, userName), textEl && textEl)), showBarcode && /* @__PURE__ */ React__default["default"].createElement("div", {
+    className: "barcode-container"
+  }, /* @__PURE__ */ React__default["default"].createElement("div", {
+    className: "barcode-wrap"
+  }, /* @__PURE__ */ React__default["default"].createElement(reactBarcode.reactBarcode, {
+    value: "barcode-example",
+    height: "22px",
+    width: "1px",
+    fontSize: 0
+  }))), extraText && /* @__PURE__ */ React__default["default"].createElement("div", null, /* @__PURE__ */ React__default["default"].createElement("p", {
+    className: "absolute bottom-3 left-0 w-full flex items-center justify-center text-white text-xs font-semibold"
+  }, extraText))));
+};
+
+exports.SchoolIDCard = SchoolIDCard;
+//# sourceMappingURL=SchoolIDCard-fcd1a1ff.js.map

package/dist/cjs/SchoolIDCard-fcd1a1ff.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"SchoolIDCard-fcd1a1ff.js","sources":["../../src/components/SchoolIdCard/SchoolIDCard.tsx"],"sourcesContent":["import React from 'react';\n\nimport Barcode from 'react-barcode';\n\nimport { SchoolIDCardProps } from './types';\n\nexport const SchoolIDCard: React.FC<SchoolIDCardProps> = ({\n    userImage,\n    userName,\n    text = null,\n    extraText,\n    subjectInitials,\n    subjectInitialsClass,\n    showBarcode = true,\n    backgroundImage,\n    className,\n    containerClassName,\n}) => {\n    let textEl: React.ReactNode | null = null;\n    if (typeof text === 'string') {\n        textEl = <h3 className=\"text-xs font-bold uppercase text-black\">{text}</h3>;\n    } else {\n        textEl = text;\n    }\n\n    let issueeImageEl: React.ReactNode | null = null;\n    const initialsClass = `subject-initials h-[70px] w-[70px] rounded-full mr-[10px] flex flex-row items-center justify-center h-full w-full overflow-hidden bg-emerald-700 text-white font-medium text-3xl ${subjectInitialsClass}`;\n\n    if (userImage && userImage?.trim() !== '') {\n        issueeImageEl = (\n            <div\n                className=\"h-[80px] w-[80px] rounded-full overflow-hidden bg-no-repeat bg-cover bg-center border-solid border-[2px] border-white mr-2\"\n                style={{ backgroundImage: `url(${userImage})` }}\n            />\n        );\n    } else if (subjectInitials && (!userImage || userImage?.trim() === '')) {\n        issueeImageEl = <div className={initialsClass}>{subjectInitials}</div>;\n    }\n\n    return (\n        <div\n            style={{ backgroundImage: `url(${backgroundImage})` }}\n            className={`h-[200px] w-[320px] rounded-[20px] overflow-hidden ${className}`}\n        >\n            <div\n                className={`h-full w-full flex items-center justify-start relative ${containerClassName}`}\n            >\n                <div className=\"w-full flex justify-start items-center pl-3 mt-10\">\n                    {issueeImageEl}\n                    <div className=\"h-full flex items-start justify-center flex-col mt-7\">\n                        {userName && <p className=\"text-sm text-black font-light\">{userName}</p>}\n                        {textEl && textEl}\n                    </div>\n                </div>\n\n                {showBarcode && (\n                    <div className=\"barcode-container\">\n                        <div className=\"barcode-wrap\">\n                            <Barcode\n                                value=\"barcode-example\"\n                                height=\"22px\"\n                                width=\"1px\"\n                                fontSize={0}\n                            />\n                        </div>\n                    </div>\n                )}\n\n                {extraText && (\n                    <div>\n                        <p className=\"absolute bottom-3 left-0 w-full flex items-center justify-center text-white text-xs font-semibold\">\n                            {extraText}\n                        </p>\n                    </div>\n                )}\n            </div>\n        </div>\n    );\n};\n\nexport default SchoolIDCard;\n"],"names":["React","Barcode"],"mappings":"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"}

package/dist/cjs/{SmallAchievementCard-c76701ce.js → SmallAchievementCard-a1fa862b.js}

@@ -1,7 +1,7 @@
 'use strict';
 
 var React = require('react');
-var Trophy = require('./Trophy-9ede7f2b.js');
+var Trophy = require('./Trophy-3d323be3.js');
 
 function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
 
@@ -40,4 +40,4 @@ const SmallAchievementCard = ({
 };
 
 exports.SmallAchievementCard = SmallAchievementCard;
-//# sourceMappingURL=SmallAchievementCard-c76701ce.js.map
+//# sourceMappingURL=SmallAchievementCard-a1fa862b.js.map

package/dist/cjs/{SmallAchievementCard-c76701ce.js.map → SmallAchievementCard-a1fa862b.js.map}

@@ -1 +1 @@
-{"version":3,"file":"SmallAchievementCard-c76701ce.js","sources":["../../src/components/SmallAchievementCard/SmallAchievementCard.tsx"],"sourcesContent":["import React from 'react';\nimport { SmallAchievementCardProps } from '../../types';\nimport { RoundedPill } from '../RoundedPill';\nimport { Trophy } from '../svgs';\n\nexport const SmallAchievementCard: React.FC<SmallAchievementCardProps> = ({\n    title = 'Title Lorem Ipsum',\n    thumbImgSrc,\n    date = 'Apr 20, 2022',\n    showStatus = false,\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\">\n                {date}\n            </p>\n            <section className=\"achievement-card-footer\"></section>\n        </button>\n    );\n};\n\nexport default SmallAchievementCard;\n"],"names":["React","Trophy"],"mappings":";;;;;;;;;AAEY,MAAC,oBAAoB,GAAG,CAAC;AACrC,EAAE,KAAK,GAAG,mBAAmB;AAC7B,EAAE,WAAW;AACb,EAAE,IAAI,GAAG,cAAc;AACvB,EAAE,UAAU,GAAG,KAAK;AACpB,EAAE,OAAO,GAAG,MAAM;AAClB,GAAG;AACH,CAAC,KAAK;AACN,EAAE,MAAM,UAAU,GAAG,WAAW,GAAG,iBAAiB,GAAG,eAAe,CAAC;AACvE,EAAE,uBAAuBA,yBAAK,CAAC,aAAa,CAAC,QAAQ,EAAE;AACvD,IAAI,OAAO;AACX,IAAI,SAAS,EAAE,CAAC,2IAA2I,CAAC;AAC5J,GAAG,kBAAkBA,yBAAK,CAAC,aAAa,CAAC,SAAS,EAAE;AACpD,IAAI,SAAS,EAAE,CAAC,eAAe,EAAE,UAAU,CAAC,2DAA2D,CAAC;AACxG,GAAG,EAAE,WAAW,oBAAoBA,yBAAK,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,qBAAqBA,yBAAK,CAAC,aAAa,CAACC,aAAM,EAAE;AAC1F,IAAI,SAAS,EAAE,8CAA8C;AAC7D,IAAI,KAAK,EAAE,SAAS;AACpB,GAAG,CAAC,CAAC,kBAAkBD,yBAAK,CAAC,aAAa,CAAC,SAAS,EAAE;AACtD,IAAI,SAAS,EAAE,2DAA2D;AAC1E,GAAG,kBAAkBA,yBAAK,CAAC,aAAa,CAAC,GAAG,EAAE;AAC9C,IAAI,SAAS,EAAE,4DAA4D;AAC3E,GAAG,EAAE,KAAK,CAAC,CAAC,kBAAkBA,yBAAK,CAAC,aAAa,CAAC,GAAG,EAAE;AACvD,IAAI,SAAS,EAAE,kFAAkF;AACjG,GAAG,EAAE,IAAI,CAAC,kBAAkBA,yBAAK,CAAC,aAAa,CAAC,SAAS,EAAE;AAC3D,IAAI,SAAS,EAAE,yBAAyB;AACxC,GAAG,CAAC,CAAC,CAAC;AACN;;;;"}
+{"version":3,"file":"SmallAchievementCard-a1fa862b.js","sources":["../../src/components/SmallAchievementCard/SmallAchievementCard.tsx"],"sourcesContent":["import React from 'react';\nimport { SmallAchievementCardProps } from '../../types';\nimport { RoundedPill } from '../RoundedPill';\nimport { Trophy } from '../svgs';\n\nexport const SmallAchievementCard: React.FC<SmallAchievementCardProps> = ({\n    title = 'Title Lorem Ipsum',\n    thumbImgSrc,\n    date = 'Apr 20, 2022',\n    showStatus = false,\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\">\n                {date}\n            </p>\n            <section className=\"achievement-card-footer\"></section>\n        </button>\n    );\n};\n\nexport default SmallAchievementCard;\n"],"names":["React","Trophy"],"mappings":";;;;;;;;;AAEY,MAAC,oBAAoB,GAAG,CAAC;AACrC,EAAE,KAAK,GAAG,mBAAmB;AAC7B,EAAE,WAAW;AACb,EAAE,IAAI,GAAG,cAAc;AACvB,EAAE,UAAU,GAAG,KAAK;AACpB,EAAE,OAAO,GAAG,MAAM;AAClB,GAAG;AACH,CAAC,KAAK;AACN,EAAE,MAAM,UAAU,GAAG,WAAW,GAAG,iBAAiB,GAAG,eAAe,CAAC;AACvE,EAAE,uBAAuBA,yBAAK,CAAC,aAAa,CAAC,QAAQ,EAAE;AACvD,IAAI,OAAO;AACX,IAAI,SAAS,EAAE,CAAC,2IAA2I,CAAC;AAC5J,GAAG,kBAAkBA,yBAAK,CAAC,aAAa,CAAC,SAAS,EAAE;AACpD,IAAI,SAAS,EAAE,CAAC,eAAe,EAAE,UAAU,CAAC,2DAA2D,CAAC;AACxG,GAAG,EAAE,WAAW,oBAAoBA,yBAAK,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,qBAAqBA,yBAAK,CAAC,aAAa,CAACC,aAAM,EAAE;AAC1F,IAAI,SAAS,EAAE,8CAA8C;AAC7D,IAAI,KAAK,EAAE,SAAS;AACpB,GAAG,CAAC,CAAC,kBAAkBD,yBAAK,CAAC,aAAa,CAAC,SAAS,EAAE;AACtD,IAAI,SAAS,EAAE,2DAA2D;AAC1E,GAAG,kBAAkBA,yBAAK,CAAC,aAAa,CAAC,GAAG,EAAE;AAC9C,IAAI,SAAS,EAAE,4DAA4D;AAC3E,GAAG,EAAE,KAAK,CAAC,CAAC,kBAAkBA,yBAAK,CAAC,aAAa,CAAC,GAAG,EAAE;AACvD,IAAI,SAAS,EAAE,kFAAkF;AACjG,GAAG,EAAE,IAAI,CAAC,kBAAkBA,yBAAK,CAAC,aAAa,CAAC,SAAS,EAAE;AAC3D,IAAI,SAAS,EAAE,yBAAyB;AACxC,GAAG,CAAC,CAAC,CAAC;AACN;;;;"}

package/dist/cjs/{Trophy-9ede7f2b.js → Trophy-3d323be3.js}

@@ -8,9 +8,12 @@ var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
 
 const Trophy = ({
   className = "",
-  color = "currentColor"
+  color = "currentColor",
+  size = ""
 }) => {
   return /* @__PURE__ */ React__default["default"].createElement("svg", {
+    height: size,
+    width: size,
     viewBox: "0 0 31 30",
     fill: "none",
     className,
@@ -22,4 +25,4 @@ const Trophy = ({
 };
 
 exports.Trophy = Trophy;
-//# sourceMappingURL=Trophy-9ede7f2b.js.map
+//# sourceMappingURL=Trophy-3d323be3.js.map

package/dist/cjs/Trophy-3d323be3.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Trophy-3d323be3.js","sources":["../../src/components/svgs/Trophy.tsx"],"sourcesContent":["import React from 'react';\n\nexport const Trophy: React.FC<{ className?: string; color?: string; size?: string }> = ({\n    className = '',\n    color = 'currentColor',\n    size = '',\n}) => {\n    return (\n        <svg\n            height={size}\n            width={size}\n            viewBox=\"0 0 31 30\"\n            fill=\"none\"\n            className={className}\n            data-testid=\"achievement-icon\"\n        >\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":["React"],"mappings":";;;;;;;;AACY,MAAC,MAAM,GAAG,CAAC;AACvB,EAAE,SAAS,GAAG,EAAE;AAChB,EAAE,KAAK,GAAG,cAAc;AACxB,EAAE,IAAI,GAAG,EAAE;AACX,CAAC,KAAK;AACN,EAAE,uBAAuBA,yBAAK,CAAC,aAAa,CAAC,KAAK,EAAE;AACpD,IAAI,MAAM,EAAE,IAAI;AAChB,IAAI,KAAK,EAAE,IAAI;AACf,IAAI,OAAO,EAAE,WAAW;AACxB,IAAI,IAAI,EAAE,MAAM;AAChB,IAAI,SAAS;AACb,IAAI,aAAa,EAAE,kBAAkB;AACrC,GAAG,kBAAkBA,yBAAK,CAAC,aAAa,CAAC,MAAM,EAAE;AACjD,IAAI,CAAC,EAAE,ylDAAylD;AAChmD,IAAI,IAAI,EAAE,KAAK;AACf,GAAG,CAAC,CAAC,CAAC;AACN;;;;"}

package/dist/cjs/{User-92f9cf40.js → User-dde46685.js}

@@ -6,8 +6,13 @@ function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'defau
 
 var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
 
-const Briefcase = ({ className = "" }) => {
+const Briefcase = ({
+  className = "",
+  size = ""
+}) => {
   return /* @__PURE__ */ React__default["default"].createElement("svg", {
+    height: size,
+    width: size,
     viewBox: "0 0 31 31",
     fill: "none",
     className,
@@ -51,8 +56,13 @@ const Coins = ({ className = "" }) => {
   }));
 };
 
-const Graduation = ({ className = "" }) => {
+const Graduation = ({
+  className = "",
+  size = ""
+}) => {
   return /* @__PURE__ */ React__default["default"].createElement("svg", {
+    height: size,
+    width: size,
     viewBox: "0 0 31 31",
     fill: "none",
     className,
@@ -63,8 +73,13 @@ const Graduation = ({ className = "" }) => {
   }));
 };
 
-const User = ({ className = "" }) => {
+const User = ({
+  className = "",
+  size = ""
+}) => {
   return /* @__PURE__ */ React__default["default"].createElement("svg", {
+    height: size,
+    width: size,
     viewBox: "0 0 31 31",
     fill: "none",
     className,
@@ -88,4 +103,4 @@ exports.Briefcase = Briefcase;
 exports.Coins = Coins;
 exports.Graduation = Graduation;
 exports.User = User;
-//# sourceMappingURL=User-92f9cf40.js.map
+//# sourceMappingURL=User-dde46685.js.map

package/dist/cjs/User-dde46685.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"User-dde46685.js","sources":["../../src/components/svgs/Briefcase.tsx","../../src/components/svgs/Coins.tsx","../../src/components/svgs/Graduation.tsx","../../src/components/svgs/User.tsx"],"sourcesContent":["import React from 'react';\n\nexport const Briefcase: React.FC<{ className?: string; size?: string }> = ({\n    className = '',\n    size = '',\n}) => {\n    return (\n        <svg\n            height={size}\n            width={size}\n            viewBox=\"0 0 31 31\"\n            fill=\"none\"\n            className={className}\n            data-testid=\"job-icon\"\n        >\n            <path\n                d=\"M25.8135 8.9375H5.18848C4.67071 8.9375 4.25098 9.35723 4.25098 9.875V24.875C4.25098 25.3928 4.67071 25.8125 5.18848 25.8125H25.8135C26.3312 25.8125 26.751 25.3928 26.751 24.875V9.875C26.751 9.35723 26.3312 8.9375 25.8135 8.9375Z\"\n                stroke=\"currentColor\"\n                strokeWidth=\"2\"\n                strokeLinecap=\"round\"\n                strokeLinejoin=\"round\"\n            />\n            <path\n                d=\"M20.1875 8.9375V7.0625C20.1875 6.56522 19.99 6.08831 19.6383 5.73667C19.2867 5.38504 18.8098 5.1875 18.3125 5.1875H12.6875C12.1902 5.1875 11.7133 5.38504 11.3617 5.73667C11.01 6.08831 10.8125 6.56522 10.8125 7.0625V8.9375\"\n                stroke=\"currentColor\"\n                strokeWidth=\"2\"\n                strokeLinecap=\"round\"\n                strokeLinejoin=\"round\"\n            />\n            <path\n                d=\"M26.7509 15.3018C23.3317 17.2799 19.4502 18.3186 15.5 18.3124C11.5504 18.3186 7.66951 17.2803 4.25073 15.3027\"\n                stroke=\"currentColor\"\n                strokeWidth=\"2\"\n                strokeLinecap=\"round\"\n                strokeLinejoin=\"round\"\n            />\n            <path\n                d=\"M14.0938 14.5625H16.9062\"\n                stroke=\"currentColor\"\n                strokeWidth=\"2\"\n                strokeLinecap=\"round\"\n                strokeLinejoin=\"round\"\n            />\n        </svg>\n    );\n};\n\nexport default Briefcase;\n","import React from 'react';\n\nexport const Coins: React.FC<{ className?: string }> = ({ className = '' }) => {\n    return (\n        <svg viewBox=\"0 0 31 30\" fill=\"none\" className={className} data-testid=\"currency-icon\">\n            <path\n                d=\"M5.74324 21.5007C5.74324 21.0133 5.7219 20.5247 5.75357 20.0393C5.76624 19.8405 5.69757 19.7748 5.5449 19.691C4.93921 19.3584 4.38253 18.9628 3.96552 18.4038C3.66551 18.0003 3.49884 17.5566 3.50651 17.0456C3.51951 16.3066 3.53684 15.5668 3.50384 14.8281C3.44817 13.5639 4.00019 12.6165 4.98621 11.8722C5.86691 11.2064 6.8716 10.7934 7.92363 10.4785C8.09863 10.426 8.27497 10.3763 8.45331 10.3379C8.57498 10.3116 8.62331 10.2617 8.61998 10.1305C8.60965 9.75296 8.63365 9.37472 8.61331 8.99714C8.54665 7.7461 9.10833 6.80822 10.08 6.06785C11.0004 5.3656 12.0524 4.9384 13.1578 4.62424C14.4715 4.25126 15.8152 4.06887 17.1789 4.01827C19.3693 3.93546 21.5263 4.12244 23.6157 4.82141C24.6491 5.16678 25.6191 5.63079 26.4271 6.37215C26.9858 6.88446 27.3985 7.48715 27.4855 8.2548C27.5165 8.52952 27.4882 8.81082 27.4882 9.08915C27.4882 9.78451 27.4678 10.4808 27.4938 11.1752C27.5198 11.8696 27.2418 12.4272 26.7628 12.9083C26.1245 13.5482 25.3488 13.9846 24.5114 14.3076C23.8574 14.5603 23.1787 14.7519 22.5077 14.9612C22.4077 14.9941 22.3744 15.0269 22.3764 15.1255C22.38 15.7331 22.3814 16.3414 22.3764 16.9487C22.3764 17.0502 22.4227 17.0936 22.4987 17.138C23.0954 17.487 23.6401 17.8981 24.0544 18.4557C24.4687 19.0134 24.6651 19.6328 24.6211 20.3446C24.5776 21.0938 24.5776 21.8448 24.6211 22.594C24.6681 23.4527 24.2931 24.0922 23.6734 24.6314C22.8684 25.3324 21.9133 25.7665 20.912 26.1102C19.3756 26.636 17.7872 26.9038 16.1662 26.9761C13.7541 27.0832 11.3881 26.842 9.10766 26.0139C8.2223 25.6925 7.38695 25.2762 6.68159 24.6436C6.22025 24.2298 5.85157 23.7517 5.76557 23.1234C5.72657 22.8378 5.74757 22.5444 5.74457 22.2545C5.74124 22.0031 5.74324 21.7514 5.74324 21.5007ZM18.4032 11.724C18.7839 11.6964 19.4996 11.6626 20.211 11.5896C21.4303 11.4647 22.6187 11.2002 23.7537 10.7326C24.4177 10.4588 25.0468 10.1246 25.5581 9.61001C26.2311 8.93273 26.2435 8.25151 25.5914 7.55681C25.1814 7.11942 24.6731 6.81775 24.1337 6.56603C22.829 5.95711 21.439 5.66135 20.0153 5.5138C18.4017 5.34176 16.7719 5.38453 15.1698 5.64098C14.0031 5.8296 12.8698 6.12733 11.8127 6.66166C11.2554 6.94329 10.7344 7.2765 10.357 7.78455C9.97968 8.29259 9.97002 8.81279 10.3384 9.3182C10.4419 9.46061 10.5594 9.59269 10.689 9.71254C11.2801 10.2561 11.9924 10.5975 12.7408 10.8703C14.4585 11.4973 16.2485 11.7003 18.4032 11.724ZM20.4366 15.3789L20.414 15.346C20.383 15.346 20.3516 15.3437 20.321 15.346C19.8843 15.3828 19.4483 15.4344 19.0109 15.4558C17.691 15.5233 16.3676 15.4589 15.0608 15.2635C13.7458 15.0641 12.4634 14.746 11.2517 14.1886C10.538 13.86 9.87068 13.4657 9.32667 12.8909C9.0155 12.5718 8.78903 12.1819 8.66731 11.7559C7.61929 12.049 6.60993 12.398 5.76424 13.0789C5.51156 13.2823 5.29389 13.5445 5.11455 13.815C4.88121 14.166 4.88455 14.5659 5.11055 14.9201C5.27583 15.1847 5.47943 15.4241 5.7149 15.6306C6.42425 16.2356 7.27794 16.5787 8.1613 16.8531C9.56401 17.2885 11.007 17.4751 12.4728 17.5103C14.0675 17.5478 15.6448 17.4173 17.1899 17.0088C18.1592 16.7525 19.0923 16.4084 19.9113 15.8182C20.0966 15.6842 20.2626 15.5258 20.4373 15.3789H20.4366ZM7.29461 20.4586C7.40895 20.7787 7.60295 21.0173 7.83063 21.2269C8.43064 21.7803 9.15066 22.1267 9.91002 22.4034C11.2434 22.8891 12.6291 23.1181 14.0435 23.199C15.7262 23.2949 17.3949 23.2013 19.0409 22.8266C20.018 22.6042 20.963 22.2936 21.8283 21.7813C22.2697 21.5201 22.6754 21.2158 22.9617 20.784C23.2617 20.3305 23.2767 19.8721 22.966 19.4166C22.688 19.0091 22.3034 18.7189 21.885 18.461C21.7667 18.5839 21.6613 18.7038 21.545 18.8123C20.9983 19.3229 20.3593 19.6946 19.6783 19.9976C17.9616 20.76 16.1449 21.1149 14.2781 21.2407C12.3391 21.3722 10.4177 21.2361 8.52398 20.7882C8.12163 20.6929 7.72429 20.5746 7.29461 20.4586ZM4.96121 16.881C4.89655 17.1863 4.97921 17.4396 5.17855 17.6605C5.58123 18.109 6.09558 18.4012 6.63459 18.6519C7.87596 19.2293 9.193 19.5428 10.5484 19.7146C12.6548 19.9818 14.7485 19.9167 16.8192 19.4416C17.8936 19.1951 18.9309 18.8445 19.8826 18.2812C20.226 18.0778 20.552 17.8511 20.8016 17.5323C20.9523 17.3397 20.962 17.1284 20.9296 16.8869C20.8823 16.9198 20.8503 16.9388 20.82 16.9608C20.3244 17.3134 19.7888 17.6076 19.2239 17.8376C17.7926 18.4314 16.2905 18.7298 14.7505 18.8563C12.7354 19.0223 10.7344 18.9394 8.75832 18.4883C7.41828 18.182 6.14158 17.7245 5.02255 16.9076C5.00326 16.8968 4.98294 16.8879 4.96188 16.881H4.96121ZM7.19161 22.6084C7.12494 22.9259 7.21994 23.1934 7.44361 23.408C7.62294 23.5866 7.81755 23.7497 8.0253 23.8953C8.84165 24.4444 9.75534 24.7826 10.7034 25.0271C13.489 25.7413 16.2851 25.7817 19.0916 25.1483C20.172 24.9055 21.2117 24.5443 22.1637 23.9699C22.491 23.7727 22.8014 23.5526 23.0384 23.247C23.187 23.0544 23.198 22.8444 23.1614 22.6127C21.9353 23.3685 21.5397 23.5657 20.6783 23.8496C18.8153 24.4618 16.8945 24.6712 14.9398 24.6501C13.7685 24.6438 12.6005 24.5287 11.4511 24.3064C10.3204 24.083 9.224 23.7553 8.2043 23.2147C7.85963 23.032 7.53395 22.8151 7.19227 22.6084H7.19161ZM26.0291 11.094C25.9941 11.1164 25.9661 11.1315 25.9408 11.1499C25.3891 11.5538 24.7841 11.8624 24.1487 12.1118C22.4047 12.796 20.5786 13.0648 18.7153 13.1242C17.3384 13.1742 15.9601 13.0782 14.6041 12.8377C13.3871 12.6175 12.2064 12.2827 11.1087 11.7079C10.7534 11.5212 10.4184 11.2975 10.0707 11.0888C9.99768 11.4121 10.115 11.6777 10.3404 11.9136C10.6574 12.2445 11.038 12.4894 11.4427 12.6974C12.8714 13.4308 14.4128 13.7782 15.9992 13.953C17.3296 14.1019 18.6727 14.1045 20.0036 13.9606C21.2887 13.8212 22.5427 13.5534 23.7457 13.0789C24.4491 12.8012 25.1258 12.4755 25.6948 11.9682C25.9508 11.7408 26.1228 11.4779 26.0291 11.094Z\"\n                fill=\"currentColor\"\n            />\n        </svg>\n    );\n};\n\nexport default Coins;\n","import React from 'react';\n\nexport const Graduation: React.FC<{ className?: string; size?: string }> = ({\n    className = '',\n    size = '',\n}) => {\n    return (\n        <svg\n            height={size}\n            width={size}\n            viewBox=\"0 0 31 31\"\n            fill=\"none\"\n            className={className}\n            data-testid=\"learning-icon\"\n        >\n            <path\n                d=\"M27.3626 13.2376L26.1126 12.5501L14.8626 6.3001H14.7251C14.6485 6.2677 14.5689 6.24259 14.4876 6.2251H14.2501H14.0251C13.9397 6.2426 13.856 6.2677 13.7751 6.3001H13.6376L2.38759 12.5501C2.19522 12.6591 2.03521 12.8172 1.92388 13.0083C1.81256 13.1993 1.75391 13.4165 1.75391 13.6376C1.75391 13.8587 1.81256 14.0759 1.92388 14.2669C2.03521 14.458 2.19522 14.6161 2.38759 14.7251L5.50009 16.4501V22.3751C5.50009 23.3697 5.89518 24.3235 6.59844 25.0267C7.3017 25.73 8.25553 26.1251 9.25009 26.1251H19.2501C20.2447 26.1251 21.1985 25.73 21.9017 25.0267C22.605 24.3235 23.0001 23.3697 23.0001 22.3751V16.4501L25.5001 15.0501V18.6251C25.5001 18.9566 25.6318 19.2746 25.8662 19.509C26.1006 19.7434 26.4186 19.8751 26.7501 19.8751C27.0816 19.8751 27.3996 19.7434 27.634 19.509C27.8684 19.2746 28.0001 18.9566 28.0001 18.6251V14.3251C27.9997 14.1036 27.9405 13.8862 27.8285 13.6951C27.7165 13.504 27.5557 13.3461 27.3626 13.2376V13.2376ZM20.5001 22.3751C20.5001 22.7066 20.3684 23.0246 20.134 23.259C19.8996 23.4934 19.5816 23.6251 19.2501 23.6251H9.25009C8.91857 23.6251 8.60063 23.4934 8.36621 23.259C8.13179 23.0246 8.00009 22.7066 8.00009 22.3751V17.8376L13.6376 20.9626L13.8251 21.0376H13.9376C14.0413 21.0507 14.1463 21.0507 14.2501 21.0376C14.3538 21.0507 14.4588 21.0507 14.5626 21.0376H14.6751C14.7415 21.0236 14.8049 20.9982 14.8626 20.9626L20.5001 17.8376V22.3751ZM14.2501 18.4501L5.57509 13.6251L14.2501 8.8001L22.9251 13.6251L14.2501 18.4501Z\"\n                fill=\"currentColor\"\n            />\n        </svg>\n    );\n};\n\nexport default Graduation;\n","import React from 'react';\n\nexport const User: React.FC<{ className?: string; size?: string }> = ({\n    className = '',\n    size = '',\n}) => {\n    return (\n        <svg\n            height={size}\n            width={size}\n            viewBox=\"0 0 31 31\"\n            fill=\"none\"\n            className={className}\n            data-testid=\"id-icon\"\n        >\n            <path\n                d=\"M15.5 19.25C19.6421 19.25 23 15.8921 23 11.75C23 7.60786 19.6421 4.25 15.5 4.25C11.3579 4.25 8 7.60786 8 11.75C8 15.8921 11.3579 19.25 15.5 19.25Z\"\n                stroke=\"currentColor\"\n                strokeWidth=\"2\"\n                strokeLinecap=\"round\"\n                strokeLinejoin=\"round\"\n            />\n            <path\n                d=\"M4.13159 25.8114C5.2842 23.8164 6.94153 22.1598 8.93708 21.008C10.9326 19.8563 13.1961 19.25 15.5002 19.25C17.8043 19.25 20.0678 19.8564 22.0633 21.0082C24.0588 22.1599 25.7161 23.8166 26.8687 25.8116\"\n                stroke=\"currentColor\"\n                strokeWidth=\"2\"\n                strokeLinecap=\"round\"\n                strokeLinejoin=\"round\"\n            />\n        </svg>\n    );\n};\n\nexport default User;\n"],"names":["React"],"mappings":";;;;;;;;AACY,MAAC,SAAS,GAAG,CAAC;AAC1B,EAAE,SAAS,GAAG,EAAE;AAChB,EAAE,IAAI,GAAG,EAAE;AACX,CAAC,KAAK;AACN,EAAE,uBAAuBA,yBAAK,CAAC,aAAa,CAAC,KAAK,EAAE;AACpD,IAAI,MAAM,EAAE,IAAI;AAChB,IAAI,KAAK,EAAE,IAAI;AACf,IAAI,OAAO,EAAE,WAAW;AACxB,IAAI,IAAI,EAAE,MAAM;AAChB,IAAI,SAAS;AACb,IAAI,aAAa,EAAE,UAAU;AAC7B,GAAG,kBAAkBA,yBAAK,CAAC,aAAa,CAAC,MAAM,EAAE;AACjD,IAAI,CAAC,EAAE,sOAAsO;AAC7O,IAAI,MAAM,EAAE,cAAc;AAC1B,IAAI,WAAW,EAAE,GAAG;AACpB,IAAI,aAAa,EAAE,OAAO;AAC1B,IAAI,cAAc,EAAE,OAAO;AAC3B,GAAG,CAAC,kBAAkBA,yBAAK,CAAC,aAAa,CAAC,MAAM,EAAE;AAClD,IAAI,CAAC,EAAE,+NAA+N;AACtO,IAAI,MAAM,EAAE,cAAc;AAC1B,IAAI,WAAW,EAAE,GAAG;AACpB,IAAI,aAAa,EAAE,OAAO;AAC1B,IAAI,cAAc,EAAE,OAAO;AAC3B,GAAG,CAAC,kBAAkBA,yBAAK,CAAC,aAAa,CAAC,MAAM,EAAE;AAClD,IAAI,CAAC,EAAE,+GAA+G;AACtH,IAAI,MAAM,EAAE,cAAc;AAC1B,IAAI,WAAW,EAAE,GAAG;AACpB,IAAI,aAAa,EAAE,OAAO;AAC1B,IAAI,cAAc,EAAE,OAAO;AAC3B,GAAG,CAAC,kBAAkBA,yBAAK,CAAC,aAAa,CAAC,MAAM,EAAE;AAClD,IAAI,CAAC,EAAE,0BAA0B;AACjC,IAAI,MAAM,EAAE,cAAc;AAC1B,IAAI,WAAW,EAAE,GAAG;AACpB,IAAI,aAAa,EAAE,OAAO;AAC1B,IAAI,cAAc,EAAE,OAAO;AAC3B,GAAG,CAAC,CAAC,CAAC;AACN;;ACpCY,MAAC,KAAK,GAAG,CAAC,EAAE,SAAS,GAAG,EAAE,EAAE,KAAK;AAC7C,EAAE,uBAAuBA,yBAAK,CAAC,aAAa,CAAC,KAAK,EAAE;AACpD,IAAI,OAAO,EAAE,WAAW;AACxB,IAAI,IAAI,EAAE,MAAM;AAChB,IAAI,SAAS;AACb,IAAI,aAAa,EAAE,eAAe;AAClC,GAAG,kBAAkBA,yBAAK,CAAC,aAAa,CAAC,MAAM,EAAE;AACjD,IAAI,CAAC,EAAE,s6KAAs6K;AAC76K,IAAI,IAAI,EAAE,cAAc;AACxB,GAAG,CAAC,CAAC,CAAC;AACN;;ACVY,MAAC,UAAU,GAAG,CAAC;AAC3B,EAAE,SAAS,GAAG,EAAE;AAChB,EAAE,IAAI,GAAG,EAAE;AACX,CAAC,KAAK;AACN,EAAE,uBAAuBA,yBAAK,CAAC,aAAa,CAAC,KAAK,EAAE;AACpD,IAAI,MAAM,EAAE,IAAI;AAChB,IAAI,KAAK,EAAE,IAAI;AACf,IAAI,OAAO,EAAE,WAAW;AACxB,IAAI,IAAI,EAAE,MAAM;AAChB,IAAI,SAAS;AACb,IAAI,aAAa,EAAE,eAAe;AAClC,GAAG,kBAAkBA,yBAAK,CAAC,aAAa,CAAC,MAAM,EAAE;AACjD,IAAI,CAAC,EAAE,u6CAAu6C;AAC96C,IAAI,IAAI,EAAE,cAAc;AACxB,GAAG,CAAC,CAAC,CAAC;AACN;;ACfY,MAAC,IAAI,GAAG,CAAC;AACrB,EAAE,SAAS,GAAG,EAAE;AAChB,EAAE,IAAI,GAAG,EAAE;AACX,CAAC,KAAK;AACN,EAAE,uBAAuBA,yBAAK,CAAC,aAAa,CAAC,KAAK,EAAE;AACpD,IAAI,MAAM,EAAE,IAAI;AAChB,IAAI,KAAK,EAAE,IAAI;AACf,IAAI,OAAO,EAAE,WAAW;AACxB,IAAI,IAAI,EAAE,MAAM;AAChB,IAAI,SAAS;AACb,IAAI,aAAa,EAAE,SAAS;AAC5B,GAAG,kBAAkBA,yBAAK,CAAC,aAAa,CAAC,MAAM,EAAE;AACjD,IAAI,CAAC,EAAE,oJAAoJ;AAC3J,IAAI,MAAM,EAAE,cAAc;AAC1B,IAAI,WAAW,EAAE,GAAG;AACpB,IAAI,aAAa,EAAE,OAAO;AAC1B,IAAI,cAAc,EAAE,OAAO;AAC3B,GAAG,CAAC,kBAAkBA,yBAAK,CAAC,aAAa,CAAC,MAAM,EAAE;AAClD,IAAI,CAAC,EAAE,0MAA0M;AACjN,IAAI,MAAM,EAAE,cAAc;AAC1B,IAAI,WAAW,EAAE,GAAG;AACpB,IAAI,aAAa,EAAE,OAAO;AAC1B,IAAI,cAAc,EAAE,OAAO;AAC3B,GAAG,CAAC,CAAC,CAAC;AACN;;;;;;;"}

package/dist/cjs/{VCCard-91d422a7.js → VCCard-1e875d62.js}

@@ -2,11 +2,47 @@
 
 var React = require('react');
 var init = require('@learncard/init');
-var VCDisplayCard = require('./VCDisplayCard-d1158c4a.js');
+var VCDisplayCard = require('./VCDisplayCard-6ce09757.js');
 require('./default-face.jpeg');
 require('react-dom');
-require('./types.esm-d5381f5d.js');
-var VCDisplayCard2 = require('./VCDisplayCard2-487d3d88.js');
+require('./athletics.svg');
+require('./business.svg');
+require('./creative.svg');
+require('./digital.svg');
+require('./durable.svg');
+require('./medical.svg');
+require('./social.svg');
+require('./stem.svg');
+require('./trade.svg');
+require('./VCVerificationPill-d0edd7ae.js');
+require('./icons-2c6b7ed0.js');
+require('./index-c3097979.js');
+require('./DotsThreeOutline.svg');
+require('./CaretRightFilled.svg');
+require('./addawardlight.svg');
+require('./numeral-d057158c.js');
+require('./lhplaceholder.png');
+require('./minitrophy.svg');
+require('./minijob.svg');
+require('./minipuzzle.svg');
+require('./contactless-symbol.svg');
+require('./index-8082a131.js');
+require('./card-chip.svg');
+require('./master-card-logo.svg');
+require('./LearnPill-b688ea8e.js');
+require('./verified-check.png');
+require('./types-7f6324ea.js');
+require('./X.svg');
+require('./ArrowArcLeft.svg');
+require('./types-e4d9a257.js');
+require('./constants-d8f1c89f.js');
+require('./react-barcode-41861282.js');
+require('./skillplaceholder.png');
+require('./skillgraph.svg');
+require('./vc.check.svg');
+require('./ArrowArcRight.svg');
+require('./icon.green.fat-arrow.png');
+var VCDisplayCard2 = require('./VCDisplayCard2-b98cabf4.js');
 
 function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
 
@@ -79,4 +115,4 @@ const VCCard = ({
 };
 
 exports.VCCard = VCCard;
-//# sourceMappingURL=VCCard-91d422a7.js.map
+//# sourceMappingURL=VCCard-1e875d62.js.map

package/dist/cjs/VCCard-1e875d62.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"VCCard-1e875d62.js","sources":["../../src/components/VCCard/VCCard.tsx"],"sourcesContent":["import React, { useState, useEffect } from 'react';\nimport { initLearnCard } from '@learncard/init';\nimport { VC, Profile, VerificationItem } from '@learncard/types';\n\nimport { VCDisplayCard } from '../VCDisplayCard';\nimport {\n    VCDisplayCard2,\n    CredentialIconType,\n} from '../VCDisplayCard2';\n\nimport { MediaMetadata, VideoMetadata } from '../../types';\n\nexport type VCCardProps = {\n    credential: VC;\n    issueeOverride?: Profile;\n    className?: string;\n    version?: '1' | '2';\n\n    /* Only used for version 2 */\n    subjectImageComponent?: React.ReactNode;\n    // convertTagsToSkills?: (tags: string[]) => { [skill: string]: string[] };\n    handleXClick?: () => void;\n    getFileMetadata?: (url: string) => MediaMetadata;\n    getVideoMetadata?: (url: string) => VideoMetadata;\n    onMediaAttachmentClick?: (url: string) => void;\n    bottomRightIcon?: CredentialIconType;\n};\n\nexport const VCCard: React.FC<VCCardProps> = ({\n    credential,\n    issueeOverride,\n    className = '',\n    version = '1',\n    subjectImageComponent,\n    // convertTagsToSkills,\n    handleXClick,\n    getFileMetadata,\n    getVideoMetadata,\n    onMediaAttachmentClick,\n    bottomRightIcon,\n}) => {\n    const [loading, setLoading] = useState(true);\n    const [vcVerification, setVCVerification] = useState<VerificationItem[]>([]);\n\n    useEffect(() => {\n        const verify = async () => {\n            const wallet = await initLearnCard();\n            const verification = await wallet.invoke.verifyCredential(credential, {}, true);\n            setVCVerification(verification);\n            setLoading(false);\n        };\n\n        verify();\n    }, [credential]);\n\n    if (version === '1') {\n        return (\n            <VCDisplayCard\n                credential={credential}\n                issueeOverride={issueeOverride}\n                className={className}\n                loading={loading}\n                verification={vcVerification}\n            />\n        );\n    }\n    return (\n        <VCDisplayCard2\n            credential={credential}\n            issueeOverride={issueeOverride}\n            verificationInProgress={loading}\n            verificationItems={vcVerification}\n            subjectImageComponent={subjectImageComponent}\n            // convertTagsToSkills={convertTagsToSkills}\n            handleXClick={handleXClick}\n            getFileMetadata={getFileMetadata}\n            getVideoMetadata={getVideoMetadata}\n            onMediaAttachmentClick={onMediaAttachmentClick}\n            bottomRightIcon={bottomRightIcon}\n        />\n    );\n};\n\nexport default VCCard;\n"],"names":["useState","useEffect","this","initLearnCard","React","VCDisplayCard","VCDisplayCard2"],"mappings":"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"}

package/dist/cjs/{VCDisplayBackFace-919117cc.js → VCDisplayBackFace-48ae7e66.js}

@@ -2,9 +2,9 @@
 
 var React = require('react');
 var VCVerificationCheck = require('./VCVerificationCheck-46fa75d3.js');
-var VCVerificationPill = require('./VCVerificationPill-0e60ff1b.js');
+var VCVerificationPill = require('./VCVerificationPill-d0edd7ae.js');
 var FlipArrowRight = require('./ArrowArcRight.svg');
-var credential_helpers = require('./credential.helpers-b8363e2e.js');
+var credential_helpers = require('./credential.helpers-703fc1a4.js');
 
 function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
 
@@ -84,4 +84,4 @@ const VCDisplayBackFace = ({
 };
 
 exports.VCDisplayBackFace = VCDisplayBackFace;
-//# sourceMappingURL=VCDisplayBackFace-919117cc.js.map
+//# sourceMappingURL=VCDisplayBackFace-48ae7e66.js.map

package/dist/cjs/{VCDisplayBackFace-919117cc.js.map → VCDisplayBackFace-48ae7e66.js.map}

@@ -1 +1 @@
-{"version":3,"file":"VCDisplayBackFace-919117cc.js","sources":["../../src/components/VCDisplayBackFace/VCDisplayBackFace.tsx"],"sourcesContent":["import React from 'react';\nimport { VCDisplayCardProps } from '../../types';\nimport { VCVerificationCheckWithText } from '../VCVerificationCheck/VCVerificationCheck';\nimport VCVerificationPill from '../VCVerificationPill/VCVerificationPill';\nimport FlipArrowRight from '../../assets/images/ArrowArcRight.svg';\nimport { getNameFromProfile } from '../../helpers/credential.helpers';\n\nexport const VCDisplayBackFace: React.FC<VCDisplayCardProps> = ({\n    issuer,\n    credentialSubject,\n    className = '',\n    loading,\n    verification = [],\n    handleClick,\n    overrideDetailsComponent,\n}) => {\n    const descriptionText = credentialSubject?.achievement?.description;\n    const criteriaText = credentialSubject?.achievement?.criteria?.narrative;\n    const issuerUrl = typeof issuer === 'object' ? issuer.url : '';\n    const issuerName = getNameFromProfile(issuer ?? '');\n    const defaultDetails = (\n        <>\n            <div className=\"width-full\">\n                <h6 className=\"line-clamp-1 text-grayscale-900 font-bold uppercase text-xs tracking-wider subpixel-antialiased\">\n                    Description\n                </h6>\n                <p className=\"line-clamp-3 subpixel-antialiased text-grayscale-600 text-[14px] lc-line-clamp\">\n                    {descriptionText}\n                </p>\n            </div>\n\n            <div className=\"width-full mt-[10px]\">\n                <h6 className=\"line-clamp-1 text-grayscale-900 font-bold uppercase text-xs tracking-wider  subpixel-antialiased\">\n                    Criteria\n                </h6>\n                <p className=\"line-clamp-3 subpixel-antialiased text-grayscale-600 text-[14px] lc-line-clamp\">\n                    {criteriaText}\n                </p>\n            </div>\n\n            <div className=\"width-full mt-[10px] line-clamp-1 overflow-hidden vc-issuer-name-info\">\n                <h6 className=\"line-clamp-1 text-grayscale-900 font-bold uppercase text-xs tracking-wider subpixel-antialiased\">\n                    Issuer\n                </h6>\n                <p className=\"max-w-[344px] line-clamp-1 subpixel-antialiased text-grayscale-600 text-[14px] block overflow-ellipsis break-all\">\n                    {issuerName}\n                </p>\n            </div>\n\n            {issuerUrl && (\n                <p className=\"text-indigo-500 font-bold text-xs width-full text-center mt-8\">\n                    {issuerUrl}\n                </p>\n            )}\n        </>\n    );\n\n    const renderDetails = overrideDetailsComponent ? overrideDetailsComponent : defaultDetails;\n\n    return (\n        <div\n            className={`z-[9] vc-display-main-card-back flex overflow-hidden flex-col items-center justify-between relative max-w-[400px] h-[100%] max-h-[1100px] min-h-[600px] p-7 rounded-3xl shadow-3xl bg-emerald-700 vc-display-card-full-container ${className}`}\n        >\n            <section className=\"flex max-h-[150px] items-end bg-white rounded-bl-[50%] rounded-br-[50%] absolute top-0 w-[110%] h-[55%] min-h-[400px]\"></section>\n            <section className=\"flex flex-col items-center justify-center w-full z-10 text-left credential-details-container max-w-[100%] relative\">\n                <section className=\"flex flex-row items-start justify-start w-full line-clamp-2\">\n                    <h3\n                        className=\"text-2xl line-clamp-2 tracking-wide leading-snug text-left text-emerald-700\"\n                        data-testid=\"vc-credential-details-title tracking-wide subpixel-antialiased\"\n                    >\n                        Credential Details\n                    </h3>\n                </section>\n\n                <section className=\"flex flex-col mt-2 w-full my-2 min-h-[200px] credential-details-info\">\n                    {renderDetails}\n                </section>\n\n                <div className=\"w-full mt-2\"></div>\n\n                <button\n                    onClick={handleClick}\n                    className=\"vc-flip-btn bg-white my-3 border-2 text-indigo-500 font-semibold py-2 px-4 shadow-3xl rounded-full\"\n                >\n                    <span className=\"flex justify-center\">\n                        <img\n                            className=\"h-8 w-8 my-0 mx-4 scale-x-[-1]\"\n                            src={FlipArrowRight ?? ''}\n                            alt=\"Flip Card\"\n                        />\n                    </span>\n                </button>\n\n                <section className=\"flex-col items-center justify-center checklist-container justify-center w-[100%] width-full mt-[20px]\">\n                    <VCVerificationCheckWithText loading={loading} />\n                    <section>\n                        {verification.map(item => (\n                            <VCVerificationPill\n                                key={item.check}\n                                status={item.status}\n                                message={item.message}\n                                details={item.details}\n                            />\n                        ))}\n                    </section>\n                </section>\n            </section>\n        </div>\n    );\n};\n\nexport default VCDisplayBackFace;\n"],"names":["getNameFromProfile","React","FlipArrowRight","VCVerificationCheckWithText","VCVerificationPill"],"mappings":";;;;;;;;;;;;;AAKY,MAAC,iBAAiB,GAAG,CAAC;AAClC,EAAE,MAAM;AACR,EAAE,iBAAiB;AACnB,EAAE,SAAS,GAAG,EAAE;AAChB,EAAE,OAAO;AACT,EAAE,YAAY,GAAG,EAAE;AACnB,EAAE,WAAW;AACb,EAAE,wBAAwB;AAC1B,CAAC,KAAK;AACN,EAAE,IAAI,EAAE,EAAE,EAAE,EAAE,EAAE,EAAE,EAAE,CAAC;AACrB,EAAE,MAAM,eAAe,GAAG,CAAC,EAAE,GAAG,iBAAiB,IAAI,IAAI,GAAG,KAAK,CAAC,GAAG,iBAAiB,CAAC,WAAW,KAAK,IAAI,GAAG,KAAK,CAAC,GAAG,EAAE,CAAC,WAAW,CAAC;AACtI,EAAE,MAAM,YAAY,GAAG,CAAC,EAAE,GAAG,CAAC,EAAE,GAAG,iBAAiB,IAAI,IAAI,GAAG,KAAK,CAAC,GAAG,iBAAiB,CAAC,WAAW,KAAK,IAAI,GAAG,KAAK,CAAC,GAAG,EAAE,CAAC,QAAQ,KAAK,IAAI,GAAG,KAAK,CAAC,GAAG,EAAE,CAAC,SAAS,CAAC;AACvK,EAAE,MAAM,SAAS,GAAG,OAAO,MAAM,KAAK,QAAQ,GAAG,MAAM,CAAC,GAAG,GAAG,EAAE,CAAC;AACjE,EAAE,MAAM,UAAU,GAAGA,qCAAkB,CAAC,MAAM,IAAI,IAAI,GAAG,MAAM,GAAG,EAAE,CAAC,CAAC;AACtE,EAAE,MAAM,cAAc,mBAAmBC,yBAAK,CAAC,aAAa,CAACA,yBAAK,CAAC,QAAQ,EAAE,IAAI,kBAAkBA,yBAAK,CAAC,aAAa,CAAC,KAAK,EAAE;AAC9H,IAAI,SAAS,EAAE,YAAY;AAC3B,GAAG,kBAAkBA,yBAAK,CAAC,aAAa,CAAC,IAAI,EAAE;AAC/C,IAAI,SAAS,EAAE,iGAAiG;AAChH,GAAG,EAAE,aAAa,CAAC,kBAAkBA,yBAAK,CAAC,aAAa,CAAC,GAAG,EAAE;AAC9D,IAAI,SAAS,EAAE,gFAAgF;AAC/F,GAAG,EAAE,eAAe,CAAC,CAAC,kBAAkBA,yBAAK,CAAC,aAAa,CAAC,KAAK,EAAE;AACnE,IAAI,SAAS,EAAE,sBAAsB;AACrC,GAAG,kBAAkBA,yBAAK,CAAC,aAAa,CAAC,IAAI,EAAE;AAC/C,IAAI,SAAS,EAAE,kGAAkG;AACjH,GAAG,EAAE,UAAU,CAAC,kBAAkBA,yBAAK,CAAC,aAAa,CAAC,GAAG,EAAE;AAC3D,IAAI,SAAS,EAAE,gFAAgF;AAC/F,GAAG,EAAE,YAAY,CAAC,CAAC,kBAAkBA,yBAAK,CAAC,aAAa,CAAC,KAAK,EAAE;AAChE,IAAI,SAAS,EAAE,uEAAuE;AACtF,GAAG,kBAAkBA,yBAAK,CAAC,aAAa,CAAC,IAAI,EAAE;AAC/C,IAAI,SAAS,EAAE,iGAAiG;AAChH,GAAG,EAAE,QAAQ,CAAC,kBAAkBA,yBAAK,CAAC,aAAa,CAAC,GAAG,EAAE;AACzD,IAAI,SAAS,EAAE,kHAAkH;AACjI,GAAG,EAAE,UAAU,CAAC,CAAC,EAAE,SAAS,oBAAoBA,yBAAK,CAAC,aAAa,CAAC,GAAG,EAAE;AACzE,IAAI,SAAS,EAAE,+DAA+D;AAC9E,GAAG,EAAE,SAAS,CAAC,CAAC,CAAC;AACjB,EAAE,MAAM,aAAa,GAAG,wBAAwB,GAAG,wBAAwB,GAAG,cAAc,CAAC;AAC7F,EAAE,uBAAuBA,yBAAK,CAAC,aAAa,CAAC,KAAK,EAAE;AACpD,IAAI,SAAS,EAAE,CAAC,iOAAiO,EAAE,SAAS,CAAC,CAAC;AAC9P,GAAG,kBAAkBA,yBAAK,CAAC,aAAa,CAAC,SAAS,EAAE;AACpD,IAAI,SAAS,EAAE,uHAAuH;AACtI,GAAG,CAAC,kBAAkBA,yBAAK,CAAC,aAAa,CAAC,SAAS,EAAE;AACrD,IAAI,SAAS,EAAE,oHAAoH;AACnI,GAAG,kBAAkBA,yBAAK,CAAC,aAAa,CAAC,SAAS,EAAE;AACpD,IAAI,SAAS,EAAE,6DAA6D;AAC5E,GAAG,kBAAkBA,yBAAK,CAAC,aAAa,CAAC,IAAI,EAAE;AAC/C,IAAI,SAAS,EAAE,6EAA6E;AAC5F,IAAI,aAAa,EAAE,gEAAgE;AACnF,GAAG,EAAE,oBAAoB,CAAC,CAAC,kBAAkBA,yBAAK,CAAC,aAAa,CAAC,SAAS,EAAE;AAC5E,IAAI,SAAS,EAAE,sEAAsE;AACrF,GAAG,EAAE,aAAa,CAAC,kBAAkBA,yBAAK,CAAC,aAAa,CAAC,KAAK,EAAE;AAChE,IAAI,SAAS,EAAE,aAAa;AAC5B,GAAG,CAAC,kBAAkBA,yBAAK,CAAC,aAAa,CAAC,QAAQ,EAAE;AACpD,IAAI,OAAO,EAAE,WAAW;AACxB,IAAI,SAAS,EAAE,oGAAoG;AACnH,GAAG,kBAAkBA,yBAAK,CAAC,aAAa,CAAC,MAAM,EAAE;AACjD,IAAI,SAAS,EAAE,qBAAqB;AACpC,GAAG,kBAAkBA,yBAAK,CAAC,aAAa,CAAC,KAAK,EAAE;AAChD,IAAI,SAAS,EAAE,gCAAgC;AAC/C,IAAI,GAAG,EAAE,CAAC,EAAE,GAAGC,kCAAc,KAAK,IAAI,GAAG,EAAE,GAAG,EAAE;AAChD,IAAI,GAAG,EAAE,WAAW;AACpB,GAAG,CAAC,CAAC,CAAC,kBAAkBD,yBAAK,CAAC,aAAa,CAAC,SAAS,EAAE;AACvD,IAAI,SAAS,EAAE,uGAAuG;AACtH,GAAG,kBAAkBA,yBAAK,CAAC,aAAa,CAACE,+CAA2B,EAAE;AACtE,IAAI,OAAO;AACX,GAAG,CAAC,kBAAkBF,yBAAK,CAAC,aAAa,CAAC,SAAS,EAAE,IAAI,EAAE,YAAY,CAAC,GAAG,CAAC,CAAC,IAAI,qBAAqBA,yBAAK,CAAC,aAAa,CAACG,qCAAkB,EAAE;AAC9I,IAAI,GAAG,EAAE,IAAI,CAAC,KAAK;AACnB,IAAI,MAAM,EAAE,IAAI,CAAC,MAAM;AACvB,IAAI,OAAO,EAAE,IAAI,CAAC,OAAO;AACzB,IAAI,OAAO,EAAE,IAAI,CAAC,OAAO;AACzB,GAAG,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC;AACV;;;;"}
+{"version":3,"file":"VCDisplayBackFace-48ae7e66.js","sources":["../../src/components/VCDisplayBackFace/VCDisplayBackFace.tsx"],"sourcesContent":["import React from 'react';\nimport { VCDisplayCardProps } from '../../types';\nimport { VCVerificationCheckWithText } from '../VCVerificationCheck/VCVerificationCheck';\nimport VCVerificationPill from '../VCVerificationPill/VCVerificationPill';\nimport FlipArrowRight from '../../assets/images/ArrowArcRight.svg';\nimport { getNameFromProfile } from '../../helpers/credential.helpers';\n\nexport const VCDisplayBackFace: React.FC<VCDisplayCardProps> = ({\n    issuer,\n    credentialSubject,\n    className = '',\n    loading,\n    verification = [],\n    handleClick,\n    overrideDetailsComponent,\n}) => {\n    const descriptionText = credentialSubject?.achievement?.description;\n    const criteriaText = credentialSubject?.achievement?.criteria?.narrative;\n    const issuerUrl = typeof issuer === 'object' ? issuer.url : '';\n    const issuerName = getNameFromProfile(issuer ?? '');\n    const defaultDetails = (\n        <>\n            <div className=\"width-full\">\n                <h6 className=\"line-clamp-1 text-grayscale-900 font-bold uppercase text-xs tracking-wider subpixel-antialiased\">\n                    Description\n                </h6>\n                <p className=\"line-clamp-3 subpixel-antialiased text-grayscale-600 text-[14px] lc-line-clamp\">\n                    {descriptionText}\n                </p>\n            </div>\n\n            <div className=\"width-full mt-[10px]\">\n                <h6 className=\"line-clamp-1 text-grayscale-900 font-bold uppercase text-xs tracking-wider  subpixel-antialiased\">\n                    Criteria\n                </h6>\n                <p className=\"line-clamp-3 subpixel-antialiased text-grayscale-600 text-[14px] lc-line-clamp\">\n                    {criteriaText}\n                </p>\n            </div>\n\n            <div className=\"width-full mt-[10px] line-clamp-1 overflow-hidden vc-issuer-name-info\">\n                <h6 className=\"line-clamp-1 text-grayscale-900 font-bold uppercase text-xs tracking-wider subpixel-antialiased\">\n                    Issuer\n                </h6>\n                <p className=\"max-w-[344px] line-clamp-1 subpixel-antialiased text-grayscale-600 text-[14px] block overflow-ellipsis break-all\">\n                    {issuerName}\n                </p>\n            </div>\n\n            {issuerUrl && (\n                <p className=\"text-indigo-500 font-bold text-xs width-full text-center mt-8\">\n                    {issuerUrl}\n                </p>\n            )}\n        </>\n    );\n\n    const renderDetails = overrideDetailsComponent ? overrideDetailsComponent : defaultDetails;\n\n    return (\n        <div\n            className={`z-[9] vc-display-main-card-back flex overflow-hidden flex-col items-center justify-between relative max-w-[400px] h-[100%] max-h-[1100px] min-h-[600px] p-7 rounded-3xl shadow-3xl bg-emerald-700 vc-display-card-full-container ${className}`}\n        >\n            <section className=\"flex max-h-[150px] items-end bg-white rounded-bl-[50%] rounded-br-[50%] absolute top-0 w-[110%] h-[55%] min-h-[400px]\"></section>\n            <section className=\"flex flex-col items-center justify-center w-full z-10 text-left credential-details-container max-w-[100%] relative\">\n                <section className=\"flex flex-row items-start justify-start w-full line-clamp-2\">\n                    <h3\n                        className=\"text-2xl line-clamp-2 tracking-wide leading-snug text-left text-emerald-700\"\n                        data-testid=\"vc-credential-details-title tracking-wide subpixel-antialiased\"\n                    >\n                        Credential Details\n                    </h3>\n                </section>\n\n                <section className=\"flex flex-col mt-2 w-full my-2 min-h-[200px] credential-details-info\">\n                    {renderDetails}\n                </section>\n\n                <div className=\"w-full mt-2\"></div>\n\n                <button\n                    onClick={handleClick}\n                    className=\"vc-flip-btn bg-white my-3 border-2 text-indigo-500 font-semibold py-2 px-4 shadow-3xl rounded-full\"\n                >\n                    <span className=\"flex justify-center\">\n                        <img\n                            className=\"h-8 w-8 my-0 mx-4 scale-x-[-1]\"\n                            src={FlipArrowRight ?? ''}\n                            alt=\"Flip Card\"\n                        />\n                    </span>\n                </button>\n\n                <section className=\"flex-col items-center justify-center checklist-container justify-center w-[100%] width-full mt-[20px]\">\n                    <VCVerificationCheckWithText loading={loading} />\n                    <section>\n                        {verification.map(item => (\n                            <VCVerificationPill\n                                key={item.check}\n                                status={item.status}\n                                message={item.message}\n                                details={item.details}\n                            />\n                        ))}\n                    </section>\n                </section>\n            </section>\n        </div>\n    );\n};\n\nexport default VCDisplayBackFace;\n"],"names":["getNameFromProfile","React","FlipArrowRight","VCVerificationCheckWithText","VCVerificationPill"],"mappings":"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"}

package/dist/cjs/{VCDisplayCard-d1158c4a.js → VCDisplayCard-6ce09757.js}

@@ -5,8 +5,8 @@ var FlippyCard = require('./FlippyCard-209549c5.js');
 var FatArrow = require('./icon.green.fat-arrow.png');
 var DefaultFace = require('./default-face.jpeg');
 var VCVerificationCheck = require('./VCVerificationCheck-46fa75d3.js');
-var credential_helpers = require('./credential.helpers-b8363e2e.js');
-var VCDisplayBackFace = require('./VCDisplayBackFace-919117cc.js');
+var credential_helpers = require('./credential.helpers-703fc1a4.js');
+var VCDisplayBackFace = require('./VCDisplayBackFace-48ae7e66.js');
 
 function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
 
@@ -188,4 +188,4 @@ const VCDisplayCard = ({
 };
 
 exports.VCDisplayCard = VCDisplayCard;
-//# sourceMappingURL=VCDisplayCard-d1158c4a.js.map
+//# sourceMappingURL=VCDisplayCard-6ce09757.js.map

package/dist/cjs/{VCDisplayCard-d1158c4a.js.map → VCDisplayCard-6ce09757.js.map}

@@ -1 +1 @@
-{"version":3,"file":"VCDisplayCard-d1158c4a.js","sources":["../../src/components/VCDisplayFrontFace/VCDisplayFrontFace.tsx","../../src/components/VCDisplayCard/VCDisplayCard.tsx"],"sourcesContent":["import React from 'react';\nimport { VCDisplayCardProps } from '../../types';\nimport FatArrow from '../../assets/images/icon.green.fat-arrow.png';\nimport FlipArrowRight from '../../assets/images/ArrowArcRight.svg';\nimport DefaultFace from '../../assets/images/default-face.jpeg';\nimport { VCVerificationCheckWithText } from '../VCVerificationCheck/VCVerificationCheck';\nimport { getImageFromProfile, getNameFromProfile } from '../../helpers/credential.helpers';\n\nconst VCDisplayFrontFace: React.FC<VCDisplayCardProps> = ({\n    title,\n    createdAt,\n    issuer,\n    issuee,\n    subjectImageComponent,\n    issuerImageComponent,\n    hideProfileBubbles = false,\n    credentialSubject,\n    className = '',\n    loading,\n    handleClick,\n    overrideCardImageComponent,\n    overrideCardTitle,\n    customHeaderComponent,\n}) => {\n    const credentialAchievementImage =\n        credentialSubject?.achievement?.image?.id || credentialSubject?.achievement?.image;\n    const issuerName = getNameFromProfile(issuer ?? '');\n    const issueeName = getNameFromProfile(issuee ?? '');\n    const issuerImage = getImageFromProfile(issuer ?? '');\n    const issueeImage = getImageFromProfile(issuee ?? '');\n\n    const issuerNameAbr = issuerName?.slice(0, 1) ?? '';\n\n    let issueeImageEl: React.ReactNode | null = null;\n    const issuerImgExists = issuerImage && issuerImage !== '';\n    const issueeImgExists = issueeImage && issueeImage !== '';\n    if (issueeImgExists) {\n        issueeImageEl = (\n            <div className=\"flex flex-row items-center justify-center h-full w-full rounded-full border-solid border-4 border-white overflow-hidden bg-white\">\n                <img\n                    className=\"h-full w-full object-cover\"\n                    src={issueeImage || DefaultFace}\n                    alt=\"Issuee image\"\n                />\n            </div>\n        );\n    } else if (!issueeImgExists && subjectImageComponent) {\n        issueeImageEl = subjectImageComponent;\n    }\n\n    let issuerImageEl: React.ReactNode | null = null;\n\n    if (issuerImgExists) {\n        issuerImageEl = (\n            <img className=\"w-4/6 h-4/6 object-cover\" src={issuerImage} alt=\"Issuer image\" />\n        );\n    } else {\n        issuerImageEl = (\n            <div className=\"flex flex-row items-center justify-center h-full w-full overflow-hidden bg-emerald-700 text-white font-medium text-3xl\">\n                {issuerNameAbr}\n            </div>\n        );\n    }\n\n    if (issuerImageComponent) {\n        issuerImageEl = issuerImageComponent;\n    }\n\n    const credImg = credentialAchievementImage ? (\n        <img\n            className=\"h-full w-full object-cover\"\n            src={credentialAchievementImage ?? ''}\n            alt=\"Credential Achievement Image\"\n        />\n    ) : (\n        <></>\n    );\n\n    const renderCardImg = overrideCardImageComponent ? overrideCardImageComponent : credImg;\n    const cardTitle = overrideCardTitle ? overrideCardTitle : title;\n\n    return (\n        <div\n            className={`z-[9] vc-display-main-card-front flex overflow-hidden flex-col items-center justify-between relative max-w-[400px] h-[100%] min-h-[600px] p-7 rounded-3xl shadow-3xl bg-emerald-700 vc-display-card-full-container ${className}`}\n        >\n            <section className=\"bg-white rounded-bl-[50%] rounded-br-[50%] absolute top-0 w-[110%] h-[77%]\"></section>\n            <section className=\"flex flex-col items-center justify-center z-10 text-center credential-thumb-img\">\n                <section className=\"max-w-[100px] max-h-[100px]\">{renderCardImg}</section>\n\n                <section className=\"flex flex-row  w-full line-clamp-2\">\n                    <div className=\"flex flex-row w-full line-clamp-2 py-4 vc-flippy-card-title-front \">\n                        <h3\n                            className=\"vc-thumbnail-title w-full text-2xl line-clamp-2 tracking-wide leading-snug text-center vc-display-title text-gray-900 font-medium\"\n                            data-testid=\"vc-thumbnail-title\"\n                        >\n                            {cardTitle ?? ''}\n                        </h3>\n                    </div>\n\n                    {customHeaderComponent && customHeaderComponent}\n                </section>\n\n                <section className=\"flex flex-row items-center justify-center mt-2 w-full my-2 vc-card-issuer-thumbs\">\n                    {!hideProfileBubbles && (\n                        <>\n                            <div className=\"flex items-center justify-center h-16 w-16 shadow-3xl rounded-full overflow-hidden bg-white\">\n                                {issuerImageEl}\n                            </div>\n                            <img\n                                className=\"h-8 w-8 my-0 mx-4\"\n                                src={FatArrow ?? ''}\n                                alt=\"fat arrow icon\"\n                            />\n                            <div className=\"flex items-center justify-center h-16 w-16 shadow-3xl rounded-full overflow-hidden bg-white\">\n                                {issueeImageEl}\n                            </div>\n                        </>\n                    )}\n                </section>\n\n                <div className=\"w-full mt-2 vc-card-issued-to-info\">\n                    <p\n                        className=\"text-sm font-light text-center line-clamp-2 vc-display-issue-details text-gray-900\"\n                        data-testid=\"vc-thumbnail-createdAt\"\n                    >\n                        Issued to <span className=\"font-bold text-gray-900\">{issueeName}</span> on{' '}\n                        {createdAt ?? ''} by{' '}\n                        <span className=\"font-bold text-gray-900\"> {issuerName}</span>\n                    </p>\n                </div>\n\n                <button\n                    onClick={handleClick}\n                    className=\"cursor-alias bg-white my-3 border-0 text-indigo-500 font-semibold py-2 px-4 sl\"\n                >\n                    <span className=\"flex justify-center\">\n                        <p className=\"flex items-center\">View Details</p>\n                    </span>\n                </button>\n            </section>\n\n            <div className=\"flex items-center justify-center w-full\">\n                <VCVerificationCheckWithText loading={loading} />\n            </div>\n        </div>\n    );\n};\n\nexport default VCDisplayFrontFace;\n","import React, { useState } from 'react';\nimport { AchievementCredential, VC, Profile, VerificationItem } from '@learncard/types';\n\nimport FlippyCard from '../FlippyCard/FlippyCard';\nimport VCDisplayFrontFace from '../VCDisplayFrontFace/VCDisplayFrontFace';\nimport VCDisplayBackFace from '../VCDisplayBackFace/VCDisplayBackFace';\n\nimport { getInfoFromCredential } from '../../helpers/credential.helpers';\n\nconst FRONT_FACE = 'front';\nconst BACK_FACE = 'back';\n\nexport type VCDisplayCardPropsReal = {\n    credential: VC | AchievementCredential;\n    issueeOverride?: Profile;\n    issuerOverride?: Profile;\n    className?: string;\n    hideProfileBubbles?: boolean;\n    loading?: boolean;\n    verification?: VerificationItem[];\n    subjectImageComponent?: React.ReactNode;\n    issuerImageComponent?: React.ReactNode;\n    overrideDetailsComponent?: React.ReactNode;\n    overrideCardTitle?: string;\n    overrideCardImageComponent?: React.ReactNode;\n    customHeaderComponent?: React.ReactNode;\n};\n\nexport const VCDisplayCard: React.FC<VCDisplayCardPropsReal> = ({\n    credential,\n    issueeOverride,\n    issuerOverride,\n    className = '',\n    loading = false,\n    verification = [],\n    hideProfileBubbles = false,\n    subjectImageComponent,\n    issuerImageComponent,\n    overrideDetailsComponent,\n    overrideCardTitle,\n    overrideCardImageComponent,\n    customHeaderComponent,\n}) => {\n    const [flipState, setFlipState] = useState(FRONT_FACE);\n    const {\n        title,\n        createdAt,\n        issuer: _issuer,\n        issuee: _issuee,\n        credentialSubject,\n    } = getInfoFromCredential(credential);\n    const issuee = issueeOverride || _issuee;\n    const issuer = issuerOverride || _issuer;\n\n    const handleFlip = () => {\n        if (flipState === FRONT_FACE) {\n            setFlipState(BACK_FACE);\n        }\n        if (flipState === BACK_FACE) {\n            setFlipState(FRONT_FACE);\n        }\n    };\n\n    return (\n        <FlippyCard flipState={flipState}>\n            <VCDisplayFrontFace\n                title={title}\n                credentialSubject={credentialSubject}\n                customHeaderComponent={customHeaderComponent}\n                issuer={issuer}\n                issuee={issuee}\n                subjectImageComponent={subjectImageComponent}\n                issuerImageComponent={issuerImageComponent}\n                overrideCardImageComponent={overrideCardImageComponent}\n                overrideCardTitle={overrideCardTitle}\n                hideProfileBubbles={hideProfileBubbles}\n                createdAt={createdAt}\n                className={className}\n                loading={loading}\n                handleClick={handleFlip}\n            />\n            <VCDisplayBackFace\n                title={title}\n                credentialSubject={credentialSubject}\n                overrideDetailsComponent={overrideDetailsComponent}\n                issuer={issuer}\n                issuee={issuee}\n                createdAt={createdAt}\n                className={className}\n                loading={loading}\n                verification={verification}\n                handleClick={handleFlip}\n            />\n        </FlippyCard>\n    );\n};\n\nexport default VCDisplayCard;\n"],"names":["getNameFromProfile","getImageFromProfile","React","DefaultFace","FatArrow","VCVerificationCheckWithText","useState","getInfoFromCredential","FlippyCard","VCDisplayBackFace"],"mappings":"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"}
+{"version":3,"file":"VCDisplayCard-6ce09757.js","sources":["../../src/components/VCDisplayFrontFace/VCDisplayFrontFace.tsx","../../src/components/VCDisplayCard/VCDisplayCard.tsx"],"sourcesContent":["import React from 'react';\nimport { VCDisplayCardProps } from '../../types';\nimport FatArrow from '../../assets/images/icon.green.fat-arrow.png';\nimport FlipArrowRight from '../../assets/images/ArrowArcRight.svg';\nimport DefaultFace from '../../assets/images/default-face.jpeg';\nimport { VCVerificationCheckWithText } from '../VCVerificationCheck/VCVerificationCheck';\nimport { getImageFromProfile, getNameFromProfile } from '../../helpers/credential.helpers';\n\nconst VCDisplayFrontFace: React.FC<VCDisplayCardProps> = ({\n    title,\n    createdAt,\n    issuer,\n    issuee,\n    subjectImageComponent,\n    issuerImageComponent,\n    hideProfileBubbles = false,\n    credentialSubject,\n    className = '',\n    loading,\n    handleClick,\n    overrideCardImageComponent,\n    overrideCardTitle,\n    customHeaderComponent,\n}) => {\n    const credentialAchievementImage =\n        credentialSubject?.achievement?.image?.id || credentialSubject?.achievement?.image;\n    const issuerName = getNameFromProfile(issuer ?? '');\n    const issueeName = getNameFromProfile(issuee ?? '');\n    const issuerImage = getImageFromProfile(issuer ?? '');\n    const issueeImage = getImageFromProfile(issuee ?? '');\n\n    const issuerNameAbr = issuerName?.slice(0, 1) ?? '';\n\n    let issueeImageEl: React.ReactNode | null = null;\n    const issuerImgExists = issuerImage && issuerImage !== '';\n    const issueeImgExists = issueeImage && issueeImage !== '';\n    if (issueeImgExists) {\n        issueeImageEl = (\n            <div className=\"flex flex-row items-center justify-center h-full w-full rounded-full border-solid border-4 border-white overflow-hidden bg-white\">\n                <img\n                    className=\"h-full w-full object-cover\"\n                    src={issueeImage || DefaultFace}\n                    alt=\"Issuee image\"\n                />\n            </div>\n        );\n    } else if (!issueeImgExists && subjectImageComponent) {\n        issueeImageEl = subjectImageComponent;\n    }\n\n    let issuerImageEl: React.ReactNode | null = null;\n\n    if (issuerImgExists) {\n        issuerImageEl = (\n            <img className=\"w-4/6 h-4/6 object-cover\" src={issuerImage} alt=\"Issuer image\" />\n        );\n    } else {\n        issuerImageEl = (\n            <div className=\"flex flex-row items-center justify-center h-full w-full overflow-hidden bg-emerald-700 text-white font-medium text-3xl\">\n                {issuerNameAbr}\n            </div>\n        );\n    }\n\n    if (issuerImageComponent) {\n        issuerImageEl = issuerImageComponent;\n    }\n\n    const credImg = credentialAchievementImage ? (\n        <img\n            className=\"h-full w-full object-cover\"\n            src={credentialAchievementImage ?? ''}\n            alt=\"Credential Achievement Image\"\n        />\n    ) : (\n        <></>\n    );\n\n    const renderCardImg = overrideCardImageComponent ? overrideCardImageComponent : credImg;\n    const cardTitle = overrideCardTitle ? overrideCardTitle : title;\n\n    return (\n        <div\n            className={`z-[9] vc-display-main-card-front flex overflow-hidden flex-col items-center justify-between relative max-w-[400px] h-[100%] min-h-[600px] p-7 rounded-3xl shadow-3xl bg-emerald-700 vc-display-card-full-container ${className}`}\n        >\n            <section className=\"bg-white rounded-bl-[50%] rounded-br-[50%] absolute top-0 w-[110%] h-[77%]\"></section>\n            <section className=\"flex flex-col items-center justify-center z-10 text-center credential-thumb-img\">\n                <section className=\"max-w-[100px] max-h-[100px]\">{renderCardImg}</section>\n\n                <section className=\"flex flex-row  w-full line-clamp-2\">\n                    <div className=\"flex flex-row w-full line-clamp-2 py-4 vc-flippy-card-title-front \">\n                        <h3\n                            className=\"vc-thumbnail-title w-full text-2xl line-clamp-2 tracking-wide leading-snug text-center vc-display-title text-gray-900 font-medium\"\n                            data-testid=\"vc-thumbnail-title\"\n                        >\n                            {cardTitle ?? ''}\n                        </h3>\n                    </div>\n\n                    {customHeaderComponent && customHeaderComponent}\n                </section>\n\n                <section className=\"flex flex-row items-center justify-center mt-2 w-full my-2 vc-card-issuer-thumbs\">\n                    {!hideProfileBubbles && (\n                        <>\n                            <div className=\"flex items-center justify-center h-16 w-16 shadow-3xl rounded-full overflow-hidden bg-white\">\n                                {issuerImageEl}\n                            </div>\n                            <img\n                                className=\"h-8 w-8 my-0 mx-4\"\n                                src={FatArrow ?? ''}\n                                alt=\"fat arrow icon\"\n                            />\n                            <div className=\"flex items-center justify-center h-16 w-16 shadow-3xl rounded-full overflow-hidden bg-white\">\n                                {issueeImageEl}\n                            </div>\n                        </>\n                    )}\n                </section>\n\n                <div className=\"w-full mt-2 vc-card-issued-to-info\">\n                    <p\n                        className=\"text-sm font-light text-center line-clamp-2 vc-display-issue-details text-gray-900\"\n                        data-testid=\"vc-thumbnail-createdAt\"\n                    >\n                        Issued to <span className=\"font-bold text-gray-900\">{issueeName}</span> on{' '}\n                        {createdAt ?? ''} by{' '}\n                        <span className=\"font-bold text-gray-900\"> {issuerName}</span>\n                    </p>\n                </div>\n\n                <button\n                    onClick={handleClick}\n                    className=\"cursor-alias bg-white my-3 border-0 text-indigo-500 font-semibold py-2 px-4 sl\"\n                >\n                    <span className=\"flex justify-center\">\n                        <p className=\"flex items-center\">View Details</p>\n                    </span>\n                </button>\n            </section>\n\n            <div className=\"flex items-center justify-center w-full\">\n                <VCVerificationCheckWithText loading={loading} />\n            </div>\n        </div>\n    );\n};\n\nexport default VCDisplayFrontFace;\n","import React, { useState } from 'react';\nimport { AchievementCredential, VC, Profile, VerificationItem } from '@learncard/types';\n\nimport FlippyCard from '../FlippyCard/FlippyCard';\nimport VCDisplayFrontFace from '../VCDisplayFrontFace/VCDisplayFrontFace';\nimport VCDisplayBackFace from '../VCDisplayBackFace/VCDisplayBackFace';\n\nimport { getInfoFromCredential } from '../../helpers/credential.helpers';\n\nconst FRONT_FACE = 'front';\nconst BACK_FACE = 'back';\n\nexport type VCDisplayCardPropsReal = {\n    credential: VC | AchievementCredential;\n    issueeOverride?: Profile;\n    issuerOverride?: Profile;\n    className?: string;\n    hideProfileBubbles?: boolean;\n    loading?: boolean;\n    verification?: VerificationItem[];\n    subjectImageComponent?: React.ReactNode;\n    issuerImageComponent?: React.ReactNode;\n    overrideDetailsComponent?: React.ReactNode;\n    overrideCardTitle?: string;\n    overrideCardImageComponent?: React.ReactNode;\n    customHeaderComponent?: React.ReactNode;\n};\n\nexport const VCDisplayCard: React.FC<VCDisplayCardPropsReal> = ({\n    credential,\n    issueeOverride,\n    issuerOverride,\n    className = '',\n    loading = false,\n    verification = [],\n    hideProfileBubbles = false,\n    subjectImageComponent,\n    issuerImageComponent,\n    overrideDetailsComponent,\n    overrideCardTitle,\n    overrideCardImageComponent,\n    customHeaderComponent,\n}) => {\n    const [flipState, setFlipState] = useState(FRONT_FACE);\n    const {\n        title,\n        createdAt,\n        issuer: _issuer,\n        issuee: _issuee,\n        credentialSubject,\n    } = getInfoFromCredential(credential);\n    const issuee = issueeOverride || _issuee;\n    const issuer = issuerOverride || _issuer;\n\n    const handleFlip = () => {\n        if (flipState === FRONT_FACE) {\n            setFlipState(BACK_FACE);\n        }\n        if (flipState === BACK_FACE) {\n            setFlipState(FRONT_FACE);\n        }\n    };\n\n    return (\n        <FlippyCard flipState={flipState}>\n            <VCDisplayFrontFace\n                title={title}\n                credentialSubject={credentialSubject}\n                customHeaderComponent={customHeaderComponent}\n                issuer={issuer}\n                issuee={issuee}\n                subjectImageComponent={subjectImageComponent}\n                issuerImageComponent={issuerImageComponent}\n                overrideCardImageComponent={overrideCardImageComponent}\n                overrideCardTitle={overrideCardTitle}\n                hideProfileBubbles={hideProfileBubbles}\n                createdAt={createdAt}\n                className={className}\n                loading={loading}\n                handleClick={handleFlip}\n            />\n            <VCDisplayBackFace\n                title={title}\n                credentialSubject={credentialSubject}\n                overrideDetailsComponent={overrideDetailsComponent}\n                issuer={issuer}\n                issuee={issuee}\n                createdAt={createdAt}\n                className={className}\n                loading={loading}\n                verification={verification}\n                handleClick={handleFlip}\n            />\n        </FlippyCard>\n    );\n};\n\nexport default VCDisplayCard;\n"],"names":["getNameFromProfile","getImageFromProfile","React","DefaultFace","FatArrow","VCVerificationCheckWithText","useState","getInfoFromCredential","FlippyCard","VCDisplayBackFace"],"mappings":"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"}