@learncard/react 2.12.0 → 2.12.2

package/dist/cjs/{VCVerificationPill-6c9dcf80.js.map → VCVerificationPill-3c130965.js.map}

@@ -1 +1 @@
-{"version":3,"file":"VCVerificationPill-6c9dcf80.js","sources":["../../src/components/VCVerificationPill/VCVerificationPill.tsx"],"sourcesContent":["import React from 'react';\nimport { VerificationStatus, VerificationStatusEnum } from '@learncard/types';\n\nimport VerificationFailedIcon from '../../assets/images/RedXCircle.svg';\nimport VerificationPassedIcon from '../../assets/images/GreenCheckCircle.svg';\nimport VerificationWarningIcon from '../../assets/images/YellowWarningCircle.svg';\n\ntype VerificationDisplayItemProps = {\n    status?: VerificationStatus;\n    message?: string;\n    details?: string;\n};\n\ntype VerifiableStateIndicatorProps = {\n    status: VerificationStatus;\n};\n\nconst StatusToBgColor = {\n    [VerificationStatusEnum.Success]: 'bg-emerald-500',\n    [VerificationStatusEnum.Failed]: 'bg-yellow-400',\n    [VerificationStatusEnum.Error]: 'bg-rose-600',\n};\n\nconst StatusToTextColor = {\n    [VerificationStatusEnum.Success]: 'text-emerald-700',\n    [VerificationStatusEnum.Failed]: 'text-yellow-400',\n    [VerificationStatusEnum.Error]: 'text-rose-600',\n};\n\nconst StatusToIcon = {\n    [VerificationStatusEnum.Success]: VerificationPassedIcon,\n    [VerificationStatusEnum.Failed]: VerificationWarningIcon,\n    [VerificationStatusEnum.Error]: VerificationFailedIcon,\n};\n\nconst StatusToText = {\n    [VerificationStatusEnum.Success]: 'Verification Success',\n    [VerificationStatusEnum.Error]: 'Verification Error ',\n    [VerificationStatusEnum.Failed]: 'Verification Failed',\n};\n\nexport const ValidationStateIndicator: React.FC<VerifiableStateIndicatorProps> = ({ status }) => {\n    const bgColor = StatusToBgColor[status];\n    const source = StatusToIcon[status];\n\n    return (\n        <div className={`relative rounded-full w-[30px] h-[30px] ${bgColor}`}>\n            <div className=\"relative w-[100%] h-[100%] 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={source ?? ''}\n                    alt=\"Verification Status Icon\"\n                />\n            </div>\n        </div>\n    );\n};\n\nconst VCVerificationPill: React.FC<VerificationDisplayItemProps> = ({\n    message = '',\n    details,\n    status = VerificationStatusEnum.Success,\n}) => {\n    const statusColor = StatusToTextColor[status];\n    const statusInfoText = StatusToText[status];\n\n    return (\n        <section className=\"flex width-full bg-white p-2 px-5 my-3.5 justify-between items-center relative vc-verification-checklist-pill rounded-[22px]\">\n            <div className=\"vc-pill-left\">\n                <p className={`text-[10px] font-bold status-text uppercase ${statusColor}`}>\n                    {statusInfoText}\n                </p>\n\n                <p className=\"text-[12px] text-grayscale-900 vc-pill-text\">{message}</p>\n\n                {details && <p className=\"text-[12px] text-gray-600\"> {details}</p>}\n            </div>\n            <div className=\"vc-pill-right\">\n                <ValidationStateIndicator status={status} />\n            </div>\n        </section>\n    );\n};\n\nexport default VCVerificationPill;\n"],"names":["VerificationStatusEnum","VerificationPassedIcon","VerificationWarningIcon","VerificationFailedIcon","React"],"mappings":";;;;;;;;;;;;;;;AAiBA,MAAM,eAAkB,GAAA;AAAA,EACpB,CAACA,gCAAuB,CAAA,OAAO,GAAG,gBAAA;AAAA,EAClC,CAACA,gCAAuB,CAAA,MAAM,GAAG,eAAA;AAAA,EACjC,CAACA,gCAAuB,CAAA,KAAK,GAAG,aAAA;AACpC,CAAA,CAAA;AAEA,MAAM,iBAAoB,GAAA;AAAA,EACtB,CAACA,gCAAuB,CAAA,OAAO,GAAG,kBAAA;AAAA,EAClC,CAACA,gCAAuB,CAAA,MAAM,GAAG,iBAAA;AAAA,EACjC,CAACA,gCAAuB,CAAA,KAAK,GAAG,eAAA;AACpC,CAAA,CAAA;AAEA,MAAM,YAAe,GAAA;AAAA,EACjB,CAACA,gCAAuB,CAAA,OAAO,GAAGC,0CAAA;AAAA,EAClC,CAACD,gCAAuB,CAAA,MAAM,GAAGE,2CAAA;AAAA,EACjC,CAACF,gCAAuB,CAAA,KAAK,GAAGG,0CAAA;AACpC,CAAA,CAAA;AAEA,MAAM,YAAe,GAAA;AAAA,EACjB,CAACH,gCAAuB,CAAA,OAAO,GAAG,sBAAA;AAAA,EAClC,CAACA,gCAAuB,CAAA,KAAK,GAAG,qBAAA;AAAA,EAChC,CAACA,gCAAuB,CAAA,MAAM,GAAG,qBAAA;AACrC,CAAA,CAAA;AAEO,MAAM,wBAAoE,GAAA,CAAC,EAAE,MAAA,EAAa,KAAA;AAC7F,EAAM,MAAA,OAAA,GAAU,gBAAgB,MAAM,CAAA,CAAA;AACtC,EAAM,MAAA,MAAA,GAAS,aAAa,MAAM,CAAA,CAAA;AAElC,EACI,uBAAAI,yBAAA,CAAA,aAAA,CAAC,SAAI,SAAW,EAAA,CAAA,wCAAA,EAA2C,OAAO,CAC9D,CAAA,EAAA,kBAAAA,yBAAA,CAAA,aAAA,CAAC,KAAI,EAAA,EAAA,SAAA,EAAU,iHACX,EAAA,kBAAAA,yBAAA,CAAA,aAAA;AAAA,IAAC,KAAA;AAAA,IAAA;AAAA,MACG,SAAU,EAAA,kCAAA;AAAA,MACV,KAAK,MAAU,IAAA,IAAA,GAAA,MAAA,GAAA,EAAA;AAAA,MACf,GAAI,EAAA,0BAAA;AAAA,KAAA;AAAA,GAEZ,CACJ,CAAA,CAAA;AAER,EAAA;AAEA,MAAM,qBAA6D,CAAC;AAAA,EAChE,OAAU,GAAA,EAAA;AAAA,EACV,OAAA;AAAA,EACA,SAASJ,gCAAuB,CAAA,OAAA;AACpC,CAAM,KAAA;AACF,EAAM,MAAA,WAAA,GAAc,kBAAkB,MAAM,CAAA,CAAA;AAC5C,EAAM,MAAA,cAAA,GAAiB,aAAa,MAAM,CAAA,CAAA;AAE1C,EAAA,+DACK,SAAQ,EAAA,EAAA,SAAA,EAAU,8HACf,EAAA,kBAAAI,yBAAA,CAAA,aAAA,CAAC,SAAI,SAAU,EAAA,cAAA,EAAA,kBACVA,yBAAA,CAAA,aAAA,CAAA,GAAA,EAAA,EAAE,WAAW,CAA+C,4CAAA,EAAA,WAAW,MACnE,cACL,CAAA,0DAEC,GAAE,EAAA,EAAA,SAAA,EAAU,6CAA+C,EAAA,EAAA,OAAQ,GAEnE,OAAW,oBAAAA,yBAAA,CAAA,aAAA,CAAC,OAAE,SAAU,EAAA,2BAAA,EAAA,EAA4B,KAAE,OAAQ,CACnE,CACA,kBAAAA,yBAAA,CAAA,aAAA,CAAC,SAAI,SAAU,EAAA,eAAA,EAAA,0DACV,wBAAyB,EAAA,EAAA,MAAA,EAAgB,CAC9C,CACJ,CAAA,CAAA;AAER;;;;;"}
+{"version":3,"file":"VCVerificationPill-3c130965.js","sources":["../../src/components/VCVerificationPill/VCVerificationPill.tsx"],"sourcesContent":["import React from 'react';\nimport { VerificationStatus, VerificationStatusEnum } from '@learncard/types';\n\nimport VerificationFailedIcon from '../../assets/images/RedXCircle.svg';\nimport VerificationPassedIcon from '../../assets/images/GreenCheckCircle.svg';\nimport VerificationWarningIcon from '../../assets/images/YellowWarningCircle.svg';\n\ntype VerificationDisplayItemProps = {\n    status?: VerificationStatus;\n    message?: string;\n    details?: string;\n};\n\ntype VerifiableStateIndicatorProps = {\n    status: VerificationStatus;\n};\n\nconst StatusToBgColor = {\n    [VerificationStatusEnum.Success]: 'bg-emerald-500',\n    [VerificationStatusEnum.Failed]: 'bg-yellow-400',\n    [VerificationStatusEnum.Error]: 'bg-rose-600',\n};\n\nconst StatusToTextColor = {\n    [VerificationStatusEnum.Success]: 'text-emerald-700',\n    [VerificationStatusEnum.Failed]: 'text-yellow-400',\n    [VerificationStatusEnum.Error]: 'text-rose-600',\n};\n\nconst StatusToIcon = {\n    [VerificationStatusEnum.Success]: VerificationPassedIcon,\n    [VerificationStatusEnum.Failed]: VerificationWarningIcon,\n    [VerificationStatusEnum.Error]: VerificationFailedIcon,\n};\n\nconst StatusToText = {\n    [VerificationStatusEnum.Success]: 'Verification Success',\n    [VerificationStatusEnum.Error]: 'Verification Error ',\n    [VerificationStatusEnum.Failed]: 'Verification Failed',\n};\n\nexport const ValidationStateIndicator: React.FC<VerifiableStateIndicatorProps> = ({ status }) => {\n    const bgColor = StatusToBgColor[status];\n    const source = StatusToIcon[status];\n\n    return (\n        <div className={`relative rounded-full w-[30px] h-[30px] ${bgColor}`}>\n            <div className=\"relative w-[100%] h-[100%] 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={source ?? ''}\n                    alt=\"Verification Status Icon\"\n                />\n            </div>\n        </div>\n    );\n};\n\nconst VCVerificationPill: React.FC<VerificationDisplayItemProps> = ({\n    message = '',\n    details,\n    status = VerificationStatusEnum.Success,\n}) => {\n    const statusColor = StatusToTextColor[status];\n    const statusInfoText = StatusToText[status];\n\n    return (\n        <section className=\"flex width-full bg-white p-2 px-5 my-3.5 justify-between items-center relative vc-verification-checklist-pill rounded-[22px]\">\n            <div className=\"vc-pill-left\">\n                <p className={`text-[10px] font-bold status-text uppercase ${statusColor}`}>\n                    {statusInfoText}\n                </p>\n\n                <p className=\"text-[12px] text-grayscale-900 vc-pill-text\">{message}</p>\n\n                {details && <p className=\"text-[12px] text-gray-600\"> {details}</p>}\n            </div>\n            <div className=\"vc-pill-right\">\n                <ValidationStateIndicator status={status} />\n            </div>\n        </section>\n    );\n};\n\nexport default VCVerificationPill;\n"],"names":["VerificationStatusEnum","VerificationPassedIcon","VerificationWarningIcon","VerificationFailedIcon","React"],"mappings":";;;;;;;;;;;;;;;AAiBA,MAAM,eAAkB,GAAA;AAAA,EACpB,CAACA,gCAAuB,CAAA,OAAO,GAAG,gBAAA;AAAA,EAClC,CAACA,gCAAuB,CAAA,MAAM,GAAG,eAAA;AAAA,EACjC,CAACA,gCAAuB,CAAA,KAAK,GAAG,aAAA;AACpC,CAAA,CAAA;AAEA,MAAM,iBAAoB,GAAA;AAAA,EACtB,CAACA,gCAAuB,CAAA,OAAO,GAAG,kBAAA;AAAA,EAClC,CAACA,gCAAuB,CAAA,MAAM,GAAG,iBAAA;AAAA,EACjC,CAACA,gCAAuB,CAAA,KAAK,GAAG,eAAA;AACpC,CAAA,CAAA;AAEA,MAAM,YAAe,GAAA;AAAA,EACjB,CAACA,gCAAuB,CAAA,OAAO,GAAGC,0CAAA;AAAA,EAClC,CAACD,gCAAuB,CAAA,MAAM,GAAGE,2CAAA;AAAA,EACjC,CAACF,gCAAuB,CAAA,KAAK,GAAGG,0CAAA;AACpC,CAAA,CAAA;AAEA,MAAM,YAAe,GAAA;AAAA,EACjB,CAACH,gCAAuB,CAAA,OAAO,GAAG,sBAAA;AAAA,EAClC,CAACA,gCAAuB,CAAA,KAAK,GAAG,qBAAA;AAAA,EAChC,CAACA,gCAAuB,CAAA,MAAM,GAAG,qBAAA;AACrC,CAAA,CAAA;AAEO,MAAM,wBAAoE,GAAA,CAAC,EAAE,MAAA,EAAa,KAAA;AAC7F,EAAM,MAAA,OAAA,GAAU,gBAAgB,MAAM,CAAA,CAAA;AACtC,EAAM,MAAA,MAAA,GAAS,aAAa,MAAM,CAAA,CAAA;AAElC,EACI,uBAAAI,yBAAA,CAAA,aAAA,CAAC,SAAI,SAAW,EAAA,CAAA,wCAAA,EAA2C,OAAO,CAC9D,CAAA,EAAA,kBAAAA,yBAAA,CAAA,aAAA,CAAC,KAAI,EAAA,EAAA,SAAA,EAAU,iHACX,EAAA,kBAAAA,yBAAA,CAAA,aAAA;AAAA,IAAC,KAAA;AAAA,IAAA;AAAA,MACG,SAAU,EAAA,kCAAA;AAAA,MACV,KAAK,MAAU,IAAA,IAAA,GAAA,MAAA,GAAA,EAAA;AAAA,MACf,GAAI,EAAA,0BAAA;AAAA,KAAA;AAAA,GAEZ,CACJ,CAAA,CAAA;AAER,EAAA;AAEA,MAAM,qBAA6D,CAAC;AAAA,EAChE,OAAU,GAAA,EAAA;AAAA,EACV,OAAA;AAAA,EACA,SAASJ,gCAAuB,CAAA,OAAA;AACpC,CAAM,KAAA;AACF,EAAM,MAAA,WAAA,GAAc,kBAAkB,MAAM,CAAA,CAAA;AAC5C,EAAM,MAAA,cAAA,GAAiB,aAAa,MAAM,CAAA,CAAA;AAE1C,EAAA,+DACK,SAAQ,EAAA,EAAA,SAAA,EAAU,8HACf,EAAA,kBAAAI,yBAAA,CAAA,aAAA,CAAC,SAAI,SAAU,EAAA,cAAA,EAAA,kBACVA,yBAAA,CAAA,aAAA,CAAA,GAAA,EAAA,EAAE,WAAW,CAA+C,4CAAA,EAAA,WAAW,MACnE,cACL,CAAA,0DAEC,GAAE,EAAA,EAAA,SAAA,EAAU,6CAA+C,EAAA,EAAA,OAAQ,GAEnE,OAAW,oBAAAA,yBAAA,CAAA,aAAA,CAAC,OAAE,SAAU,EAAA,2BAAA,EAAA,EAA4B,KAAE,OAAQ,CACnE,CACA,kBAAAA,yBAAA,CAAA,aAAA,CAAC,SAAI,SAAU,EAAA,eAAA,EAAA,0DACV,wBAAyB,EAAA,EAAA,MAAA,EAAgB,CAC9C,CACJ,CAAA,CAAA;AAER;;;;;"}

