@ada-support/embed2 1.11.11 → 1.12.0

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

@@ -1,5 +1,6 @@
 import type { StartOptions } from "@ada-support/embed-types";
 import { Component, h } from "preact";
+import type { LightboxImage } from "client/components/LightboxOverlay";
 import type { MessageService } from "client/lib/message-service";
 import type { StoreProxy } from "client/lib/store-proxy";
 import type { FrameChannel } from "common/lib/fc";
@@ -39,6 +40,10 @@ interface ChatFrameState {
     isMounted: boolean;
     closeTransitionTime: number;
     showFallback: boolean;
+    lightboxOverlay: {
+        images: LightboxImage[];
+        currentIndex: number;
+    } | null;
 }
 export declare class ChatFrame extends Component<ChatFrameProps, ChatFrameState> {
     iframeRef: import("preact").RefObject<any>;
@@ -85,6 +90,8 @@ export declare class ChatFrame extends Component<ChatFrameProps, ChatFrameState>
     handleChatEvent(type: string, payload: unknown, id?: string): Promise<void>;
     bindChatEventHandlers(): void;
     frameLoaded(): void;
+    static printImage: (url: string) => Promise<void>;
+    handleOverlayClose: () => void;
     render(): h.JSX.Element;
 }
 declare const _default: (ownProps: OwnProps) => h.JSX.Element;

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

@@ -0,0 +1,28 @@
+import { Component } from "preact";
+export interface LightboxImage {
+    url: string;
+    altText?: string;
+}
+interface Props {
+    images: LightboxImage[];
+    initialIndex: number;
+    onClose: () => void;
+}
+interface State {
+    currentIndex: number;
+    imageLoaded: boolean;
+}
+export declare class LightboxOverlay extends Component<Props, State> {
+    state: State;
+    componentDidMount(): void;
+    componentWillUnmount(): void;
+    handleKeyDown: (e: KeyboardEvent) => void;
+    goToPrev: () => void;
+    goToNext: () => void;
+    handleImageLoad: () => void;
+    handleDownload: () => Promise<void>;
+    handlePrint: () => Promise<void>;
+    get currentImage(): LightboxImage | undefined;
+    render(): import("preact").VNode<any>;
+}
+export {};

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

@@ -22,6 +22,9 @@ export declare const REQUEST_NOTIFICATIONS_EVENT = "REQUEST_NOTIFICATIONS";
 export declare const END_CONVERSATION_EVENT = "END_CONVERSATION";
 export declare const PUBLISH_EVENT = "PUBLISH_EVENT";
 export declare const ZD_MESSAGING_HANDOFF = "ZD_MESSAGING_HANDOFF";
+export declare const LIGHTBOX_OPEN_EVENT = "LIGHTBOX_OPEN";
+export declare const LIGHTBOX_CLOSE_EVENT = "LIGHTBOX_CLOSE";
+export declare const PRINT_IMAGE_EVENT = "PRINT_IMAGE";
 /**
  * Store Events
  */

package/dist/npm-entry/common/helpers/fetch-as-object-url.d.ts

@@ -0,0 +1 @@
+export declare function fetchAsObjectURL(url: string): Promise<string>;

package/dist/npm-entry/common/lib/channel.d.ts

@@ -73,6 +73,7 @@ export interface EmbedResponsePayloadByEvent {
     "x-storage_INIT": unknown;
     "SET_DEVICE_TOKEN_RESPONSE": unknown;
     "TRIGGER_PROACTIVE_RESPONSE": unknown;
+    "LIGHTBOX_CLOSE": unknown;
 }
 export type EmbedResponseEvent = keyof EmbedResponsePayloadByEvent;
 export type EmbedEvent = EmbedRequestEvent | EmbedResponseEvent;

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

