@ada-support/embed2 1.13.1 → 1.13.3

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/common/helpers/host-telemetry.d.ts

@@ -17,6 +17,7 @@ type StartOptionsWithHostTelemetry = StartOptions & {
 };
 export declare function resolveHostTelemetryFromStartOptions(adaSettings: StartOptionsWithHostTelemetry, options?: {
     pathname?: string;
+    protocol?: string;
 }): HostTelemetryContext;
 export declare function serializeHostTelemetry(hostTelemetry: HostTelemetryContext): string;
 export declare function shouldPropagateHostTelemetry(hostTelemetry: HostTelemetryContext): boolean;

package/dist/npm-entry/index.js

@@ -15919,7 +15919,7 @@ const client = new BrowserClient({
     return event;
   },
   environment: "production",
-  release: "1.13.1-955cc04",
+  release: "1.13.3-cb98dc4",
   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}/${"955cc04"}/index.html`;
+  return `${host}/embed/${frameName}/${"cb98dc4"}/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.1",
+      version: "1.13.3",
       isNpm: true,
-      commitHash: "955cc04"
+      commitHash: "cb98dc4"
     }))
   });
 }
@@ -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",
@@ -19123,6 +19169,19 @@ const SEMVER_TAG_VALUE_PATTERN = /^\d+\.\d+\.\d+(?:-[0-9A-Za-z.-]+)?$/;
 
 // Private mobile-sdk handshake used only on the trusted /mobile-sdk-webview/ page.
 
+// `metaFields.sdkType` is a long-standing convention set by every legacy
+// mobile wrapper — iOS SDK (`"IOS"`), Android SDK (`"ANDROID"`), React Native
+// SDK (`"REACTNATIVE"`). The new Messaging wrappers pass the richer
+// `hostTelemetry` handshake instead, so this map is only consulted as a
+// legacy-attribution fallback.
+const LEGACY_SDK_TYPE_PLATFORM_MAP = {
+  IOS: "ios",
+  ANDROID: "android",
+  REACTNATIVE: "react-native",
+  "REACT-NATIVE": "react-native",
+  REACT_NATIVE: "react-native"
+};
+
 // Keep this normalization logic in sync with
 // chat/src/shared/services/host-telemetry.ts. Both sides normalize across the
 // embed/chat iframe boundary on purpose.
@@ -19234,20 +19293,58 @@ function isTrustedMobileSdkHostPage() {
   let pathname = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : window.location.pathname;
   return pathname === TRUSTED_MOBILE_SDK_PATH || pathname === TRUSTED_MOBILE_SDK_PATH.slice(0, -1);
 }
