@learncard/react 2.3.23 → 2.3.26

package/dist/cjs/{VCThumbnail-b45b8244.js → VCThumbnail-584d0b5f.js}

@@ -1,12 +1,14 @@
 'use strict';
 
 var React = require('react');
-var icon_green_fatArrow = require('./icon.green.fat-arrow-a5f4951d.js');
-var verifiedCheck = require('./verified-check-f8df7905.js');
+var FatArrow = require('./icon.green.fat-arrow.png');
+var VerifiedCheck = require('./verified-check.png');
 
 function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
 
 var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
+var FatArrow__default = /*#__PURE__*/_interopDefaultLegacy(FatArrow);
+var VerifiedCheck__default = /*#__PURE__*/_interopDefaultLegacy(VerifiedCheck);
 
 const VCThumbnail = ({
   title,
@@ -65,7 +67,7 @@ const VCThumbnail = ({
       className: "flex items-center justify-center h-5/6 w-10/12 bg-white rounded-full border-solid border-4 border-emerald-700 overflow-hidden"
     }, /* @__PURE__ */ React__default["default"].createElement("img", {
       className: "h-full w-full object-cover",
-      src: (_a = verifiedCheck.VerifiedCheck) != null ? _a : "",
+      src: (_a = VerifiedCheck__default["default"]) != null ? _a : "",
       alt: "credential icon"
     }))), /* @__PURE__ */ React__default["default"].createElement("h3", {
       className: "text-white text-sm text-left font-normal tracking-wide leading-tight flex-1"
@@ -102,7 +104,7 @@ const VCThumbnail = ({
     alt: "issuer image"
   })), /* @__PURE__ */ React__default["default"].createElement("img", {
     className: "h-8 w-8 my-0 mx-4",
-    src: (_b = icon_green_fatArrow.FatArrow) != null ? _b : "",
+    src: (_b = FatArrow__default["default"]) != null ? _b : "",
     alt: "fat arrow icon"
   }), /* @__PURE__ */ React__default["default"].createElement("div", {
     className: "inline-block relative overflow-hidden rounded-full shadow-3xl h-0 bg-white w-1/4 pb-25pct"
@@ -125,10 +127,10 @@ const VCThumbnail = ({
     className: "flex items-center justify-center h-5/6 w-10/12 bg-white rounded-full border-solid border-2 border-emerald-700 overflow-hidden"
   }, /* @__PURE__ */ React__default["default"].createElement("img", {
     className: "h-full w-full object-cover",
-    src: (_c = verifiedCheck.VerifiedCheck) != null ? _c : "",
+    src: (_c = VerifiedCheck__default["default"]) != null ? _c : "",
     alt: "credential icon"
   })))));
 };
 
 exports.VCThumbnail = VCThumbnail;
-//# sourceMappingURL=VCThumbnail-b45b8244.js.map
+//# sourceMappingURL=VCThumbnail-584d0b5f.js.map

package/dist/cjs/{VCThumbnail-b45b8244.js.map → VCThumbnail-584d0b5f.js.map}