@@ -15,10 +15,11 @@ export interface CurrentIntro {
     delay: number;
 }
 export interface Features {
-    ui_customization?: boolean;
-    afm_business_events?: boolean;
-    afm_proactive_messaging?: boolean;
-    chat_session_auth?: boolean;
+    "ui_customization"?: boolean;
+    "afm_business_events"?: boolean;
+    "afm_proactive_messaging"?: boolean;
+    "chat_session_auth"?: boolean;
+    "playbooks-image-support-fullscreen-lightbox"?: boolean;
 }
 export interface ClientObject {
     handle: string;

package/dist/npm-entry/index.js

@@ -6473,7 +6473,7 @@ function _defineProperty(e, r, t) {
 var lodash_debounce = __webpack_require__(181);
 var lodash_debounce_default = /*#__PURE__*/__webpack_require__.n(lodash_debounce);
 ;// CONCATENATED MODULE: ./node_modules/preact/dist/preact.module.js
-var n,l,u,i,t,r,o,f={},e=[],c=/acit|ex(?:s|g|n|p|$)|rph|grid|ows|mnc|ntw|ine[ch]|zoo|^ord|itera/i;function s(n,l){for(var u in l)n[u]=l[u];return n}function a(n){var l=n.parentNode;l&&l.removeChild(n)}function v(n,l,u){var i,t=arguments,r={};for(i in l)"key"!==i&&"ref"!==i&&(r[i]=l[i]);if(arguments.length>3)for(u=[u],i=3;i<arguments.length;i++)u.push(t[i]);if(null!=u&&(r.children=u),"function"==typeof n&&null!=n.defaultProps)for(i in n.defaultProps)void 0===r[i]&&(r[i]=n.defaultProps[i]);return h(n,r,l&&l.key,l&&l.ref,null)}function h(l,u,i,t,r){var o={type:l,props:u,key:i,ref:t,__k:null,__:null,__b:0,__e:null,__d:void 0,__c:null,constructor:void 0,__v:r};return null==r&&(o.__v=o),n.vnode&&n.vnode(o),o}function y(){return{current:null}}function p(n){return n.children}function d(n,l){this.props=n,this.context=l}function _(n,l){if(null==l)return n.__?_(n.__,n.__.__k.indexOf(n)+1):null;for(var u;l<n.__k.length;l++)if(null!=(u=n.__k[l])&&null!=u.__e)return u.__e;return"function"==typeof n.type?_(n):null}function k(n){var l,u;if(null!=(n=n.__)&&null!=n.__c){for(n.__e=n.__c.base=null,l=0;l<n.__k.length;l++)if(null!=(u=n.__k[l])&&null!=u.__e){n.__e=n.__c.base=u.__e;break}return k(n)}}function w(l){(!l.__d&&(l.__d=!0)&&u.push(l)&&!m.__r++||t!==n.debounceRendering)&&((t=n.debounceRendering)||i)(m)}function m(){for(var n;m.__r=u.length;)n=u.sort(function(n,l){return n.__v.__b-l.__v.__b}),u=[],n.some(function(n){var l,u,i,t,r,o,f;n.__d&&(o=(r=(l=n).__v).__e,(f=l.__P)&&(u=[],(i=s({},r)).__v=i,t=T(f,r,i,l.__n,void 0!==f.ownerSVGElement,null,u,null==o?_(r):o),$(u,r),t!=o&&k(r)))})}function g(n,l,u,i,t,r,o,c,s,v){var y,d,k,w,m,g,b,A=i&&i.__k||e,P=A.length;for(s==f&&(s=null!=o?o[0]:P?_(i,0):null),u.__k=[],y=0;y<l.length;y++)if(null!=(w=u.__k[y]=null==(w=l[y])||"boolean"==typeof w?null:"string"==typeof w||"number"==typeof w?h(null,w,null,null,w):Array.isArray(w)?h(p,{children:w},null,null,null):null!=w.__e||null!=w.__c?h(w.type,w.props,w.key,null,w.__v):w)){if(w.__=u,w.__b=u.__b+1,null===(k=A[y])||k&&w.key==k.key&&w.type===k.type)A[y]=void 0;else for(d=0;d<P;d++){if((k=A[d])&&w.key==k.key&&w.type===k.type){A[d]=void 0;break}k=null}m=T(n,w,k=k||f,t,r,o,c,s,v),(d=w.ref)&&k.ref!=d&&(b||(b=[]),k.ref&&b.push(k.ref,null,w),b.push(d,w.__c||m,w)),null!=m?(null==g&&(g=m),s=x(n,w,k,A,o,m,s),"option"==u.type?n.value="":"function"==typeof u.type&&(u.__d=s)):s&&k.__e==s&&s.parentNode!=n&&(s=_(k))}if(u.__e=g,null!=o&&"function"!=typeof u.type)for(y=o.length;y--;)null!=o[y]&&a(o[y]);for(y=P;y--;)null!=A[y]&&I(A[y],A[y]);if(b)for(y=0;y<b.length;y++)H(b[y],b[++y],b[++y])}function b(n){return null==n||"boolean"==typeof n?[]:Array.isArray(n)?e.concat.apply([],n.map(b)):[n]}function x(n,l,u,i,t,r,o){var f,e,c;if(void 0!==l.__d)f=l.__d,l.__d=void 0;else if(t==u||r!=o||null==r.parentNode)n:if(null==o||o.parentNode!==n)n.appendChild(r),f=null;else{for(e=o,c=0;(e=e.nextSibling)&&c<i.length;c+=2)if(e==r)break n;n.insertBefore(r,o),f=o}return void 0!==f?f:r.nextSibling}function A(n,l,u,i,t){var r;for(r in u)"children"===r||"key"===r||r in l||C(n,r,null,u[r],i);for(r in l)t&&"function"!=typeof l[r]||"children"===r||"key"===r||"value"===r||"checked"===r||u[r]===l[r]||C(n,r,l[r],u[r],i)}function P(n,l,u){"-"===l[0]?n.setProperty(l,u):n[l]="number"==typeof u&&!1===c.test(l)?u+"px":null==u?"":u}function C(n,l,u,i,t){var r,o,f,e,c;if(t?"className"===l&&(l="class"):"class"===l&&(l="className"),"style"===l)if(r=n.style,"string"==typeof u)r.cssText=u;else{if("string"==typeof i&&(r.cssText="",i=null),i)for(e in i)u&&e in u||P(r,e,"");if(u)for(c in u)i&&u[c]===i[c]||P(r,c,u[c])}else"o"===l[0]&&"n"===l[1]?(o=l!==(l=l.replace(/Capture$/,"")),f=l.toLowerCase(),l=(f in n?f:l).slice(2),u?(i||n.addEventListener(l,N,o),(n.l||(n.l={}))[l]=u):n.removeEventListener(l,N,o)):"list"!==l&&"tagName"!==l&&"form"!==l&&"type"!==l&&"size"!==l&&!t&&l in n?n[l]=null==u?"":u:"function"!=typeof u&&"dangerouslySetInnerHTML"!==l&&(l!==(l=l.replace(/^xlink:?/,""))?null==u||!1===u?n.removeAttributeNS("http://www.w3.org/1999/xlink",l.toLowerCase()):n.setAttributeNS("http://www.w3.org/1999/xlink",l.toLowerCase(),u):null==u||!1===u&&!/^ar/.test(l)?n.removeAttribute(l):n.setAttribute(l,u))}function N(l){this.l[l.type](n.event?n.event(l):l)}function z(n,l,u){var i,t;for(i=0;i<n.__k.length;i++)(t=n.__k[i])&&(t.__=n,t.__e&&("function"==typeof t.type&&t.__k.length>1&&z(t,l,u),l=x(u,t,t,n.__k,null,t.__e,l),"function"==typeof n.type&&(n.__d=l)))}function T(l,u,i,t,r,o,f,e,c){var a,v,h,y,_,k,w,m,b,x,A,P=u.type;if(void 0!==u.constructor)return null;(a=n.__b)&&a(u);try{n:if("function"==typeof P){if(m=u.props,b=(a=P.contextType)&&t[a.__c],x=a?b?b.props.value:a.__:t,i.__c?w=(v=u.__c=i.__c).__=v.__E:("prototype"in P&&P.prototype.render?u.__c=v=new P(m,x):(u.__c=v=new d(m,x),v.constructor=P,v.render=L),b&&b.sub(v),v.props=m,v.state||(v.state={}),v.context=x,v.__n=t,h=v.__d=!0,v.__h=[]),null==v.__s&&(v.__s=v.state),null!=P.getDerivedStateFromProps&&(v.__s==v.state&&(v.__s=s({},v.__s)),s(v.__s,P.getDerivedStateFromProps(m,v.__s))),y=v.props,_=v.state,h)null==P.getDerivedStateFromProps&&null!=v.componentWillMount&&v.componentWillMount(),null!=v.componentDidMount&&v.__h.push(v.componentDidMount);else{if(null==P.getDerivedStateFromProps&&m!==y&&null!=v.componentWillReceiveProps&&v.componentWillReceiveProps(m,x),!v.__e&&null!=v.shouldComponentUpdate&&!1===v.shouldComponentUpdate(m,v.__s,x)||u.__v===i.__v){v.props=m,v.state=v.__s,u.__v!==i.__v&&(v.__d=!1),v.__v=u,u.__e=i.__e,u.__k=i.__k,v.__h.length&&f.push(v),z(u,e,l);break n}null!=v.componentWillUpdate&&v.componentWillUpdate(m,v.__s,x),null!=v.componentDidUpdate&&v.__h.push(function(){v.componentDidUpdate(y,_,k)})}v.context=x,v.props=m,v.state=v.__s,(a=n.__r)&&a(u),v.__d=!1,v.__v=u,v.__P=l,a=v.render(v.props,v.state,v.context),v.state=v.__s,null!=v.getChildContext&&(t=s(s({},t),v.getChildContext())),h||null==v.getSnapshotBeforeUpdate||(k=v.getSnapshotBeforeUpdate(y,_)),A=null!=a&&a.type==p&&null==a.key?a.props.children:a,g(l,Array.isArray(A)?A:[A],u,i,t,r,o,f,e,c),v.base=u.__e,v.__h.length&&f.push(v),w&&(v.__E=v.__=null),v.__e=!1}else null==o&&u.__v===i.__v?(u.__k=i.__k,u.__e=i.__e):u.__e=j(i.__e,u,i,t,r,o,f,c);(a=n.diffed)&&a(u)}catch(l){u.__v=null,n.__e(l,u,i)}return u.__e}function $(l,u){n.__c&&n.__c(u,l),l.some(function(u){try{l=u.__h,u.__h=[],l.some(function(n){n.call(u)})}catch(l){n.__e(l,u.__v)}})}function j(n,l,u,i,t,r,o,c){var s,a,v,h,y,p=u.props,d=l.props;if(t="svg"===l.type||t,null!=r)for(s=0;s<r.length;s++)if(null!=(a=r[s])&&((null===l.type?3===a.nodeType:a.localName===l.type)||n==a)){n=a,r[s]=null;break}if(null==n){if(null===l.type)return document.createTextNode(d);n=t?document.createElementNS("http://www.w3.org/2000/svg",l.type):document.createElement(l.type,d.is&&{is:d.is}),r=null,c=!1}if(null===l.type)p!==d&&n.data!=d&&(n.data=d);else{if(null!=r&&(r=e.slice.call(n.childNodes)),v=(p=u.props||f).dangerouslySetInnerHTML,h=d.dangerouslySetInnerHTML,!c){if(null!=r)for(p={},y=0;y<n.attributes.length;y++)p[n.attributes[y].name]=n.attributes[y].value;(h||v)&&(h&&v&&h.__html==v.__html||(n.innerHTML=h&&h.__html||""))}A(n,d,p,t,c),h?l.__k=[]:(s=l.props.children,g(n,Array.isArray(s)?s:[s],l,u,i,"foreignObject"!==l.type&&t,r,o,f,c)),c||("value"in d&&void 0!==(s=d.value)&&s!==n.value&&C(n,"value",s,p.value,!1),"checked"in d&&void 0!==(s=d.checked)&&s!==n.checked&&C(n,"checked",s,p.checked,!1))}return n}function H(l,u,i){try{"function"==typeof l?l(u):l.current=u}catch(l){n.__e(l,i)}}function I(l,u,i){var t,r,o;if(n.unmount&&n.unmount(l),(t=l.ref)&&(t.current&&t.current!==l.__e||H(t,null,u)),i||"function"==typeof l.type||(i=null!=(r=l.__e)),l.__e=l.__d=void 0,null!=(t=l.__c)){if(t.componentWillUnmount)try{t.componentWillUnmount()}catch(l){n.__e(l,u)}t.base=t.__P=null}if(t=l.__k)for(o=0;o<t.length;o++)t[o]&&I(t[o],u,i);null!=r&&a(r)}function L(n,l,u){return this.constructor(n,u)}function M(l,u,i){var t,o,c;n.__&&n.__(l,u),o=(t=i===r)?null:i&&i.__k||u.__k,l=v(p,null,[l]),c=[],T(u,(t?u:i||u).__k=l,o||f,f,void 0!==u.ownerSVGElement,i&&!t?[i]:o?null:u.childNodes.length?e.slice.call(u.childNodes):null,c,i||f,t),$(c,l)}function O(n,l){M(n,l,r)}function S(n,l){var u,i;for(i in l=s(s({},n.props),l),arguments.length>2&&(l.children=e.slice.call(arguments,2)),u={},l)"key"!==i&&"ref"!==i&&(u[i]=l[i]);return h(n.type,u,l.key||n.key,l.ref||n.ref,null)}function q(n){var l={},u={__c:"__cC"+o++,__:n,Consumer:function(n,l){return n.children(l)},Provider:function(n){var i,t=this;return this.getChildContext||(i=[],this.getChildContext=function(){return l[u.__c]=t,l},this.shouldComponentUpdate=function(n){t.props.value!==n.value&&i.some(function(l){l.context=n.value,w(l)})},this.sub=function(n){i.push(n);var l=n.componentWillUnmount;n.componentWillUnmount=function(){i.splice(i.indexOf(n),1),l&&l.call(n)}}),n.children}};return u.Consumer.contextType=u,u.Provider.__=u,u}n={__e:function(n,l){for(var u,i;l=l.__;)if((u=l.__c)&&!u.__)try{if(u.constructor&&null!=u.constructor.getDerivedStateFromError&&(i=!0,u.setState(u.constructor.getDerivedStateFromError(n))),null!=u.componentDidCatch&&(i=!0,u.componentDidCatch(n)),i)return w(u.__E=u)}catch(l){n=l}throw n}},l=function(n){return null!=n&&void 0===n.constructor},d.prototype.setState=function(n,l){var u;u=this.__s!==this.state?this.__s:this.__s=s({},this.state),"function"==typeof n&&(n=n(u,this.props)),n&&s(u,n),null!=n&&this.__v&&(l&&this.__h.push(l),w(this))},d.prototype.forceUpdate=function(n){this.__v&&(this.__e=!0,n&&this.__h.push(n),w(this))},d.prototype.render=p,u=[],i="function"==typeof Promise?Promise.prototype.then.bind(Promise.resolve()):setTimeout,m.__r=0,r=f,o=0;
+var n,l,u,i,t,r,o,f={},e=[],c=/acit|ex(?:s|g|n|p|$)|rph|grid|ows|mnc|ntw|ine[ch]|zoo|^ord|itera/i;function s(n,l){for(var u in l)n[u]=l[u];return n}function a(n){var l=n.parentNode;l&&l.removeChild(n)}function v(n,l,u){var i,t=arguments,r={};for(i in l)"key"!==i&&"ref"!==i&&(r[i]=l[i]);if(arguments.length>3)for(u=[u],i=3;i<arguments.length;i++)u.push(t[i]);if(null!=u&&(r.children=u),"function"==typeof n&&null!=n.defaultProps)for(i in n.defaultProps)void 0===r[i]&&(r[i]=n.defaultProps[i]);return h(n,r,l&&l.key,l&&l.ref,null)}function h(l,u,i,t,r){var o={type:l,props:u,key:i,ref:t,__k:null,__:null,__b:0,__e:null,__d:void 0,__c:null,constructor:void 0,__v:r};return null==r&&(o.__v=o),n.vnode&&n.vnode(o),o}function y(){return{current:null}}function p(n){return n.children}function preact_module_d(n,l){this.props=n,this.context=l}function _(n,l){if(null==l)return n.__?_(n.__,n.__.__k.indexOf(n)+1):null;for(var u;l<n.__k.length;l++)if(null!=(u=n.__k[l])&&null!=u.__e)return u.__e;return"function"==typeof n.type?_(n):null}function k(n){var l,u;if(null!=(n=n.__)&&null!=n.__c){for(n.__e=n.__c.base=null,l=0;l<n.__k.length;l++)if(null!=(u=n.__k[l])&&null!=u.__e){n.__e=n.__c.base=u.__e;break}return k(n)}}function w(l){(!l.__d&&(l.__d=!0)&&u.push(l)&&!m.__r++||t!==n.debounceRendering)&&((t=n.debounceRendering)||i)(m)}function m(){for(var n;m.__r=u.length;)n=u.sort(function(n,l){return n.__v.__b-l.__v.__b}),u=[],n.some(function(n){var l,u,i,t,r,o,f;n.__d&&(o=(r=(l=n).__v).__e,(f=l.__P)&&(u=[],(i=s({},r)).__v=i,t=T(f,r,i,l.__n,void 0!==f.ownerSVGElement,null,u,null==o?_(r):o),$(u,r),t!=o&&k(r)))})}function g(n,l,u,i,t,r,o,c,s,v){var y,d,k,w,m,g,b,A=i&&i.__k||e,P=A.length;for(s==f&&(s=null!=o?o[0]:P?_(i,0):null),u.__k=[],y=0;y<l.length;y++)if(null!=(w=u.__k[y]=null==(w=l[y])||"boolean"==typeof w?null:"string"==typeof w||"number"==typeof w?h(null,w,null,null,w):Array.isArray(w)?h(p,{children:w},null,null,null):null!=w.__e||null!=w.__c?h(w.type,w.props,w.key,null,w.__v):w)){if(w.__=u,w.__b=u.__b+1,null===(k=A[y])||k&&w.key==k.key&&w.type===k.type)A[y]=void 0;else for(d=0;d<P;d++){if((k=A[d])&&w.key==k.key&&w.type===k.type){A[d]=void 0;break}k=null}m=T(n,w,k=k||f,t,r,o,c,s,v),(d=w.ref)&&k.ref!=d&&(b||(b=[]),k.ref&&b.push(k.ref,null,w),b.push(d,w.__c||m,w)),null!=m?(null==g&&(g=m),s=x(n,w,k,A,o,m,s),"option"==u.type?n.value="":"function"==typeof u.type&&(u.__d=s)):s&&k.__e==s&&s.parentNode!=n&&(s=_(k))}if(u.__e=g,null!=o&&"function"!=typeof u.type)for(y=o.length;y--;)null!=o[y]&&a(o[y]);for(y=P;y--;)null!=A[y]&&I(A[y],A[y]);if(b)for(y=0;y<b.length;y++)H(b[y],b[++y],b[++y])}function b(n){return null==n||"boolean"==typeof n?[]:Array.isArray(n)?e.concat.apply([],n.map(b)):[n]}function x(n,l,u,i,t,r,o){var f,e,c;if(void 0!==l.__d)f=l.__d,l.__d=void 0;else if(t==u||r!=o||null==r.parentNode)n:if(null==o||o.parentNode!==n)n.appendChild(r),f=null;else{for(e=o,c=0;(e=e.nextSibling)&&c<i.length;c+=2)if(e==r)break n;n.insertBefore(r,o),f=o}return void 0!==f?f:r.nextSibling}function A(n,l,u,i,t){var r;for(r in u)"children"===r||"key"===r||r in l||C(n,r,null,u[r],i);for(r in l)t&&"function"!=typeof l[r]||"children"===r||"key"===r||"value"===r||"checked"===r||u[r]===l[r]||C(n,r,l[r],u[r],i)}function P(n,l,u){"-"===l[0]?n.setProperty(l,u):n[l]="number"==typeof u&&!1===c.test(l)?u+"px":null==u?"":u}function C(n,l,u,i,t){var r,o,f,e,c;if(t?"className"===l&&(l="class"):"class"===l&&(l="className"),"style"===l)if(r=n.style,"string"==typeof u)r.cssText=u;else{if("string"==typeof i&&(r.cssText="",i=null),i)for(e in i)u&&e in u||P(r,e,"");if(u)for(c in u)i&&u[c]===i[c]||P(r,c,u[c])}else"o"===l[0]&&"n"===l[1]?(o=l!==(l=l.replace(/Capture$/,"")),f=l.toLowerCase(),l=(f in n?f:l).slice(2),u?(i||n.addEventListener(l,N,o),(n.l||(n.l={}))[l]=u):n.removeEventListener(l,N,o)):"list"!==l&&"tagName"!==l&&"form"!==l&&"type"!==l&&"size"!==l&&!t&&l in n?n[l]=null==u?"":u:"function"!=typeof u&&"dangerouslySetInnerHTML"!==l&&(l!==(l=l.replace(/^xlink:?/,""))?null==u||!1===u?n.removeAttributeNS("http://www.w3.org/1999/xlink",l.toLowerCase()):n.setAttributeNS("http://www.w3.org/1999/xlink",l.toLowerCase(),u):null==u||!1===u&&!/^ar/.test(l)?n.removeAttribute(l):n.setAttribute(l,u))}function N(l){this.l[l.type](n.event?n.event(l):l)}function z(n,l,u){var i,t;for(i=0;i<n.__k.length;i++)(t=n.__k[i])&&(t.__=n,t.__e&&("function"==typeof t.type&&t.__k.length>1&&z(t,l,u),l=x(u,t,t,n.__k,null,t.__e,l),"function"==typeof n.type&&(n.__d=l)))}function T(l,u,i,t,r,o,f,e,c){var a,v,h,y,_,k,w,m,b,x,A,P=u.type;if(void 0!==u.constructor)return null;(a=n.__b)&&a(u);try{n:if("function"==typeof P){if(m=u.props,b=(a=P.contextType)&&t[a.__c],x=a?b?b.props.value:a.__:t,i.__c?w=(v=u.__c=i.__c).__=v.__E:("prototype"in P&&P.prototype.render?u.__c=v=new P(m,x):(u.__c=v=new preact_module_d(m,x),v.constructor=P,v.render=L),b&&b.sub(v),v.props=m,v.state||(v.state={}),v.context=x,v.__n=t,h=v.__d=!0,v.__h=[]),null==v.__s&&(v.__s=v.state),null!=P.getDerivedStateFromProps&&(v.__s==v.state&&(v.__s=s({},v.__s)),s(v.__s,P.getDerivedStateFromProps(m,v.__s))),y=v.props,_=v.state,h)null==P.getDerivedStateFromProps&&null!=v.componentWillMount&&v.componentWillMount(),null!=v.componentDidMount&&v.__h.push(v.componentDidMount);else{if(null==P.getDerivedStateFromProps&&m!==y&&null!=v.componentWillReceiveProps&&v.componentWillReceiveProps(m,x),!v.__e&&null!=v.shouldComponentUpdate&&!1===v.shouldComponentUpdate(m,v.__s,x)||u.__v===i.__v){v.props=m,v.state=v.__s,u.__v!==i.__v&&(v.__d=!1),v.__v=u,u.__e=i.__e,u.__k=i.__k,v.__h.length&&f.push(v),z(u,e,l);break n}null!=v.componentWillUpdate&&v.componentWillUpdate(m,v.__s,x),null!=v.componentDidUpdate&&v.__h.push(function(){v.componentDidUpdate(y,_,k)})}v.context=x,v.props=m,v.state=v.__s,(a=n.__r)&&a(u),v.__d=!1,v.__v=u,v.__P=l,a=v.render(v.props,v.state,v.context),v.state=v.__s,null!=v.getChildContext&&(t=s(s({},t),v.getChildContext())),h||null==v.getSnapshotBeforeUpdate||(k=v.getSnapshotBeforeUpdate(y,_)),A=null!=a&&a.type==p&&null==a.key?a.props.children:a,g(l,Array.isArray(A)?A:[A],u,i,t,r,o,f,e,c),v.base=u.__e,v.__h.length&&f.push(v),w&&(v.__E=v.__=null),v.__e=!1}else null==o&&u.__v===i.__v?(u.__k=i.__k,u.__e=i.__e):u.__e=j(i.__e,u,i,t,r,o,f,c);(a=n.diffed)&&a(u)}catch(l){u.__v=null,n.__e(l,u,i)}return u.__e}function $(l,u){n.__c&&n.__c(u,l),l.some(function(u){try{l=u.__h,u.__h=[],l.some(function(n){n.call(u)})}catch(l){n.__e(l,u.__v)}})}function j(n,l,u,i,t,r,o,c){var s,a,v,h,y,p=u.props,d=l.props;if(t="svg"===l.type||t,null!=r)for(s=0;s<r.length;s++)if(null!=(a=r[s])&&((null===l.type?3===a.nodeType:a.localName===l.type)||n==a)){n=a,r[s]=null;break}if(null==n){if(null===l.type)return document.createTextNode(d);n=t?document.createElementNS("http://www.w3.org/2000/svg",l.type):document.createElement(l.type,d.is&&{is:d.is}),r=null,c=!1}if(null===l.type)p!==d&&n.data!=d&&(n.data=d);else{if(null!=r&&(r=e.slice.call(n.childNodes)),v=(p=u.props||f).dangerouslySetInnerHTML,h=d.dangerouslySetInnerHTML,!c){if(null!=r)for(p={},y=0;y<n.attributes.length;y++)p[n.attributes[y].name]=n.attributes[y].value;(h||v)&&(h&&v&&h.__html==v.__html||(n.innerHTML=h&&h.__html||""))}A(n,d,p,t,c),h?l.__k=[]:(s=l.props.children,g(n,Array.isArray(s)?s:[s],l,u,i,"foreignObject"!==l.type&&t,r,o,f,c)),c||("value"in d&&void 0!==(s=d.value)&&s!==n.value&&C(n,"value",s,p.value,!1),"checked"in d&&void 0!==(s=d.checked)&&s!==n.checked&&C(n,"checked",s,p.checked,!1))}return n}function H(l,u,i){try{"function"==typeof l?l(u):l.current=u}catch(l){n.__e(l,i)}}function I(l,u,i){var t,r,o;if(n.unmount&&n.unmount(l),(t=l.ref)&&(t.current&&t.current!==l.__e||H(t,null,u)),i||"function"==typeof l.type||(i=null!=(r=l.__e)),l.__e=l.__d=void 0,null!=(t=l.__c)){if(t.componentWillUnmount)try{t.componentWillUnmount()}catch(l){n.__e(l,u)}t.base=t.__P=null}if(t=l.__k)for(o=0;o<t.length;o++)t[o]&&I(t[o],u,i);null!=r&&a(r)}function L(n,l,u){return this.constructor(n,u)}function M(l,u,i){var t,o,c;n.__&&n.__(l,u),o=(t=i===r)?null:i&&i.__k||u.__k,l=v(p,null,[l]),c=[],T(u,(t?u:i||u).__k=l,o||f,f,void 0!==u.ownerSVGElement,i&&!t?[i]:o?null:u.childNodes.length?e.slice.call(u.childNodes):null,c,i||f,t),$(c,l)}function O(n,l){M(n,l,r)}function S(n,l){var u,i;for(i in l=s(s({},n.props),l),arguments.length>2&&(l.children=e.slice.call(arguments,2)),u={},l)"key"!==i&&"ref"!==i&&(u[i]=l[i]);return h(n.type,u,l.key||n.key,l.ref||n.ref,null)}function q(n){var l={},u={__c:"__cC"+o++,__:n,Consumer:function(n,l){return n.children(l)},Provider:function(n){var i,t=this;return this.getChildContext||(i=[],this.getChildContext=function(){return l[u.__c]=t,l},this.shouldComponentUpdate=function(n){t.props.value!==n.value&&i.some(function(l){l.context=n.value,w(l)})},this.sub=function(n){i.push(n);var l=n.componentWillUnmount;n.componentWillUnmount=function(){i.splice(i.indexOf(n),1),l&&l.call(n)}}),n.children}};return u.Consumer.contextType=u,u.Provider.__=u,u}n={__e:function(n,l){for(var u,i;l=l.__;)if((u=l.__c)&&!u.__)try{if(u.constructor&&null!=u.constructor.getDerivedStateFromError&&(i=!0,u.setState(u.constructor.getDerivedStateFromError(n))),null!=u.componentDidCatch&&(i=!0,u.componentDidCatch(n)),i)return w(u.__E=u)}catch(l){n=l}throw n}},l=function(n){return null!=n&&void 0===n.constructor},preact_module_d.prototype.setState=function(n,l){var u;u=this.__s!==this.state?this.__s:this.__s=s({},this.state),"function"==typeof n&&(n=n(u,this.props)),n&&s(u,n),null!=n&&this.__v&&(l&&this.__h.push(l),w(this))},preact_module_d.prototype.forceUpdate=function(n){this.__v&&(this.__e=!0,n&&this.__h.push(n),w(this))},preact_module_d.prototype.render=p,u=[],i="function"==typeof Promise?Promise.prototype.then.bind(Promise.resolve()):setTimeout,m.__r=0,r=f,o=0;
 //# sourceMappingURL=preact.module.js.map
 
 ;// CONCATENATED MODULE: ./src/client/lib/contexts.ts
@@ -15919,7 +15919,7 @@ const client = new BrowserClient({
     return event;
   },
   environment: "production",
-  release: "1.11.11-96768c4",
+  release: "1.12.0-5703445",
   sampleRate: 0.25,
   autoSessionTracking: false,
   // Integrations don't seem to work with Sentry: https://github.com/getsentry/sentry-javascript/issues/2541
@@ -15975,6 +15975,9 @@ const REQUEST_NOTIFICATIONS_EVENT = "REQUEST_NOTIFICATIONS";
 const END_CONVERSATION_EVENT = "END_CONVERSATION";
 const PUBLISH_EVENT = "PUBLISH_EVENT";
 const ZD_MESSAGING_HANDOFF = "ZD_MESSAGING_HANDOFF";
+const LIGHTBOX_OPEN_EVENT = "LIGHTBOX_OPEN";
+const LIGHTBOX_CLOSE_EVENT = "LIGHTBOX_CLOSE";
+const PRINT_IMAGE_EVENT = "PRINT_IMAGE";
 
 /**
  * Store Events
@@ -16499,7 +16502,7 @@ function getEmbedURL(_ref) {
   } else {
     host = `http://${handle}.localhost:9001`;
   }
-  return `${host}/embed/${frameName}/${"96768c4"}/index.html`;
+  return `${host}/embed/${frameName}/${"5703445"}/index.html`;
 }
 function constructQueryString(query) {
   return Object.keys(query).map(key => {
@@ -17680,9 +17683,9 @@ async function log(message, extra, options) {
       service: "embed",
       env: "production",
       embedVersion: 2,
-      version: "1.11.11",
+      version: "1.12.0",
       isNpm: true,
-      commitHash: "96768c4"
+      commitHash: "5703445"
     }))
   });
 }
@@ -18071,7 +18074,7 @@ function _extends() {
 function ConnectContainer_ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
 function ConnectContainer_objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ConnectContainer_ownKeys(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ConnectContainer_ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
 
-class ConnectContainer extends d {
+class ConnectContainer extends preact_module_d {
   constructor() {
     super(...arguments);
     _defineProperty(this, "state", {
@@ -18475,7 +18478,7 @@ const getChatVersion = async adaSettings => {
 
 
 
-class IFrame extends d {
+class IFrame extends preact_module_d {
   constructor() {
     super(...arguments);
     _defineProperty(this, "iframeRef", y());
@@ -18623,7 +18626,7 @@ function mapDispatchToProps(dispatch) {
 
 
 
-class ButtonFrame extends d {
+class ButtonFrame extends preact_module_d {
   constructor() {
     super(...arguments);
     _defineProperty(this, "state", {
@@ -18736,6 +18739,335 @@ function ButtonFrame_mapStateToProps(storeState) {
   };
 }
 /* harmony default export */ var components_ButtonFrame = (connect(ButtonFrame_mapStateToProps)(ButtonFrame));
+;// CONCATENATED MODULE: ./node_modules/preact/hooks/dist/hooks.module.js
+var hooks_module_t,hooks_module_u,hooks_module_r,hooks_module_o=0,hooks_module_i=[],hooks_module_c=n.__r,hooks_module_f=n.diffed,hooks_module_e=n.__c,hooks_module_a=n.unmount;function hooks_module_v(t,r){n.__h&&n.__h(hooks_module_u,t,hooks_module_o||r),hooks_module_o=0;var i=hooks_module_u.__H||(hooks_module_u.__H={__:[],__h:[]});return t>=i.__.length&&i.__.push({}),i.__[t]}function hooks_module_m(n){return hooks_module_o=1,hooks_module_p(hooks_module_k,n)}function hooks_module_p(n,r,o){var i=hooks_module_v(hooks_module_t++,2);return i.t=n,i.__c||(i.__c=hooks_module_u,i.__=[o?o(r):hooks_module_k(void 0,r),function(n){var t=i.t(i.__[0],n);i.__[0]!==t&&(i.__=[t,i.__[1]],i.__c.setState({}))}]),i.__}function hooks_module_y(r,o){var i=hooks_module_v(hooks_module_t++,3);!n.__s&&hooks_module_j(i.__H,o)&&(i.__=r,i.__H=o,hooks_module_u.__H.__h.push(i))}function hooks_module_l(r,o){var i=hooks_module_v(hooks_module_t++,4);!n.__s&&hooks_module_j(i.__H,o)&&(i.__=r,i.__H=o,hooks_module_u.__h.push(i))}function hooks_module_h(n){return hooks_module_o=5,hooks_module_(function(){return{current:n}},[])}function hooks_module_s(n,t,u){hooks_module_o=6,hooks_module_l(function(){"function"==typeof n?n(t()):n&&(n.current=t())},null==u?u:u.concat(n))}function hooks_module_(n,u){var r=hooks_module_v(hooks_module_t++,7);return hooks_module_j(r.__H,u)?(r.__H=u,r.__h=n,r.__=n()):r.__}function hooks_module_A(n,t){return hooks_module_o=8,hooks_module_(function(){return n},t)}function F(n){var r=hooks_module_u.context[n.__c],o=hooks_module_v(hooks_module_t++,9);return o.__c=n,r?(null==o.__&&(o.__=!0,r.sub(hooks_module_u)),r.props.value):n.__}function hooks_module_T(t,u){n.useDebugValue&&n.useDebugValue(u?u(t):t)}function hooks_module_d(n){var r=hooks_module_v(hooks_module_t++,10),o=hooks_module_m();return r.__=n,hooks_module_u.componentDidCatch||(hooks_module_u.componentDidCatch=function(n){r.__&&r.__(n),o[1](n)}),[o[0],function(){o[1](void 0)}]}function hooks_module_q(){hooks_module_i.some(function(t){if(t.__P)try{t.__H.__h.forEach(hooks_module_b),t.__H.__h.forEach(hooks_module_g),t.__H.__h=[]}catch(u){return t.__H.__h=[],n.__e(u,t.__v),!0}}),hooks_module_i=[]}n.__r=function(n){hooks_module_c&&hooks_module_c(n),hooks_module_t=0;var r=(hooks_module_u=n.__c).__H;r&&(r.__h.forEach(hooks_module_b),r.__h.forEach(hooks_module_g),r.__h=[])},n.diffed=function(t){hooks_module_f&&hooks_module_f(t);var u=t.__c;u&&u.__H&&u.__H.__h.length&&(1!==hooks_module_i.push(u)&&hooks_module_r===n.requestAnimationFrame||((hooks_module_r=n.requestAnimationFrame)||function(n){var t,u=function(){clearTimeout(r),hooks_module_x&&cancelAnimationFrame(t),setTimeout(n)},r=setTimeout(u,100);hooks_module_x&&(t=requestAnimationFrame(u))})(hooks_module_q))},n.__c=function(t,u){u.some(function(t){try{t.__h.forEach(hooks_module_b),t.__h=t.__h.filter(function(n){return!n.__||hooks_module_g(n)})}catch(r){u.some(function(n){n.__h&&(n.__h=[])}),u=[],n.__e(r,t.__v)}}),hooks_module_e&&hooks_module_e(t,u)},n.unmount=function(t){hooks_module_a&&hooks_module_a(t);var u=t.__c;if(u&&u.__H)try{u.__H.__.forEach(hooks_module_b)}catch(t){n.__e(t,u.__v)}};var hooks_module_x="function"==typeof requestAnimationFrame;function hooks_module_b(n){"function"==typeof n.u&&n.u()}function hooks_module_g(n){n.u=n.__()}function hooks_module_j(n,t){return!n||t.some(function(t,u){return t!==n[u]})}function hooks_module_k(n,t){return"function"==typeof t?t(n):t}
+//# sourceMappingURL=hooks.module.js.map
+
+;// CONCATENATED MODULE: ./node_modules/preact/compat/dist/compat.module.js
+function compat_module_g(n,t){for(var e in t)n[e]=t[e];return n}function compat_module_w(n,t){for(var e in n)if("__source"!==e&&!(e in t))return!0;for(var r in t)if("__source"!==r&&n[r]!==t[r])return!0;return!1}var E=function(n){var t,e;function r(t){var e;return(e=n.call(this,t)||this).isPureReactComponent=!0,e}return e=n,(t=r).prototype=Object.create(e.prototype),t.prototype.constructor=t,t.__proto__=e,r.prototype.shouldComponentUpdate=function(n,t){return compat_module_w(this.props,n)||compat_module_w(this.state,t)},r}(preact_module_d);function compat_module_C(n,t){function e(n){var e=this.props.ref,r=e==n.ref;return!r&&e&&(e.call?e(null):e.current=null),t?!t(this.props,n)||!r:compat_module_w(this.props,n)}function r(t){return this.shouldComponentUpdate=e,v(n,t)}return r.prototype.isReactComponent=!0,r.displayName="Memo("+(n.displayName||n.name)+")",r.t=!0,r}var compat_module_=n.__b;n.__b=function(n){n.type&&n.type.t&&n.ref&&(n.props.ref=n.ref,n.ref=null),compat_module_&&compat_module_(n)};var compat_module_A="undefined"!=typeof Symbol&&Symbol.for&&Symbol.for("react.forward_ref")||3911;function compat_module_k(n){function t(t,e){var r=compat_module_g({},t);return delete r.ref,n(r,"object"!=typeof(e=t.ref||e)||"current"in e?e:null)}return t.$$typeof=compat_module_A,t.render=t,t.prototype.isReactComponent=t.t=!0,t.displayName="ForwardRef("+(n.displayName||n.name)+")",t}var R=function(n,t){return n?b(n).reduce(function(n,e,r){return n.concat(t(e,r))},[]):null},compat_module_F={map:R,forEach:R,count:function(n){return n?b(n).length:0},only:function(n){if(1!==(n=b(n)).length)throw new Error("Children.only() expects only one child.");return n[0]},toArray:b},compat_module_N=n.__e;function U(n){return n&&((n=compat_module_g({},n)).__c=null,n.__k=n.__k&&n.__k.map(U)),n}function compat_module_M(){this.__u=0,this.o=null,this.__b=null}function compat_module_j(n){var t=n.__.__c;return t&&t.u&&t.u(n)}function compat_module_L(n){var t,e,r;function o(o){if(t||(t=n()).then(function(n){e=n.default||n},function(n){r=n}),r)throw r;if(!e)throw t;return v(e,o)}return o.displayName="Lazy",o.t=!0,o}function compat_module_O(){this.i=null,this.l=null}n.__e=function(n,t,e){if(n.then)for(var r,o=t;o=o.__;)if((r=o.__c)&&r.__c)return r.__c(n,t.__c);compat_module_N(n,t,e)},(compat_module_M.prototype=new preact_module_d).__c=function(n,t){var e=this;null==e.o&&(e.o=[]),e.o.push(t);var r=compat_module_j(e.__v),o=!1,u=function(){o||(o=!0,r?r(i):i())};t.__c=t.componentWillUnmount,t.componentWillUnmount=function(){u(),t.__c&&t.__c()};var i=function(){var n;if(!--e.__u)for(e.__v.__k[0]=e.state.u,e.setState({u:e.__b=null});n=e.o.pop();)n.forceUpdate()};e.__u++||e.setState({u:e.__b=e.__v.__k[0]}),n.then(u,u)},compat_module_M.prototype.render=function(n,t){return this.__b&&(this.__v.__k[0]=U(this.__b),this.__b=null),[v(p,null,t.u?null:n.children),t.u&&n.fallback]};var compat_module_P=function(n,t,e){if(++e[1]===e[0]&&n.l.delete(t),n.props.revealOrder&&("t"!==n.props.revealOrder[0]||!n.l.size))for(e=n.i;e;){for(;e.length>3;)e.pop()();if(e[1]<e[0])break;n.i=e=e[2]}};(compat_module_O.prototype=new preact_module_d).u=function(n){var t=this,e=compat_module_j(t.__v),r=t.l.get(n);return r[0]++,function(o){var u=function(){t.props.revealOrder?(r.push(o),compat_module_P(t,n,r)):o()};e?e(u):u()}},compat_module_O.prototype.render=function(n){this.i=null,this.l=new Map;var t=b(n.children);n.revealOrder&&"b"===n.revealOrder[0]&&t.reverse();for(var e=t.length;e--;)this.l.set(t[e],this.i=[1,0,this.i]);return n.children},compat_module_O.prototype.componentDidUpdate=compat_module_O.prototype.componentDidMount=function(){var n=this;n.l.forEach(function(t,e){compat_module_P(n,e,t)})};var W=function(){function n(){}var t=n.prototype;return t.getChildContext=function(){return this.props.context},t.render=function(n){return n.children},n}();function compat_module_z(n){var t=this,e=n.container,r=v(W,{context:t.context},n.vnode);return t.s&&t.s!==e&&(t.v.parentNode&&t.s.removeChild(t.v),I(t.h),t.p=!1),n.vnode?t.p?(e.__k=t.__k,M(r,e),t.__k=e.__k):(t.v=document.createTextNode(""),O("",e),e.appendChild(t.v),t.p=!0,t.s=e,M(r,e,t.v),t.__k=t.v.__k):t.p&&(t.v.parentNode&&t.s.removeChild(t.v),I(t.h)),t.h=r,t.componentWillUnmount=function(){t.v.parentNode&&t.s.removeChild(t.v),I(t.h)},null}function D(n,t){return v(compat_module_z,{vnode:n,container:t})}var compat_module_H=/^(?:accent|alignment|arabic|baseline|cap|clip(?!PathU)|color|fill|flood|font|glyph(?!R)|horiz|marker(?!H|W|U)|overline|paint|stop|strikethrough|stroke|text(?!L)|underline|unicode|units|v|vector|vert|word|writing|x(?!C))[A-Z]/;preact_module_d.prototype.isReactComponent={};var compat_module_T="undefined"!=typeof Symbol&&Symbol.for&&Symbol.for("react.element")||60103;function V(n,t,e){if(null==t.__k)for(;t.firstChild;)t.removeChild(t.firstChild);return M(n,t),"function"==typeof e&&e(),n?n.__c:null}function Z(n,t,e){return O(n,t),"function"==typeof e&&e(),n?n.__c:null}var compat_module_I=n.event;function compat_module_$(n,t){n["UNSAFE_"+t]&&!n[t]&&Object.defineProperty(n,t,{configurable:!1,get:function(){return this["UNSAFE_"+t]},set:function(n){this["UNSAFE_"+t]=n}})}n.event=function(n){compat_module_I&&(n=compat_module_I(n)),n.persist=function(){};var t=!1,e=!1,r=n.stopPropagation;n.stopPropagation=function(){r.call(n),t=!0};var o=n.preventDefault;return n.preventDefault=function(){o.call(n),e=!0},n.isPropagationStopped=function(){return t},n.isDefaultPrevented=function(){return e},n.nativeEvent=n};var compat_module_q={configurable:!0,get:function(){return this.class}},B=n.vnode;n.vnode=function(n){n.$$typeof=compat_module_T;var t=n.type,e=n.props;if(t){if(e.class!=e.className&&(compat_module_q.enumerable="className"in e,null!=e.className&&(e.class=e.className),Object.defineProperty(e,"className",compat_module_q)),"function"!=typeof t){var r,o,u;for(u in e.defaultValue&&void 0!==e.value&&(e.value||0===e.value||(e.value=e.defaultValue),delete e.defaultValue),Array.isArray(e.value)&&e.multiple&&"select"===t&&(b(e.children).forEach(function(n){-1!=e.value.indexOf(n.props.value)&&(n.props.selected=!0)}),delete e.value),null!=e.value&&"textarea"===t&&(e.children=e.value,delete e.value),e)if(r=compat_module_H.test(u))break;if(r)for(u in o=n.props={},e)o[compat_module_H.test(u)?u.replace(/[A-Z0-9]/,"-$&").toLowerCase():u]=e[u]}!function(t){var e=n.type,r=n.props;if(r&&"string"==typeof e){var o={};for(var u in r)/^on(Ani|Tra|Tou)/.test(u)&&(r[u.toLowerCase()]=r[u],delete r[u]),o[u.toLowerCase()]=u;if(o.ondoubleclick&&(r.ondblclick=r[o.ondoubleclick],delete r[o.ondoubleclick]),o.onbeforeinput&&(r.onbeforeinput=r[o.onbeforeinput],delete r[o.onbeforeinput]),o.onchange&&("textarea"===e||"input"===e.toLowerCase()&&!/^fil|che|ra/i.test(r.type))){var i=o.oninput||"oninput";r[i]||(r[i]=r[o.onchange],delete r[o.onchange])}}}(),"function"==typeof t&&!t.m&&t.prototype&&(compat_module_$(t.prototype,"componentWillMount"),compat_module_$(t.prototype,"componentWillReceiveProps"),compat_module_$(t.prototype,"componentWillUpdate"),t.m=!0)}B&&B(n)};var G="16.8.0";function J(n){return v.bind(null,n)}function K(n){return!!n&&n.$$typeof===compat_module_T}function Q(n){return K(n)?S.apply(null,arguments):n}function X(n){return!!n.__k&&(M(null,n),!0)}function Y(n){return n&&(n.base||1===n.nodeType&&n)||null}var nn=function(n,t){return n(t)},tn=(/* unused pure expression or super */ null && (d));/* harmony default export */ var compat_module = ({useState:hooks_module_m,useReducer:hooks_module_p,useEffect:hooks_module_y,useLayoutEffect:hooks_module_l,useRef:hooks_module_h,useImperativeHandle:hooks_module_s,useMemo:hooks_module_,useCallback:hooks_module_A,useContext:F,useDebugValue:hooks_module_T,version:"16.8.0",Children:compat_module_F,render:V,hydrate:Z,unmountComponentAtNode:X,createPortal:D,createElement:v,createContext:q,createFactory:J,cloneElement:Q,createRef:y,Fragment:p,isValidElement:K,findDOMNode:Y,Component:preact_module_d,PureComponent:E,memo:compat_module_C,forwardRef:compat_module_k,unstable_batchedUpdates:nn,StrictMode:p,Suspense:compat_module_M,SuspenseList:compat_module_O,lazy:compat_module_L});
+//# sourceMappingURL=compat.module.js.map
+
+;// CONCATENATED MODULE: ./src/common/helpers/fetch-as-object-url.ts
+async function fetchAsObjectURL(url) {
+  const response = await fetch(url);
+  if (!response.ok) {
+    throw new Error(`Fetch failed: ${response.status}`);
+  }
+  const blob = await response.blob();
+  return URL.createObjectURL(blob);
+}
+;// CONCATENATED MODULE: ./src/client/components/LightboxOverlay/index.tsx
+
+function LightboxOverlay_ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
+function LightboxOverlay_objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? LightboxOverlay_ownKeys(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : LightboxOverlay_ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
+
+
+
+const FONT_FAMILY = '-apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif';
+const SPINNER_STYLE_ID = "ada-lightbox-overlay-styles";
+const topBarButtonStyle = {
+  display: "flex",
+  alignItems: "center",
+  justifyContent: "center",
+  width: "32px",
+  height: "32px",
+  background: "transparent",
+  border: "none",
+  cursor: "pointer",
+  color: "#ffffff",
+  flexShrink: 0,
+  padding: 0
+};
+const navButtonBaseStyle = {
+  display: "flex",
+  alignItems: "center",
+  justifyContent: "center",
+  width: "36px",
+  height: "36px",
+  borderRadius: "999px",
+  background: "#ffffff",
+  border: "1px solid #e5e7eb",
+  boxShadow: "0px 9px 24px 0px rgba(0, 0, 0, 0.12)",
+  cursor: "pointer",
+  color: "#000000",
+  padding: 0,
+  position: "absolute",
+  top: "50%",
+  transform: "translateY(-50%)",
+  zIndex: 1
+};
+const CloseIcon = () => v("svg", {
+  xmlns: "http://www.w3.org/2000/svg",
+  viewBox: "0 0 64 64",
+  width: "16",
+  height: "16",
+  fill: "currentColor"
+}, v("path", {
+  d: "M47.4142,47.4355a2.0012,2.0012,0,0,1-2.8307,0l-12.6-12.6L19.3951,47.4246a2.0016,2.0016,0,0,1-2.8306-2.8307L29.1533,32.0052,16.5668,19.4187a2.0015,2.0015,0,0,1,2.83-2.8305L31.9838,29.1746,44.5813,16.5772a2.0015,2.0015,0,1,1,2.83,2.8306L34.8145,32.0052l12.6,12.6A2.001,2.001,0,0,1,47.4142,47.4355Z",
+  fillRule: "evenodd"
+}));
+const ChevronLeftIcon = () => v("svg", {
+  xmlns: "http://www.w3.org/2000/svg",
+  viewBox: "0 0 64 64",
+  width: "24",
+  height: "24",
+  fill: "currentColor",
+  style: {
+    display: "block"
+  }
+}, v("path", {
+  d: "M39.7,48.3c-0.5,0-1-0.2-1.4-0.6L22.6,32L38.3,16.3c0.8-0.8,2-0.8,2.8,0s0.8,2,0,2.8L28.2,32l12.9,12.9c0.8,0.8,0.8,2,0,2.8C40.7,48.1,40.2,48.3,39.7,48.3z"
+}));
+const DownloadIcon = () => v("svg", {
+  xmlns: "http://www.w3.org/2000/svg",
+  viewBox: "0 0 24 24",
+  width: "18",
+  height: "18",
+  fill: "currentColor"
+}, v("path", {
+  d: "M12 16l-5-5 1.4-1.4 2.6 2.6V4h2v8.2l2.6-2.6L17 11l-5 5zm-7 2h14v2H5v-2z"
+}));
+const PrintIcon = () => v("svg", {
+  xmlns: "http://www.w3.org/2000/svg",
+  viewBox: "0 0 24 24",
+  width: "18",
+  height: "18",
+  fill: "currentColor"
+}, v("path", {
+  d: "M19 8H5c-1.66 0-3 1.34-3 3v6h4v4h12v-4h4v-6c0-1.66-1.34-3-3-3zm-3 11H8v-5h8v5zm3-7c-.55 0-1-.45-1-1s.45-1 1-1 1 .45 1 1-.45 1-1 1zm-1-9H6v4h12V3z"
+}));
+class LightboxOverlay extends preact_module_d {
+  constructor() {
+    super(...arguments);
+    _defineProperty(this, "state", {
+      currentIndex: this.props.initialIndex,
+      imageLoaded: false
+    });
+    _defineProperty(this, "handleKeyDown", e => {
+      if (e.key === "Escape") {
+        this.props.onClose();
+      } else if (e.key === "ArrowLeft") {
+        this.goToPrev();
+      } else if (e.key === "ArrowRight") {
+        this.goToNext();
+      }
+    });
+    _defineProperty(this, "goToPrev", () => {
+      this.setState(s => ({
+        currentIndex: Math.max(0, s.currentIndex - 1),
+        imageLoaded: false
+      }));
+    });
+    _defineProperty(this, "goToNext", () => {
+      this.setState(s => ({
+        currentIndex: Math.min(this.props.images.length - 1, s.currentIndex + 1),
+        imageLoaded: false
+      }));
+    });
+    _defineProperty(this, "handleImageLoad", () => {
+      this.setState({
+        imageLoaded: true
+      });
+    });
+    _defineProperty(this, "handleDownload", async () => {
+      const image = this.currentImage;
+      if (!image) {
+        return;
+      }
+      try {
+        const objectUrl = await fetchAsObjectURL(image.url);
+        const link = document.createElement("a");
+        link.href = objectUrl;
+        link.download = image.altText || "image";
+        link.click();
+        URL.revokeObjectURL(objectUrl);
+      } catch {
+        window.open(image.url);
+      }
+    });
+    _defineProperty(this, "handlePrint", async () => {
+      const image = this.currentImage;
+      if (!image) {
+        return;
+      }
+      try {
+        const objectUrl = await fetchAsObjectURL(image.url);
+        const style = document.createElement("style");
+        style.textContent = `@media print{body>*{display:none!important}#ada-lightbox-print{display:block!important;position:fixed;top:0;left:0;width:100%;height:100%;text-align:center}#ada-lightbox-print img{max-width:100%;max-height:100vh;object-fit:contain}}`;
+        const container = document.createElement("div");
+        container.id = "ada-lightbox-print";
+        container.style.display = "none";
+        const img = document.createElement("img");
+        await new Promise(resolve => {
+          img.onload = () => resolve();
+          img.onerror = () => resolve();
+          img.src = objectUrl;
+        });
+        container.appendChild(img);
+        document.head.appendChild(style);
+        document.body.appendChild(container);
+        try {
+          window.print();
+        } finally {
+          document.head.removeChild(style);
+          document.body.removeChild(container);
+          URL.revokeObjectURL(objectUrl);
+        }
+      } catch {
+        window.open(image.url);
+      }
+    });
+  }
+  componentDidMount() {
+    document.addEventListener("keydown", this.handleKeyDown);
+    if (!document.getElementById(SPINNER_STYLE_ID)) {
+      const style = document.createElement("style");
+      style.id = SPINNER_STYLE_ID;
+      style.textContent = "@keyframes ada-spin{to{transform:rotate(360deg)}}";
+      document.head.appendChild(style);
+    }
+  }
+  componentWillUnmount() {
+    document.removeEventListener("keydown", this.handleKeyDown);
+    const style = document.getElementById(SPINNER_STYLE_ID);
+    if (style) {
+      style.remove();
+    }
+  }
+  get currentImage() {
+    const {
+      images
+    } = this.props;
+    const {
+      currentIndex
+    } = this.state;
+    return images[currentIndex];
+  }
+  render() {
+    const {
+      images,
+      onClose
+    } = this.props;
+    const {
+      currentIndex,
+      imageLoaded
+    } = this.state;
+    const {
+      currentImage
+    } = this;
+    const hasPrev = currentIndex > 0;
+    const hasNext = currentIndex < images.length - 1;
+    return D(v("div", {
+      role: "dialog",
+      "aria-modal": "true",
+      "aria-label": (currentImage === null || currentImage === void 0 ? void 0 : currentImage.altText) || "Image lightbox",
+      style: {
+        position: "fixed",
+        top: 0,
+        left: 0,
+        right: 0,
+        bottom: 0,
+        background: "rgba(0, 0, 0, 0.8)",
+        display: "flex",
+        flexDirection: "column",
+        alignItems: "center",
+        justifyContent: "center",
+        gap: "24px",
+        zIndex: 10020,
+        fontFamily: FONT_FAMILY
+      }
+    }, v("div", {
+      "aria-hidden": "true",
+      style: {
+        position: "absolute",
+        inset: 0
+      },
+      onClick: onClose
+    }), v("div", {
+      style: {
+        position: "absolute",
+        top: "16px",
+        right: "16px",
+        display: "flex",
+        gap: "10px",
+        zIndex: 1
+      }
+    }, v("button", {
+      type: "button",
+      "aria-label": "Download image",
+      style: topBarButtonStyle,
+      onClick: this.handleDownload
+    }, v(DownloadIcon, null)), v("button", {
+      type: "button",
+      "aria-label": "Print image",
+      style: topBarButtonStyle,
+      onClick: this.handlePrint
+    }, v(PrintIcon, null)), v("button", {
+      type: "button",
+      "aria-label": "Close lightbox",
+      style: topBarButtonStyle,
+      onClick: onClose
+    }, v(CloseIcon, null))), v("div", {
+      style: {
+        position: "relative",
+        width: "100%",
+        display: "flex",
+        flexDirection: "column",
+        alignItems: "center"
+      }
+    }, !imageLoaded && v("div", {
+      style: {
+        width: "40px",
+        height: "40px",
+        border: "3px solid rgba(255, 255, 255, 0.3)",
+        borderTop: "3px solid white",
+        borderRadius: "50%",
+        animation: "ada-spin 0.8s linear infinite"
+      }
+    }), currentImage && v("img", {
+      src: currentImage.url,
+      alt: currentImage.altText ?? "",
+      onLoad: this.handleImageLoad,
+      style: {
+        maxWidth: "100%",
+        maxHeight: "80vh",
+        objectFit: "contain",
+        display: imageLoaded ? "block" : "none"
+      }
+    }), images.length > 1 && hasPrev && v("button", {
+      type: "button",
+      "aria-label": "Previous image",
+      style: LightboxOverlay_objectSpread(LightboxOverlay_objectSpread({}, navButtonBaseStyle), {}, {
+        left: "16px"
+      }),
+      onClick: this.goToPrev
+    }, v(ChevronLeftIcon, null)), images.length > 1 && hasNext && v("button", {
+      type: "button",
+      "aria-label": "Next image",
+      style: LightboxOverlay_objectSpread(LightboxOverlay_objectSpread({}, navButtonBaseStyle), {}, {
+        right: "16px",
+        transform: "translateY(-50%) rotate(180deg)"
+      }),
+      onClick: this.goToNext
+    }, v(ChevronLeftIcon, null))), images.length > 1 && v("div", {
+      style: {
+        display: "flex",
+        alignItems: "center",
+        gap: "4px",
+        padding: "4px 0",
+        zIndex: 1
+      }
+    }, images.map((image, i) => v("div", {
+      key: image.url,
+      style: {
+        width: "8px",
+        height: "8px",
+        borderRadius: "50%",
+        backgroundColor: i === currentIndex ? "#ffffff" : "rgba(255, 255, 255, 0.4)"
+      }
+    })))), document.body);
+  }
+}
 ;// CONCATENATED MODULE: ./src/common/constants/timeouts.ts
 const ANIMATION_DELAY = 50;
 const CHAT_FRAME_TIMEOUT_EVENT_MS = 5000;
@@ -18909,7 +19241,9 @@ function getFallbackDataURI() {
 
 
 
-class ChatFrame extends d {
+
+
+class ChatFrame extends preact_module_d {
   constructor() {
     super(...arguments);
     _defineProperty(this, "iframeRef", y());
@@ -18922,7 +19256,15 @@ class ChatFrame extends d {
     _defineProperty(this, "state", {
       isMounted: false,
       closeTransitionTime: 200,
-      showFallback: false
+      showFallback: false,
+      lightboxOverlay: null
+    });
+    _defineProperty(this, "handleOverlayClose", () => {
+      var _this$channel;
+      this.setState({
+        lightboxOverlay: null
+      });
+      (_this$channel = this.channel) === null || _this$channel === void 0 ? void 0 : _this$channel.postMessage(LIGHTBOX_CLOSE_EVENT);
     });
   } // This url must be a static property - if getIframeSrc is called repeatedly, the resulting URL may change improperly
   // For example, the skipGreeting query parameter was being changed from true to false, causing the AFM-384 bug
@@ -18950,7 +19292,7 @@ class ChatFrame extends d {
     log("Chat frame mount", {
       handle,
       chatUrl: this.url,
-      embedVersion: "96768c4".slice(0, 7),
+      embedVersion: "5703445".slice(0, 7),
       embedSettings: adaSettings
     });
 
@@ -19038,7 +19380,7 @@ class ChatFrame extends d {
     const hostPageUrlParams = new URL(window.location.href).searchParams;
     const smsToken = hostPageUrlParams.get("adaSMSToken");
     const queryParams = {
-      embedVersion: "96768c4".slice(0, 7),
+      embedVersion: "5703445".slice(0, 7),
       greeting,
       language,
       skipGreeting,
@@ -19569,6 +19911,41 @@ class ChatFrame extends d {
           requestNotificationPermission();
           break;
         }
+      case LIGHTBOX_OPEN_EVENT:
+        {
+          // TODO: remove hardcoded flag — replace with client?.features?.["playbooks-image-support-fullscreen-lightbox"] once LD env is configured
+          // const { client } = this.props;
+          // if (!client?.features?.["playbooks-image-support-fullscreen-lightbox"]) {
+          //   break;
+          // }
+
+          const {
+            images,
+            currentIndex
+          } = payload;
+          this.setState({
+            lightboxOverlay: {
+              images,
+              currentIndex
+            }
+          });
+          break;
+        }
+      case LIGHTBOX_CLOSE_EVENT:
+        {
+          this.setState({
+            lightboxOverlay: null
+          });
+          break;
+        }
+      case PRINT_IMAGE_EVENT:
+        {
+          const {
+            url
+          } = payload;
+          ChatFrame.printImage(url);
+          break;
+        }
 
       // TODO: Chatx-594 This case method needs to be deprecated as Publish Event is will be used instead
       case END_CONVERSATION_EVENT:
@@ -19637,13 +20014,13 @@ class ChatFrame extends d {
     }
     this.clearFallbackTimeout();
     this.chatRenderTimeout = window.setTimeout(() => {
-      var _this$channel;
+      var _this$channel2;
       const {
         isDrawerOpen: drawerIsOpen
       } = this.props;
 
       // Only fire event if drawer is STILL open and chat hasn't connected
-      if (!((_this$channel = this.channel) !== null && _this$channel !== void 0 && _this$channel.isConnected) && drawerIsOpen) {
+      if (!((_this$channel2 = this.channel) !== null && _this$channel2 !== void 0 && _this$channel2.isConnected) && drawerIsOpen) {
         log("Chat frame took over 5 seconds to respond", {
           handle
         }, {
@@ -19659,11 +20036,11 @@ class ChatFrame extends d {
       }
     }, CHAT_FRAME_TIMEOUT_EVENT_MS);
     this.chatRenderTimeoutLater = window.setTimeout(() => {
-      var _this$channel2;
+      var _this$channel3;
       const {
         isDrawerOpen: drawerIsOpen
       } = this.props;
-      if (!((_this$channel2 = this.channel) !== null && _this$channel2 !== void 0 && _this$channel2.isConnected) && drawerIsOpen) {
+      if (!((_this$channel3 = this.channel) !== null && _this$channel3 !== void 0 && _this$channel3.isConnected) && drawerIsOpen) {
         log("Chat frame took over 10 seconds to respond", {
           handle
         }, {
@@ -19685,7 +20062,8 @@ class ChatFrame extends d {
       client
     } = this.props;
     const {
-      showFallback
+      showFallback,
+      lightboxOverlay
     } = this.state;
     const iFrameName = `ada-chat-frame`;
     const sandboxParams = "allow-downloads allow-popups allow-popups-to-escape-sandbox allow-same-origin allow-scripts allow-top-navigation allow-forms allow-modals";
@@ -19698,7 +20076,7 @@ class ChatFrame extends d {
 
     // Use fallback URL if showFallback is true, otherwise use normal chat URL
     const iframeSrc = showFallback ? getFallbackDataURI() : this.url;
-    return v("iframe", {
+    return v(p, null, v("iframe", {
       src: iframeSrc,
       scrolling: "no",
       style: this.chooseStyles,
@@ -19713,9 +20091,41 @@ class ChatFrame extends d {
       allowFullScreen: true,
       onLoad: this.frameLoaded.bind(this),
       sandbox: sandboxParams
-    });
+    }), lightboxOverlay && v(LightboxOverlay, {
+      images: lightboxOverlay.images,
+      initialIndex: lightboxOverlay.currentIndex,
+      onClose: this.handleOverlayClose
+    }));
   }
 }
+_defineProperty(ChatFrame, "printImage", async url => {
+  try {
+    const objectUrl = await fetchAsObjectURL(url);
+    const style = document.createElement("style");
+    style.textContent = `@media print{body>*{display:none!important}#ada-lightbox-print{display:block!important;position:fixed;top:0;left:0;width:100%;height:100%;text-align:center}#ada-lightbox-print img{max-width:100%;max-height:100vh;object-fit:contain}}`;
+    const container = document.createElement("div");
+    container.id = "ada-lightbox-print";
+    container.style.display = "none";
+    const img = document.createElement("img");
+    await new Promise(resolve => {
+      img.onload = () => resolve();
+      img.onerror = () => resolve();
+      img.src = objectUrl;
+    });
+    container.appendChild(img);
+    document.head.appendChild(style);
+    document.body.appendChild(container);
+    try {
+      window.print();
+    } finally {
+      document.head.removeChild(style);
+      document.body.removeChild(container);
+      URL.revokeObjectURL(objectUrl);
+    }
+  } catch {
+    window.open(url);
+  }
+});
 function ChatFrame_mapStateToProps(storeState) {
   const {
     handle,
@@ -19765,7 +20175,7 @@ function ChatFrame_mapDispatchToProps(dispatch) {
 
 
 
-class IntroFrame extends d {
+class IntroFrame extends preact_module_d {
   get isShown() {
     const {
       isIntroShown,
@@ -19846,7 +20256,7 @@ function IntroFrame_mapStateToProps(storeState) {
 
 
 
-class MaskFrame extends d {
+class MaskFrame extends preact_module_d {
   constructor() {
     super(...arguments);
     _defineProperty(this, "state", {
@@ -19916,7 +20326,7 @@ function MaskFrame_mapStateToProps(storeState) {
 
 
 
-class XStorageFrame extends d {
+class XStorageFrame extends preact_module_d {
   static get styles() {
     return `
       position: absolute;
@@ -19976,7 +20386,7 @@ function Container_objectSpread(e) { for (var r = 1; r < arguments.length; r++)
 
 
 
-class Container extends d {
+class Container extends preact_module_d {
   constructor() {
     super(...arguments);
     _defineProperty(this, "state", {

package/package.json

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