@ada-support/embed2 1.13.2 → 1.13.4

package/dist/npm-entry/client/components/LightboxOverlay/index.d.ts

@@ -11,6 +11,7 @@ interface Props {
 interface State {
     currentIndex: number;
     imageLoaded: boolean;
+    imageError: boolean;
 }
 export declare class LightboxOverlay extends Component<Props, State> {
     state: State;
@@ -20,6 +21,8 @@ export declare class LightboxOverlay extends Component<Props, State> {
     goToPrev: () => void;
     goToNext: () => void;
     handleImageLoad: () => void;
+    handleImageError: () => void;
+    handleOpenInNewTab: () => void;
     handleDownload: () => Promise<void>;
     handlePrint: () => Promise<void>;
     get currentImage(): LightboxImage | undefined;

package/dist/npm-entry/index.js

@@ -15919,7 +15919,7 @@ const client = new BrowserClient({
     return event;
   },
   environment: "production",
-  release: "1.13.2-ea8e50e",
+  release: "1.13.4-b255320",
   sampleRate: 0.25,
   autoSessionTracking: false,
   // Integrations don't seem to work with Sentry: https://github.com/getsentry/sentry-javascript/issues/2541
@@ -16509,7 +16509,7 @@ function getEmbedURL(_ref) {
   } else {
     host = `http://${handle}.localhost:${ports.localhost.default}`;
   }
-  return `${host}/embed/${frameName}/${"ea8e50e"}/index.html`;
+  return `${host}/embed/${frameName}/${"b255320"}/index.html`;
 }
 function constructQueryString(query) {
   return Object.keys(query).map(key => {
@@ -17697,9 +17697,9 @@ async function log(message, extra, options) {
       service: "embed",
       env: "production",
       embedVersion: 2,
-      version: "1.13.2",
+      version: "1.13.4",
       isNpm: true,
-      commitHash: "ea8e50e"
+      commitHash: "b255320"
     }))
   });
 }
@@ -18880,7 +18880,8 @@ class LightboxOverlay extends preact_module_d {
     super(...arguments);
     _defineProperty(this, "state", {
       currentIndex: this.props.initialIndex,
-      imageLoaded: false
+      imageLoaded: false,
+      imageError: false
     });
     _defineProperty(this, "handleKeyDown", e => {
       if (e.key === "Escape") {
@@ -18894,13 +18895,15 @@ class LightboxOverlay extends preact_module_d {
     _defineProperty(this, "goToPrev", () => {
       this.setState(s => ({
         currentIndex: Math.max(0, s.currentIndex - 1),
-        imageLoaded: false
+        imageLoaded: false,
+        imageError: false
       }));
     });
     _defineProperty(this, "goToNext", () => {
       this.setState(s => ({
         currentIndex: Math.min(this.props.images.length - 1, s.currentIndex + 1),
-        imageLoaded: false
+        imageLoaded: false,
+        imageError: false
       }));
     });
     _defineProperty(this, "handleImageLoad", () => {
@@ -18908,6 +18911,22 @@ class LightboxOverlay extends preact_module_d {
         imageLoaded: true
       });
     });
+    _defineProperty(this, "handleImageError", () => {
+      this.setState({
+        imageError: true,
+        imageLoaded: false
+      });
+    });
+    _defineProperty(this, "handleOpenInNewTab", () => {
+      const {
+        onClose
+      } = this.props;
+      const image = this.currentImage;
+      if (image) {
+        window.open(image.url, "_blank", "noopener,noreferrer");
+      }
+      onClose();
+    });
     _defineProperty(this, "handleDownload", async () => {
       const image = this.currentImage;
       if (!image) {
@@ -18921,7 +18940,7 @@ class LightboxOverlay extends preact_module_d {
         link.click();
         URL.revokeObjectURL(objectUrl);
       } catch {
-        window.open(image.url);
+        window.open(image.url, "_blank", "noopener,noreferrer");
       }
     });
     _defineProperty(this, "handlePrint", async () => {
@@ -18953,7 +18972,7 @@ class LightboxOverlay extends preact_module_d {
           URL.revokeObjectURL(objectUrl);
         }
       } catch {
-        window.open(image.url);
+        window.open(image.url, "_blank", "noopener,noreferrer");
       }
     });
   }
@@ -18989,7 +19008,8 @@ class LightboxOverlay extends preact_module_d {
     } = this.props;
     const {
       currentIndex,
-      imageLoaded
+      imageLoaded,
+      imageError
     } = this.state;
     const {
       currentImage
@@ -19054,7 +19074,8 @@ class LightboxOverlay extends preact_module_d {
         flexDirection: "column",
         alignItems: "center"
       }
-    }, !imageLoaded && v("div", {
+    }, !imageLoaded && !imageError && v("div", {
+      "data-testid": "lightbox-spinner",
       style: {
         width: "40px",
         height: "40px",
@@ -19063,10 +19084,35 @@ class LightboxOverlay extends preact_module_d {
         borderRadius: "50%",
         animation: "ada-spin 0.8s linear infinite"
       }
-    }), currentImage && v("img", {
+    }), imageError && v("div", {
+      role: "alert",
+      style: {
+        color: "#ffffff",
+        textAlign: "center",
+        padding: "20px"
+      }
+    }, v("p", {
+      style: {
+        margin: "0 0 12px"
+      }
+    }, "Unable to load image"), v("button", {
+      type: "button",
+      onClick: this.handleOpenInNewTab,
+      style: {
+        padding: "8px 16px",
+        background: "#ffffff",
+        color: "#000000",
+        border: "none",
+        borderRadius: "6px",
+        cursor: "pointer",
+        fontFamily: FONT_FAMILY,
+        fontSize: "14px"
+      }
+    }, "Open in new tab")), currentImage && !imageError && v("img", {
       src: currentImage.url,
       alt: currentImage.altText ?? "",
       onLoad: this.handleImageLoad,
+      onError: this.handleImageError,
       style: {
         maxWidth: "100%",
         maxHeight: "80vh",
@@ -19551,7 +19597,7 @@ class ChatFrame extends preact_module_d {
     log("Chat frame mount", {
       handle,
       chatUrl: this.url,
-      embedVersion: "ea8e50e".slice(0, 7),
+      embedVersion: "b255320".slice(0, 7),
       embedSettings: adaSettings
     });
 
@@ -19639,7 +19685,7 @@ class ChatFrame extends preact_module_d {
     const hostPageUrlParams = new URL(window.location.href).searchParams;
     const smsToken = hostPageUrlParams.get("adaSMSToken");
     const queryParams = {
-      embedVersion: "ea8e50e".slice(0, 7),
+      embedVersion: "b255320".slice(0, 7),
       greeting,
       language,
       skipGreeting,

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@ada-support/embed2",
-  "version": "1.13.2",
+  "version": "1.13.4",
   "description": "",
   "main": "dist/npm-entry",
   "typings": "dist/npm-entry/index-npm.d.ts",
@@ -122,4 +122,4 @@
   "publishConfig": {
     "access": "public"
   }
-}
+}