@@ -1 +1 @@
-{"version":3,"file":"VCThumbnail-b45b8244.js","sources":["../../src/components/VCThumbnail/VCThumbnail.tsx"],"sourcesContent":["import React from 'react';\n\nimport FatArrow from '../../assets/images/icon.green.fat-arrow.png';\nimport VerifiedCheck from '../../assets/images/verified-check.png';\n\nimport { VCThumbnailProps } from './types';\n\nexport const VCThumbnail: React.FC<VCThumbnailProps> = ({\n    title,\n    createdAt,\n    issuerImage,\n    userImage,\n    badgeImage,\n    className = '',\n    listView = false,\n    onClick = () => {},\n}) => {\n    let imageElement: React.ReactNode | null = null;\n\n    if (issuerImage) {\n        imageElement = (\n            <img className=\"h-full w-full object-cover\" src={issuerImage} alt=\"issuer image\" />\n        );\n    } else if (badgeImage) {\n        imageElement = (\n            <img className=\"h-full w-full object-cover\" src={badgeImage} alt=\"badge image\" />\n        );\n    }\n\n    const titleClass =\n        issuerImage || badgeImage\n            ? 'items-start justify-center w-3/4 text-left'\n            : 'item-center justify-center w-full text-center';\n\n    if (listView) {\n        return (\n            <div\n                onClick={onClick}\n                className={`flex flex-col items-center justify-between relative py-3 px-3 rounded-3xl shadow-3xl bg-emerald-700 max-w-sm vc-thumbnail-listview-container ${className}`}\n                data-testid=\"vc-thumbnail-list-view\"\n            >\n                <div className=\"flex flex-row items-center justify-between mb-3 z-10\">\n                    {imageElement && (\n                        <div\n                            className=\"flex flex-row justify-center items-center w-1/4 text-center\"\n                            data-testid=\"vc-thumbnail-image\"\n                        >\n                            <div className=\"h-16 w-16 border-solid border-2 border-black bg-white\">\n                                {imageElement}\n                            </div>\n                        </div>\n                    )}\n\n                    <div className={`flex flex-col  ${titleClass}`}>\n                        <h2\n                            className=\"ml-1 sm:ml-0 md:ml-0 lg:ml-0 text-base tracking-wide leading-snug text-left line-clamp-2\"\n                            data-testid=\"vc-thumbnail-title\"\n                        >\n                            {title ?? ''}\n                        </h2>\n                        <p\n                            className=\"ml-1 sm:ml-0 md:ml-0 lg:ml-0 text-sm font-light text-center line-clamp-1\"\n                            data-testid=\"vc-thumbnail-createdAt\"\n                        >\n                            {createdAt ?? ''}\n                        </p>\n                    </div>\n                </div>\n                <div className=\"flex items-center justify-center w-full mt-3 vc-thumbnail-footer\">\n                    <h3 className=\"text-white text-sm text-right font-normal tracking-wide leading-tight flex-1\">\n                        Verified\n                    </h3>\n                    <div className=\"flex items-center justify-center my-0 mx-1 h-10 w-10 rounded-full bg-white overflow-hidden\">\n                        <div className=\"flex items-center justify-center h-5/6 w-10/12 bg-white rounded-full border-solid border-4 border-emerald-700 overflow-hidden\">\n                            <img\n                                className=\"h-full w-full object-cover\"\n                                src={VerifiedCheck ?? ''}\n                                alt=\"credential icon\"\n                            />\n                        </div>\n                    </div>\n                    <h3 className=\"text-white text-sm text-left font-normal tracking-wide leading-tight flex-1\">\n                        Credential\n                    </h3>\n                </div>\n            </div>\n        );\n    }\n\n    const vcThumbNailAltContainerClass = !badgeImage ? 'vc-thumbnail-alt-container' : '';\n\n    return (\n        <div\n            onClick={onClick}\n            className={`relative py-3 xxsm:py-1 rounded-3xl shadow-3xl bg-emerald-700 vc-thumbnail-container ${vcThumbNailAltContainerClass} ${className}`}\n            data-testid=\"vc-thumbnail\"\n        >\n            <div className=\"h-full w-full absolute\">\n                <div className=\"flex flex-col items-center justify-center z-10 text-center w-full\">\n                    <div className=\"flex flex-row items-center justify-center w-full px-2\">\n                        <div className=\"flex flex-row items-center justify-center w-full\">\n                            <h2\n                                className=\"text-base tracking-wide leading-snug text-center line-clamp-2\"\n                                data-testid=\"vc-thumbnail-title\"\n                            >\n                                {title ?? ''}\n                            </h2>\n                        </div>\n                    </div>\n                    <div className=\"w-full mt-2\">\n                        <p\n                            className=\"text-sm font-light text-center line-clamp-1\"\n                            data-testid=\"vc-thumbnail-createdAt\"\n                        >\n                            {createdAt ?? ''}\n                        </p>\n                    </div>\n\n                    <div className=\"flex flex-row items-center justify-center mt-3 xxsm:mt-1 w-full\">\n                        <div className=\"inline-block relative overflow-hidden rounded-full shadow-3xl h-0 bg-white w-1/4 pb-25pct\">\n                            <img\n                                className=\"h-5/6 w-10/12 left-1 top-1 absolute rounded-full object-cover\"\n                                src={issuerImage}\n                                alt=\"issuer image\"\n                            />\n                        </div>\n\n                        <img\n                            className=\"h-8 w-8 my-0 mx-4\"\n                            src={FatArrow ?? ''}\n                            alt=\"fat arrow icon\"\n                        />\n                        <div className=\"inline-block relative overflow-hidden rounded-full shadow-3xl h-0 bg-white w-1/4 pb-25pct\">\n                            <img\n                                className=\"w-full h-full absolute rounded-full object-cover border-solid border-4 border-white\"\n                                src={userImage}\n                                alt=\"user image\"\n                            />\n                        </div>\n                    </div>\n                </div>\n\n                {badgeImage && (\n                    <div className=\"flex items-center justify-center w-full mt-4 xxxsm:mt-0\">\n                        <div\n                            className=\"border-solid border-2 border-black bg-white relative w-1/4 h-0 overflow-hidden pt-25pct pb-0 px-0\"\n                            data-testid=\"vc-thumbnail-badge\"\n                        >\n                            <img\n                                className=\"h-full w-full object-cover absolute top-0 left-0\"\n                                src={badgeImage}\n                                alt=\"badge image\"\n                            />\n                        </div>\n                    </div>\n                )}\n\n                <div className=\"flex items-center justify-center absolute right-2 bottom-5 xxsm:bottom-3 xxxsm:bottom-3 h-8 w-8 rounded-full bg-white overflow-hidden\">\n                    <div className=\"flex items-center justify-center h-5/6 w-10/12 bg-white rounded-full border-solid border-2 border-emerald-700 overflow-hidden\">\n                        <img\n                            className=\"h-full w-full object-cover\"\n                            src={VerifiedCheck ?? ''}\n                            alt=\"credential icon\"\n                        />\n                    </div>\n                </div>\n            </div>\n        </div>\n    );\n};\n\nexport default VCThumbnail;\n"],"names":["React","VerifiedCheck","FatArrow"],"mappings":"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"}
+{"version":3,"file":"VCThumbnail-584d0b5f.js","sources":["../../src/components/VCThumbnail/VCThumbnail.tsx"],"sourcesContent":["import React from 'react';\n\nimport FatArrow from '../../assets/images/icon.green.fat-arrow.png';\nimport VerifiedCheck from '../../assets/images/verified-check.png';\n\nimport { VCThumbnailProps } from './types';\n\nexport const VCThumbnail: React.FC<VCThumbnailProps> = ({\n    title,\n    createdAt,\n    issuerImage,\n    userImage,\n    badgeImage,\n    className = '',\n    listView = false,\n    onClick = () => {},\n}) => {\n    let imageElement: React.ReactNode | null = null;\n\n    if (issuerImage) {\n        imageElement = (\n            <img className=\"h-full w-full object-cover\" src={issuerImage} alt=\"issuer image\" />\n        );\n    } else if (badgeImage) {\n        imageElement = (\n            <img className=\"h-full w-full object-cover\" src={badgeImage} alt=\"badge image\" />\n        );\n    }\n\n    const titleClass =\n        issuerImage || badgeImage\n            ? 'items-start justify-center w-3/4 text-left'\n            : 'item-center justify-center w-full text-center';\n\n    if (listView) {\n        return (\n            <div\n                onClick={onClick}\n                className={`flex flex-col items-center justify-between relative py-3 px-3 rounded-3xl shadow-3xl bg-emerald-700 max-w-sm vc-thumbnail-listview-container ${className}`}\n                data-testid=\"vc-thumbnail-list-view\"\n            >\n                <div className=\"flex flex-row items-center justify-between mb-3 z-10\">\n                    {imageElement && (\n                        <div\n                            className=\"flex flex-row justify-center items-center w-1/4 text-center\"\n                            data-testid=\"vc-thumbnail-image\"\n                        >\n                            <div className=\"h-16 w-16 border-solid border-2 border-black bg-white\">\n                                {imageElement}\n                            </div>\n                        </div>\n                    )}\n\n                    <div className={`flex flex-col  ${titleClass}`}>\n                        <h2\n                            className=\"ml-1 sm:ml-0 md:ml-0 lg:ml-0 text-base tracking-wide leading-snug text-left line-clamp-2\"\n                            data-testid=\"vc-thumbnail-title\"\n                        >\n                            {title ?? ''}\n                        </h2>\n                        <p\n                            className=\"ml-1 sm:ml-0 md:ml-0 lg:ml-0 text-sm font-light text-center line-clamp-1\"\n                            data-testid=\"vc-thumbnail-createdAt\"\n                        >\n                            {createdAt ?? ''}\n                        </p>\n                    </div>\n                </div>\n                <div className=\"flex items-center justify-center w-full mt-3 vc-thumbnail-footer\">\n                    <h3 className=\"text-white text-sm text-right font-normal tracking-wide leading-tight flex-1\">\n                        Verified\n                    </h3>\n                    <div className=\"flex items-center justify-center my-0 mx-1 h-10 w-10 rounded-full bg-white overflow-hidden\">\n                        <div className=\"flex items-center justify-center h-5/6 w-10/12 bg-white rounded-full border-solid border-4 border-emerald-700 overflow-hidden\">\n                            <img\n                                className=\"h-full w-full object-cover\"\n                                src={VerifiedCheck ?? ''}\n                                alt=\"credential icon\"\n                            />\n                        </div>\n                    </div>\n                    <h3 className=\"text-white text-sm text-left font-normal tracking-wide leading-tight flex-1\">\n                        Credential\n                    </h3>\n                </div>\n            </div>\n        );\n    }\n\n    const vcThumbNailAltContainerClass = !badgeImage ? 'vc-thumbnail-alt-container' : '';\n\n    return (\n        <div\n            onClick={onClick}\n            className={`relative py-3 xxsm:py-1 rounded-3xl shadow-3xl bg-emerald-700 vc-thumbnail-container ${vcThumbNailAltContainerClass} ${className}`}\n            data-testid=\"vc-thumbnail\"\n        >\n            <div className=\"h-full w-full absolute\">\n                <div className=\"flex flex-col items-center justify-center z-10 text-center w-full\">\n                    <div className=\"flex flex-row items-center justify-center w-full px-2\">\n                        <div className=\"flex flex-row items-center justify-center w-full\">\n                            <h2\n                                className=\"text-base tracking-wide leading-snug text-center line-clamp-2\"\n                                data-testid=\"vc-thumbnail-title\"\n                            >\n                                {title ?? ''}\n                            </h2>\n                        </div>\n                    </div>\n                    <div className=\"w-full mt-2\">\n                        <p\n                            className=\"text-sm font-light text-center line-clamp-1\"\n                            data-testid=\"vc-thumbnail-createdAt\"\n                        >\n                            {createdAt ?? ''}\n                        </p>\n                    </div>\n\n                    <div className=\"flex flex-row items-center justify-center mt-3 xxsm:mt-1 w-full\">\n                        <div className=\"inline-block relative overflow-hidden rounded-full shadow-3xl h-0 bg-white w-1/4 pb-25pct\">\n                            <img\n                                className=\"h-5/6 w-10/12 left-1 top-1 absolute rounded-full object-cover\"\n                                src={issuerImage}\n                                alt=\"issuer image\"\n                            />\n                        </div>\n\n                        <img\n                            className=\"h-8 w-8 my-0 mx-4\"\n                            src={FatArrow ?? ''}\n                            alt=\"fat arrow icon\"\n                        />\n                        <div className=\"inline-block relative overflow-hidden rounded-full shadow-3xl h-0 bg-white w-1/4 pb-25pct\">\n                            <img\n                                className=\"w-full h-full absolute rounded-full object-cover border-solid border-4 border-white\"\n                                src={userImage}\n                                alt=\"user image\"\n                            />\n                        </div>\n                    </div>\n                </div>\n\n                {badgeImage && (\n                    <div className=\"flex items-center justify-center w-full mt-4 xxxsm:mt-0\">\n                        <div\n                            className=\"border-solid border-2 border-black bg-white relative w-1/4 h-0 overflow-hidden pt-25pct pb-0 px-0\"\n                            data-testid=\"vc-thumbnail-badge\"\n                        >\n                            <img\n                                className=\"h-full w-full object-cover absolute top-0 left-0\"\n                                src={badgeImage}\n                                alt=\"badge image\"\n                            />\n                        </div>\n                    </div>\n                )}\n\n                <div className=\"flex items-center justify-center absolute right-2 bottom-5 xxsm:bottom-3 xxxsm:bottom-3 h-8 w-8 rounded-full bg-white overflow-hidden\">\n                    <div className=\"flex items-center justify-center h-5/6 w-10/12 bg-white rounded-full border-solid border-2 border-emerald-700 overflow-hidden\">\n                        <img\n                            className=\"h-full w-full object-cover\"\n                            src={VerifiedCheck ?? ''}\n                            alt=\"credential icon\"\n                        />\n                    </div>\n                </div>\n            </div>\n        </div>\n    );\n};\n\nexport default VCThumbnail;\n"],"names":["React","VerifiedCheck","FatArrow"],"mappings":";;;;;;;;;;;;AAGY,MAAC,WAAW,GAAG,CAAC;AAC5B,EAAE,KAAK;AACP,EAAE,SAAS;AACX,EAAE,WAAW;AACb,EAAE,SAAS;AACX,EAAE,UAAU;AACZ,EAAE,SAAS,GAAG,EAAE;AAChB,EAAE,QAAQ,GAAG,KAAK;AAClB,EAAE,OAAO,GAAG,MAAM;AAClB,GAAG;AACH,CAAC,KAAK;AACN,EAAE,IAAI,EAAE,EAAE,EAAE,EAAE,EAAE,CAAC;AACjB,EAAE,IAAI,YAAY,GAAG,IAAI,CAAC;AAC1B,EAAE,IAAI,WAAW,EAAE;AACnB,IAAI,YAAY,mBAAmBA,yBAAK,CAAC,aAAa,CAAC,KAAK,EAAE;AAC9D,MAAM,SAAS,EAAE,4BAA4B;AAC7C,MAAM,GAAG,EAAE,WAAW;AACtB,MAAM,GAAG,EAAE,cAAc;AACzB,KAAK,CAAC,CAAC;AACP,GAAG,MAAM,IAAI,UAAU,EAAE;AACzB,IAAI,YAAY,mBAAmBA,yBAAK,CAAC,aAAa,CAAC,KAAK,EAAE;AAC9D,MAAM,SAAS,EAAE,4BAA4B;AAC7C,MAAM,GAAG,EAAE,UAAU;AACrB,MAAM,GAAG,EAAE,aAAa;AACxB,KAAK,CAAC,CAAC;AACP,GAAG;AACH,EAAE,MAAM,UAAU,GAAG,WAAW,IAAI,UAAU,GAAG,4CAA4C,GAAG,+CAA+C,CAAC;AAChJ,EAAE,IAAI,QAAQ,EAAE;AAChB,IAAI,uBAAuBA,yBAAK,CAAC,aAAa,CAAC,KAAK,EAAE;AACtD,MAAM,OAAO;AACb,MAAM,SAAS,EAAE,CAAC,6IAA6I,EAAE,SAAS,CAAC,CAAC;AAC5K,MAAM,aAAa,EAAE,wBAAwB;AAC7C,KAAK,kBAAkBA,yBAAK,CAAC,aAAa,CAAC,KAAK,EAAE;AAClD,MAAM,SAAS,EAAE,sDAAsD;AACvE,KAAK,EAAE,YAAY,oBAAoBA,yBAAK,CAAC,aAAa,CAAC,KAAK,EAAE;AAClE,MAAM,SAAS,EAAE,6DAA6D;AAC9E,MAAM,aAAa,EAAE,oBAAoB;AACzC,KAAK,kBAAkBA,yBAAK,CAAC,aAAa,CAAC,KAAK,EAAE;AAClD,MAAM,SAAS,EAAE,uDAAuD;AACxE,KAAK,EAAE,YAAY,CAAC,CAAC,kBAAkBA,yBAAK,CAAC,aAAa,CAAC,KAAK,EAAE;AAClE,MAAM,SAAS,EAAE,CAAC,eAAe,EAAE,UAAU,CAAC,CAAC;AAC/C,KAAK,kBAAkBA,yBAAK,CAAC,aAAa,CAAC,IAAI,EAAE;AACjD,MAAM,SAAS,EAAE,0FAA0F;AAC3G,MAAM,aAAa,EAAE,oBAAoB;AACzC,KAAK,EAAE,KAAK,IAAI,IAAI,GAAG,KAAK,GAAG,EAAE,CAAC,kBAAkBA,yBAAK,CAAC,aAAa,CAAC,GAAG,EAAE;AAC7E,MAAM,SAAS,EAAE,0EAA0E;AAC3F,MAAM,aAAa,EAAE,wBAAwB;AAC7C,KAAK,EAAE,SAAS,IAAI,IAAI,GAAG,SAAS,GAAG,EAAE,CAAC,CAAC,CAAC,kBAAkBA,yBAAK,CAAC,aAAa,CAAC,KAAK,EAAE;AACzF,MAAM,SAAS,EAAE,kEAAkE;AACnF,KAAK,kBAAkBA,yBAAK,CAAC,aAAa,CAAC,IAAI,EAAE;AACjD,MAAM,SAAS,EAAE,8EAA8E;AAC/F,KAAK,EAAE,UAAU,CAAC,kBAAkBA,yBAAK,CAAC,aAAa,CAAC,KAAK,EAAE;AAC/D,MAAM,SAAS,EAAE,4FAA4F;AAC7G,KAAK,kBAAkBA,yBAAK,CAAC,aAAa,CAAC,KAAK,EAAE;AAClD,MAAM,SAAS,EAAE,+HAA+H;AAChJ,KAAK,kBAAkBA,yBAAK,CAAC,aAAa,CAAC,KAAK,EAAE;AAClD,MAAM,SAAS,EAAE,4BAA4B;AAC7C,MAAM,GAAG,EAAE,CAAC,EAAE,GAAGC,iCAAa,KAAK,IAAI,GAAG,EAAE,GAAG,EAAE;AACjD,MAAM,GAAG,EAAE,iBAAiB;AAC5B,KAAK,CAAC,CAAC,CAAC,kBAAkBD,yBAAK,CAAC,aAAa,CAAC,IAAI,EAAE;AACpD,MAAM,SAAS,EAAE,6EAA6E;AAC9F,KAAK,EAAE,YAAY,CAAC,CAAC,CAAC,CAAC;AACvB,GAAG;AACH,EAAE,MAAM,4BAA4B,GAAG,CAAC,UAAU,GAAG,4BAA4B,GAAG,EAAE,CAAC;AACvF,EAAE,uBAAuBA,yBAAK,CAAC,aAAa,CAAC,KAAK,EAAE;AACpD,IAAI,OAAO;AACX,IAAI,SAAS,EAAE,CAAC,qFAAqF,EAAE,4BAA4B,CAAC,CAAC,EAAE,SAAS,CAAC,CAAC;AAClJ,IAAI,aAAa,EAAE,cAAc;AACjC,GAAG,kBAAkBA,yBAAK,CAAC,aAAa,CAAC,KAAK,EAAE;AAChD,IAAI,SAAS,EAAE,wBAAwB;AACvC,GAAG,kBAAkBA,yBAAK,CAAC,aAAa,CAAC,KAAK,EAAE;AAChD,IAAI,SAAS,EAAE,mEAAmE;AAClF,GAAG,kBAAkBA,yBAAK,CAAC,aAAa,CAAC,KAAK,EAAE;AAChD,IAAI,SAAS,EAAE,uDAAuD;AACtE,GAAG,kBAAkBA,yBAAK,CAAC,aAAa,CAAC,KAAK,EAAE;AAChD,IAAI,SAAS,EAAE,kDAAkD;AACjE,GAAG,kBAAkBA,yBAAK,CAAC,aAAa,CAAC,IAAI,EAAE;AAC/C,IAAI,SAAS,EAAE,+DAA+D;AAC9E,IAAI,aAAa,EAAE,oBAAoB;AACvC,GAAG,EAAE,KAAK,IAAI,IAAI,GAAG,KAAK,GAAG,EAAE,CAAC,CAAC,CAAC,kBAAkBA,yBAAK,CAAC,aAAa,CAAC,KAAK,EAAE;AAC/E,IAAI,SAAS,EAAE,aAAa;AAC5B,GAAG,kBAAkBA,yBAAK,CAAC,aAAa,CAAC,GAAG,EAAE;AAC9C,IAAI,SAAS,EAAE,6CAA6C;AAC5D,IAAI,aAAa,EAAE,wBAAwB;AAC3C,GAAG,EAAE,SAAS,IAAI,IAAI,GAAG,SAAS,GAAG,EAAE,CAAC,CAAC,kBAAkBA,yBAAK,CAAC,aAAa,CAAC,KAAK,EAAE;AACtF,IAAI,SAAS,EAAE,iEAAiE;AAChF,GAAG,kBAAkBA,yBAAK,CAAC,aAAa,CAAC,KAAK,EAAE;AAChD,IAAI,SAAS,EAAE,2FAA2F;AAC1G,GAAG,kBAAkBA,yBAAK,CAAC,aAAa,CAAC,KAAK,EAAE;AAChD,IAAI,SAAS,EAAE,+DAA+D;AAC9E,IAAI,GAAG,EAAE,WAAW;AACpB,IAAI,GAAG,EAAE,cAAc;AACvB,GAAG,CAAC,CAAC,kBAAkBA,yBAAK,CAAC,aAAa,CAAC,KAAK,EAAE;AAClD,IAAI,SAAS,EAAE,mBAAmB;AAClC,IAAI,GAAG,EAAE,CAAC,EAAE,GAAGE,4BAAQ,KAAK,IAAI,GAAG,EAAE,GAAG,EAAE;AAC1C,IAAI,GAAG,EAAE,gBAAgB;AACzB,GAAG,CAAC,kBAAkBF,yBAAK,CAAC,aAAa,CAAC,KAAK,EAAE;AACjD,IAAI,SAAS,EAAE,2FAA2F;AAC1G,GAAG,kBAAkBA,yBAAK,CAAC,aAAa,CAAC,KAAK,EAAE;AAChD,IAAI,SAAS,EAAE,qFAAqF;AACpG,IAAI,GAAG,EAAE,SAAS;AAClB,IAAI,GAAG,EAAE,YAAY;AACrB,GAAG,CAAC,CAAC,CAAC,CAAC,EAAE,UAAU,oBAAoBA,yBAAK,CAAC,aAAa,CAAC,KAAK,EAAE;AAClE,IAAI,SAAS,EAAE,yDAAyD;AACxE,GAAG,kBAAkBA,yBAAK,CAAC,aAAa,CAAC,KAAK,EAAE;AAChD,IAAI,SAAS,EAAE,mGAAmG;AAClH,IAAI,aAAa,EAAE,oBAAoB;AACvC,GAAG,kBAAkBA,yBAAK,CAAC,aAAa,CAAC,KAAK,EAAE;AAChD,IAAI,SAAS,EAAE,kDAAkD;AACjE,IAAI,GAAG,EAAE,UAAU;AACnB,IAAI,GAAG,EAAE,aAAa;AACtB,GAAG,CAAC,CAAC,CAAC,kBAAkBA,yBAAK,CAAC,aAAa,CAAC,KAAK,EAAE;AACnD,IAAI,SAAS,EAAE,uIAAuI;AACtJ,GAAG,kBAAkBA,yBAAK,CAAC,aAAa,CAAC,KAAK,EAAE;AAChD,IAAI,SAAS,EAAE,+HAA+H;AAC9I,GAAG,kBAAkBA,yBAAK,CAAC,aAAa,CAAC,KAAK,EAAE;AAChD,IAAI,SAAS,EAAE,4BAA4B;AAC3C,IAAI,GAAG,EAAE,CAAC,EAAE,GAAGC,iCAAa,KAAK,IAAI,GAAG,EAAE,GAAG,EAAE;AAC/C,IAAI,GAAG,EAAE,iBAAiB;AAC1B,GAAG,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC;AACT;;;;"}

