@braze/web-sdk 4.3.0 → 4.5.0

package/src/InAppMessage/display/html-message-to-html.js

@@ -1 +1,223 @@
-import{attachInAppMessageCSS as nt}from"../../ui/js/iam-css.js";import et from"../../util/browser-detector.js";import{logInAppMessageHtmlClick}from"../log-in-app-message-html-click.js";import{getUser as Q}from"../../Core/get-user.js";import{InAppMessage}from"../index.js";import{keys as rr}from"../../util/code-utils.js";import{OperatingSystems as ot}from"../../util/device-constants.js";import{parseQueryStringKeyValues as st}from"../../util/url-utils.js";import{WindowUtils as H}from"../../util/window-utils.js";export default function rt(t,n,e,o,s,r){const i=document.createElement("iframe");i.setAttribute("title","Modal Message"),s&&(i.style.zIndex=s+1);const u=n=>{const e=n.getAttribute("href"),s=n.onclick;return r=>{if(null!=s&&"function"==typeof s&&!1===s())return;let u=st(e).abButtonId;if(null!=u&&""!==u||(u=n.getAttribute("id")),null!=e&&""!==e&&0!==e.indexOf("#")){const s="blank"===(n.getAttribute("target")||"").toLowerCase().replace("_",""),c=o||t.openTarget===InAppMessage.OpenTarget.BLANK||s,a=()=>{logInAppMessageHtmlClick(t,u,e),H.openUri(e,c,r)};c?a():t.on(i,a)}else logInAppMessageHtmlClick(t,u,e);return r.stopPropagation(),!1}},c=(t,n,e)=>{const o=`([\\w]+)\\s*=\\s*document.createElement\\(['"]${e}['"]\\)`,s=t.match(new RegExp(o));if(s){const e=`${s[1]}.setAttribute("nonce", "${n}")`;return`${t.slice(0,s.index+s[0].length)};${e};${t.slice(s.index+s[0].length)}`}return null};if(i.onload=()=>{let o=null;if(null!=r){o=document.createElement("html"),o.innerHTML=t.message;const n=o.getElementsByTagName("style");for(let t=0;t<n.length;t++)n[t].setAttribute("nonce",r);const e=o.getElementsByTagName("script");for(let t=0;t<e.length;t++){e[t].setAttribute("nonce",r),e[t].innerHTML=e[t].innerHTML.replace(/<style>/g,`<style nonce='${r}'>`);const n=c(e[t].innerHTML,r,"script");n&&(e[t].innerHTML=n);const o=c(e[t].innerHTML,r,"style");o&&(e[t].innerHTML=o)}}i.contentWindow.focus(),i.contentWindow.document.write(o?o.innerHTML:t.message);const s=i.contentWindow.document.getElementsByTagName("head")[0];if(null!=s){if(nt(s),t.sn()){const n=document.createElement("style");n.innerHTML=t.css,n.id=t.rn(),null!=r&&n.setAttribute("nonce",r),s.appendChild(n)}const n=i.contentWindow.document.createElement("base");n.setAttribute("target","_parent"),s.appendChild(n)}const a=i.contentWindow.document.getElementsByTagName("title");a.length>0&&i.setAttribute("title",a[0].textContent);const l={closeMessage:function(){t.on(i)},logClick:function(){const n=[t,...arguments];logInAppMessageHtmlClick.apply(t,Array.prototype.slice.call(n))},display:{},web:{}},requestPushPermission=function(){return function(){const t=arguments;import("../../Push/request-push-permission.js").then((n=>{n.requestPushPermission.apply(null,Array.prototype.slice.call(t))}))}},m={requestImmediateDataFlush:async function(){const t=arguments,n=await import("../../Core/request-immediate-data-flush.js");n.requestImmediateDataFlush.apply(null,Array.prototype.slice.call(t))},logCustomEvent:async function(){const t=arguments,n=await import("../../Core/log-custom-event.js");n.logCustomEvent.apply(null,Array.prototype.slice.call(t))},logPurchase:async function(){const t=arguments,n=await import("../../Core/log-purchase.js");n.logPurchase.apply(null,Array.prototype.slice.call(t))},unregisterPush:async function(){const t=arguments,n=await import("../../Push/unregister-push.js");n.unregisterPush.apply(null,Array.prototype.slice.call(t))},requestPushPermission:requestPushPermission(),changeUser:async function(){const t=arguments,n=await import("../../Core/change-user.js");n.changeUser.apply(null,Array.prototype.slice.call(t))}},f=function(t){return function(){m[t].apply(null,Array.prototype.slice.call(arguments))}};for(const t of rr(m))l[t]=f(t);const p=["setFirstName","setLastName","setEmail","setGender","setDateOfBirth","setCountry","setHomeCity","setEmailNotificationSubscriptionType","setLanguage","addAlias","setPushNotificationSubscriptionType","setPhoneNumber","setCustomUserAttribute","addToCustomAttributeArray","removeFromCustomAttributeArray","incrementCustomUserAttribute","setCustomLocationAttribute","addToSubscriptionGroup","removeFromSubscriptionGroup"],d=function(t){return function(){const n=Q();n[t].apply(n,Array.prototype.slice.call(arguments))}},y={};for(let t=0;t<p.length;t++)y[p[t]]=d(p[t]);l.getUser=function(){return y};const b={showFeed:n},g=function(n){return function(){const e=arguments;t.on(i,(function(){b[n].apply(null,Array.prototype.slice.call(e))}))}};for(const t of rr(b))l.display[t]=g(t);const h={registerAppboyPushMessages:requestPushPermission()},A=function(t){return function(){h[t].apply(null,Array.prototype.slice.call(arguments))}};for(const t of rr(h))l.web[t]=A(t);if(i.contentWindow.appboyBridge=l,i.contentWindow.brazeBridge=l,t.un!==InAppMessage.es.cn){const t=i.contentWindow.document.getElementsByTagName("a");for(let n=0;n<t.length;n++)t[n].onclick=u(t[n]);const n=i.contentWindow.document.getElementsByTagName("button");for(let t=0;t<n.length;t++)n[t].onclick=u(n[t])}const j=i.contentWindow.document.body;if(null!=j){t.an()&&(j.id=t.htmlId);const n=document.createElement("hidden");n.onclick=l.closeMessage,n.className="ab-programmatic-close-button",j.appendChild(n)}i.contentWindow.dispatchEvent(new CustomEvent("ab.BridgeReady")),-1!==i.className.indexOf("ab-start-hidden")&&(i.className=i.className.replace("ab-start-hidden",""),e(i)),document.activeElement!==i&&i.focus()},i.className="ab-in-app-message ab-start-hidden ab-html-message ab-modal-interactions",et.OS===ot.ln){const n=document.createElement("div");return n.className="ab-ios-scroll-wrapper",n.appendChild(i),t.mn=n,n}return t.mn=i,i}
+import { attachInAppMessageCSS as nt } from "../../ui/js/iam-css.js";
+import ot from "../../util/browser-detector.js";
+import { logInAppMessageHtmlClick } from "../log-in-app-message-html-click.js";
+import { getUser as Q } from "../../Core/get-user.js";
+import { InAppMessage } from "../index.js";
+import { keys as rr } from "../../util/code-utils.js";
+import { OperatingSystems as rt } from "../../util/device-constants.js";
+import { parseQueryStringKeyValues as it } from "../../util/url-utils.js";
+import { WindowUtils as H } from "../../util/window-utils.js";
+export default function ut(t, n, e, o, s, r) {
+  const i = document.createElement("iframe");
+  i.setAttribute("title", "Modal Message"), s && (i.style.zIndex = s + 1);
+  const u = n => {
+      const e = n.getAttribute("href"),
+        s = n.onclick;
+      return r => {
+        if (null != s && "function" == typeof s && !1 === s()) return;
+        let u = it(e).abButtonId;
+        if (
+          ((null != u && "" !== u) || (u = n.getAttribute("id")),
+          null != e && "" !== e && 0 !== e.indexOf("#"))
+        ) {
+          const s =
+              "blank" ===
+              (n.getAttribute("target") || "").toLowerCase().replace("_", ""),
+            c = o || t.openTarget === InAppMessage.OpenTarget.BLANK || s,
+            a = () => {
+              logInAppMessageHtmlClick(t, u, e), H.openUri(e, c, r);
+            };
+          c ? a() : t.on(i, a);
+        } else logInAppMessageHtmlClick(t, u, e);
+        return r.stopPropagation(), !1;
+      };
+    },
+    c = (t, n, e) => {
+      const o = `([\\w]+)\\s*=\\s*document.createElement\\(['"]${e}['"]\\)`,
+        s = t.match(new RegExp(o));
+      if (s) {
+        const e = `${s[1]}.setAttribute("nonce", "${n}")`;
+        return `${t.slice(0, s.index + s[0].length)};${e};${t.slice(
+          s.index + s[0].length
+        )}`;
+      }
+      return null;
+    };
+  if (
+    ((i.onload = () => {
+      let o = null;
+      if (null != r) {
+        (o = document.createElement("html")), (o.innerHTML = t.message);
+        const n = o.getElementsByTagName("style");
+        for (let t = 0; t < n.length; t++) n[t].setAttribute("nonce", r);
+        const e = o.getElementsByTagName("script");
+        for (let t = 0; t < e.length; t++) {
+          e[t].setAttribute("nonce", r),
+            (e[t].innerHTML = e[t].innerHTML.replace(
+              /<style>/g,
+              `<style nonce='${r}'>`
+            ));
+          const n = c(e[t].innerHTML, r, "script");
+          n && (e[t].innerHTML = n);
+          const o = c(e[t].innerHTML, r, "style");
+          o && (e[t].innerHTML = o);
+        }
+      }
+      i.contentWindow.focus(),
+        i.contentWindow.document.write(o ? o.innerHTML : t.message);
+      const s = i.contentWindow.document.getElementsByTagName("head")[0];
+      if (null != s) {
+        if ((nt(s), t.sn())) {
+          const n = document.createElement("style");
+          (n.innerHTML = t.css),
+            (n.id = t.rn()),
+            null != r && n.setAttribute("nonce", r),
+            s.appendChild(n);
+        }
+        const n = i.contentWindow.document.createElement("base");
+        n.setAttribute("target", "_parent"), s.appendChild(n);
+      }
+      const a = i.contentWindow.document.getElementsByTagName("title");
+      a.length > 0 && i.setAttribute("title", a[0].textContent);
+      const l = {
+          closeMessage: function() {
+            t.on(i);
+          },
+          logClick: function() {
+            const n = [t, ...arguments];
+            logInAppMessageHtmlClick.apply(t, Array.prototype.slice.call(n));
+          },
+          display: {},
+          web: {}
+        },
+        requestPushPermission = function() {
+          return function() {
+            const t = arguments;
+            import("../../Push/request-push-permission.js").then(n => {
+              n.requestPushPermission.apply(
+                null,
+                Array.prototype.slice.call(t)
+              );
+            });
+          };
+        },
+        m = {
+          requestImmediateDataFlush: async function() {
+            const t = arguments,
+              n = await import("../../Core/request-immediate-data-flush.js");
+            n.requestImmediateDataFlush.apply(
+              null,
+              Array.prototype.slice.call(t)
+            );
+          },
+          logCustomEvent: async function() {
+            const t = arguments,
+              n = await import("../../Core/log-custom-event.js");
+            n.logCustomEvent.apply(null, Array.prototype.slice.call(t));
+          },
+          logPurchase: async function() {
+            const t = arguments,
+              n = await import("../../Core/log-purchase.js");
+            n.logPurchase.apply(null, Array.prototype.slice.call(t));
+          },
+          unregisterPush: async function() {
+            const t = arguments,
+              n = await import("../../Push/unregister-push.js");
+            n.unregisterPush.apply(null, Array.prototype.slice.call(t));
+          },
+          requestPushPermission: requestPushPermission(),
+          changeUser: async function() {
+            const t = arguments,
+              n = await import("../../Core/change-user.js");
+            n.changeUser.apply(null, Array.prototype.slice.call(t));
+          }
+        },
+        f = function(t) {
+          return function() {
+            m[t].apply(null, Array.prototype.slice.call(arguments));
+          };
+        };
+      for (const t of rr(m)) l[t] = f(t);
+      const p = [
+          "setFirstName",
+          "setLastName",
+          "setEmail",
+          "setGender",
+          "setDateOfBirth",
+          "setCountry",
+          "setHomeCity",
+          "setEmailNotificationSubscriptionType",
+          "setLanguage",
+          "addAlias",
+          "setPushNotificationSubscriptionType",
+          "setPhoneNumber",
+          "setCustomUserAttribute",
+          "addToCustomAttributeArray",
+          "removeFromCustomAttributeArray",
+          "incrementCustomUserAttribute",
+          "setCustomLocationAttribute",
+          "addToSubscriptionGroup",
+          "removeFromSubscriptionGroup"
+        ],
+        d = function(t) {
+          return function() {
+            const n = Q();
+            n[t].apply(n, Array.prototype.slice.call(arguments));
+          };
+        },
+        y = {};
+      for (let t = 0; t < p.length; t++) y[p[t]] = d(p[t]);
+      l.getUser = function() {
+        return y;
+      };
+      const b = { showFeed: n },
+        g = function(n) {
+          return function() {
+            const e = arguments;
+            t.on(i, function() {
+              b[n].apply(null, Array.prototype.slice.call(e));
+            });
+          };
+        };
+      for (const t of rr(b)) l.display[t] = g(t);
+      const h = { registerAppboyPushMessages: requestPushPermission() },
+        A = function(t) {
+          return function() {
+            h[t].apply(null, Array.prototype.slice.call(arguments));
+          };
+        };
+      for (const t of rr(h)) l.web[t] = A(t);
+      if (
+        ((i.contentWindow.appboyBridge = l),
+        (i.contentWindow.brazeBridge = l),
+        t.un !== InAppMessage.es.cn)
+      ) {
+        const t = i.contentWindow.document.getElementsByTagName("a");
+        for (let n = 0; n < t.length; n++) t[n].onclick = u(t[n]);
+        const n = i.contentWindow.document.getElementsByTagName("button");
+        for (let t = 0; t < n.length; t++) n[t].onclick = u(n[t]);
+      }
+      const j = i.contentWindow.document.body;
+      if (null != j) {
+        t.an() && (j.id = t.htmlId);
+        const n = document.createElement("hidden");
+        (n.onclick = l.closeMessage),
+          (n.className = "ab-programmatic-close-button"),
+          j.appendChild(n);
+      }
+      i.contentWindow.dispatchEvent(new CustomEvent("ab.BridgeReady")),
+        -1 !== i.className.indexOf("ab-start-hidden") &&
+          ((i.className = i.className.replace("ab-start-hidden", "")), e(i)),
+        document.activeElement !== i && i.focus();
+    }),
+    (i.className =
+      "ab-in-app-message ab-start-hidden ab-html-message ab-modal-interactions"),
+    ot.OS === rt.ln)
+  ) {
+    const n = document.createElement("div");
+    return (
+      (n.className = "ab-ios-scroll-wrapper"), n.appendChild(i), (t.mn = n), n
+    );
+  }
+  return (t.mn = i), i;
+}

