@braze/web-sdk 4.10.1 → 5.0.1

package/src/InAppMessage/display/get-animation-effect.js

@@ -1 +1,19 @@
-import FullScreenMessage from"../models/full-screen-message.js";import HtmlMessage from"../models/html-message.js";import ModalMessage from"../models/modal-message.js";import SlideUpMessage from"../models/slide-up-message.js";export default function me(e){let s="";return e.animateIn&&(s+=" ab-animate-in"),e.animateOut&&(s+=" ab-animate-out"),e instanceof FullScreenMessage?s+=" ab-effect-fullscreen":e instanceof HtmlMessage?s+=" ab-effect-html":e instanceof ModalMessage?s+=" ab-effect-modal":e instanceof SlideUpMessage&&(s+=" ab-effect-slide"),s}
+import FullScreenMessage from "../models/full-screen-message.js";
+import HtmlMessage from "../models/html-message.js";
+import ModalMessage from "../models/modal-message.js";
+import SlideUpMessage from "../models/slide-up-message.js";
+export default function me(e) {
+  let s = "";
+  return (
+    e.animateIn && (s += " ab-animate-in"),
+    e.animateOut && (s += " ab-animate-out"),
+    e instanceof FullScreenMessage
+      ? (s += " ab-effect-fullscreen")
+      : e instanceof HtmlMessage
+      ? (s += " ab-effect-html")
+      : e instanceof ModalMessage
+      ? (s += " ab-effect-modal")
+      : e instanceof SlideUpMessage && (s += " ab-effect-slide"),
+    s
+  );
+}

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