package/dist/cjs/VCVerificationCheck-04f3f7bc.js

@@ -0,0 +1,71 @@
+'use strict';
+
+var React = require('react');
+var VerificationCheckDisplay = require('./vc.check.svg');
+var CircleSpinner = require('./CircleSpinner-093cce04.js');
+
+function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
+
+var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
+var VerificationCheckDisplay__default = /*#__PURE__*/_interopDefaultLegacy(VerificationCheckDisplay);
+
+const VCVerificationCheck = ({ size = "44px" }) => {
+  var _a;
+  const imageSize = {
+    width: size,
+    height: size
+  };
+  return /* @__PURE__ */ React__default["default"].createElement("div", {
+    className: "vc-verification-wrapper",
+    style: { position: "relative" }
+  }, /* @__PURE__ */ React__default["default"].createElement("div", {
+    className: "flex items-center justify-center rounded-[50%] bg-white rounded-full overflow-hidden"
+  }, /* @__PURE__ */ React__default["default"].createElement("img", {
+    className: "h-full w-full object-contain p-1",
+    src: (_a = VerificationCheckDisplay__default["default"]) != null ? _a : "",
+    style: imageSize,
+    alt: "Verification Icon"
+  })));
+};
+const VCVerificationCheckWithText = ({
+  size = "60px",
+  loading = true
+}) => {
+  const [defaultLoading, setDefaultLoading] = React.useState(true);
+  const spinnerStyle = {
+    position: "absolute",
+    top: 0,
+    left: 0,
+    height: "60px",
+    width: "60px"
+  };
+  React.useEffect(() => {
+    let timer1 = setTimeout(() => setDefaultLoading(false), 3 * 1e3);
+    return () => {
+      clearTimeout(timer1);
+    };
+  });
+  const loadingState = loading || defaultLoading ? CircleSpinner.CircleLoadingState.spin : CircleSpinner.CircleLoadingState.stop;
+  return /* @__PURE__ */ React__default["default"].createElement("div", {
+    className: "flex vc-verification-full-wrapper justify-center items-center translate-x-[10px]"
+  }, /* @__PURE__ */ React__default["default"].createElement("span", {
+    className: "text-white font-bold tracking-wider"
+  }, "Verified"), /* @__PURE__ */ React__default["default"].createElement("div", {
+    style: { width: size, height: size, position: "relative" },
+    className: `flex items-center justify-center bg-white rounded-full ml-3 mr-3 overflow-hidden`
+  }, /* @__PURE__ */ React__default["default"].createElement(VCVerificationCheck, {
+    size: "44px",
+    loading
+  }), /* @__PURE__ */ React__default["default"].createElement("div", {
+    className: "vc-verification-spinner-overlay",
+    style: spinnerStyle
+  }, /* @__PURE__ */ React__default["default"].createElement(CircleSpinner.CircleSpinner, {
+    loadingState
+  }))), /* @__PURE__ */ React__default["default"].createElement("span", {
+    className: "text-white font-bold tracking-wider"
+  }, "Credential"));
+};
+
+exports.VCVerificationCheck = VCVerificationCheck;
+exports.VCVerificationCheckWithText = VCVerificationCheckWithText;
+//# sourceMappingURL=VCVerificationCheck-04f3f7bc.js.map