package/src/InAppMessage/display/in-app-message-to-html.js

@@ -1 +1,152 @@
-import{addPassiveEventListener as oe,buildSvg as ae,detectSwipe as d,DIRECTIONS as c}from"../../util/dom-utils.js";import{createCloseButton as i}from"../../util/component-utils.js";import{isTransparent as ie,toRgba as ne}from"../../util/color-utils.js";import FullScreenMessage from"../models/full-screen-message.js";import HtmlMessage from"../models/html-message.js";import InAppMessage from"../models/in-app-message.js";import ModalMessage from"../models/modal-message.js";import SlideUpMessage from"../models/slide-up-message.js";import{logInAppMessageClick}from"../log-in-app-message-click.js";import{_handleBrazeAction as m}from"../../Core/handle-braze-action.js";import rt from"./html-message-to-html.js";import me from"./modal-utils.js";import r from"../../../shared-lib/braze-shared-lib.js";export default function ce(e,o,s,t,a,n){if(e.he=document.activeElement,e instanceof HtmlMessage)return rt(e,o,s,t,a,n);const l=function(e,o,s,t,a){const n=document.createElement("div");n.className="ab-in-app-message ab-start-hidden ab-background",a&&(n.style.zIndex=a+1),e.we()&&(n.className+=" ab-modal-interactions",n.setAttribute("tabindex","-1")),e.sn()||(n.style.color=ne(e.textColor),n.style.backgroundColor=ne(e.backgroundColor),ie(e.backgroundColor)&&(n.className+=" ab-no-shadow"));const c=()=>{-1!==n.className.indexOf("ab-start-hidden")&&(n.className=n.className.replace("ab-start-hidden",""),s(n))};e.imageStyle===InAppMessage.ImageStyle.GRAPHIC&&(n.className+=" graphic"),e.orientation===InAppMessage.Orientation.LANDSCAPE&&(n.className+=" landscape"),0===e.buttons.length&&(e.clickAction!==InAppMessage.ClickAction.NONE&&(n.className+=" ab-clickable"),n.onclick=s=>(e.on(n,(()=>{logInAppMessageClick(e),e.clickAction===InAppMessage.ClickAction.URI?m(e.uri,s,t||e.openTarget===InAppMessage.OpenTarget.BLANK):e.clickAction===InAppMessage.ClickAction.NEWS_FEED&&o()})),s.stopPropagation(),!1));const l=i("Close Message",e.sn()?void 0:ne(e.closeButtonColor),(()=>{e.on(n)}));n.appendChild(l),a&&(l.style.zIndex=a+2);const d=document.createElement("div");d.className="ab-message-text";const u=(e.messageAlignment||e.ke).toLowerCase();d.className+=" "+u+"-aligned";let b=!1;const f=document.createElement("div");if(f.className="ab-image-area",e.imageUrl){if(e.cropType===InAppMessage.CropType.CENTER_CROP){const o=document.createElement("span");o.className="ab-center-cropped-img",o.style.backgroundImage="url("+e.imageUrl+")",o.setAttribute("role","img"),o.setAttribute("aria-label","Modal Image"),e.xe(o),f.appendChild(o)}else{const o=document.createElement("img");o.setAttribute("src",e.imageUrl),e.xe(o),b=!0,o.onload=c,setTimeout(c,1e3),f.appendChild(o)}n.appendChild(f),d.className+=" ab-with-image"}else if(e.icon){f.className+=" ab-icon-area";const o=document.createElement("span");o.className="ab-icon",e.sn()||(o.style.backgroundColor=ne(e.iconBackgroundColor),o.style.color=ne(e.iconColor));const s=document.createElement("i");s.className="fa",s.appendChild(document.createTextNode(e.icon)),s.setAttribute("aria-hidden",!0),o.appendChild(s),f.appendChild(o),n.appendChild(f),d.className+=" ab-with-icon"}if(oe(d,"touchstart",(function(){})),e.header&&e.header.length>0){const o=document.createElement("h1");o.className="ab-message-header",e.ze=r.it.nt(),o.id=e.ze;const s=(e.headerAlignment||InAppMessage.TextAlignment.CENTER).toLowerCase();o.className+=" "+s+"-aligned",e.sn()||(o.style.color=ne(e.headerTextColor)),o.appendChild(document.createTextNode(e.header)),d.appendChild(o)}return d.appendChild(e.Me()),n.appendChild(d),b||c(),e.mn=n,n}(e,o,s,t,a);if(e instanceof FullScreenMessage||e instanceof ModalMessage){const s=e instanceof FullScreenMessage?"ab-fullscreen":"ab-modal";l.className+=` ${s} ab-centered`,me.Ce(e,o,l,t),me.Le(l),me.Ie(e.ze,l)}else if(e instanceof SlideUpMessage){l.className+=" ab-slideup";const o=l.getElementsByClassName("ab-close-button")[0];if(null!=o){const s=ae("0 0 11.38 19.44","M11.38 9.72l-9.33 9.72L0 17.3l7.27-7.58L0 2.14 2.05 0l9.33 9.72z",e.sn()?void 0:ne(e.closeButtonColor));s.setAttribute("class","ab-chevron"),o.appendChild(s)}let s,t;d(l,c.ot,(e=>{l.className+=" ab-swiped-left",o.onclick(e)})),d(l,c.et,(e=>{l.className+=" ab-swiped-right",o.onclick(e)})),e.slideFrom===InAppMessage.SlideFrom.TOP?(s=c.Te,t=" ab-swiped-up"):(s=c.$e,t=" ab-swiped-down"),d(l,s,(e=>{l.className+=t,o.onclick(e)}))}return l}
+import {
+  addPassiveEventListener as oe,
+  buildSvg as ae,
+  detectSwipe as d,
+  DIRECTIONS as c
+} from "../../util/dom-utils.js";
+import { createCloseButton as i } from "../../util/component-utils.js";
+import { isTransparent as ne, toRgba as me } from "../../util/color-utils.js";
+import FullScreenMessage from "../models/full-screen-message.js";
+import HtmlMessage from "../models/html-message.js";
+import InAppMessage from "../models/in-app-message.js";
+import ModalMessage from "../models/modal-message.js";
+import SlideUpMessage from "../models/slide-up-message.js";
+import { logInAppMessageClick } from "../log-in-app-message-click.js";
+import { _handleBrazeAction as m } from "../../Core/handle-braze-action.js";
+import ut from "./html-message-to-html.js";
+import ce from "./modal-utils.js";
+import r from "../../../shared-lib/braze-shared-lib.js";
+export default function le(e, o, s, t, a, n) {
+  if (((e.ke = document.activeElement), e instanceof HtmlMessage))
+    return ut(e, o, s, t, a, n);
+  const l = (function(e, o, s, t, a) {
+    const n = document.createElement("div");
+    (n.className = "ab-in-app-message ab-start-hidden ab-background"),
+      a && (n.style.zIndex = a + 1),
+      e.Me() &&
+        ((n.className += " ab-modal-interactions"),
+        n.setAttribute("tabindex", "-1")),
+      e.sn() ||
+        ((n.style.color = me(e.textColor)),
+        (n.style.backgroundColor = me(e.backgroundColor)),
+        ne(e.backgroundColor) && (n.className += " ab-no-shadow"));
+    const c = () => {
+      -1 !== n.className.indexOf("ab-start-hidden") &&
+        ((n.className = n.className.replace("ab-start-hidden", "")), s(n));
+    };
+    e.imageStyle === InAppMessage.ImageStyle.GRAPHIC &&
+      (n.className += " graphic"),
+      e.orientation === InAppMessage.Orientation.LANDSCAPE &&
+        (n.className += " landscape"),
+      0 === e.buttons.length &&
+        (e.clickAction !== InAppMessage.ClickAction.NONE &&
+          (n.className += " ab-clickable"),
+        (n.onclick = s => (
+          e.on(n, () => {
+            logInAppMessageClick(e),
+              e.clickAction === InAppMessage.ClickAction.URI
+                ? m(
+                    e.uri,
+                    s,
+                    t || e.openTarget === InAppMessage.OpenTarget.BLANK
+                  )
+                : e.clickAction === InAppMessage.ClickAction.NEWS_FEED && o();
+          }),
+          s.stopPropagation(),
+          !1
+        )));
+    const l = i(
+      "Close Message",
+      e.sn() ? void 0 : me(e.closeButtonColor),
+      () => {
+        e.on(n);
+      }
+    );
+    n.appendChild(l), a && (l.style.zIndex = a + 2);
+    const d = document.createElement("div");
+    d.className = "ab-message-text";
+    const u = (e.messageAlignment || e.Ce).toLowerCase();
+    d.className += " " + u + "-aligned";
+    let b = !1;
+    const f = document.createElement("div");
+    if (((f.className = "ab-image-area"), e.imageUrl)) {
+      if (e.cropType === InAppMessage.CropType.CENTER_CROP) {
+        const o = document.createElement("span");
+        (o.className = "ab-center-cropped-img"),
+          (o.style.backgroundImage = "url(" + e.imageUrl + ")"),
+          o.setAttribute("role", "img"),
+          o.setAttribute("aria-label", "Modal Image"),
+          e.Le(o),
+          f.appendChild(o);
+      } else {
+        const o = document.createElement("img");
+        o.setAttribute("src", e.imageUrl),
+          e.Le(o),
+          (b = !0),
+          (o.onload = c),
+          setTimeout(c, 1e3),
+          f.appendChild(o);
+      }
+      n.appendChild(f), (d.className += " ab-with-image");
+    } else if (e.icon) {
+      f.className += " ab-icon-area";
+      const o = document.createElement("span");
+      (o.className = "ab-icon"),
+        e.sn() ||
+          ((o.style.backgroundColor = me(e.iconBackgroundColor)),
+          (o.style.color = me(e.iconColor)));
+      const s = document.createElement("i");
+      (s.className = "fa"),
+        s.appendChild(document.createTextNode(e.icon)),
+        s.setAttribute("aria-hidden", !0),
+        o.appendChild(s),
+        f.appendChild(o),
+        n.appendChild(f),
+        (d.className += " ab-with-icon");
+    }
+    if ((oe(d, "touchstart", function() {}), e.header && e.header.length > 0)) {
+      const o = document.createElement("h1");
+      (o.className = "ab-message-header"), (e.Ie = r.it.nt()), (o.id = e.Ie);
+      const s = (
+        e.headerAlignment || InAppMessage.TextAlignment.CENTER
+      ).toLowerCase();
+      (o.className += " " + s + "-aligned"),
+        e.sn() || (o.style.color = me(e.headerTextColor)),
+        o.appendChild(document.createTextNode(e.header)),
+        d.appendChild(o);
+    }
+    return d.appendChild(e.Ae()), n.appendChild(d), b || c(), (e.mn = n), n;
+  })(e, o, s, t, a);
+  if (e instanceof FullScreenMessage || e instanceof ModalMessage) {
+    const s = e instanceof FullScreenMessage ? "ab-fullscreen" : "ab-modal";
+    (l.className += ` ${s} ab-centered`),
+      ce.Be(e, o, l, t),
+      ce.Ee(l),
+      ce.Ge(e.Ie, l);
+  } else if (e instanceof SlideUpMessage) {
+    l.className += " ab-slideup";
+    const o = l.getElementsByClassName("ab-close-button")[0];
+    if (null != o) {
+      const s = ae(
+        "0 0 11.38 19.44",
+        "M11.38 9.72l-9.33 9.72L0 17.3l7.27-7.58L0 2.14 2.05 0l9.33 9.72z",
+        e.sn() ? void 0 : me(e.closeButtonColor)
+      );
+      s.setAttribute("class", "ab-chevron"), o.appendChild(s);
+    }
+    let s, t;
+    d(l, c.ot, e => {
+      (l.className += " ab-swiped-left"), o.onclick(e);
+    }),
+      d(l, c.et, e => {
+        (l.className += " ab-swiped-right"), o.onclick(e);
+      }),
+      e.slideFrom === InAppMessage.SlideFrom.TOP
+        ? ((s = c.He), (t = " ab-swiped-up"))
+        : ((s = c.Je), (t = " ab-swiped-down")),
+      d(l, s, e => {
+        (l.className += t), o.onclick(e);
+      });
+  }
+  return l;
+}

