Fix for missing signature date (#136)

* Fix for missing signature date

* Changeset

Author: Dave Kozma

common/changes/c2pa-wc/no-date-fix_2024-02-07-14-39.json

@@ -0,0 +1,10 @@
+{
+  "changes": [
+    {
+      "packageName": "c2pa-wc",
+      "comment": "Fix issue where Invalid Date would show if no signature date was found (which is optional)",
+      "type": "patch"
+    }
+  ],
+  "packageName": "c2pa-wc"
+}

packages/c2pa-wc/src/components/MinimumViableProvenance/MinimumViableProvenance.ts

@@ -9,14 +9,13 @@
 
 import { L2ManifestStore } from 'c2pa';
 import { isValid, parseISO } from 'date-fns';
-import { css, html, LitElement, nothing } from 'lit';
+import { LitElement, css, html, nothing } from 'lit';
+import { classMap } from 'lit-html/directives/class-map.js';
 import { customElement, property } from 'lit/decorators.js';
-import defaultStringMap from './MinimumViableProvenance.str.json';
-import { defaultDateFormatter } from '../../utils';
 import { Configurable } from '../../mixins/configurable';
 import { baseSectionStyles, defaultStyles } from '../../styles';
-import { getBadgeFromManifestStore } from '../../badge';
-import { classMap } from 'lit-html/directives/class-map.js';
+import { defaultDateFormatter } from '../../utils';
+import defaultStringMap from './MinimumViableProvenance.str.json';
 
 import '../PanelSection';
 
@@ -119,9 +118,10 @@ export class MinimumViableProvenance extends Configurable(
         ${!hasError
           ? html`
               <div class="minimum-viable-provenance-date">
-                ${isValid(signatureDate)
+                ${signatureDate && isValid(signatureDate)
                   ? html`${this._config?.dateFormatter(signatureDate!)}`
-                  : html`${this._config?.stringMap[
+                  : signatureDate &&
+                    html`${this._config?.stringMap[
                       'minimum-viable-provenance.invalidDate'
                     ]}`}
               </div>

packages/c2pa-wc/storybook/fixtures/manifest.ts

@@ -8,8 +8,8 @@
  */
 
 // @ts-ignore
-import thumbnailUrl from './manifest-thumbnail.jpg?url';
 import { L2ManifestStore } from 'c2pa';
+import thumbnailUrl from './manifest-thumbnail.jpg?url';
 
 export default {
   ingredients: [