package/dist/cjs/VCVerificationCheck-04f3f7bc.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"VCVerificationCheck-04f3f7bc.js","sources":["../../src/components/VCVerificationCheck/VCVerificationCheck.tsx"],"sourcesContent":["import React, { useState, useEffect } from 'react';\nimport VerificationCheckDisplay from '../../assets/images/vc.check.svg';\nimport CircleSpinner, { CircleLoadingState } from '../Loading/CircleSpinner';\n\nexport type VCVerificationCheckProps = {\n    size?: string | number;\n    loading?: boolean;\n};\n\nexport const VCVerificationCheck: React.FC<VCVerificationCheckProps> = ({ size = '44px' }) => {\n    const imageSize = {\n        width: size,\n        height: size,\n    };\n    return (\n        <div className=\"vc-verification-wrapper\" style={{ position: 'relative' }}>\n            <div className=\"flex items-center justify-center rounded-[50%] bg-white rounded-full overflow-hidden\">\n                <img\n                    className=\"h-full w-full object-contain p-1\"\n                    src={VerificationCheckDisplay ?? ''}\n                    style={imageSize}\n                    alt=\"Verification Icon\"\n                />\n            </div>\n        </div>\n    );\n};\n\nexport default VCVerificationCheck;\n\nexport const VCVerificationCheckWithText: React.FC<VCVerificationCheckProps> = ({\n    size = '60px',\n    loading = true,\n}) => {\n    const [defaultLoading, setDefaultLoading] = useState(true);\n\n    const spinnerStyle: React.CSSProperties = {\n        position: 'absolute',\n        top: 0,\n        left: 0,\n        height: '60px', //todo calculate this based on other\n        width: '60px',\n    };\n\n    useEffect(() => {\n        let timer1 = setTimeout(() => setDefaultLoading(false), 3 * 1000);\n        return () => {\n            clearTimeout(timer1);\n        };\n    });\n\n    const loadingState =\n        loading || defaultLoading ? CircleLoadingState.spin : CircleLoadingState.stop;\n\n    return (\n        <div className=\"flex vc-verification-full-wrapper justify-center items-center translate-x-[10px]\">\n            <span className=\"text-white font-bold tracking-wider\">Verified</span>\n            <div\n                style={{ width: size, height: size, position: 'relative' }}\n                className={`flex items-center justify-center bg-white rounded-full ml-3 mr-3 overflow-hidden`}\n            >\n                <VCVerificationCheck size={'44px'} loading={loading} />\n                <div className=\"vc-verification-spinner-overlay\" style={spinnerStyle}>\n                    <CircleSpinner loadingState={loadingState} />\n                </div>\n            </div>\n            <span className=\"text-white font-bold tracking-wider\">Credential</span>\n        </div>\n    );\n};\n"],"names":["React","VerificationCheckDisplay","useState","useEffect","CircleLoadingState","CircleSpinner"],"mappings":"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"}