package/dist/cjs/{VerifierStateBadgeAndText-934239ab.js → VerifierStateBadgeAndText-57a7b85f.js}

@@ -11,7 +11,8 @@ var Social = require('./social.png');
 var Stem = require('./stem.png');
 var Trade = require('./trade.png');
 var PuzzlePiece = require('./PuzzlePiece-e64f4596.js');
-var types_esm = require('./types.esm-73624b33.js');
+var types_esm = require('./types.esm-228757cd.js');
+var i18n = require('./i18n-ddbb18e7.js');
 
 function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
 
@@ -3678,6 +3679,12 @@ var require_types_cjs_development = __commonJS({
       LCNBoostClaimLinkSigningAuthorityValidator: /* @__PURE__ */ __name(() => LCNBoostClaimLinkSigningAuthorityValidator, "LCNBoostClaimLinkSigningAuthorityValidator"),
       LCNBoostStatus: /* @__PURE__ */ __name(() => LCNBoostStatus, "LCNBoostStatus"),
       LCNConnectionProfileValidator: /* @__PURE__ */ __name(() => LCNConnectionProfileValidator, "LCNConnectionProfileValidator"),
+      LCNConnectionPromptActionResultValidator: /* @__PURE__ */ __name(() => LCNConnectionPromptActionResultValidator, "LCNConnectionPromptActionResultValidator"),
+      LCNConnectionPromptActionStatusValidator: /* @__PURE__ */ __name(() => LCNConnectionPromptActionStatusValidator, "LCNConnectionPromptActionStatusValidator"),
+      LCNConnectionPromptMetadataValidator: /* @__PURE__ */ __name(() => LCNConnectionPromptMetadataValidator, "LCNConnectionPromptMetadataValidator"),
+      LCNConnectionPromptStatusValidator: /* @__PURE__ */ __name(() => LCNConnectionPromptStatusValidator, "LCNConnectionPromptStatusValidator"),
+      LCNConnectionPromptSurfaceValidator: /* @__PURE__ */ __name(() => LCNConnectionPromptSurfaceValidator, "LCNConnectionPromptSurfaceValidator"),
+      LCNConnectionPromptValidator: /* @__PURE__ */ __name(() => LCNConnectionPromptValidator, "LCNConnectionPromptValidator"),
       LCNDomainOrOriginValidator: /* @__PURE__ */ __name(() => LCNDomainOrOriginValidator, "LCNDomainOrOriginValidator"),
       LCNInboxContactMethodValidator: /* @__PURE__ */ __name(() => LCNInboxContactMethodValidator, "LCNInboxContactMethodValidator"),
       LCNInboxStatusEnumValidator: /* @__PURE__ */ __name(() => LCNInboxStatusEnumValidator, "LCNInboxStatusEnumValidator"),
@@ -3689,6 +3696,7 @@ var require_types_cjs_development = __commonJS({
       LCNNotificationDataValidator: /* @__PURE__ */ __name(() => LCNNotificationDataValidator, "LCNNotificationDataValidator"),
       LCNNotificationInboxValidator: /* @__PURE__ */ __name(() => LCNNotificationInboxValidator, "LCNNotificationInboxValidator"),
       LCNNotificationMessageValidator: /* @__PURE__ */ __name(() => LCNNotificationMessageValidator, "LCNNotificationMessageValidator"),
+      LCNNotificationMetadataValidator: /* @__PURE__ */ __name(() => LCNNotificationMetadataValidator, "LCNNotificationMetadataValidator"),
       LCNNotificationTypeEnumValidator: /* @__PURE__ */ __name(() => LCNNotificationTypeEnumValidator, "LCNNotificationTypeEnumValidator"),
       LCNNotificationValidator: /* @__PURE__ */ __name(() => LCNNotificationValidator, "LCNNotificationValidator"),
       LCNProfileConnectionStatusEnum: /* @__PURE__ */ __name(() => LCNProfileConnectionStatusEnum, "LCNProfileConnectionStatusEnum"),
@@ -19780,6 +19788,31 @@ Set the \`cycles\` parameter to \`"ref"\` to resolve cyclical schemas with defs.
       isServiceProfile: true,
       display: true
     });
+    var LCNConnectionPromptStatusValidator = external_exports.enum(["PENDING", "SKIPPED", "CONNECTED"]);
+    var LCNConnectionPromptSurfaceValidator = external_exports.enum(["POST_CLAIM", "NOTIFICATION"]);
+    var LCNConnectionPromptActionStatusValidator = external_exports.enum([
+      "PENDING",
+      "SKIPPED",
+      "CONNECTED",
+      "STALE"
+    ]);
+    var LCNConnectionPromptValidator = external_exports.object({
+      promptId: external_exports.string().uuid(),
+      status: LCNConnectionPromptStatusValidator,
+      surface: LCNConnectionPromptSurfaceValidator,
+      triggerId: external_exports.string(),
+      triggeredAt: external_exports.iso.datetime(),
+      updatedAt: external_exports.iso.datetime(),
+      counterpart: LCNPublicProfileValidator
+    });
+    var LCNConnectionPromptActionResultValidator = external_exports.object({
+      promptId: external_exports.string().uuid(),
+      status: LCNConnectionPromptActionStatusValidator
+    });
+    var LCNConnectionPromptMetadataValidator = external_exports.object({
+      promptId: external_exports.string().uuid(),
+      counterpartProfileId: external_exports.string()
+    });
     var LCNAuthedProfileValidator = LCNPublicProfileValidator.extend({
       bio: LCNProfileValidator.shape.bio,
       websiteLink: LCNProfileValidator.shape.websiteLink,
@@ -20345,12 +20378,15 @@ Set the \`cycles\` parameter to \`"ref"\` to resolve cyclical schemas with defs.
       }),
       timestamp: external_exports.iso.datetime().optional()
     });
+    var LCNNotificationMetadataValidator = external_exports.object({
+      connectionPrompt: LCNConnectionPromptMetadataValidator.optional()
+    }).catchall(external_exports.unknown());
     var LCNNotificationDataValidator = external_exports.object({
       vcUris: external_exports.array(external_exports.string()).optional(),
       vpUris: external_exports.array(external_exports.string()).optional(),
       transaction: ConsentFlowTransactionValidator.optional(),
       inbox: LCNNotificationInboxValidator.optional(),
-      metadata: external_exports.record(external_exports.string(), external_exports.unknown()).optional()
+      metadata: LCNNotificationMetadataValidator.optional()
     }).loose();
     var LCNNotificationValidator = external_exports.object({
       type: LCNNotificationTypeEnumValidator,
@@ -21623,8 +21659,9 @@ const VERIFIER_STATES = {
 };
 const VerifierStateBadgeAndText = React.forwardRef(
   ({ verifierState, className = "", unknownVerifierTitle, onClick }, ref) => {
+    const t = i18n.useT();
     const effectiveState = unknownVerifierTitle && verifierState !== VERIFIER_STATES.selfVerified && verifierState !== VERIFIER_STATES.untrustedVerifier && verifierState !== VERIFIER_STATES.appIssuer ? VERIFIER_STATES.trustedVerifier : verifierState;
-    const content = /* @__PURE__ */ React__default["default"].createElement(React__default["default"].Fragment, null, effectiveState === VERIFIER_STATES.selfVerified && /* @__PURE__ */ React__default["default"].createElement("div", { className: "flex items-center gap-0.5 font-poppins font-[500] text-[12px] leading-tight text-green-dark" }, /* @__PURE__ */ React__default["default"].createElement(PersonBadge, null), /* @__PURE__ */ React__default["default"].createElement("span", { className: "whitespace-nowrap" }, "Self Issued")), effectiveState === VERIFIER_STATES.trustedVerifier && /* @__PURE__ */ React__default["default"].createElement("div", { className: "flex items-center gap-0.5 font-poppins font-[500] text-[12px] leading-tight text-green-600" }, /* @__PURE__ */ React__default["default"].createElement(VerifiedBadge, null), /* @__PURE__ */ React__default["default"].createElement("span", { className: "whitespace-nowrap" }, unknownVerifierTitle != null ? unknownVerifierTitle : "Trusted Issuer")), effectiveState === VERIFIER_STATES.unknownVerifier && /* @__PURE__ */ React__default["default"].createElement("div", { className: "flex items-center gap-0.5 font-poppins font-[500] text-[12px] leading-tight text-orange-500" }, /* @__PURE__ */ React__default["default"].createElement(UnknownVerifierBadge, null), /* @__PURE__ */ React__default["default"].createElement("span", { className: "whitespace-nowrap" }, unknownVerifierTitle != null ? unknownVerifierTitle : VERIFIER_STATES.unknownVerifier)), effectiveState === VERIFIER_STATES.appIssuer && /* @__PURE__ */ React__default["default"].createElement("div", { className: "flex items-center gap-0.5 font-poppins font-[500] text-[12px] leading-tight text-cyan-600" }, /* @__PURE__ */ React__default["default"].createElement(VerifiedBadge, null), /* @__PURE__ */ React__default["default"].createElement("span", { className: "whitespace-nowrap" }, "App Issuer")), effectiveState === VERIFIER_STATES.untrustedVerifier && /* @__PURE__ */ React__default["default"].createElement("div", { className: "flex items-center gap-0.5 font-poppins font-[500] text-[12px] leading-tight text-red-mastercard" }, /* @__PURE__ */ React__default["default"].createElement(RedFlag, null), /* @__PURE__ */ React__default["default"].createElement("span", { className: "whitespace-nowrap" }, "Untrusted Issuer")));
+    const content = /* @__PURE__ */ React__default["default"].createElement(React__default["default"].Fragment, null, effectiveState === VERIFIER_STATES.selfVerified && /* @__PURE__ */ React__default["default"].createElement("div", { className: "flex items-center gap-0.5 font-poppins font-[500] text-[12px] leading-tight text-green-dark" }, /* @__PURE__ */ React__default["default"].createElement(PersonBadge, null), /* @__PURE__ */ React__default["default"].createElement("span", { className: "whitespace-nowrap" }, t("verification.selfIssued"))), effectiveState === VERIFIER_STATES.trustedVerifier && /* @__PURE__ */ React__default["default"].createElement("div", { className: "flex items-center gap-0.5 font-poppins font-[500] text-[12px] leading-tight text-green-600" }, /* @__PURE__ */ React__default["default"].createElement(VerifiedBadge, null), /* @__PURE__ */ React__default["default"].createElement("span", { className: "whitespace-nowrap" }, unknownVerifierTitle != null ? unknownVerifierTitle : t("verification.trustedIssuer"))), effectiveState === VERIFIER_STATES.unknownVerifier && /* @__PURE__ */ React__default["default"].createElement("div", { className: "flex items-center gap-0.5 font-poppins font-[500] text-[12px] leading-tight text-orange-800" }, /* @__PURE__ */ React__default["default"].createElement(UnknownVerifierBadge, null), /* @__PURE__ */ React__default["default"].createElement("span", { className: "whitespace-nowrap" }, unknownVerifierTitle != null ? unknownVerifierTitle : t("verification.unknownIssuer"))), effectiveState === VERIFIER_STATES.appIssuer && /* @__PURE__ */ React__default["default"].createElement("div", { className: "flex items-center gap-0.5 font-poppins font-[500] text-[12px] leading-tight text-cyan-600" }, /* @__PURE__ */ React__default["default"].createElement(VerifiedBadge, null), /* @__PURE__ */ React__default["default"].createElement("span", { className: "whitespace-nowrap" }, t("verification.appIssuer"))), effectiveState === VERIFIER_STATES.untrustedVerifier && /* @__PURE__ */ React__default["default"].createElement("div", { className: "flex items-center gap-0.5 font-poppins font-[500] text-[12px] leading-tight text-red-mastercard" }, /* @__PURE__ */ React__default["default"].createElement(RedFlag, null), /* @__PURE__ */ React__default["default"].createElement("span", { className: "whitespace-nowrap" }, t("verification.untrustedIssuer"))));
     return /* @__PURE__ */ React__default["default"].createElement("div", { className: `flex justify-center ${className}` }, onClick ? /* @__PURE__ */ React__default["default"].createElement(
       "button",
       {
@@ -21673,4 +21710,4 @@ exports.isDid = isDid;
 exports.isLearnCardNetworkDid = isLearnCardNetworkDid;
 exports.prettyBytes = prettyBytes;
 exports.resolveProfileDisplay = resolveProfileDisplay;
-//# sourceMappingURL=VerifierStateBadgeAndText-934239ab.js.map
+//# sourceMappingURL=VerifierStateBadgeAndText-57a7b85f.js.map