@@ -1 +1,243 @@
-import{attachInAppMessageCSS as ut}from"../../ui/js/iam-css.js";import V from"../../util/browser-detector.js";import{logInAppMessageHtmlClick}from"../log-in-app-message-html-click.js";import{getUser as ee}from"../../Core/get-user.js";import{InAppMessage}from"../index.js";import{keys as oo}from"../../util/code-utils.js";import{OperatingSystems as W}from"../../util/device-constants.js";import{parseQueryStringKeyValues as ct}from"../../util/url-utils.js";import{WindowUtils as Z}from"../../util/window-utils.js";import e from"../../managers/braze-instance.js";import r from"../../../shared-lib/braze-shared-lib.js";import{BRAZE_MUST_BE_INITIALIZED_ERROR as P}from"../../common/constants.js";export default function at(t,o,n,s,i,u){const c=document.createElement("iframe");c.setAttribute("title","Modal Message"),i&&(c.style.zIndex=(i+1).toString());const a=e=>{const o=e.getAttribute("href"),r=e.onclick;return n=>{if(null!=r&&"function"==typeof r&&!1===r.bind(e)(n))return;let i=ct(o).abButtonId;if(null!=i&&""!==i||(i=e.getAttribute("id")||void 0),null!=o&&""!==o&&0!==o.indexOf("#")){const r="blank"===(e.getAttribute("target")||"").toLowerCase().replace("_",""),u=s||t.openTarget===InAppMessage.OpenTarget.BLANK||r,a=()=>{logInAppMessageHtmlClick(t,i,o),Z.openUri(o,u,n)};u?a():t.ye(c,a)}else logInAppMessageHtmlClick(t,i,o||void 0);return n.stopPropagation(),!1}},m=(t,e,o)=>{const r=`([\\w]+)\\s*=\\s*document.createElement\\(['"]${o}['"]\\)`,n=t.match(new RegExp(r));if(n){const o=`${n[1]}.setAttribute("nonce", "${e}")`;return`${t.slice(0,n.index+n[0].length)};${o};${t.slice(n.index+n[0].length)}`}return null};if(c.onload=()=>{let s=null;if(null!=u){s=document.createElement("html"),s.innerHTML=t.message||"";const e=s.getElementsByTagName("style");for(let t=0;t<e.length;t++)e[t].setAttribute("nonce",u);const o=s.getElementsByTagName("script");for(let t=0;t<o.length;t++){o[t].setAttribute("nonce",u),o[t].innerHTML=o[t].innerHTML.replace(/<style>/g,`<style nonce='${u}'>`);const e=m(o[t].innerHTML,u,"script");e&&(o[t].innerHTML=e);const r=m(o[t].innerHTML,u,"style");r&&(o[t].innerHTML=r)}}const i=c.contentWindow;i.focus(),i.document.write(s?s.innerHTML:t.message||"");const l=i.document.getElementsByTagName("head")[0];if(null!=l){if(ut(l),t.Ae()){const e=document.createElement("style");e.innerHTML=t.css||"",e.id=t.Ce()||"",null!=u&&e.setAttribute("nonce",u),l.appendChild(e)}const e=i.document.createElement("base");null!=e&&(e.setAttribute("target","_parent"),l.appendChild(e))}const f=i.document.getElementsByTagName("title");f&&f.length>0&&c.setAttribute("title",f[0].textContent||"");const d={closeMessage:function(){t.ye(c)},logClick:function(){logInAppMessageHtmlClick(t,...arguments)},display:{},web:{}},requestPushPermission=function(){return function(){const t=arguments;import("../../Push/request-push-permission.js").then((o=>{e.fe()?o.requestPushPermission(...Array.prototype.slice.call(t)):r.j.error(P)}))}},p={requestImmediateDataFlush:function(){const t=arguments;import("../../Core/request-immediate-data-flush.js").then((({requestImmediateDataFlush:requestImmediateDataFlush})=>{e.fe()?requestImmediateDataFlush(...Array.prototype.slice.call(t)):r.j.error(P)}))},logCustomEvent:function(){const t=arguments;import("../../Core/log-custom-event.js").then((({logCustomEvent:logCustomEvent})=>{if(!e.fe())return void r.j.error(P);logCustomEvent(...Array.prototype.slice.call(t))}))},logPurchase:function(){const t=arguments;import("../../Core/log-purchase.js").then((({logPurchase:logPurchase})=>{if(!e.fe())return void r.j.error(P);logPurchase(...Array.prototype.slice.call(t))}))},unregisterPush:function(){const t=arguments;import("../../Push/unregister-push.js").then((({unregisterPush:unregisterPush})=>{e.fe()?unregisterPush(...Array.prototype.slice.call(t)):r.j.error(P)}))},requestPushPermission:requestPushPermission(),changeUser:function(){const t=arguments;import("../../Core/change-user.js").then((({changeUser:changeUser})=>{if(!e.fe())return void r.j.error(P);changeUser(...Array.prototype.slice.call(t))}))}},h=function(t){return function(){p[t](...Array.prototype.slice.call(arguments))}};for(const t of oo(p))d[t]=h(t);const b=["setFirstName","setLastName","setEmail","setGender","setDateOfBirth","setCountry","setHomeCity","setEmailNotificationSubscriptionType","setLanguage","addAlias","setPushNotificationSubscriptionType","setPhoneNumber","setCustomUserAttribute","addToCustomAttributeArray","removeFromCustomAttributeArray","incrementCustomUserAttribute","setCustomLocationAttribute","addToSubscriptionGroup","removeFromSubscriptionGroup"],g=function(t){return function(){const e=ee();e&&e[t](...Array.prototype.slice.call(arguments))}},y={};for(let t=0;t<b.length;t++)y[b[t]]=g(b[t]);d.getUser=function(){return y};const A={showFeed:o},j=function(e){return function(){const o=arguments;t.ye(c,(function(){A[e](...Array.prototype.slice.call(o))}))}},C=d.display;for(const t of oo(A))C[t]=j(t);const v={registerAppboyPushMessages:requestPushPermission()},w=function(t){return function(){v[t](...Array.prototype.slice.call(arguments))}},E=d.web;for(const t of oo(v))E[t]=w(t);if(i.appboyBridge=d,i.brazeBridge=d,t.Pe!==InAppMessage.qe.Ee){const t=i.document.getElementsByTagName("a");for(let e=0;e<t.length;e++)t[e].onclick=a(t[e]);const e=i.document.getElementsByTagName("button");for(let t=0;t<e.length;t++)e[t].onclick=a(e[t])}const $=i.document.body;if(null!=$){t.Ne()&&($.id=t.htmlId||"");const e=document.createElement("hidden");e.onclick=d.closeMessage,e.className="ab-programmatic-close-button",$.appendChild(e)}i.dispatchEvent(new CustomEvent("ab.BridgeReady")),-1!==c.className.indexOf("ab-start-hidden")&&(c.className=c.className.replace("ab-start-hidden",""),n(c)),document.activeElement!==c&&c.focus()},c.className="ab-in-app-message ab-start-hidden ab-html-message ab-modal-interactions",V.OS===W.de){const e=document.createElement("div");return e.className="ab-ios-scroll-wrapper",e.appendChild(c),t.Me=e,e}return t.Me=c,c}
+import Q from "../../util/browser-detector.js";
+import { logInAppMessageHtmlClick } from "../log-in-app-message-html-click.js";
+import { getUser as Z } from "../../Core/get-user.js";
+import { InAppMessage } from "../index.js";
+import { keys as oo } from "../../util/code-utils.js";
+import { OperatingSystems as V } from "../../util/device-constants.js";
+import { parseQueryStringKeyValues as ut } from "../../util/url-utils.js";
+import { WindowUtils as Y } from "../../util/window-utils.js";
+import e from "../../managers/braze-instance.js";
+import r from "../../../shared-lib/braze-shared-lib.js";
+import { BRAZE_MUST_BE_INITIALIZED_ERROR as P } from "../../common/constants.js";
+export default function ct(t, o, n, s, i, u) {
+  const c = document.createElement("iframe");
+  c.setAttribute("title", "Modal Message"),
+    i && (c.style.zIndex = (i + 1).toString());
+  const a = (e) => {
+      const o = e.getAttribute("href"),
+        r = e.onclick;
+      return (n) => {
+        if (null != r && "function" == typeof r && !1 === r.bind(e)(n)) return;
+        let i = ut(o).abButtonId;
+        if (
+          ((null != i && "" !== i) || (i = e.getAttribute("id") || void 0),
+          null != o && "" !== o && 0 !== o.indexOf("#"))
+        ) {
+          const r =
+              "blank" ===
+              (e.getAttribute("target") || "").toLowerCase().replace("_", ""),
+            u = s || t.openTarget === InAppMessage.OpenTarget.BLANK || r,
+            a = () => {
+              logInAppMessageHtmlClick(t, i, o), Y.openUri(o, u, n);
+            };
+          u ? a() : t.ye(c, a);
+        } else logInAppMessageHtmlClick(t, i, o || void 0);
+        return n.stopPropagation(), !1;
+      };
+    },
+    m = (t, e, o) => {
+      const r = `([\\w]+)\\s*=\\s*document.createElement\\(['"]${o}['"]\\)`,
+        n = t.match(new RegExp(r));
+      if (n) {
+        const o = `${n[1]}.setAttribute("nonce", "${e}")`;
+        return `${t.slice(0, n.index + n[0].length)};${o};${t.slice(
+          n.index + n[0].length,
+        )}`;
+      }
+      return null;
+    };
+  if (
+    ((c.onload = () => {
+      let s = null;
+      if (null != u) {
+        (s = document.createElement("html")), (s.innerHTML = t.message || "");
+        const e = s.getElementsByTagName("style");
+        for (let t = 0; t < e.length; t++) e[t].setAttribute("nonce", u);
+        const o = s.getElementsByTagName("script");
+        for (let t = 0; t < o.length; t++) {
+          o[t].setAttribute("nonce", u),
+            (o[t].innerHTML = o[t].innerHTML.replace(
+              /<style>/g,
+              `<style nonce='${u}'>`,
+            ));
+          const e = m(o[t].innerHTML, u, "script");
+          e && (o[t].innerHTML = e);
+          const r = m(o[t].innerHTML, u, "style");
+          r && (o[t].innerHTML = r);
+        }
+      }
+      const i = c.contentWindow;
+      i.focus(), i.document.write(s ? s.innerHTML : t.message || "");
+      const l = i.document.getElementsByTagName("head")[0];
+      if (null != l) {
+        if (t.Ae()) {
+          const e = document.createElement("style");
+          (e.innerHTML = t.css || ""),
+            (e.id = t.Ce() || ""),
+            null != u && e.setAttribute("nonce", u),
+            l.appendChild(e);
+        }
+        const e = i.document.createElement("base");
+        null != e && (e.setAttribute("target", "_parent"), l.appendChild(e));
+      }
+      const f = i.document.getElementsByTagName("title");
+      f && f.length > 0 && c.setAttribute("title", f[0].textContent || "");
+      const d = {
+          closeMessage: function () {
+            t.ye(c);
+          },
+          logClick: function () {
+            logInAppMessageHtmlClick(t, ...arguments);
+          },
+          display: {},
+          web: {},
+        },
+        requestPushPermission = function () {
+          return function () {
+            const t = arguments;
+            import("../../Push/request-push-permission.js").then((o) => {
+              e.fe()
+                ? o.requestPushPermission(...Array.prototype.slice.call(t))
+                : r.j.error(P);
+            });
+          };
+        },
+        p = {
+          requestImmediateDataFlush: function () {
+            const t = arguments;
+            import("../../Core/request-immediate-data-flush.js").then(
+              ({ requestImmediateDataFlush: requestImmediateDataFlush }) => {
+                e.fe()
+                  ? requestImmediateDataFlush(...Array.prototype.slice.call(t))
+                  : r.j.error(P);
+              },
+            );
+          },
+          logCustomEvent: function () {
+            const t = arguments;
+            import("../../Core/log-custom-event.js").then(
+              ({ logCustomEvent: logCustomEvent }) => {
+                if (!e.fe()) return void r.j.error(P);
+                logCustomEvent(...Array.prototype.slice.call(t));
+              },
+            );
+          },
+          logPurchase: function () {
+            const t = arguments;
+            import("../../Core/log-purchase.js").then(
+              ({ logPurchase: logPurchase }) => {
+                if (!e.fe()) return void r.j.error(P);
+                logPurchase(...Array.prototype.slice.call(t));
+              },
+            );
+          },
+          unregisterPush: function () {
+            const t = arguments;
+            import("../../Push/unregister-push.js").then(
+              ({ unregisterPush: unregisterPush }) => {
+                e.fe()
+                  ? unregisterPush(...Array.prototype.slice.call(t))
+                  : r.j.error(P);
+              },
+            );
+          },
+          requestPushPermission: requestPushPermission(),
+          changeUser: function () {
+            const t = arguments;
+            import("../../Core/change-user.js").then(
+              ({ changeUser: changeUser }) => {
+                if (!e.fe()) return void r.j.error(P);
+                changeUser(...Array.prototype.slice.call(t));
+              },
+            );
+          },
+        },
+        h = function (t) {
+          return function () {
+            p[t](...Array.prototype.slice.call(arguments));
+          };
+        };
+      for (const t of oo(p)) d[t] = h(t);
+      const b = [
+          "setFirstName",
+          "setLastName",
+          "setEmail",
+          "setGender",
+          "setDateOfBirth",
+          "setCountry",
+          "setHomeCity",
+          "setEmailNotificationSubscriptionType",
+          "setLanguage",
+          "addAlias",
+          "setPushNotificationSubscriptionType",
+          "setPhoneNumber",
+          "setCustomUserAttribute",
+          "addToCustomAttributeArray",
+          "removeFromCustomAttributeArray",
+          "incrementCustomUserAttribute",
+          "setCustomLocationAttribute",
+          "addToSubscriptionGroup",
+          "removeFromSubscriptionGroup",
+        ],
+        g = function (t) {
+          return function () {
+            const e = Z();
+            e && e[t](...Array.prototype.slice.call(arguments));
+          };
+        },
+        y = {};
+      for (let t = 0; t < b.length; t++) y[b[t]] = g(b[t]);
+      d.getUser = function () {
+        return y;
+      };
+      const A = { showFeed: o },
+        j = function (e) {
+          return function () {
+            const o = arguments;
+            t.ye(c, function () {
+              A[e](...Array.prototype.slice.call(o));
+            });
+          };
+        },
+        C = d.display;
+      for (const t of oo(A)) C[t] = j(t);
+      const v = { registerAppboyPushMessages: requestPushPermission() },
+        w = function (t) {
+          return function () {
+            v[t](...Array.prototype.slice.call(arguments));
+          };
+        },
+        E = d.web;
+      for (const t of oo(v)) E[t] = w(t);
+      if (
+        ((i.appboyBridge = d), (i.brazeBridge = d), t.Pe !== InAppMessage.qe.Ee)
+      ) {
+        const t = i.document.getElementsByTagName("a");
+        for (let e = 0; e < t.length; e++) t[e].onclick = a(t[e]);
+        const e = i.document.getElementsByTagName("button");
+        for (let t = 0; t < e.length; t++) e[t].onclick = a(e[t]);
+      }
+      const $ = i.document.body;
+      if (null != $) {
+        t.Ne() && ($.id = t.htmlId || "");
+        const e = document.createElement("hidden");
+        (e.onclick = d.closeMessage),
+          (e.className = "ab-programmatic-close-button"),
+          $.appendChild(e);
+      }
+      i.dispatchEvent(new CustomEvent("ab.BridgeReady")),
+        -1 !== c.className.indexOf("ab-start-hidden") &&
+          ((c.className = c.className.replace("ab-start-hidden", "")), n(c)),
+        document.activeElement !== c && c.focus();
+    }),
+    (c.className =
+      "ab-in-app-message ab-start-hidden ab-html-message ab-modal-interactions"),
+    Q.OS === V.de)
+  ) {
+    const e = document.createElement("div");
+    return (
+      (e.className = "ab-ios-scroll-wrapper"), e.appendChild(c), (t.Me = e), e
+    );
+  }
+  return (t.Me = c), c;
+}

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

