@learncard/react 2.10.0 → 2.10.2

package/dist/cjs/{VerifierStateBadgeAndText-806b6c2c.js → VerifierStateBadgeAndText-db7a1881.js}

@@ -11,7 +11,7 @@ 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-4d399274.js');
+var types_esm = require('./types.esm-60d3a9fc.js');
 
 function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
 
@@ -17756,6 +17756,13 @@ Set the \`cycles\` parameter to \`"ref"\` to resolve cyclical schemas with defs.
       if (!match) throw new Error("Invalid RegExp string format");
       return { pattern: match[1], flags: match[2] };
     }, "parseRegexString");
+    var withStringOverride = /* @__PURE__ */ __name2((schema) => {
+      const metaSchema = schema;
+      if (typeof metaSchema.meta === "function") {
+        return metaSchema.meta({ override: { type: "string" } });
+      }
+      return schema;
+    }, "withStringOverride");
     var RegExpStringValidator = external_exports.string().refine(
       (str) => {
         try {
@@ -17775,9 +17782,9 @@ Set the \`cycles\` parameter to \`"ref"\` to resolve cyclical schemas with defs.
       } catch (error46) {
         throw new Error(`Invalid RegExp: ${error46.message}`);
       }
-    }).meta({ override: { type: "string" } });
-    var RegExpValidator = external_exports.instanceof(RegExp).meta({ override: { type: "string" } }).or(RegExpStringValidator).meta({ override: { type: "string" } });
-    var BaseStringQuery = external_exports.string().or(external_exports.object({ $in: external_exports.string().array() })).or(external_exports.object({ $regex: RegExpValidator.meta({ override: { type: "string" } }) }));
+    });
+    var RegExpValidator = withStringOverride(external_exports.instanceof(RegExp).or(RegExpStringValidator));
+    var BaseStringQuery = external_exports.string().or(external_exports.object({ $in: external_exports.string().array() })).or(external_exports.object({ $regex: RegExpValidator }));
     var StringQuery = external_exports.union([
       BaseStringQuery,
       external_exports.object({
@@ -19577,14 +19584,28 @@ const VERIFIER_STATES = {
   appIssuer: "App Issuer",
   untrustedVerifier: "Untrusted Issuer"
 };
-const VerifierStateBadgeAndText = ({
-  verifierState,
-  className = "",
-  unknownVerifierTitle
-}) => {
-  const effectiveState = unknownVerifierTitle && verifierState !== VERIFIER_STATES.selfVerified && verifierState !== VERIFIER_STATES.untrustedVerifier && verifierState !== VERIFIER_STATES.appIssuer ? VERIFIER_STATES.trustedVerifier : verifierState;
-  return /* @__PURE__ */ React__default["default"].createElement("div", { className: `flex justify-center ${className}` }, 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 VerifierStateBadgeAndText = React.forwardRef(
+  ({ verifierState, className = "", unknownVerifierTitle, onClick }, ref) => {
+    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")));
+    return /* @__PURE__ */ React__default["default"].createElement("div", { className: `flex justify-center ${className}` }, onClick ? /* @__PURE__ */ React__default["default"].createElement(
+      "button",
+      {
+        ref,
+        type: "button",
+        className: "appearance-none bg-transparent p-0 text-left",
+        onClick: (event) => {
+          event.stopPropagation();
+          onClick(event);
+        },
+        onMouseDown: (event) => event.stopPropagation(),
+        "aria-haspopup": "dialog"
+      },
+      content
+    ) : /* @__PURE__ */ React__default["default"].createElement("div", null, content));
+  }
+);
+VerifierStateBadgeAndText.displayName = "VerifierStateBadgeAndText";
 
 exports.AcuteCheckmark = AcuteCheckmark;
 exports.Camera = Camera;
@@ -19615,4 +19636,4 @@ exports.isDid = isDid;
 exports.isLearnCardNetworkDid = isLearnCardNetworkDid;
 exports.prettyBytes = prettyBytes;
 exports.resolveProfileDisplay = resolveProfileDisplay;
-//# sourceMappingURL=VerifierStateBadgeAndText-806b6c2c.js.map
+//# sourceMappingURL=VerifierStateBadgeAndText-db7a1881.js.map