@saasquatch/squatch-js 2.8.2-15 → 2.8.2-17

package/dist/squatch.cjs.js

@@ -1118,6 +1118,72 @@ class EmbedWidget extends Widget {
       this.container = container;
     }
   }
+  //Old code for testing
+  // async load() {
+  //   const brandingConfig = this.context.widgetConfig?.values?.brandingConfig;
+  //   const sizes = brandingConfig?.widgetSize?.embeddedWidgets;
+  //   const maxWidth = sizes?.maxWidth ? formatWidth(sizes.maxWidth) : "";
+  //   const minWidth = sizes?.minWidth ? formatWidth(sizes.minWidth) : "";
+  //   const frame = this._createFrame({ minWidth, maxWidth });
+  //   const element = this._findElement();
+  //   if (this.context?.container) {
+  //     // Custom container is used
+  //     element.style.visibility = "hidden";
+  //     element.style.height = "0";
+  //     element.style["overflow-y"] = "hidden";
+  //   }
+  //   if (this.container) {
+  //     if (element.shadowRoot) {
+  //       if (element.shadowRoot.lastChild?.nodeName === "IFRAME") {
+  //         element.shadowRoot.replaceChild(frame, element.shadowRoot.lastChild);
+  //       } else {
+  //         element.shadowRoot.appendChild(frame);
+  //       }
+  //     }
+  //     // Widget reloaded - replace existing element
+  //     else if (element.firstChild) {
+  //       element.replaceChild(frame, element.firstChild);
+  //       // Add iframe for the first time
+  //     } else {
+  //       element.appendChild(frame);
+  //     }
+  //   } else if (!element.firstChild || element.firstChild.nodeName === "#text") {
+  //     element.appendChild(frame);
+  //   }
+  //   const { contentWindow } = frame;
+  //   if (!contentWindow) {
+  //     throw new Error("Frame needs a content window");
+  //   }
+  //   const frameDoc = contentWindow.document;
+  //   frameDoc.open();
+  //   frameDoc.write(this.content);
+  //   frameDoc.write(
+  //     `<script src="${this.npmCdn}/resize-observer-polyfill@1.5.x"><\/script>`
+  //   );
+  //   frameDoc.close();
+  //   domready(frameDoc, async () => {
+  //     const _sqh = contentWindow.squatch || contentWindow.widgetIdent;
+  //     // @ts-ignore -- number will be cast to string by browsers
+  //     frame.height = frameDoc.body.scrollHeight;
+  //     // Adjust frame height when size of body changes
+  //     /* istanbul ignore next: hard to test */
+  //     const ro = new contentWindow["ResizeObserver"]((entries) => {
+  //       for (const entry of entries) {
+  //         const { height } = entry.contentRect;
+  //         // @ts-ignore -- number will be cast to string by browsers
+  //         frame.height = height;
+  //       }
+  //     });
+  //     const container = await this._findInnerContainer(frame);
+  //     ro.observe(container);
+  //     if (this._shouldFireLoadEvent()) {
+  //       this._loadEvent(_sqh);
+  //       _log("loaded");
+  //     } else if (frameDoc) {
+  //       this._attachLoadEventListener(frameDoc, _sqh);
+  //     }
+  //   });
+  // }
   async load() {
     var _a2, _b, _c, _d, _e, _f, _g, _h, _i, _j, _k, _l;
     const brandingConfig = (_b = (_a2 = this.context.widgetConfig) == null ? void 0 : _a2.values) == null ? void 0 : _b.brandingConfig;
@@ -1156,8 +1222,7 @@ class EmbedWidget extends Widget {
           injectContents(element.shadowRoot);
         }
       } else if (element.firstChild) {
-        element.innerHTML = "";
-        injectContents(element);
+        element.replaceChild(frame, element.firstChild);
       } else {
         injectContents(element);
       }
@@ -1189,7 +1254,6 @@ class EmbedWidget extends Widget {
       `);
     frameDoc.close();
     domready(frameDoc, async () => {
-      frame.style.display = "block";
       const _sqh = contentWindow.squatch || contentWindow.widgetIdent;
       frame.height = initialHeight || frameDoc.body.scrollHeight;
       console.log({ height: frameDoc.body.scrollHeight });