@@ -1 +1,188 @@
-import{addPassiveEventListener as oe,buildSvg as ae,detectSwipe as d,DIRECTIONS as c}from"../../util/dom-utils.js";import{createCloseButton as o}from"../../util/component-utils.js";import{isTransparent as ne,toRgba as le}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 at from"./html-message-to-html.js";import ce from"./modal-utils.js";import r from"../../../shared-lib/braze-shared-lib.js";export default function de(e,a,t,n,s,i,l,u=document.body){if(e.ke=document.activeElement,e instanceof HtmlMessage)return at(e,a,t,s,i,l);const b=function(e,a,t,n,s,i,l=document.body){let c=null;const d=document.createElement("div");d.className="ab-in-app-message ab-start-hidden ab-background",i&&(d.style.zIndex=(i+1).toString()),e.xe()&&(d.className+=" ab-modal-interactions",d.setAttribute("tabindex","-1")),e.Ae()||(d.style.color=le(e.textColor),d.style.backgroundColor=le(e.backgroundColor),ne(e.backgroundColor)&&(d.className+=" ab-no-shadow"));const u=()=>{-1!==d.className.indexOf("ab-start-hidden")&&(d.className=d.className.replace("ab-start-hidden",""),document.querySelectorAll(".ab-iam-img-loading").length>0?n(`Cannot show in-app message ${e.message} because another message is being shown.`,InAppMessage.Ie.Le):t(d))},b=(o=!0)=>{let a=document.querySelectorAll(".ab-iam-root");a&&0!==a.length||(a=l.querySelectorAll(".ab-iam-root")),a&&a.length>0&&(a[0].classList.remove("ab-iam-img-loading"),c&&(clearTimeout(c),c=null),o?u():r.j.error(`Cannot show in-app message ${e.message} because the image failed to load.`))};e.imageStyle===InAppMessage.ImageStyle.GRAPHIC&&(d.className+=" graphic"),e.orientation===InAppMessage.Orientation.LANDSCAPE&&(d.className+=" landscape"),null!=e.buttons&&0===e.buttons.length&&(e.clickAction!==InAppMessage.ClickAction.NONE&&(d.className+=" ab-clickable"),d.onclick=o=>(e.ye(d,(()=>{logInAppMessageClick(e),e.clickAction===InAppMessage.ClickAction.URI?m(e.uri||"",s||e.openTarget===InAppMessage.OpenTarget.BLANK,o):e.clickAction===InAppMessage.ClickAction.NEWS_FEED&&a()})),o.stopPropagation(),!1));const p=o("Close Message",e.Ae()?void 0:le(e.closeButtonColor),(()=>{e.ye(d)}));d.appendChild(p),i&&(p.style.zIndex=(i+2).toString());const g=document.createElement("div");g.className="ab-message-text";const f=(e.messageAlignment||e.Te).toLowerCase();g.className+=" "+f+"-aligned";let h=!1;const j=document.createElement("div");if(j.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.Be(o),j.appendChild(o)}else{const o=document.createElement("img");if(o.setAttribute("src",e.imageUrl),e.Be(o),0===document.querySelectorAll(".ab-iam-img-loading").length){h=!0;const e=document.querySelectorAll(".ab-iam-root");e&&e.length>0&&e[0].classList.add("ab-iam-img-loading"),c=window.setTimeout((()=>{b(!1)}),6e4),o.onload=()=>{b()},o.onerror=()=>{b(!1)}}j.appendChild(o)}d.appendChild(j),g.className+=" ab-with-image"}else if(e.icon){j.className+=" ab-icon-area";const o=document.createElement("span");o.className="ab-icon",e.Ae()||(o.style.backgroundColor=le(e.iconBackgroundColor),o.style.color=le(e.iconColor));const a=document.createElement("i");a.className="fa",a.appendChild(document.createTextNode(e.icon)),a.setAttribute("aria-hidden","true"),o.appendChild(a),j.appendChild(o),d.appendChild(j),g.className+=" ab-with-icon"}if(oe(g,"touchstart"),e.header&&e.header.length>0){const o=document.createElement("h1");o.className="ab-message-header",e.De=r.Z.Y(),o.id=e.De;const a=(e.headerAlignment||InAppMessage.TextAlignment.CENTER).toLowerCase();o.className+=" "+a+"-aligned",e.Ae()||(o.style.color=le(e.headerTextColor)),o.appendChild(document.createTextNode(e.header)),g.appendChild(o)}return g.appendChild(e.Ge()),d.appendChild(g),h||u(),e.Me=d,d}(e,a,t,n,s,i,u);if(e instanceof FullScreenMessage||e instanceof ModalMessage){const o=e instanceof FullScreenMessage?"ab-fullscreen":"ab-modal";b.className+=` ${o} ab-centered`,ce.He(e,a,b,s),ce.Je(b),ce.Ke(e.De,b)}else if(e instanceof SlideUpMessage){b.className+=" ab-slideup";const o=b.getElementsByClassName("ab-close-button")[0];if(null!=o){const a=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.Ae()?void 0:le(e.closeButtonColor));a.setAttribute("class","ab-chevron"),o.appendChild(a)}let a,t;d(b,c.W,(e=>{b.className+=" ab-swiped-left",null!=o&&null!=o.onclick&&o.onclick(e)})),d(b,c.X,(e=>{b.className+=" ab-swiped-right",null!=o&&null!=o.onclick&&o.onclick(e)})),e.slideFrom===InAppMessage.SlideFrom.TOP?(a=c.Oe,t=" ab-swiped-up"):(a=c.Qe,t=" ab-swiped-down"),d(b,a,(e=>{b.className+=t,null!=o&&null!=o.onclick&&o.onclick(e)}))}return b}
+import {
+  addPassiveEventListener as oe,
+  buildSvg as ae,
+  detectSwipe as d,
+  DIRECTIONS as c,
+} from "../../util/dom-utils.js";
+import { createCloseButton as o } from "../../util/component-utils.js";
+import { isTransparent as ne, toRgba as ie } 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 ct from "./html-message-to-html.js";
+import le from "./modal-utils.js";
+import r from "../../../shared-lib/braze-shared-lib.js";
+export default function ce(e, a, t, n, s, i, l, u = document.body) {
+  if (((e.ke = document.activeElement), e instanceof HtmlMessage))
+    return ct(e, a, t, s, i, l);
+  const b = (function (e, a, t, n, s, i, l = document.body) {
+    let c = null;
+    const d = document.createElement("div");
+    (d.className = "ab-in-app-message ab-start-hidden ab-background"),
+      i && (d.style.zIndex = (i + 1).toString()),
+      e.xe() &&
+        ((d.className += " ab-modal-interactions"),
+        d.setAttribute("tabindex", "-1")),
+      e.Ae() ||
+        ((d.style.color = ie(e.textColor)),
+        (d.style.backgroundColor = ie(e.backgroundColor)),
+        ne(e.backgroundColor) && (d.className += " ab-no-shadow"));
+    const u = () => {
+        -1 !== d.className.indexOf("ab-start-hidden") &&
+          ((d.className = d.className.replace("ab-start-hidden", "")),
+          document.querySelectorAll(".ab-iam-img-loading").length > 0
+            ? n(
+                `Cannot show in-app message ${e.message} because another message is being shown.`,
+                InAppMessage.Ie.Le,
+              )
+            : t(d));
+      },
+      b = (o = !0) => {
+        let a = document.querySelectorAll(".ab-iam-root");
+        (a && 0 !== a.length) || (a = l.querySelectorAll(".ab-iam-root")),
+          a &&
+            a.length > 0 &&
+            (a[0].classList.remove("ab-iam-img-loading"),
+            c && (clearTimeout(c), (c = null)),
+            o
+              ? u()
+              : r.j.error(
+                  `Cannot show in-app message ${e.message} because the image failed to load.`,
+                ));
+      };
+    e.imageStyle === InAppMessage.ImageStyle.GRAPHIC &&
+      (d.className += " graphic"),
+      e.orientation === InAppMessage.Orientation.LANDSCAPE &&
+        (d.className += " landscape"),
+      null != e.buttons &&
+        0 === e.buttons.length &&
+        (e.clickAction !== InAppMessage.ClickAction.NONE &&
+          (d.className += " ab-clickable"),
+        (d.onclick = (o) => (
+          e.ye(d, () => {
+            logInAppMessageClick(e),
+              e.clickAction === InAppMessage.ClickAction.URI
+                ? m(
+                    e.uri || "",
+                    s || e.openTarget === InAppMessage.OpenTarget.BLANK,
+                    o,
+                  )
+                : e.clickAction === InAppMessage.ClickAction.NEWS_FEED && a();
+          }),
+          o.stopPropagation(),
+          !1
+        )));
+    const p = o(
+      "Close Message",
+      e.Ae() ? void 0 : ie(e.closeButtonColor),
+      () => {
+        e.ye(d);
+      },
+    );
+    d.appendChild(p), i && (p.style.zIndex = (i + 2).toString());
+    const g = document.createElement("div");
+    g.className = "ab-message-text";
+    const f = (e.messageAlignment || e.Te).toLowerCase();
+    g.className += " " + f + "-aligned";
+    let h = !1;
+    const j = document.createElement("div");
+    if (((j.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.Be(o),
+          j.appendChild(o);
+      } else {
+        const o = document.createElement("img");
+        if (
+          (o.setAttribute("src", e.imageUrl),
+          e.Be(o),
+          0 === document.querySelectorAll(".ab-iam-img-loading").length)
+        ) {
+          h = !0;
+          const e = document.querySelectorAll(".ab-iam-root");
+          e && e.length > 0 && e[0].classList.add("ab-iam-img-loading"),
+            (c = window.setTimeout(() => {
+              b(!1);
+            }, 6e4)),
+            (o.onload = () => {
+              b();
+            }),
+            (o.onerror = () => {
+              b(!1);
+            });
+        }
+        j.appendChild(o);
+      }
+      d.appendChild(j), (g.className += " ab-with-image");
+    } else if (e.icon) {
+      j.className += " ab-icon-area";
+      const o = document.createElement("span");
+      (o.className = "ab-icon"),
+        e.Ae() ||
+          ((o.style.backgroundColor = ie(e.iconBackgroundColor)),
+          (o.style.color = ie(e.iconColor)));
+      const a = document.createElement("i");
+      (a.className = "fa"),
+        a.appendChild(document.createTextNode(e.icon)),
+        a.setAttribute("aria-hidden", "true"),
+        o.appendChild(a),
+        j.appendChild(o),
+        d.appendChild(j),
+        (g.className += " ab-with-icon");
+    }
+    if ((oe(g, "touchstart"), e.header && e.header.length > 0)) {
+      const o = document.createElement("h1");
+      (o.className = "ab-message-header"), (e.De = r.Z.Y()), (o.id = e.De);
+      const a = (
+        e.headerAlignment || InAppMessage.TextAlignment.CENTER
+      ).toLowerCase();
+      (o.className += " " + a + "-aligned"),
+        e.Ae() || (o.style.color = ie(e.headerTextColor)),
+        o.appendChild(document.createTextNode(e.header)),
+        g.appendChild(o);
+    }
+    return g.appendChild(e.Ge()), d.appendChild(g), h || u(), (e.Me = d), d;
+  })(e, a, t, n, s, i, u);
+  if (e instanceof FullScreenMessage || e instanceof ModalMessage) {
+    const o = e instanceof FullScreenMessage ? "ab-fullscreen" : "ab-modal";
+    (b.className += ` ${o} ab-centered`),
+      le.He(e, a, b, s),
+      le.Je(b),
+      le.Ke(e.De, b);
+  } else if (e instanceof SlideUpMessage) {
+    b.className += " ab-slideup";
+    const o = b.getElementsByClassName("ab-close-button")[0];
+    if (null != o) {
+      const a = 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.Ae() ? void 0 : ie(e.closeButtonColor),
+      );
+      a.setAttribute("class", "ab-chevron"), o.appendChild(a);
+    }
+    let a, t;
+    d(b, c.W, (e) => {
+      (b.className += " ab-swiped-left"),
+        null != o && null != o.onclick && o.onclick(e);
+    }),
+      d(b, c.X, (e) => {
+        (b.className += " ab-swiped-right"),
+          null != o && null != o.onclick && o.onclick(e);
+      }),
+      e.slideFrom === InAppMessage.SlideFrom.TOP
+        ? ((a = c.Oe), (t = " ab-swiped-up"))
+        : ((a = c.Qe), (t = " ab-swiped-down")),
+      d(b, a, (e) => {
+        (b.className += t), null != o && null != o.onclick && o.onclick(e);
+      });
+  }
+  return b;
+}

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

