c2pa-react-cawg-component 0.1.10 → 0.1.11

package/dist/c2pa-react-cawg-component.js

@@ -115,8 +115,22 @@ var c = {
 	notAllowed: "Not Allowed",
 	constrained: "Constrained"
 };
-function p({ className: e, manifest: i, moreInfo: o }) {
-	let s = i.title, p = i.claimGenerator ?? i.claimGeneratorInfo?.[0]?.name ?? "Unknown", m = p.split(" ").filter(Boolean).map((e) => e[0].toUpperCase()).join("") || "?", h = i.assertions?.["cawg.identity"], g = h?.signer_payload?.role ?? [], _ = h?.verifiedIdentities ?? [], v = i.assertions?.["cawg.training-mining"]?.entries ?? {};
+function p(e) {
+	try {
+		return new Date(e).toLocaleDateString(void 0, {
+			year: "numeric",
+			month: "long",
+			day: "numeric"
+		});
+	} catch {
+		return e;
+	}
+}
+function m(e) {
+	return Array.isArray(e) ? e.filter((e) => typeof e == "string").join(", ") : typeof e == "string" ? e : "";
+}
+function h({ className: e, manifest: i, moreInfo: o }) {
+	let s = i.title, h = i.claimGenerator ?? i.claimGeneratorInfo?.[0]?.name ?? "Unknown", g = h.split(" ").filter(Boolean).map((e) => e[0].toUpperCase()).join("") || "?", _ = i.assertions?.["cawg.identity"], v = _?.signer_payload?.role ?? [], y = _?.verifiedIdentities ?? [], b = i.assertions?.["cawg.training-mining"]?.entries ?? {}, x = i.assertions?.["cawg.metadata"], S = m(x?.["dc:creator"]), C = x?.["xmp:CreateDate"];
 	return /* @__PURE__ */ r("div", {
 		className: `cawg-card ${e ?? ""}`,
 		children: [
@@ -131,7 +145,7 @@ function p({ className: e, manifest: i, moreInfo: o }) {
 					className: "cawg-square",
 					children: /* @__PURE__ */ n("span", {
 						className: "cawg-logo-text",
-						children: m
+						children: g
 					})
 				}), /* @__PURE__ */ r("div", {
 					style: {
@@ -143,18 +157,18 @@ function p({ className: e, manifest: i, moreInfo: o }) {
 						children: s
 					}), /* @__PURE__ */ n("span", {
 						className: "cawg-claim-generator",
-						children: p
+						children: h
 					})]
 				})]
 			}),
