@learncard/react 2.3.40 → 2.3.43

package/dist/cjs/{VCVerificationCheck-04f3f7bc.js → VCVerificationCheck-0e495524.js}

@@ -47,7 +47,7 @@ const VCVerificationCheckWithText = ({
   });
   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]"
+    className: "flex justify-center items-center translate-x-[10px] w-full vc-verification-full-wrapper"
   }, /* @__PURE__ */ React__default["default"].createElement("span", {
     className: "text-white font-bold tracking-wider"
   }, "Verified"), /* @__PURE__ */ React__default["default"].createElement("div", {
@@ -68,4 +68,4 @@ const VCVerificationCheckWithText = ({
 
 exports.VCVerificationCheck = VCVerificationCheck;
 exports.VCVerificationCheckWithText = VCVerificationCheckWithText;
-//# sourceMappingURL=VCVerificationCheck-04f3f7bc.js.map
+//# sourceMappingURL=VCVerificationCheck-0e495524.js.map

package/dist/cjs/VCVerificationCheck-0e495524.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"VCVerificationCheck-0e495524.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 justify-center items-center translate-x-[10px] w-full vc-verification-full-wrapper\">\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/index.js

@@ -26,11 +26,11 @@ var SkillVerticalCard = require('./SkillVerticalCard-3eb3a8e9.js');
 var SkillsCard = require('./SkillsCard-4b6dbb4f.js');
 var SkillsStatsCard = require('./SkillsStatsCard-97a35a88.js');
 var SmallAchievementCard = require('./SmallAchievementCard-c76701ce.js');
-var VCCard = require('./VCCard-0f1585f1.js');
-var VCDisplayBackFace = require('./VCDisplayBackFace-5a99f0f1.js');
-var VCDisplayCard = require('./VCDisplayCard-721c1964.js');
+var VCCard = require('./VCCard-c004f8a7.js');
+var VCDisplayBackFace = require('./VCDisplayBackFace-3ed6bd82.js');
+var VCDisplayCard = require('./VCDisplayCard-083aa9ab.js');
 var VCThumbnail = require('./VCThumbnail-6bf86bb2.js');
-var VCVerificationCheck = require('./VCVerificationCheck-04f3f7bc.js');
+var VCVerificationCheck = require('./VCVerificationCheck-0e495524.js');
 var VCVerificationPill = require('./VCVerificationPill-656a2742.js');
 var User = require('./User-b16d5499.js');
 var Trophy = require('./Trophy-9ede7f2b.js');

package/dist/cjs/index27.js

@@ -2,18 +2,18 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-var VCCard = require('./VCCard-0f1585f1.js');
+var VCCard = require('./VCCard-c004f8a7.js');
 require('react');
 require('@learncard/core');
-require('./VCDisplayCard-721c1964.js');
+require('./VCDisplayCard-083aa9ab.js');
 require('./FlippyCard-33e03a9e.js');
 require('./icon.green.fat-arrow.png');
 require('./ArrowArcRight.svg');
 require('./default-face.jpeg');
-require('./VCVerificationCheck-04f3f7bc.js');
+require('./VCVerificationCheck-0e495524.js');
 require('./vc.check.svg');
 require('./CircleSpinner-093cce04.js');
-require('./VCDisplayBackFace-5a99f0f1.js');
+require('./VCDisplayBackFace-3ed6bd82.js');
 require('./VCVerificationPill-656a2742.js');
 require('./RedXCircle.svg');
 require('./GreenCheckCircle.svg');

package/dist/cjs/index28.js

@@ -2,9 +2,9 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-var VCDisplayBackFace = require('./VCDisplayBackFace-5a99f0f1.js');
+var VCDisplayBackFace = require('./VCDisplayBackFace-3ed6bd82.js');
 require('react');
-require('./VCVerificationCheck-04f3f7bc.js');
+require('./VCVerificationCheck-0e495524.js');
 require('./vc.check.svg');
 require('./CircleSpinner-093cce04.js');
 require('./VCVerificationPill-656a2742.js');

package/dist/cjs/index29.js

@@ -2,16 +2,16 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-var VCDisplayCard = require('./VCDisplayCard-721c1964.js');
+var VCDisplayCard = require('./VCDisplayCard-083aa9ab.js');
 require('react');
 require('./FlippyCard-33e03a9e.js');
 require('./icon.green.fat-arrow.png');
 require('./ArrowArcRight.svg');
 require('./default-face.jpeg');
-require('./VCVerificationCheck-04f3f7bc.js');
+require('./VCVerificationCheck-0e495524.js');
 require('./vc.check.svg');
 require('./CircleSpinner-093cce04.js');
-require('./VCDisplayBackFace-5a99f0f1.js');
+require('./VCDisplayBackFace-3ed6bd82.js');
 require('./VCVerificationPill-656a2742.js');
 require('./RedXCircle.svg');
 require('./GreenCheckCircle.svg');

package/dist/cjs/index32.js

@@ -2,7 +2,7 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-var VCVerificationCheck = require('./VCVerificationCheck-04f3f7bc.js');
+var VCVerificationCheck = require('./VCVerificationCheck-0e495524.js');
 require('react');
 require('./vc.check.svg');
 require('./CircleSpinner-093cce04.js');

package/dist/cjs/index9.js

@@ -26,11 +26,11 @@ var SkillVerticalCard = require('./SkillVerticalCard-3eb3a8e9.js');
 var SkillsCard = require('./SkillsCard-4b6dbb4f.js');
 var SkillsStatsCard = require('./SkillsStatsCard-97a35a88.js');
 var SmallAchievementCard = require('./SmallAchievementCard-c76701ce.js');
-var VCCard = require('./VCCard-0f1585f1.js');
-var VCDisplayBackFace = require('./VCDisplayBackFace-5a99f0f1.js');
-var VCDisplayCard = require('./VCDisplayCard-721c1964.js');
+var VCCard = require('./VCCard-c004f8a7.js');
+var VCDisplayBackFace = require('./VCDisplayBackFace-3ed6bd82.js');
+var VCDisplayCard = require('./VCDisplayCard-083aa9ab.js');
 var VCThumbnail = require('./VCThumbnail-6bf86bb2.js');
-var VCVerificationCheck = require('./VCVerificationCheck-04f3f7bc.js');
+var VCVerificationCheck = require('./VCVerificationCheck-0e495524.js');
 var VCVerificationPill = require('./VCVerificationPill-656a2742.js');
 var User = require('./User-b16d5499.js');
 var Trophy = require('./Trophy-9ede7f2b.js');

package/dist/esm/{VCCard-e3defe0b.js → VCCard-16232466.js}

@@ -1,6 +1,6 @@
 import React, { useState, useEffect } from 'react';
 import { initLearnCard } from '@learncard/core';
-import { V as VCDisplayCard } from './VCDisplayCard-34ddf851.js';
+import { V as VCDisplayCard } from './VCDisplayCard-2b39d0d6.js';
 
 var __async = (__this, __arguments, generator) => {
   return new Promise((resolve, reject) => {
@@ -44,4 +44,4 @@ const VCCard = ({ credential, issueeOverride, className = "" }) => {
 };
 
 export { VCCard as V };
-//# sourceMappingURL=VCCard-e3defe0b.js.map
+//# sourceMappingURL=VCCard-16232466.js.map

package/dist/esm/{VCCard-e3defe0b.js.map → VCCard-16232466.js.map}

@@ -1 +1 @@
-{"version":3,"file":"VCCard-e3defe0b.js","sources":["../../src/components/VCCard/VCCard.tsx"],"sourcesContent":["import React, { useState, useEffect } from 'react';\nimport { initLearnCard } from '@learncard/core';\nimport { VC, Profile, VerificationItem } from '@learncard/types';\n\nimport { VCDisplayCard } from '../VCDisplayCard';\n\nexport type VCCardProps = {\n    credential: VC;\n    issueeOverride?: Profile;\n    className?: string;\n};\n\nexport const VCCard: React.FC<VCCardProps> = ({ credential, issueeOverride, className = '' }) => {\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.verifyCredential(credential);\n            setVCVerification(verification);\n            setLoading(false);\n        };\n\n        verify();\n    }, [credential]);\n\n    return (\n        <VCDisplayCard\n            credential={credential}\n            issueeOverride={issueeOverride}\n            className={className}\n            loading={loading}\n            verification={vcVerification}\n        />\n    );\n};\n\nexport default VCCard;\n"],"names":[],"mappings":";;;;AAAA,IAAI,OAAO,GAAG,CAAC,MAAM,EAAE,WAAW,EAAE,SAAS,KAAK;AAClD,EAAE,OAAO,IAAI,OAAO,CAAC,CAAC,OAAO,EAAE,MAAM,KAAK;AAC1C,IAAI,IAAI,SAAS,GAAG,CAAC,KAAK,KAAK;AAC/B,MAAM,IAAI;AACV,QAAQ,IAAI,CAAC,SAAS,CAAC,IAAI,CAAC,KAAK,CAAC,CAAC,CAAC;AACpC,OAAO,CAAC,OAAO,CAAC,EAAE;AAClB,QAAQ,MAAM,CAAC,CAAC,CAAC,CAAC;AAClB,OAAO;AACP,KAAK,CAAC;AACN,IAAI,IAAI,QAAQ,GAAG,CAAC,KAAK,KAAK;AAC9B,MAAM,IAAI;AACV,QAAQ,IAAI,CAAC,SAAS,CAAC,KAAK,CAAC,KAAK,CAAC,CAAC,CAAC;AACrC,OAAO,CAAC,OAAO,CAAC,EAAE;AAClB,QAAQ,MAAM,CAAC,CAAC,CAAC,CAAC;AAClB,OAAO;AACP,KAAK,CAAC;AACN,IAAI,IAAI,IAAI,GAAG,CAAC,CAAC,KAAK,CAAC,CAAC,IAAI,GAAG,OAAO,CAAC,CAAC,CAAC,KAAK,CAAC,GAAG,OAAO,CAAC,OAAO,CAAC,CAAC,CAAC,KAAK,CAAC,CAAC,IAAI,CAAC,SAAS,EAAE,QAAQ,CAAC,CAAC;AACrG,IAAI,IAAI,CAAC,CAAC,SAAS,GAAG,SAAS,CAAC,KAAK,CAAC,MAAM,EAAE,WAAW,CAAC,EAAE,IAAI,EAAE,CAAC,CAAC;AACpE,GAAG,CAAC,CAAC;AACL,CAAC,CAAC;AAIU,MAAC,MAAM,GAAG,CAAC,EAAE,UAAU,EAAE,cAAc,EAAE,SAAS,GAAG,EAAE,EAAE,KAAK;AAC1E,EAAE,MAAM,CAAC,OAAO,EAAE,UAAU,CAAC,GAAG,QAAQ,CAAC,IAAI,CAAC,CAAC;AAC/C,EAAE,MAAM,CAAC,cAAc,EAAE,iBAAiB,CAAC,GAAG,QAAQ,CAAC,EAAE,CAAC,CAAC;AAC3D,EAAE,SAAS,CAAC,MAAM;AAClB,IAAI,MAAM,MAAM,GAAG,MAAM,OAAO,CAAC,KAAK,CAAC,EAAE,IAAI,EAAE,aAAa;AAC5D,MAAM,MAAM,MAAM,GAAG,MAAM,aAAa,EAAE,CAAC;AAC3C,MAAM,MAAM,YAAY,GAAG,MAAM,MAAM,CAAC,gBAAgB,CAAC,UAAU,CAAC,CAAC;AACrE,MAAM,iBAAiB,CAAC,YAAY,CAAC,CAAC;AACtC,MAAM,UAAU,CAAC,KAAK,CAAC,CAAC;AACxB,KAAK,CAAC,CAAC;AACP,IAAI,MAAM,EAAE,CAAC;AACb,GAAG,EAAE,CAAC,UAAU,CAAC,CAAC,CAAC;AACnB,EAAE,uBAAuB,KAAK,CAAC,aAAa,CAAC,aAAa,EAAE;AAC5D,IAAI,UAAU;AACd,IAAI,cAAc;AAClB,IAAI,SAAS;AACb,IAAI,OAAO;AACX,IAAI,YAAY,EAAE,cAAc;AAChC,GAAG,CAAC,CAAC;AACL;;;;"}
+{"version":3,"file":"VCCard-16232466.js","sources":["../../src/components/VCCard/VCCard.tsx"],"sourcesContent":["import React, { useState, useEffect } from 'react';\nimport { initLearnCard } from '@learncard/core';\nimport { VC, Profile, VerificationItem } from '@learncard/types';\n\nimport { VCDisplayCard } from '../VCDisplayCard';\n\nexport type VCCardProps = {\n    credential: VC;\n    issueeOverride?: Profile;\n    className?: string;\n};\n\nexport const VCCard: React.FC<VCCardProps> = ({ credential, issueeOverride, className = '' }) => {\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.verifyCredential(credential);\n            setVCVerification(verification);\n            setLoading(false);\n        };\n\n        verify();\n    }, [credential]);\n\n    return (\n        <VCDisplayCard\n            credential={credential}\n            issueeOverride={issueeOverride}\n            className={className}\n            loading={loading}\n            verification={vcVerification}\n        />\n    );\n};\n\nexport default VCCard;\n"],"names":[],"mappings":";;;;AAAA,IAAI,OAAO,GAAG,CAAC,MAAM,EAAE,WAAW,EAAE,SAAS,KAAK;AAClD,EAAE,OAAO,IAAI,OAAO,CAAC,CAAC,OAAO,EAAE,MAAM,KAAK;AAC1C,IAAI,IAAI,SAAS,GAAG,CAAC,KAAK,KAAK;AAC/B,MAAM,IAAI;AACV,QAAQ,IAAI,CAAC,SAAS,CAAC,IAAI,CAAC,KAAK,CAAC,CAAC,CAAC;AACpC,OAAO,CAAC,OAAO,CAAC,EAAE;AAClB,QAAQ,MAAM,CAAC,CAAC,CAAC,CAAC;AAClB,OAAO;AACP,KAAK,CAAC;AACN,IAAI,IAAI,QAAQ,GAAG,CAAC,KAAK,KAAK;AAC9B,MAAM,IAAI;AACV,QAAQ,IAAI,CAAC,SAAS,CAAC,KAAK,CAAC,KAAK,CAAC,CAAC,CAAC;AACrC,OAAO,CAAC,OAAO,CAAC,EAAE;AAClB,QAAQ,MAAM,CAAC,CAAC,CAAC,CAAC;AAClB,OAAO;AACP,KAAK,CAAC;AACN,IAAI,IAAI,IAAI,GAAG,CAAC,CAAC,KAAK,CAAC,CAAC,IAAI,GAAG,OAAO,CAAC,CAAC,CAAC,KAAK,CAAC,GAAG,OAAO,CAAC,OAAO,CAAC,CAAC,CAAC,KAAK,CAAC,CAAC,IAAI,CAAC,SAAS,EAAE,QAAQ,CAAC,CAAC;AACrG,IAAI,IAAI,CAAC,CAAC,SAAS,GAAG,SAAS,CAAC,KAAK,CAAC,MAAM,EAAE,WAAW,CAAC,EAAE,IAAI,EAAE,CAAC,CAAC;AACpE,GAAG,CAAC,CAAC;AACL,CAAC,CAAC;AAIU,MAAC,MAAM,GAAG,CAAC,EAAE,UAAU,EAAE,cAAc,EAAE,SAAS,GAAG,EAAE,EAAE,KAAK;AAC1E,EAAE,MAAM,CAAC,OAAO,EAAE,UAAU,CAAC,GAAG,QAAQ,CAAC,IAAI,CAAC,CAAC;AAC/C,EAAE,MAAM,CAAC,cAAc,EAAE,iBAAiB,CAAC,GAAG,QAAQ,CAAC,EAAE,CAAC,CAAC;AAC3D,EAAE,SAAS,CAAC,MAAM;AAClB,IAAI,MAAM,MAAM,GAAG,MAAM,OAAO,CAAC,KAAK,CAAC,EAAE,IAAI,EAAE,aAAa;AAC5D,MAAM,MAAM,MAAM,GAAG,MAAM,aAAa,EAAE,CAAC;AAC3C,MAAM,MAAM,YAAY,GAAG,MAAM,MAAM,CAAC,gBAAgB,CAAC,UAAU,CAAC,CAAC;AACrE,MAAM,iBAAiB,CAAC,YAAY,CAAC,CAAC;AACtC,MAAM,UAAU,CAAC,KAAK,CAAC,CAAC;AACxB,KAAK,CAAC,CAAC;AACP,IAAI,MAAM,EAAE,CAAC;AACb,GAAG,EAAE,CAAC,UAAU,CAAC,CAAC,CAAC;AACnB,EAAE,uBAAuB,KAAK,CAAC,aAAa,CAAC,aAAa,EAAE;AAC5D,IAAI,UAAU;AACd,IAAI,cAAc;AAClB,IAAI,SAAS;AACb,IAAI,OAAO;AACX,IAAI,YAAY,EAAE,cAAc;AAChC,GAAG,CAAC,CAAC;AACL;;;;"}

package/dist/esm/{VCDisplayBackFace-f1f84ee8.js → VCDisplayBackFace-402de703.js}

@@ -1,5 +1,5 @@
 import React from 'react';
-import { a as VCVerificationCheckWithText } from './VCVerificationCheck-eef7883b.js';
+import { a as VCVerificationCheckWithText } from './VCVerificationCheck-b2de0477.js';
 import { a as VCVerificationPill } from './VCVerificationPill-26519af1.js';
 import FlipArrowRight from './ArrowArcRight.svg';
 
@@ -52,13 +52,13 @@ const VCDisplayBackFace = ({
   }, /* @__PURE__ */ React.createElement("h6", {
     className: "line-clamp-1 text-grayscale-900 font-bold uppercase text-xs tracking-wider subpixel-antialiased"
   }, "Description"), /* @__PURE__ */ React.createElement("p", {
-    className: "line-clamp-4 subpixel-antialiased text-grayscale-600 text-[14px]"
+    className: "line-clamp-4 subpixel-antialiased text-grayscale-600 text-[14px] lc-line-clamp"
   }, descriptionText)), /* @__PURE__ */ React.createElement("div", {
     className: "width-full mt-7"
   }, /* @__PURE__ */ React.createElement("h6", {
     className: "line-clamp-1 text-grayscale-900 font-bold uppercase text-xs tracking-wider  subpixel-antialiased"
   }, "Criteria"), /* @__PURE__ */ React.createElement("p", {
-    className: "line-clamp-4 subpixel-antialiased text-grayscale-600 text-[14px] "
+    className: "line-clamp-4 subpixel-antialiased text-grayscale-600 text-[14px] lc-line-clamp"
   }, criteriaText)), /* @__PURE__ */ React.createElement("div", {
     className: "width-full mt-7 line-clamp-1 overflow-hidden vc-issuer-name-info"
   }, /* @__PURE__ */ React.createElement("h6", {
@@ -90,4 +90,4 @@ const VCDisplayBackFace = ({
 };
 
 export { VCDisplayBackFace as V, getImageFromProfile as a, getNameFromProfile as g };
-//# sourceMappingURL=VCDisplayBackFace-f1f84ee8.js.map
+//# sourceMappingURL=VCDisplayBackFace-402de703.js.map

package/dist/esm/VCDisplayBackFace-402de703.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"VCDisplayBackFace-402de703.js","sources":["../../src/helpers/credential.helpers.ts","../../src/components/VCDisplayBackFace/VCDisplayBackFace.tsx"],"sourcesContent":["import { Image, Profile } from '@learncard/types';\n\nexport const getImageFromImage = (image: Image): string => {\n    if (typeof image === 'string') return image;\n\n    return image.id ?? '';\n};\n\nexport const getNameFromProfile = (profile: Profile): string => {\n    if (typeof profile === 'string') return profile;\n\n    return profile.name ?? '';\n};\n\nexport const getImageFromProfile = (profile: Profile): string => {\n    if (typeof profile === 'string') return '';\n\n    return getImageFromImage(profile.image ?? '');\n};\n","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}) => {\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\n    return (\n        <div\n            className={`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 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                    <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-4 subpixel-antialiased text-grayscale-600 text-[14px] lc-line-clamp\">\n                            {descriptionText}\n                        </p>\n                    </div>\n\n                    <div className=\"width-full mt-7\">\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-4 subpixel-antialiased text-grayscale-600 text-[14px] lc-line-clamp\">\n                            {criteriaText}\n                        </p>\n                    </div>\n\n                    <div className=\"width-full mt-7 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                </section>\n\n                <div className=\"w-full mt-2\"></div>\n\n                <button className=\"bg-white my-3 border-2 text-indigo-500 font-semibold py-2 px-4 border border-indigo-300 rounded-full\">\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":[],"mappings":"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"}

package/dist/esm/{VCDisplayCard-34ddf851.js → VCDisplayCard-2b39d0d6.js}

@@ -3,8 +3,8 @@ import { F as FlippyCard } from './FlippyCard-682649d7.js';
 import FatArrow from './icon.green.fat-arrow.png';
 import FlipArrowRight from './ArrowArcRight.svg';
 import DefaultFace from './default-face.jpeg';
-import { a as VCVerificationCheckWithText } from './VCVerificationCheck-eef7883b.js';
-import { g as getNameFromProfile, a as getImageFromProfile, V as VCDisplayBackFace } from './VCDisplayBackFace-f1f84ee8.js';
+import { a as VCVerificationCheckWithText } from './VCVerificationCheck-b2de0477.js';
+import { g as getNameFromProfile, a as getImageFromProfile, V as VCDisplayBackFace } from './VCDisplayBackFace-402de703.js';
 
 function toInteger(dirtyNumber) {
   if (dirtyNumber === null || dirtyNumber === true || dirtyNumber === false) {
@@ -2554,4 +2554,4 @@ const VCDisplayCard = ({
 };
 
 export { VCDisplayCard as V };
-//# sourceMappingURL=VCDisplayCard-34ddf851.js.map
+//# sourceMappingURL=VCDisplayCard-2b39d0d6.js.map