package/dist/cjs/{VCVerificationPill-84826845.js → VCVerificationPill-2873ac48.js}

@@ -1,10 +1,16 @@
 'use strict';
 
 var React = require('react');
+var VerificationFailedIcon = require('./RedXCircle.svg');
+var VerificationPassedIcon = require('./GreenCheckCircle.svg');
+var VerificationWarningIcon = require('./YellowWarningCircle.svg');
 
 function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
 
 var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
+var VerificationFailedIcon__default = /*#__PURE__*/_interopDefaultLegacy(VerificationFailedIcon);
+var VerificationPassedIcon__default = /*#__PURE__*/_interopDefaultLegacy(VerificationPassedIcon);
+var VerificationWarningIcon__default = /*#__PURE__*/_interopDefaultLegacy(VerificationWarningIcon);
 
 var util;
 (function (util) {
@@ -3245,12 +3251,6 @@ mod.object({
   credentialSubject: CredentialSubjectValidator.optional()
 });
 
-var VerificationFailedIcon = "data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMzAiIGhlaWdodD0iMzAiIHZpZXdCb3g9IjAgMCAzMCAzMCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHJlY3Qgd2lkdGg9IjMwIiBoZWlnaHQ9IjMwIiByeD0iMTUiIGZpbGw9IiNFMTFENDgiLz4KPHBhdGggZD0iTTIwLjYyNSA5LjM3NUw5LjM3NSAyMC42MjUiIHN0cm9rZT0id2hpdGUiIHN0cm9rZS13aWR0aD0iMyIgc3Ryb2tlLWxpbmVjYXA9InJvdW5kIiBzdHJva2UtbGluZWpvaW49InJvdW5kIi8+CjxwYXRoIGQ9Ik0yMC42MjUgMjAuNjI1TDkuMzc1IDkuMzc1IiBzdHJva2U9IndoaXRlIiBzdHJva2Utd2lkdGg9IjMiIHN0cm9rZS1saW5lY2FwPSJyb3VuZCIgc3Ryb2tlLWxpbmVqb2luPSJyb3VuZCIvPgo8L3N2Zz4K";
-
-var VerificationPassedIcon = "data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMzAiIGhlaWdodD0iMzAiIHZpZXdCb3g9IjAgMCAzMCAzMCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHJlY3Qgd2lkdGg9IjMwIiBoZWlnaHQ9IjMwIiByeD0iMTUiIGZpbGw9IiM0MENCQTYiLz4KPHBhdGggZD0iTTIxLjg3NSAxMC42MjU0TDEzLjEyNSAxOS4zNzVMOC43NSAxNS4wMDA0IiBzdHJva2U9IndoaXRlIiBzdHJva2Utd2lkdGg9IjMiIHN0cm9rZS1saW5lY2FwPSJyb3VuZCIgc3Ryb2tlLWxpbmVqb2luPSJyb3VuZCIvPgo8L3N2Zz4K";
-
-var VerificationWarningIcon = "data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMzAiIGhlaWdodD0iMzAiIHZpZXdCb3g9IjAgMCAzMCAzMCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHJlY3Qgd2lkdGg9IjMwIiBoZWlnaHQ9IjMwIiByeD0iMTUiIGZpbGw9IiNGQUNDMTUiLz4KPHBhdGggZD0iTTEzLjI4NTcgMTYuOTA4TDEyLjQzMDcgOC43SDE3LjU2MDdMMTYuNzA1NyAxNi45MDhIMTMuMjg1N1pNMTQuOTk1NyAyMi4xOUMxNC4yNjEgMjIuMTkgMTMuNjU5NCAyMS45NjgzIDEzLjE5MDcgMjEuNTI1QzEyLjcyMiAyMS4wNjkgMTIuNDg3NyAyMC41MzA3IDEyLjQ4NzcgMTkuOTFDMTIuNDg3NyAxOS4yNzY3IDEyLjcyMiAxOC43NDQ3IDEzLjE5MDcgMTguMzE0QzEzLjY1OTQgMTcuODgzMyAxNC4yNjEgMTcuNjY4IDE0Ljk5NTcgMTcuNjY4QzE1Ljc0MyAxNy42NjggMTYuMzQ0NyAxNy44ODMzIDE2LjgwMDcgMTguMzE0QzE3LjI2OTQgMTguNzQ0NyAxNy41MDM3IDE5LjI3NjcgMTcuNTAzNyAxOS45MUMxNy41MDM3IDIwLjUzMDcgMTcuMjY5NCAyMS4wNjkgMTYuODAwNyAyMS41MjVDMTYuMzQ0NyAyMS45NjgzIDE1Ljc0MyAyMi4xOSAxNC45OTU3IDIyLjE5WiIgZmlsbD0id2hpdGUiLz4KPC9zdmc+Cg==";
-
 const StatusToBgColor = {
   [VerificationStatusEnum.Success]: "bg-emerald-500",
   [VerificationStatusEnum.Failed]: "bg-yellow-400",
@@ -3262,9 +3262,9 @@ const StatusToTextColor = {
   [VerificationStatusEnum.Error]: "text-rose-600"
 };
 const StatusToIcon = {
-  [VerificationStatusEnum.Success]: VerificationPassedIcon,
-  [VerificationStatusEnum.Failed]: VerificationWarningIcon,
-  [VerificationStatusEnum.Error]: VerificationFailedIcon
+  [VerificationStatusEnum.Success]: VerificationPassedIcon__default["default"],
+  [VerificationStatusEnum.Failed]: VerificationWarningIcon__default["default"],
+  [VerificationStatusEnum.Error]: VerificationFailedIcon__default["default"]
 };
 const StatusToText = {
   [VerificationStatusEnum.Success]: "Verification Success",
@@ -3310,4 +3310,4 @@ const VCVerificationPill = ({
 
 exports.VCVerificationPill = VCVerificationPill;
 exports.ValidationStateIndicator = ValidationStateIndicator;
-//# sourceMappingURL=VCVerificationPill-84826845.js.map
+//# sourceMappingURL=VCVerificationPill-2873ac48.js.map