package/src/InAppMessage/display/modal-utils.js

@@ -1 +1,68 @@
-import InAppMessage from"../models/in-app-message.js";import{_handleBrazeAction as m}from"../../Core/handle-braze-action.js";import{logInAppMessageButtonClick}from"../log-in-app-message-button-click.js";import{toRgba as ne}from"../../util/color-utils.js";import{addPassiveEventListener as oe}from"../../util/dom-utils.js";import{KeyCodes as at}from"../../util/key-codes.js";const me={Le:t=>{const o=t.querySelectorAll(".ab-close-button, .ab-message-text, .ab-message-button");for(let t=0;t<o.length;t++)o[t].tabIndex=0;if(o.length>0){const e=o[0],s=o[o.length-1];t.addEventListener("keydown",(o=>{var a=document.activeElement;o.keyCode===at.oo&&(o.shiftKey||a!==s&&a!==t?!o.shiftKey||a!==e&&a!==t||(o.preventDefault(),s.focus()):(o.preventDefault(),e.focus()))}))}},Ie:(t,o)=>{o.setAttribute("role","dialog"),o.setAttribute("aria-modal",!0),o.setAttribute("aria-label","Modal Message"),t&&o.setAttribute("aria-labelledby",t)},Ce:(t,o,e,s)=>{if(t.buttons.length>0){const a=document.createElement("div");a.className="ab-message-buttons",e.appendChild(a);const l=e.getElementsByClassName("ab-message-text")[0];null!=l&&(l.className+=" ab-with-buttons");const n=a=>l=>(t.on(e,(()=>{logInAppMessageButtonClick(a,t),a.clickAction===InAppMessage.ClickAction.URI?m(a.uri,l,s||t.openTarget===InAppMessage.OpenTarget.BLANK):a.clickAction===InAppMessage.ClickAction.NEWS_FEED&&o()})),l.stopPropagation(),!1);for(let o=0;o<t.buttons.length;o++){const e=t.buttons[o],s=document.createElement("button");s.className="ab-message-button",s.setAttribute("type","button"),oe(s,"touchstart",(function(){}));let l=e.text;""===e.text&&(l=" "),s.appendChild(document.createTextNode(l)),t.sn()||(s.style.backgroundColor=ne(e.backgroundColor),s.style.color=ne(e.textColor),s.style.borderColor=ne(e.borderColor)),s.onclick=n(e),a.appendChild(s)}}}};export default me;
+import InAppMessage from "../models/in-app-message.js";
+import { _handleBrazeAction as m } from "../../Core/handle-braze-action.js";
+import { logInAppMessageButtonClick } from "../log-in-app-message-button-click.js";
+import { toRgba as me } from "../../util/color-utils.js";
+import { addPassiveEventListener as oe } from "../../util/dom-utils.js";
+import { KeyCodes as at } from "../../util/key-codes.js";
+const ce = {
+  Ee: t => {
+    const o = t.querySelectorAll(
+      ".ab-close-button, .ab-message-text, .ab-message-button"
+    );
+    for (let t = 0; t < o.length; t++) o[t].tabIndex = 0;
+    if (o.length > 0) {
+      const e = o[0],
+        s = o[o.length - 1];
+      t.addEventListener("keydown", o => {
+        var a = document.activeElement;
+        o.keyCode === at.oo &&
+          (o.shiftKey || (a !== s && a !== t)
+            ? !o.shiftKey ||
+              (a !== e && a !== t) ||
+              (o.preventDefault(), s.focus())
+            : (o.preventDefault(), e.focus()));
+      });
+    }
+  },
+  Ge: (t, o) => {
+    o.setAttribute("role", "dialog"),
+      o.setAttribute("aria-modal", !0),
+      o.setAttribute("aria-label", "Modal Message"),
+      t && o.setAttribute("aria-labelledby", t);
+  },
+  Be: (t, o, e, s) => {
+    if (t.buttons.length > 0) {
+      const a = document.createElement("div");
+      (a.className = "ab-message-buttons"), e.appendChild(a);
+      const l = e.getElementsByClassName("ab-message-text")[0];
+      null != l && (l.className += " ab-with-buttons");
+      const n = a => l => (
+        t.on(e, () => {
+          logInAppMessageButtonClick(a, t),
+            a.clickAction === InAppMessage.ClickAction.URI
+              ? m(a.uri, l, s || t.openTarget === InAppMessage.OpenTarget.BLANK)
+              : a.clickAction === InAppMessage.ClickAction.NEWS_FEED && o();
+        }),
+        l.stopPropagation(),
+        !1
+      );
+      for (let o = 0; o < t.buttons.length; o++) {
+        const e = t.buttons[o],
+          s = document.createElement("button");
+        (s.className = "ab-message-button"),
+          s.setAttribute("type", "button"),
+          oe(s, "touchstart", function() {});
+        let l = e.text;
+        "" === e.text && (l = " "),
+          s.appendChild(document.createTextNode(l)),
+          t.sn() ||
+            ((s.style.backgroundColor = me(e.backgroundColor)),
+            (s.style.color = me(e.textColor)),
+            (s.style.borderColor = me(e.borderColor))),
+          (s.onclick = n(e)),
+          a.appendChild(s);
+      }
+    }
+  }
+};
+export default ce;