+function isHttpOrigin() {
+  let protocol = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : window.location.protocol;
+  return protocol === "http:" || protocol === "https:";
+}
+function resolveLegacySdkTypePlatform(metaFields) {
+  const record = asRecord(metaFields);
+  const raw = record === null || record === void 0 ? void 0 : record.sdkType;
+  if (typeof raw !== "string") {
+    return undefined;
+  }
+  return LEGACY_SDK_TYPE_PLATFORM_MAP[raw.trim().toUpperCase()];
+}
+function resolveLegacySdkTypeFingerprint(metaFields, trustedMobileContext) {
+  if (!trustedMobileContext) {
+    return undefined;
+  }
+  const hostPlatform = resolveLegacySdkTypePlatform(metaFields);
+  if (!hostPlatform) {
+    return undefined;
+  }
+  return {
+    surface: "mobile",
+    hostPlatform,
+    webSdkOrigin: "legacy",
+    mobileShell: "legacy-sdk"
+  };
+}
 function resolveHostTelemetryFromStartOptions(adaSettings) {
   let options = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : {};
   const trustedMobileSdkHostPage = isTrustedMobileSdkHostPage(options.pathname);
+  // Non-http origins are assumed to be native WebView hosts (file://,
+  // react-native asset URIs) — legacy AndroidSDK and react-native-sdk both
+  // load a bundled `embed.html` from file://, so the trusted-path check alone
+  // misses them. Gating sdkType attribution on this prevents a web customer
+  // from incidentally tagging themselves as mobile via `metaFields.sdkType`.
+  const trustedMobileContext = trustedMobileSdkHostPage || !isHttpOrigin(options.protocol);
   // Treat the presence of the hostTelemetry property as authoritative, even if
   // normalization fails, so broken new-wrapper payloads are not downgraded
   // into the legacy mobile-shell bucket.
   const hasExplicitHostTelemetry = trustedMobileSdkHostPage && Object.prototype.hasOwnProperty.call(adaSettings, "hostTelemetry");
   const explicit = hasExplicitHostTelemetry ? normalizeHostTelemetry(adaSettings.hostTelemetry) : undefined;
-  const webSdkOrigin = (explicit === null || explicit === void 0 ? void 0 : explicit.webSdkOrigin) ?? "legacy";
-  const hostPlatform = (explicit === null || explicit === void 0 ? void 0 : explicit.hostPlatform) ?? (trustedMobileSdkHostPage ? "unknown" : "web");
-  const surface = (explicit === null || explicit === void 0 ? void 0 : explicit.surface) ?? (trustedMobileSdkHostPage ? "mobile" : "browser");
+  // Legacy wrappers (iOS SDK, AndroidSDK, react-native-sdk) all set
+  // `metaFields.sdkType` before calling `adaEmbed.start(...)`. They do not
+  // know about the newer `hostTelemetry` handshake, so this fingerprint is
+  // the only way to attribute their traffic to the right platform.
+  const legacyFingerprint = !hasExplicitHostTelemetry ? resolveLegacySdkTypeFingerprint(adaSettings.metaFields, trustedMobileContext) : undefined;
+  const webSdkOrigin = (explicit === null || explicit === void 0 ? void 0 : explicit.webSdkOrigin) ?? (legacyFingerprint === null || legacyFingerprint === void 0 ? void 0 : legacyFingerprint.webSdkOrigin) ?? "legacy";
+  const hostPlatform = (explicit === null || explicit === void 0 ? void 0 : explicit.hostPlatform) ?? (legacyFingerprint === null || legacyFingerprint === void 0 ? void 0 : legacyFingerprint.hostPlatform) ?? (trustedMobileSdkHostPage ? "unknown" : "web");
+  const surface = (explicit === null || explicit === void 0 ? void 0 : explicit.surface) ?? (legacyFingerprint === null || legacyFingerprint === void 0 ? void 0 : legacyFingerprint.surface) ?? (trustedMobileSdkHostPage ? "mobile" : "browser");
   const mobilePackage = explicit === null || explicit === void 0 ? void 0 : explicit.mobilePackage;
   const mobileVersion = explicit === null || explicit === void 0 ? void 0 : explicit.mobileVersion;
-  const mobileShell = deriveMessagingMobileShell(mobilePackage) ?? (explicit === null || explicit === void 0 ? void 0 : explicit.mobileShell) ?? (!hasExplicitHostTelemetry ? deriveLegacyMobileShell(surface, hostPlatform) : undefined);
+  const mobileShell = deriveMessagingMobileShell(mobilePackage) ?? (explicit === null || explicit === void 0 ? void 0 : explicit.mobileShell) ?? (legacyFingerprint === null || legacyFingerprint === void 0 ? void 0 : legacyFingerprint.mobileShell) ?? (!hasExplicitHostTelemetry ? deriveLegacyMobileShell(surface, hostPlatform) : undefined);
   return host_telemetry_objectSpread(host_telemetry_objectSpread(host_telemetry_objectSpread({
     surface,
     hostPlatform,
@@ -19500,7 +19597,7 @@ class ChatFrame extends preact_module_d {
     log("Chat frame mount", {
       handle,
       chatUrl: this.url,
-      embedVersion: "955cc04".slice(0, 7),
+      embedVersion: "cb98dc4".slice(0, 7),
       embedSettings: adaSettings
     });
 
@@ -19588,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: "955cc04".slice(0, 7),
+      embedVersion: "cb98dc4".slice(0, 7),
       greeting,
       language,
       skipGreeting,

package/package.json

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