@@ -1 +1,73 @@
-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 le}from"../../util/color-utils.js";import{addPassiveEventListener as oe}from"../../util/dom-utils.js";import{KeyCodes as lt}from"../../util/key-codes.js";const ce={Je:t=>{const o=t.querySelectorAll(".ab-close-button, .ab-message-text, .ab-message-button");let e;for(let t=0;t<o.length;t++)e=o[t],e.tabIndex=0;if(o.length>0){const e=o[0],s=o[o.length-1];t.addEventListener("keydown",(o=>{const a=document.activeElement;o.keyCode===lt.oo&&(o.shiftKey||a!==s&&a!==t?!o.shiftKey||a!==e&&a!==t||(o.preventDefault(),s.focus()):(o.preventDefault(),e.focus()))}))}},Ke:(t,o)=>{o.setAttribute("role","dialog"),o.setAttribute("aria-modal","true"),o.setAttribute("aria-label","Modal Message"),t&&o.setAttribute("aria-labelledby",t)},He:(t,o,e,s)=>{if(t.buttons&&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.ye(e,(()=>{logInAppMessageButtonClick(a,t),a.clickAction===InAppMessage.ClickAction.URI?m(a.uri||"",s||t.openTarget===InAppMessage.OpenTarget.BLANK,l):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");let l=e.text;""===e.text&&(l=" "),s.appendChild(document.createTextNode(l)),t.Ae()||(s.style.backgroundColor=le(e.backgroundColor),s.style.color=le(e.textColor),s.style.borderColor=le(e.borderColor)),s.onclick=n(e),a.appendChild(s)}}}};export default ce;
+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 ie } from "../../util/color-utils.js";
+import { addPassiveEventListener as oe } from "../../util/dom-utils.js";
+import { KeyCodes as at } from "../../util/key-codes.js";
+const le = {
+  Je: (t) => {
+    const o = t.querySelectorAll(
+      ".ab-close-button, .ab-message-text, .ab-message-button",
+    );
+    let e;
+    for (let t = 0; t < o.length; t++) (e = o[t]), (e.tabIndex = 0);
+    if (o.length > 0) {
+      const e = o[0],
+        s = o[o.length - 1];
+      t.addEventListener("keydown", (o) => {
+        const 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()));
+      });
+    }
+  },
+  Ke: (t, o) => {
+    o.setAttribute("role", "dialog"),
+      o.setAttribute("aria-modal", "true"),
+      o.setAttribute("aria-label", "Modal Message"),
+      t && o.setAttribute("aria-labelledby", t);
+  },
+  He: (t, o, e, s) => {
+    if (t.buttons && 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.ye(e, () => {
+          logInAppMessageButtonClick(a, t),
+            a.clickAction === InAppMessage.ClickAction.URI
+              ? m(
+                  a.uri || "",
+                  s || t.openTarget === InAppMessage.OpenTarget.BLANK,
+                  l,
+                )
+              : 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");
+        let l = e.text;
+        "" === e.text && (l = " "),
+          s.appendChild(document.createTextNode(l)),
+          t.Ae() ||
+            ((s.style.backgroundColor = ie(e.backgroundColor)),
+            (s.style.color = ie(e.textColor)),
+            (s.style.borderColor = ie(e.borderColor))),
+          (s.onclick = n(e)),
+          a.appendChild(s);
+      }
+    }
+  },
+};
+export default le;

package/src/InAppMessage/get-deferred-in-app-message.js

@@ -1 +1,5 @@
-import e from"../managers/braze-instance.js";import se from"./in-app-message-manager-factory.js";export function getDeferredInAppMessage(){if(e.rr())return se.m().Re()}
+import e from "../managers/braze-instance.js";
+import se from "./in-app-message-manager-factory.js";
+export function getDeferredInAppMessage() {
+  if (e.rr()) return se.m().Re();
+}