-			g.length > 0 && /* @__PURE__ */ n("div", {
+			v.length > 0 && /* @__PURE__ */ n("div", {
 				className: "cawg-roles",
-				children: g.map((e) => /* @__PURE__ */ n("span", {
+				children: v.map((e) => /* @__PURE__ */ n("span", {
 					className: "cawg-role-badge",
 					children: c[e] ?? e
 				}, e))
 			}),
-			_.length > 0 && /* @__PURE__ */ r(t, { children: [
+			y.length > 0 && /* @__PURE__ */ r(t, { children: [
 				/* @__PURE__ */ n("div", { className: "cawg-divider" }),
 				/* @__PURE__ */ n("div", {
 					className: "cawg-section-title",
@@ -162,7 +176,7 @@ function p({ className: e, manifest: i, moreInfo: o }) {
 				}),
 				/* @__PURE__ */ n("div", {
 					className: "cawg-identity-list",
-					children: _.map((e, t) => {
+					children: y.map((e, t) => {
 						let i = e.type, a = e.name ?? e.username, o = e.provider;
 						return /* @__PURE__ */ n("div", {
 							className: "cawg-identity-item",
@@ -187,7 +201,7 @@ function p({ className: e, manifest: i, moreInfo: o }) {
 					})
 				})
 			] }),
-			Object.keys(v).length > 0 && /* @__PURE__ */ r(t, { children: [
+			Object.keys(b).length > 0 && /* @__PURE__ */ r(t, { children: [
 				/* @__PURE__ */ n("div", { className: "cawg-divider" }),
 				/* @__PURE__ */ n("div", {
 					className: "cawg-section-title",
@@ -195,7 +209,7 @@ function p({ className: e, manifest: i, moreInfo: o }) {
 				}),
 				/* @__PURE__ */ n("div", {
 					className: "cawg-training-list",
-					children: Object.entries(v).map(([e, t]) => /* @__PURE__ */ r("div", {
+					children: Object.entries(b).map(([e, t]) => /* @__PURE__ */ r("div", {
 						className: "cawg-training-item",
 						children: [/* @__PURE__ */ n("span", {
 							className: "cawg-training-label",
@@ -207,6 +221,33 @@ function p({ className: e, manifest: i, moreInfo: o }) {
 					}, e))
 				})
 			] }),
+			(S || C) && /* @__PURE__ */ r(t, { children: [
+				/* @__PURE__ */ n("div", { className: "cawg-divider" }),
+				/* @__PURE__ */ n("div", {
+					className: "cawg-section-title",
+					children: "Creator"
+				}),
+				S && /* @__PURE__ */ r("div", {
+					className: "cawg-key-value",
+					children: [/* @__PURE__ */ n("div", {
+						className: "cawg-key-value-label",
+						children: "Name"
+					}), /* @__PURE__ */ n("div", {
+						className: "cawg-key-value-value",
+						children: S
+					})]
+				}),
+				C && /* @__PURE__ */ r("div", {
+					className: "cawg-key-value",
+					children: [/* @__PURE__ */ n("div", {
+						className: "cawg-key-value-label",
+						children: "Date Created"
+					}), /* @__PURE__ */ n("div", {
+						className: "cawg-key-value-value",
+						children: p(C)
+					})]
+				})
+			] }),
 			o && /* @__PURE__ */ n("div", {
 				style: { marginTop: 16 },
 				children: /* @__PURE__ */ n("button", {
@@ -220,7 +261,7 @@ function p({ className: e, manifest: i, moreInfo: o }) {
 }
 //#endregion
 //#region src/components/Cawg/levels/L3/CAWGL3.tsx
-var m = {
+var g = {
 	"cawg.creator": "Creator",
 	"cawg.contributor": "Contributor",
 	"cawg.editor": "Editor",
@@ -228,31 +269,31 @@ var m = {
 	"cawg.publisher": "Publisher",
 	"cawg.sponsor": "Sponsor",
 	"cawg.translator": "Translator"
-}, h = {
+}, _ = {
 	"cawg.document_verification": "ID Verified",
 	"cawg.web_site": "Website",
 	"cawg.affiliation": "Affiliation",
 	"cawg.social_media": "Social Media",
 	"cawg.crypto_wallet": "Crypto Wallet"
-}, g = {
+}, v = {
 	"cawg.data_mining": "Data Mining",
 	"cawg.ai_inference": "AI Inference",
 	"cawg.ai_training": "AI Training",
 	"cawg.ai_generative_training": "AI Generative Training"
-}, _ = {
+}, y = {
 	allowed: "cawg-use-badge cawg-use-allowed",
 	notAllowed: "cawg-use-badge cawg-use-not-allowed",
 	constrained: "cawg-use-badge cawg-use-constrained"
-}, v = {
+}, b = {
 	allowed: "Allowed",
 	notAllowed: "Not Allowed",
 	constrained: "Constrained"
-}, y = {
+}, x = {
 	"cawg.identity_claims_aggregation": "Identity Claims Aggregation",
 	"cawg.x509.cose": "X.509 Certificate",
 	"cawg.verifiable_credential_binding": "Verifiable Credential"
 };
-function b(e) {
+function S(e) {
 	try {
 		return new Date(e).toLocaleDateString(void 0, {
 			year: "numeric",
@@ -263,11 +304,11 @@ function b(e) {
 		return e;
 	}
 }
-function x(e) {
-	return e == null ? "" : typeof e == "string" || typeof e == "number" || typeof e == "boolean" ? String(e) : Array.isArray(e) ? e.map((e) => x(e)).filter(Boolean).join(", ") : typeof e == "object" ? Object.entries(e).filter(([e]) => !e.startsWith("@")).map(([e, t]) => `${e}: ${x(t)}`).join("; ") : String(e);
+function C(e) {
+	return e == null ? "" : typeof e == "string" || typeof e == "number" || typeof e == "boolean" ? String(e) : Array.isArray(e) ? e.map((e) => C(e)).filter(Boolean).join(", ") : typeof e == "object" ? Object.entries(e).filter(([e]) => !e.startsWith("@")).map(([e, t]) => `${e}: ${C(t)}`).join("; ") : String(e);
 }
-function S({ className: e, manifest: i, moreInfo: o }) {
-	let s = i.title, c = i.claimGenerator ?? i.claimGeneratorInfo?.[0]?.name ?? "Unknown", l = c.split(" ").filter(Boolean).map((e) => e[0].toUpperCase()).join("") || "?", u = i.assertions?.["cawg.identity"], d = u?.signer_payload?.role ?? [], f = u?.verifiedIdentities ?? [], p = u?.signer_payload?.sig_type, S = u?.issuer, C = i.assertions?.["cawg.training-mining"]?.entries ?? {}, w = i.assertions?.["cawg.metadata"], T = w ? Object.entries(w).filter(([e]) => !e.startsWith("@")) : [];
+function w({ className: e, manifest: i, moreInfo: o }) {
+	let s = i.title, c = i.claimGenerator ?? i.claimGeneratorInfo?.[0]?.name ?? "Unknown", l = c.split(" ").filter(Boolean).map((e) => e[0].toUpperCase()).join("") || "?", u = i.assertions?.["cawg.identity"], d = u?.signer_payload?.role ?? [], f = u?.verifiedIdentities ?? [], p = u?.signer_payload?.sig_type, m = u?.issuer, h = i.assertions?.["cawg.training-mining"]?.entries ?? {}, w = i.assertions?.["cawg.metadata"], T = w ? Object.entries(w).filter(([e]) => !e.startsWith("@")) : [];
 	return /* @__PURE__ */ r("div", {
 		className: `cawg-card ${e ?? ""}`,
 		children: [
@@ -302,7 +343,7 @@ function S({ className: e, manifest: i, moreInfo: o }) {
 				className: "cawg-roles",
 				children: d.map((e) => /* @__PURE__ */ n("span", {
 					className: "cawg-role-badge",
-					children: m[e] ?? e
+					children: g[e] ?? e
 				}, e))
 			}),
 			u && /* @__PURE__ */ r(t, { children: [
@@ -318,17 +359,17 @@ function S({ className: e, manifest: i, moreInfo: o }) {
 						children: "Credential Type"
 					}), /* @__PURE__ */ n("div", {
 						className: "cawg-key-value-value",
-						children: y[p] ?? p
+						children: x[p] ?? p
 					})]
 				}),
-				S && /* @__PURE__ */ r("div", {
+				m && /* @__PURE__ */ r("div", {
 					className: "cawg-key-value",
 					children: [/* @__PURE__ */ n("div", {
 						className: "cawg-key-value-label",
 						children: "Issuer"
 					}), /* @__PURE__ */ n("div", {
 						className: "cawg-key-value-value",
-						children: S
+						children: m
 					})]
 				}),
 				f.length > 0 && /* @__PURE__ */ n("div", {
@@ -343,7 +384,7 @@ function S({ className: e, manifest: i, moreInfo: o }) {
 								children: [
 									/* @__PURE__ */ n("div", {
 										className: "cawg-identity-type-label",
-										children: h[i] ?? i
+										children: _[i] ?? i
 									}),
 									a && /* @__PURE__ */ n("div", {
 										className: "cawg-identity-name",
@@ -362,7 +403,7 @@ function S({ className: e, manifest: i, moreInfo: o }) {
 									}),
 									c && /* @__PURE__ */ r("div", {
 										className: "cawg-identity-meta",
-										children: ["Verified ", b(c)]
+										children: ["Verified ", S(c)]
 									})
 								]
 							})
@@ -370,7 +411,7 @@ function S({ className: e, manifest: i, moreInfo: o }) {
 					})
 				})
 			] }),
-			Object.keys(C).length > 0 && /* @__PURE__ */ r(t, { children: [
+			Object.keys(h).length > 0 && /* @__PURE__ */ r(t, { children: [
 				/* @__PURE__ */ n("div", { className: "cawg-divider" }),
 				/* @__PURE__ */ n("div", {
 					className: "cawg-section-title",
@@ -378,7 +419,7 @@ function S({ className: e, manifest: i, moreInfo: o }) {
 				}),
 				/* @__PURE__ */ n("div", {
 					className: "cawg-training-list",
-					children: Object.entries(C).map(([e, t]) => /* @__PURE__ */ r("div", {
+					children: Object.entries(h).map(([e, t]) => /* @__PURE__ */ r("div", {
 						className: "cawg-training-item",
 						style: {
 							flexDirection: "column",
@@ -392,10 +433,10 @@ function S({ className: e, manifest: i, moreInfo: o }) {
 							},
 							children: [/* @__PURE__ */ n("span", {
 								className: "cawg-training-label",
-								children: g[e] ?? e
+								children: v[e] ?? e
 							}), /* @__PURE__ */ n("span", {
-								className: _[t.use] ?? "cawg-use-badge",
-								children: v[t.use] ?? t.use
+								className: y[t.use] ?? "cawg-use-badge",
+								children: b[t.use] ?? t.use
 							})]
 						}), t.constraint_info && /* @__PURE__ */ n("div", {
 							className: "cawg-constraint-info",
@@ -411,7 +452,7 @@ function S({ className: e, manifest: i, moreInfo: o }) {
 					children: "Metadata"
 				}),
 				T.map(([e, t]) => {
-					let i = x(t);
+					let i = C(t);
 					return i ? /* @__PURE__ */ r("div", {
 						className: "cawg-key-value",
 						children: [/* @__PURE__ */ n("div", {
@@ -437,36 +478,58 @@ function S({ className: e, manifest: i, moreInfo: o }) {
 }
 //#endregion
 //#region src/components/Cawg/Cawg.tsx
-var C = ({ manifest: t, level: r, className: i }) => {
-	let a = t.manifestStore?.activeManifest, o = t.manifests.find((e) => e.id === a || e.instanceId === a) ?? (a ? t.manifestStore.manifests[a] : void 0) ?? t.manifests[0];
-	if (!o || !(o.assertions?.["cawg.identity"] != null || o.assertions?.["cawg.training-mining"] != null || o.assertions?.["cawg.metadata"] != null)) return null;
-	let [c, l] = e.useState(r || 1);
-	switch (c) {
+function T(e) {
+	return {
+		id: e.id ?? "",
+		title: e.title ?? "",
+		claimGenerator: e.claimGenerator ?? null,
+		claimGeneratorInfo: (e.claimGeneratorInfo ?? []).map((e) => ({
+			name: e.name,
+			"org.contentauth.c2pa_rs": e["org.contentauth.c2pa_rs"] ?? ""
+		})),
+		instanceId: e.instanceId ?? "",
+		signatureInfo: {
+			alg: e.signatureInfo?.alg ?? "",
+			issuer: e.signatureInfo?.issuer ?? "",
+			common_name: e.signatureInfo?.common_name ?? "",
+			cert_serial_number: e.signatureInfo?.cert_serial_number ?? ""
+		},
+		assertions: e.assertions ?? {},
+		credentials: e.credentials ?? [],
+		thumbnail: typeof e.thumbnail == "string" ? e.thumbnail : null,
+		ingredients: e.ingredients ?? []
+	};
+}
+var E = ({ manifest: t, entry: r, level: i, className: a }) => {
+	let o = t.manifestStore?.activeManifest, c = r == null ? t.manifests.find((e) => e.id === o || e.instanceId === o) ?? (o ? t.manifestStore.manifests[o] : void 0) ?? t.manifests[0] : T(r);
+	if (!c || !(c.assertions?.["cawg.identity"] != null || c.assertions?.["cawg.training-mining"] != null || c.assertions?.["cawg.metadata"] != null)) return null;
+	let [l, u] = e.useState(i || 1);
+	switch (l) {
 		case 1: return /* @__PURE__ */ n(s, {
-			className: i,
-			manifest: o,
+			className: a,
+			manifest: c,
 			moreInfo: () => {
-				l(2);
+				u(2);
 			}
 		});
-		case 2: return /* @__PURE__ */ n(p, {
-			className: i,
-			manifest: o,
+		case 2: return /* @__PURE__ */ n(h, {
+			className: a,
+			manifest: c,
 			moreInfo: () => {
-				l(3);
+				u(3);
 			}
 		});
-		case 3: return /* @__PURE__ */ n(S, {
-			className: i,
-			manifest: o,
+		case 3: return /* @__PURE__ */ n(w, {
+			className: a,
+			manifest: c,
 			moreInfo: () => {
-				l(1);
+				u(1);
 			}
 		});
 	}
 	return /* @__PURE__ */ n("div", { children: "Level Of Detail Not Selected" });
 };
-C.knownAssertions = [
+E.knownAssertions = [
 	"cawg.identity",
 	"cawg.training-mining",
 	"cawg.metadata",
@@ -484,4 +547,4 @@ C.knownAssertions = [
 	"cawg.crypto_wallet"
 ];
 //#endregion
-export { C as CAWGManifest };
+export { E as CAWGManifest };

package/dist/c2pa-react-cawg-component.umd.cjs

@@ -7,4 +7,4 @@
 <rect width="34" height="34" fill="black"/>
 </clipPath>
 </defs>
-</svg>`,d=()=>(0,n.jsxs)(`div`,{style:{display:`flex`,alignItems:`center`,gap:`8px`,marginBottom:`16px`},children:[(0,n.jsx)(`div`,{dangerouslySetInnerHTML:{__html:u},style:{width:`24px`,height:`24px`,display:`flex`,alignItems:`center`}}),(0,n.jsx)(`span`,{style:{fontSize:`14px`,fontWeight:600,color:`#333`,display:`flex`,alignItems:`center`},children:`Creator Assertions Working Group`})]}),f={"cawg.creator":`Creator`,"cawg.contributor":`Contributor`,"cawg.editor":`Editor`,"cawg.producer":`Producer`,"cawg.publisher":`Publisher`,"cawg.sponsor":`Sponsor`,"cawg.translator":`Translator`};function p({className:e,manifest:t,moreInfo:r}){let i=t.title,a=t.claimGenerator??t.claimGeneratorInfo?.[0]?.name??`Unknown`,o=a.split(` `).filter(Boolean).map(e=>e[0].toUpperCase()).join(``)||`?`,s=(t.assertions?.[`cawg.identity`])?.signer_payload?.role??[];return(0,n.jsxs)(`div`,{className:`cawg-card ${e??``}`,children:[(0,n.jsx)(d,{}),(0,n.jsxs)(`div`,{className:`cawg-container`,children:[t.thumbnail?(0,n.jsx)(`img`,{src:t.thumbnail,alt:`Thumbnail`,className:`cawg-thumbnail`}):(0,n.jsx)(`div`,{className:`cawg-square`,children:(0,n.jsx)(`span`,{className:`cawg-logo-text`,children:o})}),(0,n.jsxs)(`div`,{style:{display:`flex`,flexDirection:`column`},children:[(0,n.jsx)(`span`,{className:`cawg-media-title`,children:i}),(0,n.jsx)(`span`,{className:`cawg-claim-generator`,children:a})]})]}),s.length>0&&(0,n.jsx)(`div`,{className:`cawg-roles`,children:s.map(e=>(0,n.jsx)(`span`,{className:`cawg-role-badge`,children:f[e]??e},e))}),r&&(0,n.jsx)(`div`,{style:{marginTop:16},children:(0,n.jsx)(`button`,{onClick:r,className:`cawg-button`,children:`More Info`})})]})}var m={"cawg.creator":`Creator`,"cawg.contributor":`Contributor`,"cawg.editor":`Editor`,"cawg.producer":`Producer`,"cawg.publisher":`Publisher`,"cawg.sponsor":`Sponsor`,"cawg.translator":`Translator`},h={"cawg.document_verification":`ID Verified`,"cawg.web_site":`Website`,"cawg.affiliation":`Affiliation`,"cawg.social_media":`Social Media`,"cawg.crypto_wallet":`Crypto Wallet`},g={"cawg.data_mining":`Data Mining`,"cawg.ai_inference":`AI Inference`,"cawg.ai_training":`AI Training`,"cawg.ai_generative_training":`AI Generative Training`},_={allowed:`cawg-use-badge cawg-use-allowed`,notAllowed:`cawg-use-badge cawg-use-not-allowed`,constrained:`cawg-use-badge cawg-use-constrained`},v={allowed:`Allowed`,notAllowed:`Not Allowed`,constrained:`Constrained`};function y({className:e,manifest:t,moreInfo:r}){let i=t.title,a=t.claimGenerator??t.claimGeneratorInfo?.[0]?.name??`Unknown`,o=a.split(` `).filter(Boolean).map(e=>e[0].toUpperCase()).join(``)||`?`,s=t.assertions?.[`cawg.identity`],c=s?.signer_payload?.role??[],l=s?.verifiedIdentities??[],u=t.assertions?.[`cawg.training-mining`]?.entries??{};return(0,n.jsxs)(`div`,{className:`cawg-card ${e??``}`,children:[(0,n.jsx)(d,{}),(0,n.jsxs)(`div`,{className:`cawg-container`,children:[t.thumbnail?(0,n.jsx)(`img`,{src:t.thumbnail,alt:`Thumbnail`,className:`cawg-thumbnail`}):(0,n.jsx)(`div`,{className:`cawg-square`,children:(0,n.jsx)(`span`,{className:`cawg-logo-text`,children:o})}),(0,n.jsxs)(`div`,{style:{display:`flex`,flexDirection:`column`},children:[(0,n.jsx)(`span`,{className:`cawg-media-title`,children:i}),(0,n.jsx)(`span`,{className:`cawg-claim-generator`,children:a})]})]}),c.length>0&&(0,n.jsx)(`div`,{className:`cawg-roles`,children:c.map(e=>(0,n.jsx)(`span`,{className:`cawg-role-badge`,children:m[e]??e},e))}),l.length>0&&(0,n.jsxs)(n.Fragment,{children:[(0,n.jsx)(`div`,{className:`cawg-divider`}),(0,n.jsx)(`div`,{className:`cawg-section-title`,children:`Identity`}),(0,n.jsx)(`div`,{className:`cawg-identity-list`,children:l.map((e,t)=>{let r=e.type,i=e.name??e.username,a=e.provider;return(0,n.jsx)(`div`,{className:`cawg-identity-item`,children:(0,n.jsxs)(`div`,{style:{flex:1},children:[(0,n.jsx)(`div`,{className:`cawg-identity-type-label`,children:h[r]??r}),i&&(0,n.jsx)(`div`,{className:`cawg-identity-name`,children:i}),a?.name&&(0,n.jsx)(`div`,{className:`cawg-identity-provider`,children:a.name})]})},t)})})]}),Object.keys(u).length>0&&(0,n.jsxs)(n.Fragment,{children:[(0,n.jsx)(`div`,{className:`cawg-divider`}),(0,n.jsx)(`div`,{className:`cawg-section-title`,children:`Training & Data Mining`}),(0,n.jsx)(`div`,{className:`cawg-training-list`,children:Object.entries(u).map(([e,t])=>(0,n.jsxs)(`div`,{className:`cawg-training-item`,children:[(0,n.jsx)(`span`,{className:`cawg-training-label`,children:g[e]??e}),(0,n.jsx)(`span`,{className:_[t.use]??`cawg-use-badge`,children:v[t.use]??t.use})]},e))})]}),r&&(0,n.jsx)(`div`,{style:{marginTop:16},children:(0,n.jsx)(`button`,{onClick:r,className:`cawg-button`,children:`More Info`})})]})}var b={"cawg.creator":`Creator`,"cawg.contributor":`Contributor`,"cawg.editor":`Editor`,"cawg.producer":`Producer`,"cawg.publisher":`Publisher`,"cawg.sponsor":`Sponsor`,"cawg.translator":`Translator`},x={"cawg.document_verification":`ID Verified`,"cawg.web_site":`Website`,"cawg.affiliation":`Affiliation`,"cawg.social_media":`Social Media`,"cawg.crypto_wallet":`Crypto Wallet`},S={"cawg.data_mining":`Data Mining`,"cawg.ai_inference":`AI Inference`,"cawg.ai_training":`AI Training`,"cawg.ai_generative_training":`AI Generative Training`},C={allowed:`cawg-use-badge cawg-use-allowed`,notAllowed:`cawg-use-badge cawg-use-not-allowed`,constrained:`cawg-use-badge cawg-use-constrained`},w={allowed:`Allowed`,notAllowed:`Not Allowed`,constrained:`Constrained`},T={"cawg.identity_claims_aggregation":`Identity Claims Aggregation`,"cawg.x509.cose":`X.509 Certificate`,"cawg.verifiable_credential_binding":`Verifiable Credential`};function E(e){try{return new Date(e).toLocaleDateString(void 0,{year:`numeric`,month:`long`,day:`numeric`})}catch{return e}}function D(e){return e==null?``:typeof e==`string`||typeof e==`number`||typeof e==`boolean`?String(e):Array.isArray(e)?e.map(e=>D(e)).filter(Boolean).join(`, `):typeof e==`object`?Object.entries(e).filter(([e])=>!e.startsWith(`@`)).map(([e,t])=>`${e}: ${D(t)}`).join(`; `):String(e)}function O({className:e,manifest:t,moreInfo:r}){let i=t.title,a=t.claimGenerator??t.claimGeneratorInfo?.[0]?.name??`Unknown`,o=a.split(` `).filter(Boolean).map(e=>e[0].toUpperCase()).join(``)||`?`,s=t.assertions?.[`cawg.identity`],c=s?.signer_payload?.role??[],l=s?.verifiedIdentities??[],u=s?.signer_payload?.sig_type,f=s?.issuer,p=t.assertions?.[`cawg.training-mining`]?.entries??{},m=t.assertions?.[`cawg.metadata`],h=m?Object.entries(m).filter(([e])=>!e.startsWith(`@`)):[];return(0,n.jsxs)(`div`,{className:`cawg-card ${e??``}`,children:[(0,n.jsx)(d,{}),(0,n.jsxs)(`div`,{className:`cawg-container`,children:[t.thumbnail?(0,n.jsx)(`img`,{src:t.thumbnail,alt:`Thumbnail`,className:`cawg-thumbnail`}):(0,n.jsx)(`div`,{className:`cawg-square`,children:(0,n.jsx)(`span`,{className:`cawg-logo-text`,children:o})}),(0,n.jsxs)(`div`,{style:{display:`flex`,flexDirection:`column`},children:[(0,n.jsx)(`span`,{className:`cawg-media-title`,children:i}),(0,n.jsx)(`span`,{className:`cawg-claim-generator`,children:a})]})]}),c.length>0&&(0,n.jsx)(`div`,{className:`cawg-roles`,children:c.map(e=>(0,n.jsx)(`span`,{className:`cawg-role-badge`,children:b[e]??e},e))}),s&&(0,n.jsxs)(n.Fragment,{children:[(0,n.jsx)(`div`,{className:`cawg-divider`}),(0,n.jsx)(`div`,{className:`cawg-section-title`,children:`Identity Assertion`}),u&&(0,n.jsxs)(`div`,{className:`cawg-key-value`,children:[(0,n.jsx)(`div`,{className:`cawg-key-value-label`,children:`Credential Type`}),(0,n.jsx)(`div`,{className:`cawg-key-value-value`,children:T[u]??u})]}),f&&(0,n.jsxs)(`div`,{className:`cawg-key-value`,children:[(0,n.jsx)(`div`,{className:`cawg-key-value-label`,children:`Issuer`}),(0,n.jsx)(`div`,{className:`cawg-key-value-value`,children:f})]}),l.length>0&&(0,n.jsx)(`div`,{className:`cawg-identity-list`,style:{marginTop:12},children:l.map((e,t)=>{let r=e.type,i=e.name??e.username??e.address,a=e.provider,o=e.uri,s=e.verifiedAt;return(0,n.jsx)(`div`,{className:`cawg-identity-item`,children:(0,n.jsxs)(`div`,{style:{flex:1},children:[(0,n.jsx)(`div`,{className:`cawg-identity-type-label`,children:x[r]??r}),i&&(0,n.jsx)(`div`,{className:`cawg-identity-name`,children:i}),a?.name&&(0,n.jsxs)(`div`,{className:`cawg-identity-provider`,children:[`via `,a.name]}),o&&(0,n.jsx)(`a`,{href:o,target:`_blank`,rel:`noopener noreferrer`,className:`cawg-identity-link`,children:o}),s&&(0,n.jsxs)(`div`,{className:`cawg-identity-meta`,children:[`Verified `,E(s)]})]})},t)})})]}),Object.keys(p).length>0&&(0,n.jsxs)(n.Fragment,{children:[(0,n.jsx)(`div`,{className:`cawg-divider`}),(0,n.jsx)(`div`,{className:`cawg-section-title`,children:`Training & Data Mining`}),(0,n.jsx)(`div`,{className:`cawg-training-list`,children:Object.entries(p).map(([e,t])=>(0,n.jsxs)(`div`,{className:`cawg-training-item`,style:{flexDirection:`column`,alignItems:`flex-start`},children:[(0,n.jsxs)(`div`,{style:{display:`flex`,justifyContent:`space-between`,width:`100%`},children:[(0,n.jsx)(`span`,{className:`cawg-training-label`,children:S[e]??e}),(0,n.jsx)(`span`,{className:C[t.use]??`cawg-use-badge`,children:w[t.use]??t.use})]}),t.constraint_info&&(0,n.jsx)(`div`,{className:`cawg-constraint-info`,children:t.constraint_info})]},e))})]}),h.length>0&&(0,n.jsxs)(n.Fragment,{children:[(0,n.jsx)(`div`,{className:`cawg-divider`}),(0,n.jsx)(`div`,{className:`cawg-section-title`,children:`Metadata`}),h.map(([e,t])=>{let r=D(t);return r?(0,n.jsxs)(`div`,{className:`cawg-key-value`,children:[(0,n.jsx)(`div`,{className:`cawg-key-value-label`,children:e}),(0,n.jsx)(`div`,{className:`cawg-key-value-value`,children:r})]},e):null})]}),r&&(0,n.jsx)(`div`,{style:{marginTop:16},children:(0,n.jsx)(`button`,{onClick:r,className:`cawg-button`,children:`Small View`})})]})}var k=({manifest:e,level:r,className:i})=>{let a=e.manifestStore?.activeManifest,o=e.manifests.find(e=>e.id===a||e.instanceId===a)??(a?e.manifestStore.manifests[a]:void 0)??e.manifests[0];if(!o||!(o.assertions?.[`cawg.identity`]!=null||o.assertions?.[`cawg.training-mining`]!=null||o.assertions?.[`cawg.metadata`]!=null))return null;let[s,c]=t.default.useState(r||1);switch(s){case 1:return(0,n.jsx)(p,{className:i,manifest:o,moreInfo:()=>{c(2)}});case 2:return(0,n.jsx)(y,{className:i,manifest:o,moreInfo:()=>{c(3)}});case 3:return(0,n.jsx)(O,{className:i,manifest:o,moreInfo:()=>{c(1)}})}return(0,n.jsx)(`div`,{children:`Level Of Detail Not Selected`})};k.knownAssertions=[`cawg.identity`,`cawg.training-mining`,`cawg.metadata`,`cawg.creator`,`cawg.contributor`,`cawg.editor`,`cawg.producer`,`cawg.publisher`,`cawg.sponsor`,`cawg.translator`,`cawg.document_verification`,`cawg.web_site`,`cawg.affiliation`,`cawg.social_media`,`cawg.crypto_wallet`],e.CAWGManifest=k});
+</svg>`,d=()=>(0,n.jsxs)(`div`,{style:{display:`flex`,alignItems:`center`,gap:`8px`,marginBottom:`16px`},children:[(0,n.jsx)(`div`,{dangerouslySetInnerHTML:{__html:u},style:{width:`24px`,height:`24px`,display:`flex`,alignItems:`center`}}),(0,n.jsx)(`span`,{style:{fontSize:`14px`,fontWeight:600,color:`#333`,display:`flex`,alignItems:`center`},children:`Creator Assertions Working Group`})]}),f={"cawg.creator":`Creator`,"cawg.contributor":`Contributor`,"cawg.editor":`Editor`,"cawg.producer":`Producer`,"cawg.publisher":`Publisher`,"cawg.sponsor":`Sponsor`,"cawg.translator":`Translator`};function p({className:e,manifest:t,moreInfo:r}){let i=t.title,a=t.claimGenerator??t.claimGeneratorInfo?.[0]?.name??`Unknown`,o=a.split(` `).filter(Boolean).map(e=>e[0].toUpperCase()).join(``)||`?`,s=(t.assertions?.[`cawg.identity`])?.signer_payload?.role??[];return(0,n.jsxs)(`div`,{className:`cawg-card ${e??``}`,children:[(0,n.jsx)(d,{}),(0,n.jsxs)(`div`,{className:`cawg-container`,children:[t.thumbnail?(0,n.jsx)(`img`,{src:t.thumbnail,alt:`Thumbnail`,className:`cawg-thumbnail`}):(0,n.jsx)(`div`,{className:`cawg-square`,children:(0,n.jsx)(`span`,{className:`cawg-logo-text`,children:o})}),(0,n.jsxs)(`div`,{style:{display:`flex`,flexDirection:`column`},children:[(0,n.jsx)(`span`,{className:`cawg-media-title`,children:i}),(0,n.jsx)(`span`,{className:`cawg-claim-generator`,children:a})]})]}),s.length>0&&(0,n.jsx)(`div`,{className:`cawg-roles`,children:s.map(e=>(0,n.jsx)(`span`,{className:`cawg-role-badge`,children:f[e]??e},e))}),r&&(0,n.jsx)(`div`,{style:{marginTop:16},children:(0,n.jsx)(`button`,{onClick:r,className:`cawg-button`,children:`More Info`})})]})}var m={"cawg.creator":`Creator`,"cawg.contributor":`Contributor`,"cawg.editor":`Editor`,"cawg.producer":`Producer`,"cawg.publisher":`Publisher`,"cawg.sponsor":`Sponsor`,"cawg.translator":`Translator`},h={"cawg.document_verification":`ID Verified`,"cawg.web_site":`Website`,"cawg.affiliation":`Affiliation`,"cawg.social_media":`Social Media`,"cawg.crypto_wallet":`Crypto Wallet`},g={"cawg.data_mining":`Data Mining`,"cawg.ai_inference":`AI Inference`,"cawg.ai_training":`AI Training`,"cawg.ai_generative_training":`AI Generative Training`},_={allowed:`cawg-use-badge cawg-use-allowed`,notAllowed:`cawg-use-badge cawg-use-not-allowed`,constrained:`cawg-use-badge cawg-use-constrained`},v={allowed:`Allowed`,notAllowed:`Not Allowed`,constrained:`Constrained`};function y(e){try{return new Date(e).toLocaleDateString(void 0,{year:`numeric`,month:`long`,day:`numeric`})}catch{return e}}function b(e){return Array.isArray(e)?e.filter(e=>typeof e==`string`).join(`, `):typeof e==`string`?e:``}function x({className:e,manifest:t,moreInfo:r}){let i=t.title,a=t.claimGenerator??t.claimGeneratorInfo?.[0]?.name??`Unknown`,o=a.split(` `).filter(Boolean).map(e=>e[0].toUpperCase()).join(``)||`?`,s=t.assertions?.[`cawg.identity`],c=s?.signer_payload?.role??[],l=s?.verifiedIdentities??[],u=t.assertions?.[`cawg.training-mining`]?.entries??{},f=t.assertions?.[`cawg.metadata`],p=b(f?.[`dc:creator`]),x=f?.[`xmp:CreateDate`];return(0,n.jsxs)(`div`,{className:`cawg-card ${e??``}`,children:[(0,n.jsx)(d,{}),(0,n.jsxs)(`div`,{className:`cawg-container`,children:[t.thumbnail?(0,n.jsx)(`img`,{src:t.thumbnail,alt:`Thumbnail`,className:`cawg-thumbnail`}):(0,n.jsx)(`div`,{className:`cawg-square`,children:(0,n.jsx)(`span`,{className:`cawg-logo-text`,children:o})}),(0,n.jsxs)(`div`,{style:{display:`flex`,flexDirection:`column`},children:[(0,n.jsx)(`span`,{className:`cawg-media-title`,children:i}),(0,n.jsx)(`span`,{className:`cawg-claim-generator`,children:a})]})]}),c.length>0&&(0,n.jsx)(`div`,{className:`cawg-roles`,children:c.map(e=>(0,n.jsx)(`span`,{className:`cawg-role-badge`,children:m[e]??e},e))}),l.length>0&&(0,n.jsxs)(n.Fragment,{children:[(0,n.jsx)(`div`,{className:`cawg-divider`}),(0,n.jsx)(`div`,{className:`cawg-section-title`,children:`Identity`}),(0,n.jsx)(`div`,{className:`cawg-identity-list`,children:l.map((e,t)=>{let r=e.type,i=e.name??e.username,a=e.provider;return(0,n.jsx)(`div`,{className:`cawg-identity-item`,children:(0,n.jsxs)(`div`,{style:{flex:1},children:[(0,n.jsx)(`div`,{className:`cawg-identity-type-label`,children:h[r]??r}),i&&(0,n.jsx)(`div`,{className:`cawg-identity-name`,children:i}),a?.name&&(0,n.jsx)(`div`,{className:`cawg-identity-provider`,children:a.name})]})},t)})})]}),Object.keys(u).length>0&&(0,n.jsxs)(n.Fragment,{children:[(0,n.jsx)(`div`,{className:`cawg-divider`}),(0,n.jsx)(`div`,{className:`cawg-section-title`,children:`Training & Data Mining`}),(0,n.jsx)(`div`,{className:`cawg-training-list`,children:Object.entries(u).map(([e,t])=>(0,n.jsxs)(`div`,{className:`cawg-training-item`,children:[(0,n.jsx)(`span`,{className:`cawg-training-label`,children:g[e]??e}),(0,n.jsx)(`span`,{className:_[t.use]??`cawg-use-badge`,children:v[t.use]??t.use})]},e))})]}),(p||x)&&(0,n.jsxs)(n.Fragment,{children:[(0,n.jsx)(`div`,{className:`cawg-divider`}),(0,n.jsx)(`div`,{className:`cawg-section-title`,children:`Creator`}),p&&(0,n.jsxs)(`div`,{className:`cawg-key-value`,children:[(0,n.jsx)(`div`,{className:`cawg-key-value-label`,children:`Name`}),(0,n.jsx)(`div`,{className:`cawg-key-value-value`,children:p})]}),x&&(0,n.jsxs)(`div`,{className:`cawg-key-value`,children:[(0,n.jsx)(`div`,{className:`cawg-key-value-label`,children:`Date Created`}),(0,n.jsx)(`div`,{className:`cawg-key-value-value`,children:y(x)})]})]}),r&&(0,n.jsx)(`div`,{style:{marginTop:16},children:(0,n.jsx)(`button`,{onClick:r,className:`cawg-button`,children:`More Info`})})]})}var S={"cawg.creator":`Creator`,"cawg.contributor":`Contributor`,"cawg.editor":`Editor`,"cawg.producer":`Producer`,"cawg.publisher":`Publisher`,"cawg.sponsor":`Sponsor`,"cawg.translator":`Translator`},C={"cawg.document_verification":`ID Verified`,"cawg.web_site":`Website`,"cawg.affiliation":`Affiliation`,"cawg.social_media":`Social Media`,"cawg.crypto_wallet":`Crypto Wallet`},w={"cawg.data_mining":`Data Mining`,"cawg.ai_inference":`AI Inference`,"cawg.ai_training":`AI Training`,"cawg.ai_generative_training":`AI Generative Training`},T={allowed:`cawg-use-badge cawg-use-allowed`,notAllowed:`cawg-use-badge cawg-use-not-allowed`,constrained:`cawg-use-badge cawg-use-constrained`},E={allowed:`Allowed`,notAllowed:`Not Allowed`,constrained:`Constrained`},D={"cawg.identity_claims_aggregation":`Identity Claims Aggregation`,"cawg.x509.cose":`X.509 Certificate`,"cawg.verifiable_credential_binding":`Verifiable Credential`};function O(e){try{return new Date(e).toLocaleDateString(void 0,{year:`numeric`,month:`long`,day:`numeric`})}catch{return e}}function k(e){return e==null?``:typeof e==`string`||typeof e==`number`||typeof e==`boolean`?String(e):Array.isArray(e)?e.map(e=>k(e)).filter(Boolean).join(`, `):typeof e==`object`?Object.entries(e).filter(([e])=>!e.startsWith(`@`)).map(([e,t])=>`${e}: ${k(t)}`).join(`; `):String(e)}function A({className:e,manifest:t,moreInfo:r}){let i=t.title,a=t.claimGenerator??t.claimGeneratorInfo?.[0]?.name??`Unknown`,o=a.split(` `).filter(Boolean).map(e=>e[0].toUpperCase()).join(``)||`?`,s=t.assertions?.[`cawg.identity`],c=s?.signer_payload?.role??[],l=s?.verifiedIdentities??[],u=s?.signer_payload?.sig_type,f=s?.issuer,p=t.assertions?.[`cawg.training-mining`]?.entries??{},m=t.assertions?.[`cawg.metadata`],h=m?Object.entries(m).filter(([e])=>!e.startsWith(`@`)):[];return(0,n.jsxs)(`div`,{className:`cawg-card ${e??``}`,children:[(0,n.jsx)(d,{}),(0,n.jsxs)(`div`,{className:`cawg-container`,children:[t.thumbnail?(0,n.jsx)(`img`,{src:t.thumbnail,alt:`Thumbnail`,className:`cawg-thumbnail`}):(0,n.jsx)(`div`,{className:`cawg-square`,children:(0,n.jsx)(`span`,{className:`cawg-logo-text`,children:o})}),(0,n.jsxs)(`div`,{style:{display:`flex`,flexDirection:`column`},children:[(0,n.jsx)(`span`,{className:`cawg-media-title`,children:i}),(0,n.jsx)(`span`,{className:`cawg-claim-generator`,children:a})]})]}),c.length>0&&(0,n.jsx)(`div`,{className:`cawg-roles`,children:c.map(e=>(0,n.jsx)(`span`,{className:`cawg-role-badge`,children:S[e]??e},e))}),s&&(0,n.jsxs)(n.Fragment,{children:[(0,n.jsx)(`div`,{className:`cawg-divider`}),(0,n.jsx)(`div`,{className:`cawg-section-title`,children:`Identity Assertion`}),u&&(0,n.jsxs)(`div`,{className:`cawg-key-value`,children:[(0,n.jsx)(`div`,{className:`cawg-key-value-label`,children:`Credential Type`}),(0,n.jsx)(`div`,{className:`cawg-key-value-value`,children:D[u]??u})]}),f&&(0,n.jsxs)(`div`,{className:`cawg-key-value`,children:[(0,n.jsx)(`div`,{className:`cawg-key-value-label`,children:`Issuer`}),(0,n.jsx)(`div`,{className:`cawg-key-value-value`,children:f})]}),l.length>0&&(0,n.jsx)(`div`,{className:`cawg-identity-list`,style:{marginTop:12},children:l.map((e,t)=>{let r=e.type,i=e.name??e.username??e.address,a=e.provider,o=e.uri,s=e.verifiedAt;return(0,n.jsx)(`div`,{className:`cawg-identity-item`,children:(0,n.jsxs)(`div`,{style:{flex:1},children:[(0,n.jsx)(`div`,{className:`cawg-identity-type-label`,children:C[r]??r}),i&&(0,n.jsx)(`div`,{className:`cawg-identity-name`,children:i}),a?.name&&(0,n.jsxs)(`div`,{className:`cawg-identity-provider`,children:[`via `,a.name]}),o&&(0,n.jsx)(`a`,{href:o,target:`_blank`,rel:`noopener noreferrer`,className:`cawg-identity-link`,children:o}),s&&(0,n.jsxs)(`div`,{className:`cawg-identity-meta`,children:[`Verified `,O(s)]})]})},t)})})]}),Object.keys(p).length>0&&(0,n.jsxs)(n.Fragment,{children:[(0,n.jsx)(`div`,{className:`cawg-divider`}),(0,n.jsx)(`div`,{className:`cawg-section-title`,children:`Training & Data Mining`}),(0,n.jsx)(`div`,{className:`cawg-training-list`,children:Object.entries(p).map(([e,t])=>(0,n.jsxs)(`div`,{className:`cawg-training-item`,style:{flexDirection:`column`,alignItems:`flex-start`},children:[(0,n.jsxs)(`div`,{style:{display:`flex`,justifyContent:`space-between`,width:`100%`},children:[(0,n.jsx)(`span`,{className:`cawg-training-label`,children:w[e]??e}),(0,n.jsx)(`span`,{className:T[t.use]??`cawg-use-badge`,children:E[t.use]??t.use})]}),t.constraint_info&&(0,n.jsx)(`div`,{className:`cawg-constraint-info`,children:t.constraint_info})]},e))})]}),h.length>0&&(0,n.jsxs)(n.Fragment,{children:[(0,n.jsx)(`div`,{className:`cawg-divider`}),(0,n.jsx)(`div`,{className:`cawg-section-title`,children:`Metadata`}),h.map(([e,t])=>{let r=k(t);return r?(0,n.jsxs)(`div`,{className:`cawg-key-value`,children:[(0,n.jsx)(`div`,{className:`cawg-key-value-label`,children:e}),(0,n.jsx)(`div`,{className:`cawg-key-value-value`,children:r})]},e):null})]}),r&&(0,n.jsx)(`div`,{style:{marginTop:16},children:(0,n.jsx)(`button`,{onClick:r,className:`cawg-button`,children:`Small View`})})]})}function j(e){return{id:e.id??``,title:e.title??``,claimGenerator:e.claimGenerator??null,claimGeneratorInfo:(e.claimGeneratorInfo??[]).map(e=>({name:e.name,"org.contentauth.c2pa_rs":e[`org.contentauth.c2pa_rs`]??``})),instanceId:e.instanceId??``,signatureInfo:{alg:e.signatureInfo?.alg??``,issuer:e.signatureInfo?.issuer??``,common_name:e.signatureInfo?.common_name??``,cert_serial_number:e.signatureInfo?.cert_serial_number??``},assertions:e.assertions??{},credentials:e.credentials??[],thumbnail:typeof e.thumbnail==`string`?e.thumbnail:null,ingredients:e.ingredients??[]}}var M=({manifest:e,entry:r,level:i,className:a})=>{let o=e.manifestStore?.activeManifest,s=r==null?e.manifests.find(e=>e.id===o||e.instanceId===o)??(o?e.manifestStore.manifests[o]:void 0)??e.manifests[0]:j(r);if(!s||!(s.assertions?.[`cawg.identity`]!=null||s.assertions?.[`cawg.training-mining`]!=null||s.assertions?.[`cawg.metadata`]!=null))return null;let[c,l]=t.default.useState(i||1);switch(c){case 1:return(0,n.jsx)(p,{className:a,manifest:s,moreInfo:()=>{l(2)}});case 2:return(0,n.jsx)(x,{className:a,manifest:s,moreInfo:()=>{l(3)}});case 3:return(0,n.jsx)(A,{className:a,manifest:s,moreInfo:()=>{l(1)}})}return(0,n.jsx)(`div`,{children:`Level Of Detail Not Selected`})};M.knownAssertions=[`cawg.identity`,`cawg.training-mining`,`cawg.metadata`,`cawg.creator`,`cawg.contributor`,`cawg.editor`,`cawg.producer`,`cawg.publisher`,`cawg.sponsor`,`cawg.translator`,`cawg.document_verification`,`cawg.web_site`,`cawg.affiliation`,`cawg.social_media`,`cawg.crypto_wallet`],e.CAWGManifest=M});

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "c2pa-react-cawg-component",
-  "version": "0.1.10",
+  "version": "0.1.11",
   "description": "A React plugin for c2pa-react-component that renders Creator Assertions Working Group (CAWG) data — identity credentials, metadata, and training permissions.",
   "type": "module",
   "main": "./dist/c2pa-react-cawg-component.umd.cjs",
@@ -79,6 +79,6 @@
     "vitest": "^4.1.5"
   },
   "dependencies": {
-    "c2pa-react-component-types": "^0.1.2"
+    "c2pa-react-component-types": "0.1.5"
   }
 }