@learncard/react 2.3.39 → 2.3.41

package/dist/esm/{VCVerificationCheck-eef7883b.js → VCVerificationCheck-b2de0477.js}

@@ -40,7 +40,7 @@ const VCVerificationCheckWithText = ({
   });
   const loadingState = loading || defaultLoading ? CircleLoadingState.spin : CircleLoadingState.stop;
   return /* @__PURE__ */ React.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.createElement("span", {
     className: "text-white font-bold tracking-wider"
   }, "Verified"), /* @__PURE__ */ React.createElement("div", {
@@ -60,4 +60,4 @@ const VCVerificationCheckWithText = ({
 };
 
 export { VCVerificationCheck as V, VCVerificationCheckWithText as a };
-//# sourceMappingURL=VCVerificationCheck-eef7883b.js.map
+//# sourceMappingURL=VCVerificationCheck-b2de0477.js.map

package/dist/esm/VCVerificationCheck-b2de0477.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"VCVerificationCheck-b2de0477.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":[],"mappings":";;;;AAGY,MAAC,mBAAmB,GAAG,CAAC,EAAE,IAAI,GAAG,MAAM,EAAE,KAAK;AAC1D,EAAE,IAAI,EAAE,CAAC;AACT,EAAE,MAAM,SAAS,GAAG;AACpB,IAAI,KAAK,EAAE,IAAI;AACf,IAAI,MAAM,EAAE,IAAI;AAChB,GAAG,CAAC;AACJ,EAAE,uBAAuB,KAAK,CAAC,aAAa,CAAC,KAAK,EAAE;AACpD,IAAI,SAAS,EAAE,yBAAyB;AACxC,IAAI,KAAK,EAAE,EAAE,QAAQ,EAAE,UAAU,EAAE;AACnC,GAAG,kBAAkB,KAAK,CAAC,aAAa,CAAC,KAAK,EAAE;AAChD,IAAI,SAAS,EAAE,sFAAsF;AACrG,GAAG,kBAAkB,KAAK,CAAC,aAAa,CAAC,KAAK,EAAE;AAChD,IAAI,SAAS,EAAE,kCAAkC;AACjD,IAAI,GAAG,EAAE,CAAC,EAAE,GAAG,wBAAwB,KAAK,IAAI,GAAG,EAAE,GAAG,EAAE;AAC1D,IAAI,KAAK,EAAE,SAAS;AACpB,IAAI,GAAG,EAAE,mBAAmB;AAC5B,GAAG,CAAC,CAAC,CAAC,CAAC;AACP,EAAE;AAEU,MAAC,2BAA2B,GAAG,CAAC;AAC5C,EAAE,IAAI,GAAG,MAAM;AACf,EAAE,OAAO,GAAG,IAAI;AAChB,CAAC,KAAK;AACN,EAAE,MAAM,CAAC,cAAc,EAAE,iBAAiB,CAAC,GAAG,QAAQ,CAAC,IAAI,CAAC,CAAC;AAC7D,EAAE,MAAM,YAAY,GAAG;AACvB,IAAI,QAAQ,EAAE,UAAU;AACxB,IAAI,GAAG,EAAE,CAAC;AACV,IAAI,IAAI,EAAE,CAAC;AACX,IAAI,MAAM,EAAE,MAAM;AAClB,IAAI,KAAK,EAAE,MAAM;AACjB,GAAG,CAAC;AACJ,EAAE,SAAS,CAAC,MAAM;AAClB,IAAI,IAAI,MAAM,GAAG,UAAU,CAAC,MAAM,iBAAiB,CAAC,KAAK,CAAC,EAAE,CAAC,GAAG,GAAG,CAAC,CAAC;AACrE,IAAI,OAAO,MAAM;AACjB,MAAM,YAAY,CAAC,MAAM,CAAC,CAAC;AAC3B,KAAK,CAAC;AACN,GAAG,CAAC,CAAC;AACL,EAAE,MAAM,YAAY,GAAG,OAAO,IAAI,cAAc,GAAG,kBAAkB,CAAC,IAAI,GAAG,kBAAkB,CAAC,IAAI,CAAC;AACrG,EAAE,uBAAuB,KAAK,CAAC,aAAa,CAAC,KAAK,EAAE;AACpD,IAAI,SAAS,EAAE,yFAAyF;AACxG,GAAG,kBAAkB,KAAK,CAAC,aAAa,CAAC,MAAM,EAAE;AACjD,IAAI,SAAS,EAAE,qCAAqC;AACpD,GAAG,EAAE,UAAU,CAAC,kBAAkB,KAAK,CAAC,aAAa,CAAC,KAAK,EAAE;AAC7D,IAAI,KAAK,EAAE,EAAE,KAAK,EAAE,IAAI,EAAE,MAAM,EAAE,IAAI,EAAE,QAAQ,EAAE,UAAU,EAAE;AAC9D,IAAI,SAAS,EAAE,CAAC,gFAAgF,CAAC;AACjG,GAAG,kBAAkB,KAAK,CAAC,aAAa,CAAC,mBAAmB,EAAE;AAC9D,IAAI,IAAI,EAAE,MAAM;AAChB,IAAI,OAAO;AACX,GAAG,CAAC,kBAAkB,KAAK,CAAC,aAAa,CAAC,KAAK,EAAE;AACjD,IAAI,SAAS,EAAE,iCAAiC;AAChD,IAAI,KAAK,EAAE,YAAY;AACvB,GAAG,kBAAkB,KAAK,CAAC,aAAa,CAAC,aAAa,EAAE;AACxD,IAAI,YAAY;AAChB,GAAG,CAAC,CAAC,CAAC,kBAAkB,KAAK,CAAC,aAAa,CAAC,MAAM,EAAE;AACpD,IAAI,SAAS,EAAE,qCAAqC;AACpD,GAAG,EAAE,YAAY,CAAC,CAAC,CAAC;AACpB;;;;"}

package/dist/esm/{VCVerificationPill-efeee621.js → VCVerificationPill-26519af1.js}

@@ -2978,7 +2978,7 @@ var IdentifierEntryValidator = mod.object({
 });
 var ProfileValidator = mod.string().or(mod.object({
   id: mod.string().optional(),
-  type: mod.string().array().nonempty().optional(),
+  type: mod.string().or(mod.string().array().nonempty().optional()),
   name: mod.string().optional(),
   url: mod.string().optional(),
   phone: mod.string().optional(),
@@ -3309,4 +3309,4 @@ const VCVerificationPill = ({
 };
 
 export { ValidationStateIndicator as V, VCVerificationPill as a };
-//# sourceMappingURL=VCVerificationPill-efeee621.js.map
+//# sourceMappingURL=VCVerificationPill-26519af1.js.map