fix(pie-modal): DSW-2208 add logging

.changeset/nice-steaks-train.md

@@ -0,0 +1,5 @@
+---
+"@justeattakeaway/pie-modal": minor
+---
+
+[Changed] - SSR testing

packages/components/pie-modal/src/index.ts

@@ -87,7 +87,7 @@
     public isOpen = defaultProps.isOpen;
 
     @property({ type: Object })
-    public leadingAction!: ActionProps;
+    public leadingAction: ModalProps['leadingAction'];
 
     @property()
     @validPropertyValues(componentSelector, positions, defaultProps.position)
@@ -111,6 +111,14 @@
     // Renders a `CSSResult` generated from SCSS by Vite
     static styles = unsafeCSS(styles);
 
+    constructor () {
+        super();
+        console.log('isOpen in constructor', this.isOpen);
+        console.log('leadingAction in constructor', this.leadingAction);
+        console.log('position in constructor', this.position);
+        console.log('size in constructor', this.size);
+    }
+
     connectedCallback () : void {
         super.connectedCallback();
         this.addEventListener('click', (event) => this._handleDialogLightDismiss(event));
@@ -127,6 +135,10 @@
     }
 
     async firstUpdated (changedProperties: PropertyValues<this>) : Promise<void> {
+        console.log('isOpen in firstUpdated', this.isOpen);
+        console.log('leadingAction in firstUpdated', this.leadingAction);
+        console.log('position in firstUpdated', this.position);
+        console.log('size in firstUpdated', this.size);
         super.firstUpdated(changedProperties);
 
         if (this._dialog) {
@@ -300,6 +312,10 @@
      * @private
      */
     private renderLeadingAction () : TemplateResult | typeof nothing {
+        if (!this.leadingAction) {
+            return nothing;
+        }
+
         const { text, variant = 'primary', ariaLabel } = this.leadingAction;
 
         if (!text) {