@ada-support/embed2 1.1.0 → 1.1.3

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

@@ -4,6 +4,7 @@ import type { StoreProxy } from "client/lib/store-proxy";
 import type { Module } from "common/types/modules";
 interface OwnProps {
     name: Module;
+    roleDescription?: string;
     styles: string;
     store: StoreProxy;
     messageService: MessageService;

package/dist/npm-entry/client/lib/connect.d.ts

@@ -1,5 +1,6 @@
-import { ComponentType, h } from "preact";
-import { ActionCreators } from "common/constants/actions";
-import { Dispatch, MapDispatchToProps, MapStateToProps } from "common/types/store";
+import type { ComponentType } from "preact";
+import { h } from "preact";
+import type { ActionCreators } from "common/constants/actions";
+import type { Dispatch, MapDispatchToProps, MapStateToProps } from "common/types/store";
 export declare function connect<MSP extends MapStateToProps, MDP extends MapDispatchToProps>(mapStateToProps?: MSP, mapDispatchToProps?: MDP): <O>(WrappedComponent: ComponentType<O & ReturnType<MSP> & ReturnType<MDP>>) => (ownProps: O) => h.JSX.Element;
 export declare function bindActionCreators(action: Partial<ActionCreators>, dispatch: Dispatch): (payload?: object) => Promise<import("../../common/types/store-state").StoreState>;

package/dist/npm-entry/client/store/actions/index.d.ts

@@ -1,8 +1,8 @@
-import { ActionCreators } from "common/constants/actions";
-import { MessagePayload } from "common/types/events";
-import { StoreAction } from "common/types/index";
-import { DirectDispatch } from "common/types/store";
-import { StoreState } from "common/types/store-state";
+import type { ActionCreators } from "common/constants/actions";
+import type { MessagePayload } from "common/types/events";
+import type { StoreAction } from "common/types/index";
+import type { DirectDispatch } from "common/types/store";
+import type { StoreState } from "common/types/store-state";
 declare const actions: {
     [key in ActionCreators]: ({ currentState, payload, dispatch }: {
         payload?: MessagePayload;

package/dist/npm-entry/common/helpers/getAlignment.d.ts

@@ -1,2 +1,2 @@
-import { StartOptions } from "common/types/store-state";
+import type { StartOptions } from "common/types/store-state";
 export declare function getAlignment(adaSettings: StartOptions): "right" | "left";

package/dist/npm-entry/common/lib/ConnectContainer/index.d.ts

@@ -1,6 +1,7 @@
-import { Component, ComponentType, h } from "preact";
-import { MapDispatchToProps, MapStateToProps, StoreProxyInterface } from "common/types/store";
-import { StoreState } from "common/types/store-state";
+import type { ComponentType } from "preact";
+import { Component, h } from "preact";
+import type { MapDispatchToProps, MapStateToProps, StoreProxyInterface } from "common/types/store";
+import type { StoreState } from "common/types/store-state";
 declare type Props<O, MSP extends MapStateToProps, MDP extends MapDispatchToProps> = {
     store: StoreProxyInterface;
     WrappedComponent: ComponentType<O & ReturnType<MSP> & ReturnType<MDP>>;

package/dist/npm-entry/common/types/events.d.ts

@@ -1,4 +1,4 @@
-import { FetchEventStatusType } from "common/constants/events";
+import type { FetchEventStatusType } from "common/constants/events";
 import type { EmbedEvent, EmbedRequestEvent, PayloadByEvent } from "common/lib/channel";
 export interface MessagePayload {
     [key: string]: any;

package/dist/npm-entry/common/types/index.d.ts

@@ -1,7 +1,7 @@
-import { EventSubscriptionCallback } from "client/helpers/event-subscriptions";
-import { ActionTypes } from "common/constants/actions";
-import { MetaFieldPayload } from "common/types/store";
-import { StartOptions, StoreState } from "./store-state";
+import type { EventSubscriptionCallback } from "client/helpers/event-subscriptions";
+import type { ActionTypes } from "common/constants/actions";
+import type { MetaFieldPayload } from "common/types/store";
+import type { StartOptions, StoreState } from "./store-state";
 export interface StoreAction {
     [key: string]: string | object | number;
     type: ActionTypes;

package/dist/npm-entry/common/types/store.d.ts

@@ -1,4 +1,4 @@
-import { StoreState } from "./store-state";
+import type { StoreState } from "./store-state";
 export declare type Get = <K extends keyof StoreState>(key: K) => Promise<StoreState[K]>;
 export declare type GetState = () => Promise<StoreState>;
 /**

package/dist/npm-entry/frames/lib/safe-storage/index.d.ts

@@ -1,4 +1,4 @@
-import { CHATTER_CREATED_STORAGE_KEY, CHATTER_TOKEN_STORAGE_KEY, IN_LIVE_CHAT_STORAGE_KEY, ZD_MESSAGING_CHATTER_CREATED_STORAGE_KEY, ZD_MESSAGING_EXTERNAL_USER_ID_STORAGE_KEY, ZD_PREVIOUS_TAGS_STORAGE_KEY, ZD_SESSION_STORAGE_KEY } from "common/constants/storage-keys";
+import type { CHATTER_CREATED_STORAGE_KEY, CHATTER_TOKEN_STORAGE_KEY, IN_LIVE_CHAT_STORAGE_KEY, ZD_MESSAGING_CHATTER_CREATED_STORAGE_KEY, ZD_MESSAGING_EXTERNAL_USER_ID_STORAGE_KEY, ZD_PREVIOUS_TAGS_STORAGE_KEY, ZD_SESSION_STORAGE_KEY } from "common/constants/storage-keys";
 export declare enum StorageTypes {
     Local = "local",
     Session = "session"

package/dist/npm-entry/index.js

@@ -8788,7 +8788,7 @@ var client = new error_tracker_BrowserClient({
     return event;
   },
   environment: "production",
-  release: "1.1.0-a8e7d44",
+  release: "1.1.3-6707009",
   sampleRate: 0.25,
   autoSessionTracking: false,
   // Integrations don't seem to work with Sentry: https://github.com/getsentry/sentry-javascript/issues/2541
@@ -9490,7 +9490,7 @@ function getEmbedURL(_ref) {
     polyfillVersionString = "legacy";
   }
 
-  return concat_default()(_context5 = concat_default()(_context6 = concat_default()(_context7 = "".concat(host, "/embed/")).call(_context7, polyfillVersionString, "/")).call(_context6, frameName, "/")).call(_context5, "a8e7d44", "/index.html");
+  return concat_default()(_context5 = concat_default()(_context6 = concat_default()(_context7 = "".concat(host, "/embed/")).call(_context7, polyfillVersionString, "/")).call(_context6, frameName, "/")).call(_context5, "6707009", "/index.html");
 }
 /**
  * Generate the Chat / API URL
@@ -9663,7 +9663,6 @@ var CHATTER_STORAGE_KEY = CHATTER_TOKEN_STORAGE_KEY;
 
 
 
-
 var StorageTypes;
 
 (function (StorageTypes) {
@@ -11347,6 +11346,7 @@ var IFrame = /*#__PURE__*/function (_Component) {
     value: function render() {
       var _this$props4 = this.props,
           name = _this$props4.name,
+          roleDescription = _this$props4.roleDescription,
           onTransitionEnd = _this$props4.onTransitionEnd,
           styles = _this$props4.styles,
           title = _this$props4.title;
@@ -11362,7 +11362,7 @@ var IFrame = /*#__PURE__*/function (_Component) {
         title: title || iFrameName,
         className: iFrameName,
         onTransitionEnd: onTransitionEnd,
-        "aria-roledescription": iFrameName,
+        "aria-roledescription": roleDescription,
         role: "application"
       });
     }
@@ -11403,6 +11403,7 @@ function mapDispatchToProps(dispatch) {
 
 
 
+
 function ButtonFrame_createSuper(Derived) { var hasNativeReflectConstruct = ButtonFrame_isNativeReflectConstruct(); return function _createSuperInternal() { var Super = (0,getPrototypeOf/* default */.Z)(Derived), result; if (hasNativeReflectConstruct) { var NewTarget = (0,getPrototypeOf/* default */.Z)(this).constructor; result = construct_default()(Super, arguments, NewTarget); } else { result = Super.apply(this, arguments); } return (0,possibleConstructorReturn/* default */.Z)(this, result); }; }
 
 function ButtonFrame_isNativeReflectConstruct() { if (typeof Reflect === "undefined" || !(construct_default())) return false; if ((construct_default()).sham) return false; if (typeof Proxy === "function") return true; try { Boolean.prototype.valueOf.call(construct_default()(Boolean, [], function () {})); return true; } catch (e) { return false; } }
@@ -11510,12 +11511,25 @@ var ButtonFrame = /*#__PURE__*/function (_Component) {
     value: function render() {
       var _this2 = this;
 
+      var client = this.props.client;
+
+      var roleDescription = function roleDescription() {
+        var _context11;
+
+        if (!(client !== null && client !== void 0 && client.handle)) {
+          return "Chat Button";
+        }
+
+        return "".concat(client.handle.charAt(0).toUpperCase() + slice_default()(_context11 = client.handle).call(_context11, 1), " Chat Button");
+      };
+
       return v(StoreContext.Consumer, null, function (store) {
         return v(MessageServiceContext.Consumer, null, function (messageService) {
           return v(components_IFrame, {
             title: "Chat with bot",
             styles: _this2.styles,
             name: BUTTON_IFRAME,
+            roleDescription: roleDescription(),
             store: store,
             messageService: messageService,
             onTransitionEnd: _this2.handleOnTransitionEndBound
@@ -11559,6 +11573,7 @@ var isMobile = /(iPhone)|(iPod)|(android)|(webOS)/i.exec(navigator.userAgent) !=
 
 
 
+
 function ChatFrame_createSuper(Derived) { var hasNativeReflectConstruct = ChatFrame_isNativeReflectConstruct(); return function _createSuperInternal() { var Super = (0,getPrototypeOf/* default */.Z)(Derived), result; if (hasNativeReflectConstruct) { var NewTarget = (0,getPrototypeOf/* default */.Z)(this).constructor; result = construct_default()(Super, arguments, NewTarget); } else { result = Super.apply(this, arguments); } return (0,possibleConstructorReturn/* default */.Z)(this, result); }; }
 
 function ChatFrame_isNativeReflectConstruct() { if (typeof Reflect === "undefined" || !(construct_default())) return false; if ((construct_default()).sham) return false; if (typeof Proxy === "function") return true; try { Boolean.prototype.valueOf.call(construct_default()(Boolean, [], function () {})); return true; } catch (e) { return false; } }
@@ -12299,7 +12314,8 @@ var ChatFrame = /*#__PURE__*/function (_Component) {
 
       var _this$props11 = this.props,
           handle = _this$props11.handle,
-          adaSettings = _this$props11.adaSettings;
+          adaSettings = _this$props11.adaSettings; // SUP-1141- TODO: Remove chatFrameTimeoutCallback
+
       var chatFrameTimeoutCallback = adaSettings.chatFrameTimeoutCallback;
       this.chatRenderTimeout = window.setTimeout(function () {
         var _this6$channel;
@@ -12309,8 +12325,13 @@ var ChatFrame = /*#__PURE__*/function (_Component) {
           embedSettings: adaSettings
         });
 
-        if (chatFrameTimeoutCallback && !((_this6$channel = _this6.channel) !== null && _this6$channel !== void 0 && _this6$channel.isConnected)) {
-          chatFrameTimeoutCallback();
+        if (!((_this6$channel = _this6.channel) !== null && _this6$channel !== void 0 && _this6$channel.isConnected)) {
+          // SUP-1141- TODO: Remove chatFrameTimeoutCallback
+          if (chatFrameTimeoutCallback) {
+            chatFrameTimeoutCallback();
+          }
+
+          publishEvent("ada:chat_frame_timeout", {});
         }
       }, 5000);
     }
@@ -12319,8 +12340,20 @@ var ChatFrame = /*#__PURE__*/function (_Component) {
     value: function render() {
       var _this$props12 = this.props,
           name = _this$props12.name,
+          client = _this$props12.client,
           isDrawerOpen = _this$props12.isDrawerOpen;
       var iFrameName = "ada-".concat(name, "-frame");
+
+      var roleDescription = function roleDescription() {
+        var _context23;
+
+        if (!(client !== null && client !== void 0 && client.handle)) {
+          return "Chat Window";
+        }
+
+        return "".concat(client.handle.charAt(0).toUpperCase() + slice_default()(_context23 = client.handle).call(_context23, 1), " Chat Window");
+      };
+
       return v("iframe", {
         src: this.url,
         scrolling: "no",
@@ -12332,6 +12365,7 @@ var ChatFrame = /*#__PURE__*/function (_Component) {
         title: iFrameName,
         className: iFrameName,
         "aria-expanded": isDrawerOpen,
+        "aria-roledescription": roleDescription(),
         allowTransparency: true,
         allowFullScreen: true,
         onLoad: this.frameLoaded.bind(this)
@@ -14374,7 +14408,7 @@ window.__AdaEmbedConstructor = Embed;
 /* harmony export */ });
 var isModern = new RegExp("((CPU[ +]OS|iPhone[ +]OS|CPU[ +]iPhone|CPU IPhone OS)[ +]+(15|(1[6-9]|[2-9]\\d|\\d{3,}))[_.]\\d+(?:[_.]\\d+)?)|((Chromium|Chrome)\\/(99|([1-9]\\d\\d|\\d{4,}))\\.\\d+(?:\\.\\d+)?)|(Version\\/(15|(1[6-9]|[2-9]\\d|\\d{3,}))\\.\\d+(?:\\.\\d+)? Safari\\/)|(Firefox\\/(98|(99|\\d{3,}))\\.\\d+\\.\\d+)|(Firefox\\/(98|(99|\\d{3,}))\\.\\d+(pre|[ab]\\d+[a-z]*)?)").test(navigator.userAgent);
 var isProduction = "production" === "production";
-var embed2Version = "a8e7d44";
+var embed2Version = "6707009";
 
 /***/ }),
 
@@ -14720,9 +14754,9 @@ function _log() {
                 service: "embed",
                 env: "production",
                 embedVersion: 2,
-                version: "1.1.0",
+                version: "1.1.3",
                 isNpm: true,
-                commitHash: "a8e7d44"
+                commitHash: "6707009"
               }))
             });
 
@@ -25663,7 +25697,7 @@ function _loadClientChunk() {
                 polyfillVersionString = "legacy";
               }
 
-              clientScriptSource = concat_default()(_context17 = concat_default()(_context18 = "".concat(host, "/embed/")).call(_context18, polyfillVersionString, "/client/")).call(_context17, "a8e7d44", "/index.js");
+              clientScriptSource = concat_default()(_context17 = concat_default()(_context18 = "".concat(host, "/embed/")).call(_context18, polyfillVersionString, "/client/")).call(_context17, "6707009", "/index.js");
             } // `window.__AdaEmbedConstructor` gets created in the "client" bundle
 
 

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@ada-support/embed2",
-  "version": "1.1.0",
+  "version": "1.1.3",
   "description": "",
   "main": "dist/npm-entry",
   "typings": "dist/npm-entry/index.d.ts",