c2pa-react-cawg-component 0.1.9 → 0.1.11

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (4) hide show
  1. package/dist/c2pa-react-cawg-component.css +1 -1
  2. package/dist/c2pa-react-cawg-component.js +114 -51
  3. package/dist/c2pa-react-cawg-component.umd.cjs +1 -1
  4. package/package.json +2 -2
package/dist/c2pa-react-cawg-component.css CHANGED
@@ -1,2 +1,2 @@
1
- .cawg-card{background:#fff;border-radius:12px;width:95%;padding:16px;display:inline-block;box-shadow:0 4px 20px #00000014}.cawg-container{align-items:center;gap:16px;display:flex}.cawg-square{background-color:gold;border-radius:4px;flex-shrink:0;justify-content:center;align-items:center;width:48px;height:48px;display:flex}.cawg-logo-text{color:#000;letter-spacing:-.5px;font-size:18px;font-weight:700}.cawg-media-title{color:#333;letter-spacing:-.3px;font-size:20px;font-weight:600}.cawg-claim-generator{color:#666;font-size:14px}.cawg-thumbnail{object-fit:cover;border-radius:4px;width:48px;height:48px}.cawg-button{color:#666;cursor:pointer;background:#fff;border:2px solid #666;border-radius:999px;width:100%;height:42px;font-size:16px;font-weight:700;transition:background-color .16s,border-color .16s,color .16s,box-shadow .16s}.cawg-button:hover{color:#fff;background:#111;border-color:#111;box-shadow:0 4px 12px #00000024}.cawg-button:focus-visible{outline-offset:3px;outline:3px solid #11111140}.cawg-section-title{color:#333;margin-bottom:6px;font-size:16px;font-weight:600}.cawg-key-value{margin-top:16px}.cawg-key-value-label{color:#64748b;text-transform:uppercase;letter-spacing:.025em;margin-bottom:4px;font-size:14px;font-weight:600}.cawg-key-value-value{color:#1e293b;font-size:16px;line-height:1.5}.cawg-divider{background:#e2e8f0;height:1px;margin:16px 0}.cawg-roles{flex-wrap:wrap;gap:6px;margin-top:12px;display:flex}.cawg-role-badge{color:#475569;letter-spacing:.02em;background:#f0f4f8;border:1px solid #cbd5e1;border-radius:999px;align-items:center;padding:2px 10px;font-size:12px;font-weight:600;display:inline-flex}.cawg-identity-list{flex-direction:column;gap:8px;margin-top:10px;display:flex}.cawg-identity-item{background:#f8fafc;border:1px solid #e2e8f0;border-radius:8px;align-items:flex-start;padding:10px 12px;display:flex}.cawg-identity-type-label{color:#64748b;text-transform:uppercase;letter-spacing:.06em;margin-bottom:2px;font-size:11px;font-weight:700}.cawg-identity-name{color:#1e293b;font-size:14px;font-weight:600}.cawg-identity-provider{color:#64748b;margin-top:1px;font-size:13px}.cawg-identity-link{color:#3b82f6;word-break:break-all;margin-top:2px;font-size:12px;text-decoration:none;display:block}.cawg-identity-link:hover{text-decoration:underline}.cawg-identity-meta{color:#94a3b8;margin-top:3px;font-size:11px}.cawg-training-list{flex-direction:column;gap:6px;margin-top:10px;display:flex}.cawg-training-item{background:#f8fafc;border:1px solid #e2e8f0;border-radius:8px;justify-content:space-between;align-items:flex-start;gap:8px;padding:8px 12px;display:flex}.cawg-training-label{color:#374151;font-size:13px;font-weight:500}.cawg-constraint-info{color:#92400e;margin-top:3px;font-size:12px;font-style:italic}.cawg-use-badge{letter-spacing:.04em;text-transform:uppercase;border-radius:999px;flex-shrink:0;padding:2px 8px;font-size:11px;font-weight:700}.cawg-use-allowed{color:#166534;background:#dcfce7}.cawg-use-not-allowed{color:#991b1b;background:#fee2e2}.cawg-use-constrained{color:#854d0e;background:#fef9c3}
1
+ .cawg-card{background:#fff;border-radius:12px;width:95%;padding:16px;display:inline-block;box-shadow:0 4px 20px #00000014}.cawg-container{align-items:center;gap:16px;display:flex}.cawg-square{background-color:gold;border-radius:4px;flex-shrink:0;justify-content:center;align-items:center;width:48px;height:48px;display:flex}.cawg-logo-text{color:#000;letter-spacing:-.5px;font-size:18px;font-weight:700}.cawg-media-title{color:#333;letter-spacing:-.3px;font-size:20px;font-weight:600}.cawg-claim-generator{color:#666;font-size:14px}.cawg-thumbnail{object-fit:cover;border-radius:4px;width:48px;height:48px}.cawg-button{color:#666;cursor:pointer;background:#fff;border:2px solid #666;border-radius:999px;width:100%;height:42px;font-size:16px;font-weight:700;transition:background-color .16s,border-color .16s,color .16s,box-shadow .16s}.cawg-button:hover{color:#fff;background:#111;border-color:#111;box-shadow:0 4px 12px #00000024}.cawg-button:focus-visible{outline-offset:3px;outline:3px solid #11111140}.cawg-section-title{color:#333;margin-bottom:6px;font-size:16px;font-weight:600}.cawg-key-value{margin-top:16px}.cawg-key-value-label{color:#64748b;text-transform:uppercase;letter-spacing:.025em;margin-bottom:4px;font-size:14px;font-weight:600}.cawg-key-value-value{color:#1e293b;word-break:break-word;overflow-wrap:break-word;font-size:16px;line-height:1.5}.cawg-divider{background:#e2e8f0;height:1px;margin:16px 0}.cawg-roles{flex-wrap:wrap;gap:6px;margin-top:12px;display:flex}.cawg-role-badge{color:#475569;letter-spacing:.02em;background:#f0f4f8;border:1px solid #cbd5e1;border-radius:999px;align-items:center;padding:2px 10px;font-size:12px;font-weight:600;display:inline-flex}.cawg-identity-list{flex-direction:column;gap:8px;margin-top:10px;display:flex}.cawg-identity-item{background:#f8fafc;border:1px solid #e2e8f0;border-radius:8px;align-items:flex-start;padding:10px 12px;display:flex}.cawg-identity-type-label{color:#64748b;text-transform:uppercase;letter-spacing:.06em;margin-bottom:2px;font-size:11px;font-weight:700}.cawg-identity-name{color:#1e293b;font-size:14px;font-weight:600}.cawg-identity-provider{color:#64748b;margin-top:1px;font-size:13px}.cawg-identity-link{color:#3b82f6;word-break:break-all;margin-top:2px;font-size:12px;text-decoration:none;display:block}.cawg-identity-link:hover{text-decoration:underline}.cawg-identity-meta{color:#94a3b8;margin-top:3px;font-size:11px}.cawg-training-list{flex-direction:column;gap:6px;margin-top:10px;display:flex}.cawg-training-item{background:#f8fafc;border:1px solid #e2e8f0;border-radius:8px;justify-content:space-between;align-items:flex-start;gap:8px;padding:8px 12px;display:flex}.cawg-training-label{color:#374151;font-size:13px;font-weight:500}.cawg-constraint-info{color:#92400e;margin-top:3px;font-size:12px;font-style:italic}.cawg-use-badge{letter-spacing:.04em;text-transform:uppercase;border-radius:999px;flex-shrink:0;padding:2px 8px;font-size:11px;font-weight:700}.cawg-use-allowed{color:#166534;background:#dcfce7}.cawg-use-not-allowed{color:#991b1b;background:#fee2e2}.cawg-use-constrained{color:#854d0e;background:#fef9c3}
2
2
  /*$vite$:1*/
package/dist/c2pa-react-cawg-component.js CHANGED
@@ -115,8 +115,22 @@ var c = {
115
115
  notAllowed: "Not Allowed",
116
116
  constrained: "Constrained"
117
117
  };
118
- function p({ className: e, manifest: i, moreInfo: o }) {
119
- 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 ?? {};
118
+ function p(e) {
119
+ try {
120
+ return new Date(e).toLocaleDateString(void 0, {
121
+ year: "numeric",
122
+ month: "long",
123
+ day: "numeric"
124
+ });
125
+ } catch {
126
+ return e;
127
+ }
128
+ }
129
+ function m(e) {
130
+ return Array.isArray(e) ? e.filter((e) => typeof e == "string").join(", ") : typeof e == "string" ? e : "";
131
+ }
132
+ function h({ className: e, manifest: i, moreInfo: o }) {
133
+ 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"];
120
134
  return /* @__PURE__ */ r("div", {
121
135
  className: `cawg-card ${e ?? ""}`,
122
136
  children: [
@@ -131,7 +145,7 @@ function p({ className: e, manifest: i, moreInfo: o }) {
131
145
  className: "cawg-square",
132
146
  children: /* @__PURE__ */ n("span", {
133
147
  className: "cawg-logo-text",
134
- children: m
148
+ children: g
135
149
  })
136
150
  }), /* @__PURE__ */ r("div", {
137
151
  style: {
@@ -143,18 +157,18 @@ function p({ className: e, manifest: i, moreInfo: o }) {
143
157
  children: s
144
158
  }), /* @__PURE__ */ n("span", {
145
159
  className: "cawg-claim-generator",
146
- children: p
160
+ children: h
147
161
  })]
148
162
  })]
149
163
  }),
150
- g.length > 0 && /* @__PURE__ */ n("div", {
164
+ v.length > 0 && /* @__PURE__ */ n("div", {
151
165
  className: "cawg-roles",
152
- children: g.map((e) => /* @__PURE__ */ n("span", {
166
+ children: v.map((e) => /* @__PURE__ */ n("span", {
153
167
  className: "cawg-role-badge",
154
168
  children: c[e] ?? e
155
169
  }, e))
156
170
  }),
157
- _.length > 0 && /* @__PURE__ */ r(t, { children: [
171
+ y.length > 0 && /* @__PURE__ */ r(t, { children: [
158
172
  /* @__PURE__ */ n("div", { className: "cawg-divider" }),
159
173
  /* @__PURE__ */ n("div", {
160
174
  className: "cawg-section-title",
@@ -162,7 +176,7 @@ function p({ className: e, manifest: i, moreInfo: o }) {
162
176
  }),
163
177
  /* @__PURE__ */ n("div", {
164
178
  className: "cawg-identity-list",
165
- children: _.map((e, t) => {
179
+ children: y.map((e, t) => {
166
180
  let i = e.type, a = e.name ?? e.username, o = e.provider;
167
181
  return /* @__PURE__ */ n("div", {
168
182
  className: "cawg-identity-item",
@@ -187,7 +201,7 @@ function p({ className: e, manifest: i, moreInfo: o }) {
187
201
  })
188
202
  })
189
203
  ] }),
190
- Object.keys(v).length > 0 && /* @__PURE__ */ r(t, { children: [
204
+ Object.keys(b).length > 0 && /* @__PURE__ */ r(t, { children: [
191
205
  /* @__PURE__ */ n("div", { className: "cawg-divider" }),
192
206
  /* @__PURE__ */ n("div", {
193
207
  className: "cawg-section-title",
@@ -195,7 +209,7 @@ function p({ className: e, manifest: i, moreInfo: o }) {
195
209
  }),
196
210
  /* @__PURE__ */ n("div", {
197
211
  className: "cawg-training-list",
198
- children: Object.entries(v).map(([e, t]) => /* @__PURE__ */ r("div", {
212
+ children: Object.entries(b).map(([e, t]) => /* @__PURE__ */ r("div", {
199
213
  className: "cawg-training-item",
200
214
  children: [/* @__PURE__ */ n("span", {
201
215
  className: "cawg-training-label",
@@ -207,6 +221,33 @@ function p({ className: e, manifest: i, moreInfo: o }) {
207
221
  }, e))
208
222
  })
209
223
  ] }),
224
+ (S || C) && /* @__PURE__ */ r(t, { children: [
225
+ /* @__PURE__ */ n("div", { className: "cawg-divider" }),
226
+ /* @__PURE__ */ n("div", {
227
+ className: "cawg-section-title",
228
+ children: "Creator"
229
+ }),
230
+ S && /* @__PURE__ */ r("div", {
231
+ className: "cawg-key-value",
232
+ children: [/* @__PURE__ */ n("div", {
233
+ className: "cawg-key-value-label",
234
+ children: "Name"
235
+ }), /* @__PURE__ */ n("div", {
236
+ className: "cawg-key-value-value",
237
+ children: S
238
+ })]
239
+ }),
240
+ C && /* @__PURE__ */ r("div", {
241
+ className: "cawg-key-value",
242
+ children: [/* @__PURE__ */ n("div", {
243
+ className: "cawg-key-value-label",
244
+ children: "Date Created"
245
+ }), /* @__PURE__ */ n("div", {
246
+ className: "cawg-key-value-value",
247
+ children: p(C)
248
+ })]
249
+ })
250
+ ] }),
210
251
  o && /* @__PURE__ */ n("div", {
211
252
  style: { marginTop: 16 },
212
253
  children: /* @__PURE__ */ n("button", {
@@ -220,7 +261,7 @@ function p({ className: e, manifest: i, moreInfo: o }) {
220
261
  }
221
262
  //#endregion
222
263
  //#region src/components/Cawg/levels/L3/CAWGL3.tsx
223
- var m = {
264
+ var g = {
224
265
  "cawg.creator": "Creator",
225
266
  "cawg.contributor": "Contributor",
226
267
  "cawg.editor": "Editor",
@@ -228,31 +269,31 @@ var m = {
228
269
  "cawg.publisher": "Publisher",
229
270
  "cawg.sponsor": "Sponsor",
230
271
  "cawg.translator": "Translator"
231
- }, h = {
272
+ }, _ = {
232
273
  "cawg.document_verification": "ID Verified",
233
274
  "cawg.web_site": "Website",
234
275
  "cawg.affiliation": "Affiliation",
235
276
  "cawg.social_media": "Social Media",
236
277
  "cawg.crypto_wallet": "Crypto Wallet"
237
- }, g = {
278
+ }, v = {
238
279
  "cawg.data_mining": "Data Mining",
239
280
  "cawg.ai_inference": "AI Inference",
240
281
  "cawg.ai_training": "AI Training",
241
282
  "cawg.ai_generative_training": "AI Generative Training"
242
- }, _ = {
283
+ }, y = {
243
284
  allowed: "cawg-use-badge cawg-use-allowed",
244
285
  notAllowed: "cawg-use-badge cawg-use-not-allowed",
245
286
  constrained: "cawg-use-badge cawg-use-constrained"
246
- }, v = {
287
+ }, b = {
247
288
  allowed: "Allowed",
248
289
  notAllowed: "Not Allowed",
249
290
  constrained: "Constrained"
250
- }, y = {
291
+ }, x = {
251
292
  "cawg.identity_claims_aggregation": "Identity Claims Aggregation",
252
293
  "cawg.x509.cose": "X.509 Certificate",
253
294
  "cawg.verifiable_credential_binding": "Verifiable Credential"
254
295
  };
255
- function b(e) {
296
+ function S(e) {
256
297
  try {
257
298
  return new Date(e).toLocaleDateString(void 0, {
258
299
  year: "numeric",
@@ -263,11 +304,11 @@ function b(e) {
263
304
  return e;
264
305
  }
265
306
  }
266
- function x(e) {
267
- 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);
307
+ function C(e) {
308
+ 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);
268
309
  }
269
- function S({ className: e, manifest: i, moreInfo: o }) {
270
- 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("@")) : [];
310
+ function w({ className: e, manifest: i, moreInfo: o }) {
311
+ 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("@")) : [];
271
312
  return /* @__PURE__ */ r("div", {
272
313
  className: `cawg-card ${e ?? ""}`,
273
314
  children: [
@@ -302,7 +343,7 @@ function S({ className: e, manifest: i, moreInfo: o }) {
302
343
  className: "cawg-roles",
303
344
  children: d.map((e) => /* @__PURE__ */ n("span", {
304
345
  className: "cawg-role-badge",
305
- children: m[e] ?? e
346
+ children: g[e] ?? e
306
347
  }, e))
307
348
  }),
308
349
  u && /* @__PURE__ */ r(t, { children: [
@@ -318,17 +359,17 @@ function S({ className: e, manifest: i, moreInfo: o }) {
318
359
  children: "Credential Type"
319
360
  }), /* @__PURE__ */ n("div", {
320
361
  className: "cawg-key-value-value",
321
- children: y[p] ?? p
362
+ children: x[p] ?? p
322
363
  })]
323
364
  }),
324
- S && /* @__PURE__ */ r("div", {
365
+ m && /* @__PURE__ */ r("div", {
325
366
  className: "cawg-key-value",
326
367
  children: [/* @__PURE__ */ n("div", {
327
368
  className: "cawg-key-value-label",
328
369
  children: "Issuer"
329
370
  }), /* @__PURE__ */ n("div", {
330
371
  className: "cawg-key-value-value",
331
- children: S
372
+ children: m
332
373
  })]
333
374
  }),
334
375
  f.length > 0 && /* @__PURE__ */ n("div", {
@@ -343,7 +384,7 @@ function S({ className: e, manifest: i, moreInfo: o }) {
343
384
  children: [
344
385
  /* @__PURE__ */ n("div", {
345
386
  className: "cawg-identity-type-label",
346
- children: h[i] ?? i
387
+ children: _[i] ?? i
347
388
  }),
348
389
  a && /* @__PURE__ */ n("div", {
349
390
  className: "cawg-identity-name",
@@ -362,7 +403,7 @@ function S({ className: e, manifest: i, moreInfo: o }) {
362
403
  }),
363
404
  c && /* @__PURE__ */ r("div", {
364
405
  className: "cawg-identity-meta",
365
- children: ["Verified ", b(c)]
406
+ children: ["Verified ", S(c)]
366
407
  })
367
408
  ]
368
409
  })
@@ -370,7 +411,7 @@ function S({ className: e, manifest: i, moreInfo: o }) {
370
411
  })
371
412
  })
372
413
  ] }),
373
- Object.keys(C).length > 0 && /* @__PURE__ */ r(t, { children: [
414
+ Object.keys(h).length > 0 && /* @__PURE__ */ r(t, { children: [
374
415
  /* @__PURE__ */ n("div", { className: "cawg-divider" }),
375
416
  /* @__PURE__ */ n("div", {
376
417
  className: "cawg-section-title",
@@ -378,7 +419,7 @@ function S({ className: e, manifest: i, moreInfo: o }) {
378
419
  }),
379
420
  /* @__PURE__ */ n("div", {
380
421
  className: "cawg-training-list",
381
- children: Object.entries(C).map(([e, t]) => /* @__PURE__ */ r("div", {
422
+ children: Object.entries(h).map(([e, t]) => /* @__PURE__ */ r("div", {
382
423
  className: "cawg-training-item",
383
424
  style: {
384
425
  flexDirection: "column",
@@ -392,10 +433,10 @@ function S({ className: e, manifest: i, moreInfo: o }) {
392
433
  },
393
434
  children: [/* @__PURE__ */ n("span", {
394
435
  className: "cawg-training-label",
395
- children: g[e] ?? e
436
+ children: v[e] ?? e
396
437
  }), /* @__PURE__ */ n("span", {
397
- className: _[t.use] ?? "cawg-use-badge",
398
- children: v[t.use] ?? t.use
438
+ className: y[t.use] ?? "cawg-use-badge",
439
+ children: b[t.use] ?? t.use
399
440
  })]
400
441
  }), t.constraint_info && /* @__PURE__ */ n("div", {
401
442
  className: "cawg-constraint-info",
@@ -411,7 +452,7 @@ function S({ className: e, manifest: i, moreInfo: o }) {
411
452
  children: "Metadata"
412
453
  }),
413
454
  T.map(([e, t]) => {
414
- let i = x(t);
455
+ let i = C(t);
415
456
  return i ? /* @__PURE__ */ r("div", {
416
457
  className: "cawg-key-value",
417
458
  children: [/* @__PURE__ */ n("div", {
@@ -437,36 +478,58 @@ function S({ className: e, manifest: i, moreInfo: o }) {
437
478
  }
438
479
  //#endregion
439
480
  //#region src/components/Cawg/Cawg.tsx
440
- var C = ({ manifest: t, level: r, className: i }) => {
441
- 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];
442
- if (!o || !(o.assertions?.["cawg.identity"] != null || o.assertions?.["cawg.training-mining"] != null || o.assertions?.["cawg.metadata"] != null)) return null;
443
- let [c, l] = e.useState(r || 1);
444
- switch (c) {
481
+ function T(e) {
482
+ return {
483
+ id: e.id ?? "",
484
+ title: e.title ?? "",
485
+ claimGenerator: e.claimGenerator ?? null,
486
+ claimGeneratorInfo: (e.claimGeneratorInfo ?? []).map((e) => ({
487
+ name: e.name,
488
+ "org.contentauth.c2pa_rs": e["org.contentauth.c2pa_rs"] ?? ""
489
+ })),
490
+ instanceId: e.instanceId ?? "",
491
+ signatureInfo: {
492
+ alg: e.signatureInfo?.alg ?? "",
493
+ issuer: e.signatureInfo?.issuer ?? "",
494
+ common_name: e.signatureInfo?.common_name ?? "",
495
+ cert_serial_number: e.signatureInfo?.cert_serial_number ?? ""
496
+ },
497
+ assertions: e.assertions ?? {},
498
+ credentials: e.credentials ?? [],
499
+ thumbnail: typeof e.thumbnail == "string" ? e.thumbnail : null,
500
+ ingredients: e.ingredients ?? []
501
+ };
502
+ }
503
+ var E = ({ manifest: t, entry: r, level: i, className: a }) => {
504
+ 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);
505
+ if (!c || !(c.assertions?.["cawg.identity"] != null || c.assertions?.["cawg.training-mining"] != null || c.assertions?.["cawg.metadata"] != null)) return null;
506
+ let [l, u] = e.useState(i || 1);
507
+ switch (l) {
445
508
  case 1: return /* @__PURE__ */ n(s, {
446
- className: i,
447
- manifest: o,
509
+ className: a,
510
+ manifest: c,
448
511
  moreInfo: () => {
449
- l(2);
512
+ u(2);
450
513
  }
451
514
  });
452
- case 2: return /* @__PURE__ */ n(p, {
453
- className: i,
454
- manifest: o,
515
+ case 2: return /* @__PURE__ */ n(h, {
516
+ className: a,
517
+ manifest: c,
455
518
  moreInfo: () => {
456
- l(3);
519
+ u(3);
457
520
  }
458
521
  });
459
- case 3: return /* @__PURE__ */ n(S, {
460
- className: i,
461
- manifest: o,
522
+ case 3: return /* @__PURE__ */ n(w, {
523
+ className: a,
524
+ manifest: c,
462
525
  moreInfo: () => {
463
- l(1);
526
+ u(1);
464
527
  }
465
528
  });
466
529
  }
467
530
  return /* @__PURE__ */ n("div", { children: "Level Of Detail Not Selected" });
468
531
  };
469
- C.knownAssertions = [
532
+ E.knownAssertions = [
470
533
  "cawg.identity",
471
534
  "cawg.training-mining",
472
535
  "cawg.metadata",
@@ -484,4 +547,4 @@ C.knownAssertions = [
484
547
  "cawg.crypto_wallet"
485
548
  ];
486
549
  //#endregion
487
- export { C as CAWGManifest };
550
+ export { E as CAWGManifest };
package/dist/c2pa-react-cawg-component.umd.cjs CHANGED
@@ -7,4 +7,4 @@
7
7
  <rect width="34" height="34" fill="black"/>
8
8
  </clipPath>
9
9
  </defs>
10
- </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});
10
+ </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 CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "c2pa-react-cawg-component",
3
- "version": "0.1.9",
3
+ "version": "0.1.11",
4
4
  "description": "A React plugin for c2pa-react-component that renders Creator Assertions Working Group (CAWG) data — identity credentials, metadata, and training permissions.",
5
5
  "type": "module",
6
6
  "main": "./dist/c2pa-react-cawg-component.umd.cjs",
@@ -79,6 +79,6 @@
79
79
  "vitest": "^4.1.5"
80
80
  },
81
81
  "dependencies": {
82
- "c2pa-react-component-types": "^0.1.2"
82
+ "c2pa-react-component-types": "0.1.5"
83
83
  }
84
84
  }