package/src/InAppMessage/in-app-message-factory.js

@@ -1 +1,145 @@
-import InAppMessage from"./models/in-app-message.js";import ControlMessage from"./models/control-message.js";import FullScreenMessage from"./models/full-screen-message.js";import HtmlMessage from"./models/html-message.js";import InAppMessageButton from"./models/in-app-message-button.js";import ModalMessage from"./models/modal-message.js";import SlideUpMessage from"./models/slide-up-message.js";import r from"../../shared-lib/braze-shared-lib.js";export function newInAppMessageFromJson(e){if(e.is_control)return ControlMessage.fromJson(e);let s=e.type;null!=s&&(s=s.toUpperCase());const o=e.message,m=e.text_align_message,l=e.slide_from,n=e.extras,t=e.trigger_id,i=e.click_action,p=e.uri,f=e.open_target,a=e.message_close,d=e.duration,u=e.icon,g=e.image_url,j=e.image_style,w=e.icon_color,c=e.icon_bg_color,b=e.bg_color,h=e.text_color,v=e.close_btn_color,I=e.header,k=e.text_align_header,x=e.header_text_color,y=e.frame_color,z=[];let A=e.btns;null==A&&(A=[]);for(let e=0;e<A.length;e++)z.push(InAppMessageButton.fromJson(A[e]));const F=e.crop_type,J=e.orientation,M=e.animate_in,q=e.animate_out;let B,C=e.html_id,D=e.css;if(null!=C&&""!==C&&null!=D&&""!==D||(C=void 0,D=void 0),s===ModalMessage.es||s===InAppMessage.es.ye)B=new ModalMessage(o,m,n,t,i,p,f,a,d,u,g,j,w,c,b,h,v,M,q,I,k,x,y,z,F,C,D);else if(s===FullScreenMessage.es)B=new FullScreenMessage(o,m,n,t,i,p,f,a,d,u,g,j,w,c,b,h,v,M,q,I,k,x,y,z,F,J,C,D);else if(s===SlideUpMessage.es)B=new SlideUpMessage(o,m,l,n,t,i,p,f,a,d,u,g,w,c,b,h,v,M,q,C,D);else{if(s!==HtmlMessage.es&&s!==InAppMessage.es.cn)return void r.D.error("Ignoring message with unknown type "+s);{const s=e.message_fields;B=new HtmlMessage(o,n,t,a,d,M,q,y,C,D,s),B.trusted=e.trusted||!1}}return B.un=s,B}
+import InAppMessage from "./models/in-app-message.js";
+import ControlMessage from "./models/control-message.js";
+import FullScreenMessage from "./models/full-screen-message.js";
+import HtmlMessage from "./models/html-message.js";
+import InAppMessageButton from "./models/in-app-message-button.js";
+import ModalMessage from "./models/modal-message.js";
+import SlideUpMessage from "./models/slide-up-message.js";
+import r from "../../shared-lib/braze-shared-lib.js";
+export function newInAppMessageFromJson(e) {
+  if (e.is_control) return ControlMessage.fromJson(e);
+  let s = e.type;
+  null != s && (s = s.toUpperCase());
+  const o = e.message,
+    m = e.text_align_message,
+    l = e.slide_from,
+    n = e.extras,
+    t = e.trigger_id,
+    i = e.click_action,
+    p = e.uri,
+    f = e.open_target,
+    a = e.message_close,
+    d = e.duration,
+    u = e.icon,
+    g = e.image_url,
+    j = e.image_style,
+    w = e.icon_color,
+    c = e.icon_bg_color,
+    b = e.bg_color,
+    h = e.text_color,
+    v = e.close_btn_color,
+    I = e.header,
+    k = e.text_align_header,
+    x = e.header_text_color,
+    y = e.frame_color,
+    z = [];
+  let A = e.btns;
+  null == A && (A = []);
+  for (let e = 0; e < A.length; e++) z.push(InAppMessageButton.fromJson(A[e]));
+  const F = e.crop_type,
+    J = e.orientation,
+    M = e.animate_in,
+    q = e.animate_out;
+  let B,
+    C = e.html_id,
+    D = e.css;
+  if (
+    ((null != C && "" !== C && null != D && "" !== D) ||
+      ((C = void 0), (D = void 0)),
+    s === ModalMessage.es || s === InAppMessage.es.Ke)
+  )
+    B = new ModalMessage(
+      o,
+      m,
+      n,
+      t,
+      i,
+      p,
+      f,
+      a,
+      d,
+      u,
+      g,
+      j,
+      w,
+      c,
+      b,
+      h,
+      v,
+      M,
+      q,
+      I,
+      k,
+      x,
+      y,
+      z,
+      F,
+      C,
+      D
+    );
+  else if (s === FullScreenMessage.es)
+    B = new FullScreenMessage(
+      o,
+      m,
+      n,
+      t,
+      i,
+      p,
+      f,
+      a,
+      d,
+      u,
+      g,
+      j,
+      w,
+      c,
+      b,
+      h,
+      v,
+      M,
+      q,
+      I,
+      k,
+      x,
+      y,
+      z,
+      F,
+      J,
+      C,
+      D
+    );
+  else if (s === SlideUpMessage.es)
+    B = new SlideUpMessage(
+      o,
+      m,
+      l,
+      n,
+      t,
+      i,
+      p,
+      f,
+      a,
+      d,
+      u,
+      g,
+      w,
+      c,
+      b,
+      h,
+      v,
+      M,
+      q,
+      C,
+      D
+    );
+  else {
+    if (s !== HtmlMessage.es && s !== InAppMessage.es.cn)
+      return void r.D.error("Ignoring message with unknown type " + s);
+    {
+      const s = e.message_fields;
+      (B = new HtmlMessage(o, n, t, a, d, M, q, y, C, D, s)),
+        (B.trusted = e.trusted || !1);
+    }
+  }
+  return (B.un = s), B;
+}

package/src/InAppMessage/in-app-message-manager-factory.js

@@ -1 +1,16 @@
-import ge from"./in-app-message-manager.js";import e from"../managers/braze-instance.js";const pe={Ae:null,t:!1,m:()=>(pe.o(),pe.Ae||(pe.Ae=new ge(e.nr(),e.g(),e.l(),e.p())),pe.Ae),o:()=>{pe.t||(e.u(pe),pe.t=!0)},destroy:()=>{pe.Ae=null,pe.t=!1}};export default pe;
+import ge from "./in-app-message-manager.js";
+import e from "../managers/braze-instance.js";
+const pe = {
+  Oe: null,
+  t: !1,
+  m: () => (
+    pe.o(), pe.Oe || (pe.Oe = new ge(e.nr(), e.g(), e.l(), e.p())), pe.Oe
+  ),
+  o: () => {
+    pe.t || (e.u(pe), (pe.t = !0));
+  },
+  destroy: () => {
+    (pe.Oe = null), (pe.t = !1);
+  }
+};
+export default pe;