@returningai/widget-sdk 1.6.2 → 1.7.1

package/dist/rai-widget.js

@@ -10335,794 +10335,245 @@ var lottie_light = { exports: {} };
 })(lottie_light, lottie_light.exports);
 var lottie_lightExports = lottie_light.exports;
 const lottie = /* @__PURE__ */ getDefaultExportFromCjs(lottie_lightExports);
-function storageKey(config) {
-  return `${config.storagePrefix}-${config.widgetId}-${config.container}-auth`;
-}
-function legacyStorageKey(config) {
-  return `${config.storagePrefix}-${config.widgetId}-auth`;
-}
-function errorSettingsKey(config) {
-  return `${config.storagePrefix}-${config.widgetId}-error-settings`;
-}
-function saveToStorage(config, state) {
+async function fetchEligibleBanner(apiUrl, request) {
   try {
-    const data = {
-      refreshToken: state.refreshToken,
-      tokenFamily: state.tokenFamily,
-      refreshTokenExpiry: state.refreshTokenExpiry
-    };
-    localStorage.setItem(storageKey(config), JSON.stringify(data));
+    const res = await fetch(`${apiUrl}/v2/api/banner-sdk/eligible`, {
+      method: "POST",
+      headers: { "Content-Type": "application/json" },
+      body: JSON.stringify(request)
+    });
+    const json = await res.json();
+    if (json && json.meta && json.meta.status === "success") {
+      return json.data || { banner: null };
+    }
+    return { banner: null, reason: json && json.detail || "request_failed" };
   } catch {
+    return { banner: null, reason: "network_error" };
   }
 }
-function loadFromStorage(config, state) {
-  try {
-    let raw = localStorage.getItem(storageKey(config));
-    const loadedLegacyKey = !raw;
-    if (!raw) {
-      raw = localStorage.getItem(legacyStorageKey(config));
-    }
-    if (!raw) return false;
-    const parsed = JSON.parse(raw);
-    if (parsed.refreshToken && !isTokenExpired(parsed.refreshTokenExpiry)) {
-      state.refreshToken = parsed.refreshToken;
-      state.tokenFamily = parsed.tokenFamily;
-      state.refreshTokenExpiry = parsed.refreshTokenExpiry;
-      if (loadedLegacyKey) {
-        saveToStorage(config, state);
-        localStorage.removeItem(legacyStorageKey(config));
+/*! @license DOMPurify 3.4.9 | (c) Cure53 and other contributors | Released under the Apache license 2.0 and Mozilla Public License 2.0 | github.com/cure53/DOMPurify/blob/3.4.9/LICENSE */
+function _arrayLikeToArray(r, a) {
+  (null == a || a > r.length) && (a = r.length);
+  for (var e = 0, n = Array(a); e < a; e++) n[e] = r[e];
+  return n;
+}
+function _arrayWithHoles(r) {
+  if (Array.isArray(r)) return r;
+}
+function _iterableToArrayLimit(r, l) {
+  var t = null == r ? null : "undefined" != typeof Symbol && r[Symbol.iterator] || r["@@iterator"];
+  if (null != t) {
+    var e, n, i, u, a = [], f = true, o = false;
+    try {
+      if (i = (t = t.call(r)).next, 0 === l) ;
+      else for (; !(f = (e = i.call(t)).done) && (a.push(e.value), a.length !== l); f = true) ;
+    } catch (r2) {
+      o = true, n = r2;
+    } finally {
+      try {
+        if (!f && null != t.return && (u = t.return(), Object(u) !== u)) return;
+      } finally {
+        if (o) throw n;
       }
-      return true;
     }
-    clearStorage(config);
-    return false;
-  } catch {
-    return false;
+    return a;
   }
 }
-function clearStorage(config) {
-  try {
-    localStorage.removeItem(storageKey(config));
-    localStorage.removeItem(legacyStorageKey(config));
-  } catch {
+function _nonIterableRest() {
+  throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.");
+}
+function _slicedToArray(r, e) {
+  return _arrayWithHoles(r) || _iterableToArrayLimit(r, e) || _unsupportedIterableToArray(r, e) || _nonIterableRest();
+}
+function _unsupportedIterableToArray(r, a) {
+  if (r) {
+    if ("string" == typeof r) return _arrayLikeToArray(r, a);
+    var t = {}.toString.call(r).slice(8, -1);
+    return "Object" === t && r.constructor && (t = r.constructor.name), "Map" === t || "Set" === t ? Array.from(r) : "Arguments" === t || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(t) ? _arrayLikeToArray(r, a) : void 0;
   }
 }
-const ERROR_SETTINGS_CACHE_TTL = 36e5;
-function loadErrorSettingsFromStorage(config) {
-  try {
-    const raw = localStorage.getItem(errorSettingsKey(config));
-    if (!raw) return null;
-    const parsed = JSON.parse(raw);
-    if (parsed.cachedAt && Date.now() - parsed.cachedAt < ERROR_SETTINGS_CACHE_TTL) {
-      return parsed;
+const entries = Object.entries, setPrototypeOf = Object.setPrototypeOf, isFrozen = Object.isFrozen, getPrototypeOf = Object.getPrototypeOf, getOwnPropertyDescriptor = Object.getOwnPropertyDescriptor;
+let freeze = Object.freeze, seal = Object.seal, create = Object.create;
+let _ref = typeof Reflect !== "undefined" && Reflect, apply = _ref.apply, construct = _ref.construct;
+if (!freeze) {
+  freeze = function freeze2(x) {
+    return x;
+  };
+}
+if (!seal) {
+  seal = function seal2(x) {
+    return x;
+  };
+}
+if (!apply) {
+  apply = function apply2(func, thisArg) {
+    for (var _len = arguments.length, args = new Array(_len > 2 ? _len - 2 : 0), _key = 2; _key < _len; _key++) {
+      args[_key - 2] = arguments[_key];
     }
-    localStorage.removeItem(errorSettingsKey(config));
-    return null;
-  } catch {
-    return null;
-  }
+    return func.apply(thisArg, args);
+  };
 }
-function saveErrorSettingsToStorage(config, settings) {
-  try {
-    localStorage.setItem(errorSettingsKey(config), JSON.stringify({ ...settings, cachedAt: Date.now() }));
-  } catch {
-  }
+if (!construct) {
+  construct = function construct2(Func) {
+    for (var _len2 = arguments.length, args = new Array(_len2 > 1 ? _len2 - 1 : 0), _key2 = 1; _key2 < _len2; _key2++) {
+      args[_key2 - 1] = arguments[_key2];
+    }
+    return new Func(...args);
+  };
 }
-function isTokenExpired(expiry) {
-  if (!expiry) return true;
-  return Date.now() >= expiry - 6e4;
+const arrayForEach = unapply(Array.prototype.forEach);
+const arrayLastIndexOf = unapply(Array.prototype.lastIndexOf);
+const arrayPop = unapply(Array.prototype.pop);
+const arrayPush = unapply(Array.prototype.push);
+const arraySplice = unapply(Array.prototype.splice);
+const arrayIsArray = Array.isArray;
+const stringToLowerCase = unapply(String.prototype.toLowerCase);
+const stringToString = unapply(String.prototype.toString);
+const stringMatch = unapply(String.prototype.match);
+const stringReplace = unapply(String.prototype.replace);
+const stringIndexOf = unapply(String.prototype.indexOf);
+const stringTrim = unapply(String.prototype.trim);
+const numberToString = unapply(Number.prototype.toString);
+const booleanToString = unapply(Boolean.prototype.toString);
+const bigintToString = typeof BigInt === "undefined" ? null : unapply(BigInt.prototype.toString);
+const symbolToString = typeof Symbol === "undefined" ? null : unapply(Symbol.prototype.toString);
+const objectHasOwnProperty = unapply(Object.prototype.hasOwnProperty);
+const objectToString = unapply(Object.prototype.toString);
+const regExpTest = unapply(RegExp.prototype.test);
+const typeErrorCreate = unconstruct(TypeError);
+function unapply(func) {
+  return function(thisArg) {
+    if (thisArg instanceof RegExp) {
+      thisArg.lastIndex = 0;
+    }
+    for (var _len3 = arguments.length, args = new Array(_len3 > 1 ? _len3 - 1 : 0), _key3 = 1; _key3 < _len3; _key3++) {
+      args[_key3 - 1] = arguments[_key3];
+    }
+    return apply(func, thisArg, args);
+  };
 }
-function setTokens(config, state, data, onRefreshScheduled) {
-  state.accessToken = data.accessToken;
-  state.refreshToken = data.refreshToken;
-  state.tokenFamily = data.tokenFamily ?? null;
-  const now = Date.now();
-  state.accessTokenExpiry = now + data.accessTokenTTL * 1e3;
-  state.refreshTokenExpiry = now + data.refreshTokenTTL * 1e3;
-  saveToStorage(config, state);
-  if (config.autoRefresh && onRefreshScheduled) {
-    onRefreshScheduled();
+function unconstruct(Func) {
+  return function() {
+    for (var _len4 = arguments.length, args = new Array(_len4), _key4 = 0; _key4 < _len4; _key4++) {
+      args[_key4] = arguments[_key4];
+    }
+    return construct(Func, args);
+  };
+}
+function addToSet(set, array) {
+  let transformCaseFunc = arguments.length > 2 && arguments[2] !== void 0 ? arguments[2] : stringToLowerCase;
+  if (setPrototypeOf) {
+    setPrototypeOf(set, null);
+  }
+  if (!arrayIsArray(array)) {
+    return set;
+  }
+  let l = array.length;
+  while (l--) {
+    let element = array[l];
+    if (typeof element === "string") {
+      const lcElement = transformCaseFunc(element);
+      if (lcElement !== element) {
+        if (!isFrozen(array)) {
+          array[l] = lcElement;
+        }
+        element = lcElement;
+      }
+    }
+    set[element] = true;
   }
+  return set;
 }
-function buildIdentityProof(config) {
-  const proof = {};
-  if (config.embedToken) {
-    proof.embedToken = config.embedToken;
+function cleanArray(array) {
+  for (let index = 0; index < array.length; index++) {
+    const isPropertyExist = objectHasOwnProperty(array, index);
+    if (!isPropertyExist) {
+      array[index] = null;
+    }
   }
-  if (config.userIdentifiers && Object.keys(config.userIdentifiers).length > 0) {
-    proof.userIdentifiers = config.userIdentifiers;
+  return array;
+}
+function clone(object) {
+  const newObject = create(null);
+  for (const _ref2 of entries(object)) {
+    var _ref3 = _slicedToArray(_ref2, 2);
+    const property = _ref3[0];
+    const value = _ref3[1];
+    const isPropertyExist = objectHasOwnProperty(object, property);
+    if (isPropertyExist) {
+      if (arrayIsArray(value)) {
+        newObject[property] = cleanArray(value);
+      } else if (value && typeof value === "object" && value.constructor === Object) {
+        newObject[property] = clone(value);
+      } else {
+        newObject[property] = value;
+      }
+    }
   }
-  return proof;
+  return newObject;
 }
-async function authenticateServerless(config, state, onRefreshScheduled) {
-  const nonce = crypto.randomUUID();
-  const timestamp = Date.now();
-  const maxRetries = config.maxRetries ?? 3;
-  const retryDelay = config.retryDelay ?? 500;
-  for (let attempt = 0; attempt <= maxRetries; attempt++) {
-    if (attempt > 0) {
-      await new Promise(
-        (resolve) => setTimeout(resolve, retryDelay * (1 << attempt - 1))
-      );
+function stringifyValue(value) {
+  switch (typeof value) {
+    case "string": {
+      return value;
     }
-    let is4xx = false;
-    try {
-      const body = {
-        nonce,
-        timestamp,
-        widgetType: config.widgetType,
-        ...buildIdentityProof(config)
-      };
-      const response = await fetch(`${config.apiUrl}/${config.widgetId}/auth/serverless`, {
-        method: "POST",
-        headers: { "Content-Type": "application/json" },
-        body: JSON.stringify(body),
-        credentials: "include"
-      });
-      if (!response.ok) {
-        is4xx = response.status >= 400 && response.status < 500;
-        const errorBody = await response.json().catch(() => ({ error: "Authentication failed" }));
-        if (is4xx) {
-          state.lastAuthError = {
-            status: response.status,
-            error: errorBody == null ? void 0 : errorBody.error,
-            hint: errorBody == null ? void 0 : errorBody.hint
-          };
-          console.error(
-            `[rai-widget] /auth/serverless ${response.status}:`,
-            (errorBody == null ? void 0 : errorBody.error) || "Authentication failed",
-            (errorBody == null ? void 0 : errorBody.hint) ? `— ${errorBody.hint}` : ""
-          );
-        }
-        throw new Error((errorBody == null ? void 0 : errorBody.error) || `HTTP ${response.status}`);
-      }
-      state.lastAuthError = null;
-      const data = await response.json();
-      if (!data.accessToken || !data.refreshToken) {
-        throw new Error("Invalid authentication response");
-      }
-      setTokens(config, state, data, onRefreshScheduled);
-      state.isAuthenticated = true;
-      return true;
-    } catch {
-      if (is4xx || attempt === maxRetries) {
-        state.isAuthenticated = false;
-        return false;
-      }
+    case "number": {
+      return numberToString(value);
     }
-  }
-  state.isAuthenticated = false;
-  return false;
-}
-async function authenticateViaProxy(config, state, onRefreshScheduled) {
-  const maxRetries = config.maxRetries ?? 3;
-  const retryDelay = config.retryDelay ?? 500;
-  for (let attempt = 0; attempt <= maxRetries; attempt++) {
-    if (attempt > 0) {
-      await new Promise(
-        (resolve) => setTimeout(resolve, retryDelay * (1 << attempt - 1))
-      );
+    case "boolean": {
+      return booleanToString(value);
     }
-    let is4xx = false;
-    try {
-      const response = await fetch(config.authUrl, {
-        method: "POST",
-        credentials: "include",
-        headers: { "Content-Type": "application/json" }
-      });
-      if (!response.ok) {
-        is4xx = response.status >= 400 && response.status < 500;
-        throw new Error(`HTTP ${response.status}`);
-      }
-      const data = await response.json();
-      if (!data.token) {
-        throw new Error("Invalid proxy auth response");
-      }
-      const ttl = data.expiresIn ?? 300;
-      state.accessToken = data.token;
-      state.refreshToken = null;
-      state.tokenFamily = null;
-      state.accessTokenExpiry = Date.now() + ttl * 1e3;
-      state.refreshTokenExpiry = null;
-      state.isAuthenticated = true;
-      if (config.autoRefresh && onRefreshScheduled) {
-        onRefreshScheduled();
+    case "bigint": {
+      return bigintToString ? bigintToString(value) : "0";
+    }
+    case "symbol": {
+      return symbolToString ? symbolToString(value) : "Symbol()";
+    }
+    case "undefined": {
+      return objectToString(value);
+    }
+    case "function":
+    case "object": {
+      if (value === null) {
+        return objectToString(value);
       }
-      return true;
-    } catch {
-      if (is4xx || attempt === maxRetries) {
-        state.isAuthenticated = false;
-        return false;
+      const valueAsRecord = value;
+      const valueToString = lookupGetter(valueAsRecord, "toString");
+      if (typeof valueToString === "function") {
+        const stringified = valueToString(valueAsRecord);
+        return typeof stringified === "string" ? stringified : objectToString(stringified);
       }
+      return objectToString(value);
+    }
+    default: {
+      return objectToString(value);
     }
   }
-  state.isAuthenticated = false;
-  return false;
 }
-async function refreshAccessToken(config, state, onRefreshScheduled, sendToken) {
-  if (state.isRefreshing) {
-    return state.refreshPromise;
-  }
-  if (!state.refreshToken) {
-    return false;
-  }
-  state.isRefreshing = true;
-  state.refreshPromise = (async () => {
-    const reauthenticateAfterRefreshFailure = async () => {
-      clearState(state);
-      clearStorage(config);
-      const authed = await authenticateServerless(config, state, onRefreshScheduled);
-      if (authed && sendToken) sendToken();
-      return authed;
-    };
-    try {
-      const response = await fetch(`${config.apiUrl}/${config.widgetId}/auth/refresh`, {
-        method: "POST",
-        headers: {
-          "Content-Type": "application/json",
-          Authorization: `Bearer ${state.refreshToken}`
-        },
-        body: JSON.stringify({
-          widgetType: config.widgetType,
-          ...buildIdentityProof(config)
-        })
-      });
-      if (!response.ok) {
-        if (response.status === 400 || response.status === 401 || response.status === 403) {
-          return reauthenticateAfterRefreshFailure();
-        }
-        const error = await response.json().catch(() => ({ error: "Token refresh failed" }));
-        throw new Error(error.error || `HTTP ${response.status}`);
+function lookupGetter(object, prop) {
+  while (object !== null) {
+    const desc = getOwnPropertyDescriptor(object, prop);
+    if (desc) {
+      if (desc.get) {
+        return unapply(desc.get);
       }
-      const data = await response.json();
-      if (!data.accessToken || !data.refreshToken) {
-        throw new Error("Invalid refresh response");
+      if (typeof desc.value === "function") {
+        return unapply(desc.value);
       }
-      setTokens(config, state, data, onRefreshScheduled);
-      if (sendToken) sendToken();
-      return true;
-    } catch {
-      return reauthenticateAfterRefreshFailure();
-    } finally {
-      state.isRefreshing = false;
-      state.refreshPromise = null;
     }
-  })();
-  return state.refreshPromise;
-}
-async function getValidToken(config, state, onRefreshScheduled) {
-  if (state.accessToken && !isTokenExpired(state.accessTokenExpiry)) {
-    return state.accessToken;
-  }
-  if (config.authUrl) {
-    const authed2 = await authenticateViaProxy(config, state, onRefreshScheduled);
-    if (authed2 && state.accessToken) return state.accessToken;
-    throw new Error("Unable to obtain valid token");
+    object = getPrototypeOf(object);
   }
-  const refreshed = await refreshAccessToken(config, state, onRefreshScheduled);
-  if (refreshed && state.accessToken) return state.accessToken;
-  const authed = await authenticateServerless(config, state, onRefreshScheduled);
-  if (authed && state.accessToken) return state.accessToken;
-  throw new Error("Unable to obtain valid token");
-}
-async function logout(config, state) {
-  if (state.accessToken) {
-    try {
-      await fetch(`${config.apiUrl}/${config.widgetId}/auth/logout`, {
-        method: "POST",
-        headers: {
-          "Content-Type": "application/json",
-          Authorization: `Bearer ${state.accessToken}`
-        },
-        body: JSON.stringify({ refreshToken: state.refreshToken })
-      });
-    } catch {
-    }
+  function fallbackValue() {
+    return null;
   }
-  clearState(state);
-  clearStorage(config);
+  return fallbackValue;
 }
-const inflightErrorSettings = /* @__PURE__ */ new Map();
-function applyErrorSettingsToState(state, data) {
-  if (data.configured) {
-    state.errorSettings = {
-      errorMessage: data.errorMessage,
-      modalColor: data.modalColor,
-      backgroundImage: data.backgroundImage
-    };
-  }
-  if (data.loadingAnimation) {
-    state.loadingAnimation = data.loadingAnimation;
-  }
-  if (data.themePalette) {
-    state.themePalette = data.themePalette;
-  }
-  if (typeof data.font === "string" && data.font) {
-    state.font = data.font;
-  }
-  if (data.defaultColorSchema === "light" || data.defaultColorSchema === "dark") {
-    state.defaultColorSchema = data.defaultColorSchema;
-  }
-}
-async function fetchErrorSettings(config, state, opts = {}) {
-  if (!opts.skipCache) {
-    const cached = loadErrorSettingsFromStorage(config);
-    if (cached) {
-      applyErrorSettingsToState(state, cached);
-      return state.errorSettings;
-    }
-  }
-  const url = `${config.apiUrl}/${config.widgetId}/auth/error-settings?widgetType=${config.widgetType}`;
-  let promise = inflightErrorSettings.get(url);
-  if (!promise) {
-    promise = (async () => {
-      try {
-        const response = await fetch(url, {
-          method: "GET",
-          headers: { "Content-Type": "application/json" }
-        });
-        if (!response.ok) return null;
-        const data2 = await response.json();
-        saveErrorSettingsToStorage(config, data2);
-        return data2;
-      } catch {
-        return null;
-      } finally {
-        inflightErrorSettings.delete(url);
-      }
-    })();
-    inflightErrorSettings.set(url, promise);
-  }
-  const data = await promise;
-  if (!data) return null;
-  applyErrorSettingsToState(state, data);
-  return state.errorSettings;
-}
-function clearState(state) {
-  state.accessToken = null;
-  state.refreshToken = null;
-  state.tokenFamily = null;
-  state.accessTokenExpiry = null;
-  state.refreshTokenExpiry = null;
-  state.isAuthenticated = false;
-  state.isRefreshing = false;
-  state.refreshPromise = null;
-  state.lastAuthError = null;
-  if (state.refreshTimer) {
-    clearTimeout(state.refreshTimer);
-    state.refreshTimer = null;
-  }
-  if (state.syncTimer) {
-    clearInterval(state.syncTimer);
-    state.syncTimer = null;
-  }
-}
-const STORE_CALLBACK_FIELD_OPTIONS_SCOPE = "store.callback_field_options";
-const STORE_CALLBACK_FIELD_OPTIONS_CALLBACK_NAME = "callbackFieldOptions";
-const STORE_CALLBACK_FIELD_OPTIONS_TIMEOUT_MS = 15e3;
-function debounce(fn, wait) {
-  let timer = null;
-  return {
-    call(h) {
-      if (timer) clearTimeout(timer);
-      timer = setTimeout(() => {
-        fn(h);
-        timer = null;
-      }, wait);
-    },
-    cancel() {
-      if (timer) {
-        clearTimeout(timer);
-        timer = null;
-      }
-    }
-  };
-}
-function sendTokenToWidget(config, state, iframe) {
-  var _a;
-  if (!state.accessToken) return;
-  try {
-    (_a = iframe.contentWindow) == null ? void 0 : _a.postMessage(
-      {
-        type: "RETURNINGAI_WIDGET_TOKEN",
-        value: {
-          widgetId: config.widgetId,
-          token: state.accessToken,
-          ...config.customData !== void 0 && { customData: config.customData }
-        }
-      },
-      config.widgetDomain
-    );
-  } catch {
-  }
-}
-function setupMessageListener(config, state, _shadow, iframe, onRefreshScheduled, onLogout, hideLoader, emit, getCallbacks) {
-  const heightSetter = debounce((h) => {
-    iframe.style.height = `${h}px`;
-    emit == null ? void 0 : emit("rai-height-change", { height: h });
-  }, config.heightDebounce ?? 100);
-  const handler = async (event) => {
-    var _a, _b;
-    if (event.origin !== config.widgetDomain) return;
-    if (!event.data || typeof event.data.type !== "string") return;
-    const { type, containerId, widgetId, payload } = event.data;
-    switch (type) {
-      case "RETURNINGAI_WIDGET_REQUEST_TOKEN": {
-        try {
-          const token = await getValidToken(config, state, onRefreshScheduled);
-          (_a = iframe.contentWindow) == null ? void 0 : _a.postMessage(
-            {
-              type: "RETURNINGAI_WIDGET_TOKEN",
-              value: {
-                token,
-                widgetId: config.widgetId,
-                ...config.customData !== void 0 && { customData: config.customData }
-              }
-            },
-            config.widgetDomain
-          );
-        } catch {
-        }
-        break;
-      }
-      case "WIDGET_HEIGHT_UPDATE": {
-        const h = Number(payload == null ? void 0 : payload.height);
-        if (Number.isFinite(h) && h > 0) {
-          heightSetter.call(h);
-        }
-        break;
-      }
-      case "WIDGET_READY": {
-        if (widgetId !== void 0 && widgetId !== config.widgetId) break;
-        if (containerId !== void 0 && containerId !== config.container) break;
-        iframe.classList.add("loaded");
-        if (hideLoader) hideLoader();
-        emit == null ? void 0 : emit("rai-ready");
-        break;
-      }
-      case "WIDGET_ERROR": {
-        if (hideLoader) hideLoader();
-        break;
-      }
-      case "WIDGET_LOGOUT": {
-        if (onLogout) await onLogout();
-        break;
-      }
-      case "RETURNINGAI_WIDGET_ACTION": {
-        if (event.source !== iframe.contentWindow) break;
-        const message = event.data;
-        if (config.widgetType !== "store" && config.widgetType !== "custom") break;
-        if (message.widgetType !== "store") break;
-        if (message.action !== "store:host-callback") break;
-        if (message.callbackName !== STORE_CALLBACK_FIELD_OPTIONS_CALLBACK_NAME) break;
-        if (((_b = message.payload) == null ? void 0 : _b.scope) !== STORE_CALLBACK_FIELD_OPTIONS_SCOPE) break;
-        if (message.widgetId !== void 0 && message.widgetId !== config.widgetId) break;
-        if (message.containerId !== void 0 && message.containerId !== config.container) break;
-        const respond = (result) => {
-          var _a2;
-          (_a2 = iframe.contentWindow) == null ? void 0 : _a2.postMessage(result, config.widgetDomain);
-        };
-        const callbacks = (getCallbacks == null ? void 0 : getCallbacks()) ?? {};
-        const callback = callbacks[message.callbackName];
-        if (!callback) {
-          respond({
-            type: "RETURNINGAI_WIDGET_ACTION_RESULT",
-            requestId: message.requestId,
-            action: "store:host-callback",
-            ok: false,
-            status: "failed",
-            error: { message: "Host callback is not registered" }
-          });
-          break;
-        }
-        try {
-          const value = await callback(message.payload);
-          respond({
-            type: "RETURNINGAI_WIDGET_ACTION_RESULT",
-            requestId: message.requestId,
-            action: "store:host-callback",
-            ok: true,
-            status: "success",
-            value
-          });
-        } catch {
-          respond({
-            type: "RETURNINGAI_WIDGET_ACTION_RESULT",
-            requestId: message.requestId,
-            action: "store:host-callback",
-            ok: false,
-            status: "failed",
-            error: { message: "Host callback failed" }
-          });
-        }
-        break;
-      }
-    }
-  };
-  window.addEventListener("message", handler);
-  return () => {
-    window.removeEventListener("message", handler);
-    heightSetter.cancel();
-  };
-}
-function assertCallbackName(callbackName) {
-  if (!callbackName || typeof callbackName !== "string") {
-    throw new TypeError("ReturningAI callback name must be a non-empty string");
-  }
-}
-function assertCallback(callback) {
-  if (typeof callback !== "function") {
-    throw new TypeError("ReturningAI callback must be a function");
-  }
-}
-class WidgetCallbackRegistry {
-  constructor() {
-    __publicField(this, "registeredCallbacks", {});
-    __publicField(this, "locked", false);
-  }
-  get isLocked() {
-    return this.locked;
-  }
-  registerCallback(callbackName, callback) {
-    if (this.locked) {
-      return;
-    }
-    assertCallbackName(callbackName);
-    assertCallback(callback);
-    this.registeredCallbacks = {
-      ...this.registeredCallbacks,
-      [callbackName]: callback
-    };
-  }
-  lock() {
-    if (this.locked) {
-      return;
-    }
-    this.locked = true;
-  }
-  read() {
-    return { ...this.registeredCallbacks };
-  }
-}
-async function fetchEligibleBanner(apiUrl, request) {
-  try {
-    const res = await fetch(`${apiUrl}/v2/api/banner-sdk/eligible`, {
-      method: "POST",
-      headers: { "Content-Type": "application/json" },
-      body: JSON.stringify(request)
-    });
-    const json = await res.json();
-    if (json && json.meta && json.meta.status === "success") {
-      return json.data || { banner: null };
-    }
-    return { banner: null, reason: json && json.detail || "request_failed" };
-  } catch {
-    return { banner: null, reason: "network_error" };
-  }
-}
-/*! @license DOMPurify 3.4.9 | (c) Cure53 and other contributors | Released under the Apache license 2.0 and Mozilla Public License 2.0 | github.com/cure53/DOMPurify/blob/3.4.9/LICENSE */
-function _arrayLikeToArray(r, a) {
-  (null == a || a > r.length) && (a = r.length);
-  for (var e = 0, n = Array(a); e < a; e++) n[e] = r[e];
-  return n;
-}
-function _arrayWithHoles(r) {
-  if (Array.isArray(r)) return r;
-}
-function _iterableToArrayLimit(r, l) {
-  var t = null == r ? null : "undefined" != typeof Symbol && r[Symbol.iterator] || r["@@iterator"];
-  if (null != t) {
-    var e, n, i, u, a = [], f = true, o = false;
-    try {
-      if (i = (t = t.call(r)).next, 0 === l) ;
-      else for (; !(f = (e = i.call(t)).done) && (a.push(e.value), a.length !== l); f = true) ;
-    } catch (r2) {
-      o = true, n = r2;
-    } finally {
-      try {
-        if (!f && null != t.return && (u = t.return(), Object(u) !== u)) return;
-      } finally {
-        if (o) throw n;
-      }
-    }
-    return a;
-  }
-}
-function _nonIterableRest() {
-  throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.");
-}
-function _slicedToArray(r, e) {
-  return _arrayWithHoles(r) || _iterableToArrayLimit(r, e) || _unsupportedIterableToArray(r, e) || _nonIterableRest();
-}
-function _unsupportedIterableToArray(r, a) {
-  if (r) {
-    if ("string" == typeof r) return _arrayLikeToArray(r, a);
-    var t = {}.toString.call(r).slice(8, -1);
-    return "Object" === t && r.constructor && (t = r.constructor.name), "Map" === t || "Set" === t ? Array.from(r) : "Arguments" === t || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(t) ? _arrayLikeToArray(r, a) : void 0;
-  }
-}
-const entries = Object.entries, setPrototypeOf = Object.setPrototypeOf, isFrozen = Object.isFrozen, getPrototypeOf = Object.getPrototypeOf, getOwnPropertyDescriptor = Object.getOwnPropertyDescriptor;
-let freeze = Object.freeze, seal = Object.seal, create = Object.create;
-let _ref = typeof Reflect !== "undefined" && Reflect, apply = _ref.apply, construct = _ref.construct;
-if (!freeze) {
-  freeze = function freeze2(x) {
-    return x;
-  };
-}
-if (!seal) {
-  seal = function seal2(x) {
-    return x;
-  };
-}
-if (!apply) {
-  apply = function apply2(func, thisArg) {
-    for (var _len = arguments.length, args = new Array(_len > 2 ? _len - 2 : 0), _key = 2; _key < _len; _key++) {
-      args[_key - 2] = arguments[_key];
-    }
-    return func.apply(thisArg, args);
-  };
-}
-if (!construct) {
-  construct = function construct2(Func) {
-    for (var _len2 = arguments.length, args = new Array(_len2 > 1 ? _len2 - 1 : 0), _key2 = 1; _key2 < _len2; _key2++) {
-      args[_key2 - 1] = arguments[_key2];
-    }
-    return new Func(...args);
-  };
-}
-const arrayForEach = unapply(Array.prototype.forEach);
-const arrayLastIndexOf = unapply(Array.prototype.lastIndexOf);
-const arrayPop = unapply(Array.prototype.pop);
-const arrayPush = unapply(Array.prototype.push);
-const arraySplice = unapply(Array.prototype.splice);
-const arrayIsArray = Array.isArray;
-const stringToLowerCase = unapply(String.prototype.toLowerCase);
-const stringToString = unapply(String.prototype.toString);
-const stringMatch = unapply(String.prototype.match);
-const stringReplace = unapply(String.prototype.replace);
-const stringIndexOf = unapply(String.prototype.indexOf);
-const stringTrim = unapply(String.prototype.trim);
-const numberToString = unapply(Number.prototype.toString);
-const booleanToString = unapply(Boolean.prototype.toString);
-const bigintToString = typeof BigInt === "undefined" ? null : unapply(BigInt.prototype.toString);
-const symbolToString = typeof Symbol === "undefined" ? null : unapply(Symbol.prototype.toString);
-const objectHasOwnProperty = unapply(Object.prototype.hasOwnProperty);
-const objectToString = unapply(Object.prototype.toString);
-const regExpTest = unapply(RegExp.prototype.test);
-const typeErrorCreate = unconstruct(TypeError);
-function unapply(func) {
-  return function(thisArg) {
-    if (thisArg instanceof RegExp) {
-      thisArg.lastIndex = 0;
-    }
-    for (var _len3 = arguments.length, args = new Array(_len3 > 1 ? _len3 - 1 : 0), _key3 = 1; _key3 < _len3; _key3++) {
-      args[_key3 - 1] = arguments[_key3];
-    }
-    return apply(func, thisArg, args);
-  };
-}
-function unconstruct(Func) {
-  return function() {
-    for (var _len4 = arguments.length, args = new Array(_len4), _key4 = 0; _key4 < _len4; _key4++) {
-      args[_key4] = arguments[_key4];
-    }
-    return construct(Func, args);
-  };
-}
-function addToSet(set, array) {
-  let transformCaseFunc = arguments.length > 2 && arguments[2] !== void 0 ? arguments[2] : stringToLowerCase;
-  if (setPrototypeOf) {
-    setPrototypeOf(set, null);
-  }
-  if (!arrayIsArray(array)) {
-    return set;
-  }
-  let l = array.length;
-  while (l--) {
-    let element = array[l];
-    if (typeof element === "string") {
-      const lcElement = transformCaseFunc(element);
-      if (lcElement !== element) {
-        if (!isFrozen(array)) {
-          array[l] = lcElement;
-        }
-        element = lcElement;
-      }
-    }
-    set[element] = true;
-  }
-  return set;
-}
-function cleanArray(array) {
-  for (let index = 0; index < array.length; index++) {
-    const isPropertyExist = objectHasOwnProperty(array, index);
-    if (!isPropertyExist) {
-      array[index] = null;
-    }
-  }
-  return array;
-}
-function clone(object) {
-  const newObject = create(null);
-  for (const _ref2 of entries(object)) {
-    var _ref3 = _slicedToArray(_ref2, 2);
-    const property = _ref3[0];
-    const value = _ref3[1];
-    const isPropertyExist = objectHasOwnProperty(object, property);
-    if (isPropertyExist) {
-      if (arrayIsArray(value)) {
-        newObject[property] = cleanArray(value);
-      } else if (value && typeof value === "object" && value.constructor === Object) {
-        newObject[property] = clone(value);
-      } else {
-        newObject[property] = value;
-      }
-    }
-  }
-  return newObject;
-}
-function stringifyValue(value) {
-  switch (typeof value) {
-    case "string": {
-      return value;
-    }
-    case "number": {
-      return numberToString(value);
-    }
-    case "boolean": {
-      return booleanToString(value);
-    }
-    case "bigint": {
-      return bigintToString ? bigintToString(value) : "0";
-    }
-    case "symbol": {
-      return symbolToString ? symbolToString(value) : "Symbol()";
-    }
-    case "undefined": {
-      return objectToString(value);
-    }
-    case "function":
-    case "object": {
-      if (value === null) {
-        return objectToString(value);
-      }
-      const valueAsRecord = value;
-      const valueToString = lookupGetter(valueAsRecord, "toString");
-      if (typeof valueToString === "function") {
-        const stringified = valueToString(valueAsRecord);
-        return typeof stringified === "string" ? stringified : objectToString(stringified);
-      }
-      return objectToString(value);
-    }
-    default: {
-      return objectToString(value);
-    }
-  }
-}
-function lookupGetter(object, prop) {
-  while (object !== null) {
-    const desc = getOwnPropertyDescriptor(object, prop);
-    if (desc) {
-      if (desc.get) {
-        return unapply(desc.get);
-      }
-      if (typeof desc.value === "function") {
-        return unapply(desc.value);
-      }
-    }
-    object = getPrototypeOf(object);
-  }
-  function fallbackValue() {
-    return null;
-  }
-  return fallbackValue;
-}
-function isRegex(value) {
-  try {
-    regExpTest(value, "");
-    return true;
-  } catch (_unused) {
-    return false;
+function isRegex(value) {
+  try {
+    regExpTest(value, "");
+    return true;
+  } catch (_unused) {
+    return false;
   }
 }
 const html$1 = freeze(["a", "abbr", "acronym", "address", "area", "article", "aside", "audio", "b", "bdi", "bdo", "big", "blink", "blockquote", "body", "br", "button", "canvas", "caption", "center", "cite", "code", "col", "colgroup", "content", "data", "datalist", "dd", "decorator", "del", "details", "dfn", "dialog", "dir", "div", "dl", "dt", "element", "em", "fieldset", "figcaption", "figure", "font", "footer", "form", "h1", "h2", "h3", "h4", "h5", "h6", "head", "header", "hgroup", "hr", "html", "i", "img", "input", "ins", "kbd", "label", "legend", "li", "main", "map", "mark", "marquee", "menu", "menuitem", "meter", "nav", "nobr", "ol", "optgroup", "option", "output", "p", "picture", "pre", "progress", "q", "rp", "rt", "ruby", "s", "samp", "search", "section", "select", "shadow", "slot", "small", "source", "spacer", "span", "strike", "strong", "style", "sub", "summary", "sup", "table", "tbody", "td", "template", "textarea", "tfoot", "th", "thead", "time", "tr", "track", "tt", "u", "ul", "var", "video", "wbr"]);
@@ -11225,7 +10676,7 @@ function createDOMPurify() {
   const HTMLTemplateElement = window2.HTMLTemplateElement, Node = window2.Node, Element = window2.Element, NodeFilter = window2.NodeFilter, _window$NamedNodeMap = window2.NamedNodeMap;
   _window$NamedNodeMap === void 0 ? window2.NamedNodeMap || window2.MozNamedAttrMap : _window$NamedNodeMap;
   window2.HTMLFormElement;
-  const DOMParser2 = window2.DOMParser, trustedTypes = window2.trustedTypes;
+  const DOMParser = window2.DOMParser, trustedTypes = window2.trustedTypes;
   const ElementPrototype = Element.prototype;
   const cloneNode = lookupGetter(ElementPrototype, "cloneNode");
   const remove = lookupGetter(ElementPrototype, "remove");
@@ -11729,7 +11180,7 @@ function createDOMPurify() {
     const dirtyPayload = trustedTypesPolicy ? _createTrustedHTML(dirty) : dirty;
     if (NAMESPACE === HTML_NAMESPACE) {
       try {
-        doc = new DOMParser2().parseFromString(dirtyPayload, PARSER_MEDIA_TYPE);
+        doc = new DOMParser().parseFromString(dirtyPayload, PARSER_MEDIA_TYPE);
       } catch (_) {
       }
     }
@@ -12116,575 +11567,1265 @@ function createDOMPurify() {
       }
     }
   };
-  DOMPurify.sanitize = function(dirty) {
-    let cfg = arguments.length > 1 && arguments[1] !== void 0 ? arguments[1] : {};
-    let body = null;
-    let importedNode = null;
-    let currentNode = null;
-    let returnNode = null;
-    IS_EMPTY_INPUT = !dirty;
-    if (IS_EMPTY_INPUT) {
-      dirty = "<!-->";
+  DOMPurify.sanitize = function(dirty) {
+    let cfg = arguments.length > 1 && arguments[1] !== void 0 ? arguments[1] : {};
+    let body = null;
+    let importedNode = null;
+    let currentNode = null;
+    let returnNode = null;
+    IS_EMPTY_INPUT = !dirty;
+    if (IS_EMPTY_INPUT) {
+      dirty = "<!-->";
+    }
+    if (typeof dirty !== "string" && !_isNode(dirty)) {
+      dirty = stringifyValue(dirty);
+      if (typeof dirty !== "string") {
+        throw typeErrorCreate("dirty is not a string, aborting");
+      }
+    }
+    if (!DOMPurify.isSupported) {
+      return dirty;
+    }
+    if (!SET_CONFIG) {
+      _parseConfig(cfg);
+    }
+    DOMPurify.removed = [];
+    const inPlace = IN_PLACE && typeof dirty !== "string" && _isNode(dirty);
+    if (inPlace) {
+      const nn = getNodeName ? getNodeName(dirty) : dirty.nodeName;
+      if (typeof nn === "string") {
+        const tagName = transformCaseFunc(nn);
+        if (!ALLOWED_TAGS[tagName] || FORBID_TAGS[tagName]) {
+          throw typeErrorCreate("root node is forbidden and cannot be sanitized in-place");
+        }
+      }
+      if (_isClobbered(dirty)) {
+        throw typeErrorCreate("root node is clobbered and cannot be sanitized in-place");
+      }
+      try {
+        _sanitizeAttachedShadowRoots(dirty);
+      } catch (error) {
+        _neutralizeRoot(dirty);
+        throw error;
+      }
+    } else if (_isNode(dirty)) {
+      body = _initDocument("<!---->");
+      importedNode = body.ownerDocument.importNode(dirty, true);
+      if (importedNode.nodeType === NODE_TYPE.element && importedNode.nodeName === "BODY") {
+        body = importedNode;
+      } else if (importedNode.nodeName === "HTML") {
+        body = importedNode;
+      } else {
+        body.appendChild(importedNode);
+      }
+      _sanitizeAttachedShadowRoots(importedNode);
+    } else {
+      if (!RETURN_DOM && !SAFE_FOR_TEMPLATES && !WHOLE_DOCUMENT && // eslint-disable-next-line unicorn/prefer-includes
+      dirty.indexOf("<") === -1) {
+        return trustedTypesPolicy && RETURN_TRUSTED_TYPE ? _createTrustedHTML(dirty) : dirty;
+      }
+      body = _initDocument(dirty);
+      if (!body) {
+        return RETURN_DOM ? null : RETURN_TRUSTED_TYPE ? emptyHTML : "";
+      }
+    }
+    if (body && FORCE_BODY) {
+      _forceRemove(body.firstChild);
+    }
+    const nodeIterator = _createNodeIterator(inPlace ? dirty : body);
+    try {
+      while (currentNode = nodeIterator.nextNode()) {
+        _sanitizeElements(currentNode);
+        _sanitizeAttributes(currentNode);
+        if (_isDocumentFragment(currentNode.content)) {
+          _sanitizeShadowDOM2(currentNode.content);
+        }
+      }
+    } catch (error) {
+      if (inPlace) {
+        _neutralizeRoot(dirty);
+      }
+      throw error;
+    }
+    if (inPlace) {
+      arrayForEach(DOMPurify.removed, (entry) => {
+        if (entry.element) {
+          _neutralizeSubtree(entry.element);
+        }
+      });
+      if (SAFE_FOR_TEMPLATES) {
+        _scrubTemplateExpressions2(dirty);
+      }
+      return dirty;
+    }
+    if (RETURN_DOM) {
+      if (SAFE_FOR_TEMPLATES) {
+        _scrubTemplateExpressions2(body);
+      }
+      if (RETURN_DOM_FRAGMENT) {
+        returnNode = createDocumentFragment.call(body.ownerDocument);
+        while (body.firstChild) {
+          returnNode.appendChild(body.firstChild);
+        }
+      } else {
+        returnNode = body;
+      }
+      if (ALLOWED_ATTR.shadowroot || ALLOWED_ATTR.shadowrootmode) {
+        returnNode = importNode.call(originalDocument, returnNode, true);
+      }
+      return returnNode;
+    }
+    let serializedHTML = WHOLE_DOCUMENT ? body.outerHTML : body.innerHTML;
+    if (WHOLE_DOCUMENT && ALLOWED_TAGS["!doctype"] && body.ownerDocument && body.ownerDocument.doctype && body.ownerDocument.doctype.name && regExpTest(DOCTYPE_NAME, body.ownerDocument.doctype.name)) {
+      serializedHTML = "<!DOCTYPE " + body.ownerDocument.doctype.name + ">\n" + serializedHTML;
+    }
+    if (SAFE_FOR_TEMPLATES) {
+      arrayForEach([MUSTACHE_EXPR$1, ERB_EXPR$1, TMPLIT_EXPR$1], (expr) => {
+        serializedHTML = stringReplace(serializedHTML, expr, " ");
+      });
+    }
+    return trustedTypesPolicy && RETURN_TRUSTED_TYPE ? _createTrustedHTML(serializedHTML) : serializedHTML;
+  };
+  DOMPurify.setConfig = function() {
+    let cfg = arguments.length > 0 && arguments[0] !== void 0 ? arguments[0] : {};
+    _parseConfig(cfg);
+    SET_CONFIG = true;
+  };
+  DOMPurify.clearConfig = function() {
+    CONFIG = null;
+    SET_CONFIG = false;
+    trustedTypesPolicy = defaultTrustedTypesPolicy;
+    emptyHTML = "";
+  };
+  DOMPurify.isValidAttribute = function(tag, attr, value) {
+    if (!CONFIG) {
+      _parseConfig({});
     }
-    if (typeof dirty !== "string" && !_isNode(dirty)) {
-      dirty = stringifyValue(dirty);
-      if (typeof dirty !== "string") {
-        throw typeErrorCreate("dirty is not a string, aborting");
-      }
+    const lcTag = transformCaseFunc(tag);
+    const lcName = transformCaseFunc(attr);
+    return _isValidAttribute(lcTag, lcName, value);
+  };
+  DOMPurify.addHook = function(entryPoint, hookFunction) {
+    if (typeof hookFunction !== "function") {
+      return;
     }
-    if (!DOMPurify.isSupported) {
-      return dirty;
+    arrayPush(hooks[entryPoint], hookFunction);
+  };
+  DOMPurify.removeHook = function(entryPoint, hookFunction) {
+    if (hookFunction !== void 0) {
+      const index = arrayLastIndexOf(hooks[entryPoint], hookFunction);
+      return index === -1 ? void 0 : arraySplice(hooks[entryPoint], index, 1)[0];
     }
-    if (!SET_CONFIG) {
-      _parseConfig(cfg);
+    return arrayPop(hooks[entryPoint]);
+  };
+  DOMPurify.removeHooks = function(entryPoint) {
+    hooks[entryPoint] = [];
+  };
+  DOMPurify.removeAllHooks = function() {
+    hooks = _createHooksMap();
+  };
+  return DOMPurify;
+}
+var purify = createDOMPurify();
+purify.addHook("afterSanitizeAttributes", (node) => {
+  if (node.tagName === "A" && node.getAttribute("target") === "_blank") {
+    node.setAttribute("rel", "noopener noreferrer");
+  }
+});
+function sanitizeBannerHtml(html2) {
+  if (!html2) return "";
+  return purify.sanitize(html2, {
+    ALLOWED_TAGS: ["p", "strong", "em", "u", "img", "span", "div", "a", "br"],
+    ALLOWED_ATTR: ["style", "src", "class", "href", "target", "alt", "width", "height"],
+    ADD_ATTR: ["target"],
+    ALLOW_DATA_ATTR: false
+  });
+}
+function resolveCssToken(token) {
+  const normalizedToken = token.startsWith("--") ? token : `--${token}`;
+  const candidates = [
+    document.documentElement,
+    document.body,
+    ...Array.from(
+      document.querySelectorAll(
+        [
+          "rai-widget",
+          "rai-custom-widget",
+          "rai-channel-widget",
+          "rai-store-widget",
+          "rai-milestone-widget",
+          "rai-social-widget",
+          "rai-currency-widget",
+          "rai-referral-widget",
+          ".rai-widget-root",
+          '[data-rai-widget-root="true"]'
+        ].join(",")
+      )
+    )
+  ].filter(Boolean);
+  for (const node of candidates) {
+    const value = getComputedStyle(node).getPropertyValue(normalizedToken).trim();
+    if (value) return value;
+  }
+  for (const node of Array.from(document.querySelectorAll("*"))) {
+    const value = getComputedStyle(node).getPropertyValue(normalizedToken).trim();
+    if (value) return value;
+  }
+  return void 0;
+}
+const safeColor = (v) => {
+  if (!v) return void 0;
+  const value = v.trim();
+  if (/^(#|rgb|hsl)/i.test(value)) return value;
+  if (/^(--)?[a-z0-9-]+$/i.test(value)) {
+    const resolved = resolveCssToken(value);
+    return resolved;
+  }
+  const varMatch = value.match(/^var\((--[a-z0-9-]+)\)$/i);
+  if (varMatch) {
+    const token = varMatch[1];
+    const resolved = resolveCssToken(token);
+    return resolved;
+  }
+  return void 0;
+};
+function el(tag, styles, attrs) {
+  const node = document.createElement(tag);
+  Object.assign(node.style, styles);
+  if (attrs) {
+    for (const k of Object.keys(attrs)) node.setAttribute(k, attrs[k]);
+  }
+  return node;
+}
+function ctaAlign(pos) {
+  if (pos === "left") return "flex-start";
+  if (pos === "right") return "flex-end";
+  return "center";
+}
+function isImageBanner(banner) {
+  var _a, _b;
+  return banner.type === "image" && Boolean(((_a = banner.image) == null ? void 0 : _a.desktopUrl) || ((_b = banner.image) == null ? void 0 : _b.mobileUrl));
+}
+function imageAlign(pos) {
+  if (pos === "left" || pos === "top") return "flex-start";
+  if (pos === "right" || pos === "bottom") return "flex-end";
+  return "center";
+}
+function imageObjectPosition(horizontal, vertical) {
+  const x = horizontal === "left" ? "left" : horizontal === "right" ? "right" : "center";
+  const y = vertical === "top" ? "top" : vertical === "bottom" ? "bottom" : "center";
+  return `${x} ${y}`;
+}
+function getCtaStyleValue(banner, keys) {
+  var _a;
+  const sources = [(_a = banner.cta) == null ? void 0 : _a.style, banner.cta, banner.ctaStyle];
+  for (const source of sources) {
+    for (const key of keys) {
+      const value = source == null ? void 0 : source[key];
+      if (value) return value;
     }
-    DOMPurify.removed = [];
-    const inPlace = IN_PLACE && typeof dirty !== "string" && _isNode(dirty);
-    if (inPlace) {
-      const nn = getNodeName ? getNodeName(dirty) : dirty.nodeName;
-      if (typeof nn === "string") {
-        const tagName = transformCaseFunc(nn);
-        if (!ALLOWED_TAGS[tagName] || FORBID_TAGS[tagName]) {
-          throw typeErrorCreate("root node is forbidden and cannot be sanitized in-place");
-        }
-      }
-      if (_isClobbered(dirty)) {
-        throw typeErrorCreate("root node is clobbered and cannot be sanitized in-place");
-      }
-      try {
-        _sanitizeAttachedShadowRoots(dirty);
-      } catch (error) {
-        _neutralizeRoot(dirty);
-        throw error;
+  }
+  return void 0;
+}
+function styleRichText(container) {
+  container.querySelectorAll("p").forEach((p) => {
+    p.style.margin = "0";
+    p.style.whiteSpace = "normal";
+    p.style.overflowWrap = "anywhere";
+  });
+  container.querySelectorAll("strong").forEach((strong) => {
+    strong.style.fontWeight = "700";
+    strong.style.whiteSpace = "normal";
+  });
+  container.querySelectorAll("em").forEach((em) => {
+    em.style.fontStyle = "italic";
+    em.style.whiteSpace = "normal";
+  });
+  container.querySelectorAll("u").forEach((u) => {
+    u.style.textDecoration = "underline";
+    u.style.whiteSpace = "normal";
+  });
+  container.querySelectorAll("a").forEach((a) => {
+    a.style.color = "#3b82f6";
+    a.style.textDecoration = "underline";
+    a.style.whiteSpace = "normal";
+    a.style.overflowWrap = "anywhere";
+    if (a.getAttribute("target") === "_blank") {
+      a.setAttribute("rel", "noopener noreferrer");
+    }
+  });
+  container.querySelectorAll("img").forEach((img) => {
+    img.style.maxWidth = "100%";
+    img.style.height = "auto";
+  });
+}
+function readTextAlign(container) {
+  const aligned = container.querySelector(
+    '[style*="text-align"]'
+  );
+  const value = ((aligned == null ? void 0 : aligned.style.textAlign) || container.style.textAlign || "").toLowerCase().trim();
+  if (value === "center" || value === "right" || value === "justify") return value;
+  return "left";
+}
+function justifyFromTextAlign(align) {
+  if (align === "center") return "center";
+  if (align === "right") return "flex-end";
+  return "flex-start";
+}
+function renderBanner(banner, handlers) {
+  var _a, _b, _c, _d, _e, _f, _g, _h, _i, _j, _k, _l, _m, _n;
+  const placement = banner.placement || {};
+  const mode = placement.mode || "overlay";
+  const position = placement.position || "top";
+  const zIndex = String(placement.zIndex || 2147483e3);
+  const imageBanner = isImageBanner(banner);
+  const bg = imageBanner ? "transparent" : safeColor((_a = banner.style) == null ? void 0 : _a.backgroundColor) || "#1f2024";
+  const color = safeColor((_b = banner.style) == null ? void 0 : _b.color) || "#ffffff";
+  const isCard = mode === "overlay" || mode === "popup";
+  const ctaPosition = getCtaStyleValue(banner, ["position"]) || "center";
+  const imageHorizontal = imageAlign((_c = banner.image) == null ? void 0 : _c.horizontalAlignment);
+  const imageVertical = imageAlign((_d = banner.image) == null ? void 0 : _d.verticalAlignment);
+  const imageHorizontalPosition = ((_e = banner.image) == null ? void 0 : _e.horizontalAlignment) || "center";
+  const imageVerticalPosition = ((_f = banner.image) == null ? void 0 : _f.verticalAlignment) || "center";
+  const closeColor = imageBanner ? "#ffffff" : color;
+  const root = el("div", {
+    boxSizing: "border-box",
+    fontFamily: "Roboto, sans-serif",
+    fontSize: "14px",
+    lineHeight: "1.35",
+    background: bg,
+    color,
+    borderRadius: isCard && !imageBanner ? "6px" : "0",
+    boxShadow: isCard && !imageBanner ? "0 8px 24px rgba(0,0,0,0.22)" : "none",
+    padding: imageBanner ? "0" : isCard ? "12px 42px 12px 24px" : "8px 42px 8px 16px",
+    display: "flex",
+    alignItems: imageBanner ? imageVertical : "flex-start",
+    justifyContent: "center",
+    gap: imageBanner ? "0" : "16px"
+  });
+  root.setAttribute("role", isCard ? "dialog" : "region");
+  root.setAttribute("aria-label", "community banner");
+  root.setAttribute("data-renderer-version", "sdk-banner-preview-layout");
+  if (isCard) {
+    Object.assign(root.style, {
+      position: "fixed",
+      left: "50%",
+      width: "fit-content",
+      maxWidth: imageBanner ? "70vw" : "min(700px, 80vw)",
+      height: "auto",
+      minHeight: imageBanner ? "0" : "80px",
+      maxHeight: imageBanner ? "70vh" : "calc(100vh - 300px)",
+      overflowY: imageBanner ? "visible" : "auto",
+      zIndex
+    });
+    if (imageBanner) {
+      const translate = [];
+      if (imageHorizontalPosition === "left") {
+        root.style.left = "24px";
+      } else if (imageHorizontalPosition === "right") {
+        root.style.left = "";
+        root.style.right = "24px";
+      } else {
+        root.style.left = "50%";
+        translate.push("-50%");
       }
-    } else if (_isNode(dirty)) {
-      body = _initDocument("<!---->");
-      importedNode = body.ownerDocument.importNode(dirty, true);
-      if (importedNode.nodeType === NODE_TYPE.element && importedNode.nodeName === "BODY") {
-        body = importedNode;
-      } else if (importedNode.nodeName === "HTML") {
-        body = importedNode;
+      if (imageVerticalPosition === "top") {
+        root.style.top = "10px";
+      } else if (imageVerticalPosition === "bottom") {
+        root.style.bottom = "24px";
       } else {
-        body.appendChild(importedNode);
+        root.style.top = "50%";
+        translate.push("-50%");
       }
-      _sanitizeAttachedShadowRoots(importedNode);
+      if (translate.length === 2) root.style.transform = `translate(${translate[0]}, ${translate[1]})`;
+      else if (translate.length === 1 && imageHorizontalPosition === "center") root.style.transform = `translateX(${translate[0]})`;
+      else if (translate.length === 1) root.style.transform = `translateY(${translate[0]})`;
+      else root.style.transform = "";
+    } else if (position === "bottom") {
+      root.style.bottom = "24px";
+      root.style.transform = "translateX(-50%)";
+    } else if (position === "center") {
+      root.style.top = "50%";
+      root.style.transform = "translate(-50%, -50%)";
     } else {
-      if (!RETURN_DOM && !SAFE_FOR_TEMPLATES && !WHOLE_DOCUMENT && // eslint-disable-next-line unicorn/prefer-includes
-      dirty.indexOf("<") === -1) {
-        return trustedTypesPolicy && RETURN_TRUSTED_TYPE ? _createTrustedHTML(dirty) : dirty;
-      }
-      body = _initDocument(dirty);
-      if (!body) {
-        return RETURN_DOM ? null : RETURN_TRUSTED_TYPE ? emptyHTML : "";
-      }
-    }
-    if (body && FORCE_BODY) {
-      _forceRemove(body.firstChild);
-    }
-    const nodeIterator = _createNodeIterator(inPlace ? dirty : body);
-    try {
-      while (currentNode = nodeIterator.nextNode()) {
-        _sanitizeElements(currentNode);
-        _sanitizeAttributes(currentNode);
-        if (_isDocumentFragment(currentNode.content)) {
-          _sanitizeShadowDOM2(currentNode.content);
-        }
-      }
-    } catch (error) {
-      if (inPlace) {
-        _neutralizeRoot(dirty);
-      }
-      throw error;
+      root.style.top = "10px";
+      root.style.transform = "translateX(-50%)";
     }
-    if (inPlace) {
-      arrayForEach(DOMPurify.removed, (entry) => {
-        if (entry.element) {
-          _neutralizeSubtree(entry.element);
+  } else {
+    Object.assign(root.style, { position: "relative", width: "100%", zIndex });
+  }
+  const contentWrap = el("div", {
+    display: "flex",
+    width: imageBanner || isCard ? "auto" : "100%",
+    maxWidth: "100%",
+    flexDirection: "column",
+    gap: imageBanner ? "0" : "12px",
+    overflow: "hidden"
+  });
+  const contentRow = el("div", {
+    display: "flex",
+    width: imageBanner || isCard ? "auto" : "100%",
+    justifyContent: imageBanner ? imageHorizontal : "space-between",
+    alignItems: imageBanner ? imageVertical : "flex-start",
+    gap: "12px"
+  });
+  const content = el("div", {
+    width: imageBanner || isCard ? "auto" : "100%",
+    maxWidth: imageBanner ? "70vw" : isCard ? "calc(min(700px, 80vw) - 66px)" : "100%",
+    overflow: "hidden",
+    wordBreak: "normal",
+    overflowWrap: "anywhere",
+    whiteSpace: "normal",
+    color
+  });
+  const imageUrl = ((_g = banner.image) == null ? void 0 : _g.desktopUrl) || ((_h = banner.image) == null ? void 0 : _h.mobileUrl);
+  if (imageBanner && imageUrl) {
+    const imageLinkUrl = (_i = banner.image) == null ? void 0 : _i.linkUrl;
+    const imageOpenInNewTab = (_j = banner.image) == null ? void 0 : _j.openInNewTab;
+    const img = el(
+      "img",
+      {
+        display: "block",
+        maxWidth: "70vw",
+        maxHeight: "70vh",
+        width: "auto",
+        height: "auto",
+        objectFit: "contain",
+        objectPosition: imageObjectPosition(
+          (_k = banner.image) == null ? void 0 : _k.horizontalAlignment,
+          (_l = banner.image) == null ? void 0 : _l.verticalAlignment
+        ),
+        cursor: imageLinkUrl ? "pointer" : "",
+        borderRadius: ((_m = banner.image) == null ? void 0 : _m.cornerRadius) === "rounded" ? "8px" : "0"
+      },
+      { src: imageUrl, alt: banner.title || "banner" }
+    );
+    if (imageLinkUrl) {
+      img.addEventListener("click", () => {
+        if (imageOpenInNewTab) {
+          window.open(imageLinkUrl, "_blank", "noopener,noreferrer");
+        } else {
+          window.location.href = imageLinkUrl;
         }
       });
-      if (SAFE_FOR_TEMPLATES) {
-        _scrubTemplateExpressions2(dirty);
-      }
-      return dirty;
-    }
-    if (RETURN_DOM) {
-      if (SAFE_FOR_TEMPLATES) {
-        _scrubTemplateExpressions2(body);
-      }
-      if (RETURN_DOM_FRAGMENT) {
-        returnNode = createDocumentFragment.call(body.ownerDocument);
-        while (body.firstChild) {
-          returnNode.appendChild(body.firstChild);
-        }
-      } else {
-        returnNode = body;
-      }
-      if (ALLOWED_ATTR.shadowroot || ALLOWED_ATTR.shadowrootmode) {
-        returnNode = importNode.call(originalDocument, returnNode, true);
-      }
-      return returnNode;
     }
-    let serializedHTML = WHOLE_DOCUMENT ? body.outerHTML : body.innerHTML;
-    if (WHOLE_DOCUMENT && ALLOWED_TAGS["!doctype"] && body.ownerDocument && body.ownerDocument.doctype && body.ownerDocument.doctype.name && regExpTest(DOCTYPE_NAME, body.ownerDocument.doctype.name)) {
-      serializedHTML = "<!DOCTYPE " + body.ownerDocument.doctype.name + ">\n" + serializedHTML;
+    content.appendChild(img);
+  } else {
+    content.innerHTML = sanitizeBannerHtml(banner.text);
+    styleRichText(content);
+    const textAlign = readTextAlign(content);
+    content.style.textAlign = textAlign;
+    if (isCard) {
+      contentRow.style.justifyContent = justifyFromTextAlign(textAlign);
     }
-    if (SAFE_FOR_TEMPLATES) {
-      arrayForEach([MUSTACHE_EXPR$1, ERB_EXPR$1, TMPLIT_EXPR$1], (expr) => {
-        serializedHTML = stringReplace(serializedHTML, expr, " ");
+  }
+  if (!imageBanner && ((_n = banner.cta) == null ? void 0 : _n.enabled)) {
+    const ctaBg = safeColor(
+      getCtaStyleValue(banner, ["backgroundColor", "buttonColor", "aColor"])
+    ) || "#2f6df6";
+    const ctaColor = safeColor(getCtaStyleValue(banner, ["textColor", "color"])) || "#ffffff";
+    const btn = el("button", {
+      cursor: "pointer",
+      border: "none",
+      borderRadius: "6px",
+      height: "36px",
+      minHeight: "36px",
+      padding: "0 16px",
+      fontFamily: "Roboto, sans-serif",
+      fontSize: "12px",
+      fontWeight: "600",
+      lineHeight: "20px",
+      backgroundColor: ctaBg,
+      color: ctaColor,
+      boxSizing: "border-box",
+      display: "inline-flex",
+      alignItems: "center",
+      justifyContent: "center"
+    });
+    btn.type = "button";
+    btn.textContent = banner.cta.label || "CTA Button";
+    btn.addEventListener("click", handlers.onCtaClick);
+    if (ctaPosition === "inline") {
+      contentRow.appendChild(content);
+      const inlineWrap = el("div", {
+        display: "flex",
+        flexDirection: "column",
+        alignItems: "flex-end",
+        justifyContent: "center",
+        flexShrink: "0"
       });
+      inlineWrap.appendChild(btn);
+      contentRow.appendChild(inlineWrap);
+      contentWrap.appendChild(contentRow);
+    } else {
+      contentRow.appendChild(content);
+      contentWrap.appendChild(contentRow);
+      const wrap = el("div", {
+        display: "flex",
+        width: "100%",
+        justifyContent: ctaAlign(ctaPosition)
+      });
+      wrap.appendChild(btn);
+      contentWrap.appendChild(wrap);
     }
-    return trustedTypesPolicy && RETURN_TRUSTED_TYPE ? _createTrustedHTML(serializedHTML) : serializedHTML;
-  };
-  DOMPurify.setConfig = function() {
-    let cfg = arguments.length > 0 && arguments[0] !== void 0 ? arguments[0] : {};
-    _parseConfig(cfg);
-    SET_CONFIG = true;
-  };
-  DOMPurify.clearConfig = function() {
-    CONFIG = null;
-    SET_CONFIG = false;
-    trustedTypesPolicy = defaultTrustedTypesPolicy;
-    emptyHTML = "";
-  };
-  DOMPurify.isValidAttribute = function(tag, attr, value) {
-    if (!CONFIG) {
-      _parseConfig({});
-    }
-    const lcTag = transformCaseFunc(tag);
-    const lcName = transformCaseFunc(attr);
-    return _isValidAttribute(lcTag, lcName, value);
-  };
-  DOMPurify.addHook = function(entryPoint, hookFunction) {
-    if (typeof hookFunction !== "function") {
-      return;
-    }
-    arrayPush(hooks[entryPoint], hookFunction);
-  };
-  DOMPurify.removeHook = function(entryPoint, hookFunction) {
-    if (hookFunction !== void 0) {
-      const index = arrayLastIndexOf(hooks[entryPoint], hookFunction);
-      return index === -1 ? void 0 : arraySplice(hooks[entryPoint], index, 1)[0];
-    }
-    return arrayPop(hooks[entryPoint]);
-  };
-  DOMPurify.removeHooks = function(entryPoint) {
-    hooks[entryPoint] = [];
-  };
-  DOMPurify.removeAllHooks = function() {
-    hooks = _createHooksMap();
-  };
-  return DOMPurify;
+  } else {
+    contentRow.appendChild(content);
+    contentWrap.appendChild(contentRow);
+  }
+  root.appendChild(contentWrap);
+  const close = el("button", {
+    position: isCard ? "absolute" : "",
+    top: isCard ? imageBanner ? "16px" : "12px" : "",
+    right: isCard ? imageBanner ? "16px" : "12px" : "",
+    marginTop: isCard ? "0" : "8px",
+    width: "20px",
+    minWidth: "20px",
+    height: "20px",
+    cursor: "pointer",
+    border: "none",
+    borderRadius: "50%",
+    background: "rgba(0,0,0,0.25)",
+    color: closeColor,
+    fontSize: "16px",
+    lineHeight: "1",
+    display: "flex",
+    alignItems: "center",
+    justifyContent: "center",
+    padding: "0",
+    flexShrink: "0"
+  });
+  close.type = "button";
+  close.setAttribute("aria-label", "dismiss banner");
+  close.innerHTML = "&times;";
+  close.addEventListener("click", handlers.onDismiss);
+  root.appendChild(close);
+  return root;
 }
-var purify = createDOMPurify();
-purify.addHook("afterSanitizeAttributes", (node) => {
-  if (node.tagName === "A" && node.getAttribute("target") === "_blank") {
-    node.setAttribute("rel", "noopener noreferrer");
+const VISITOR_KEY = "rai-banner-visitor";
+function uuid() {
+  try {
+    if (typeof crypto !== "undefined" && typeof crypto.randomUUID === "function") {
+      return crypto.randomUUID();
+    }
+  } catch {
   }
-});
-function sanitizeBannerHtml(html2) {
-  if (!html2) return "";
-  return purify.sanitize(html2, {
-    ALLOWED_TAGS: ["p", "strong", "em", "u", "img", "span", "div", "a", "br"],
-    ALLOWED_ATTR: ["style", "src", "class", "href", "target", "alt", "width", "height"],
-    ADD_ATTR: ["target"],
-    ALLOW_DATA_ATTR: false
+  return "xxxxxxxx-xxxx-4xxx-yxxx-xxxxxxxxxxxx".replace(/[xy]/g, (c) => {
+    const r = Math.random() * 16 | 0;
+    const v = c === "x" ? r : r & 3 | 8;
+    return v.toString(16);
   });
 }
-function resolveCssToken(token) {
-  const normalizedToken = token.startsWith("--") ? token : `--${token}`;
-  const candidates = [
-    document.documentElement,
-    document.body,
-    ...Array.from(
-      document.querySelectorAll(
-        [
-          "rai-widget",
-          "rai-custom-widget",
-          "rai-channel-widget",
-          "rai-store-widget",
-          "rai-milestone-widget",
-          "rai-social-widget",
-          "rai-currency-widget",
-          "rai-referral-widget",
-          ".rai-widget-root",
-          '[data-rai-widget-root="true"]'
-        ].join(",")
-      )
-    )
-  ].filter(Boolean);
-  for (const node of candidates) {
-    const value = getComputedStyle(node).getPropertyValue(normalizedToken).trim();
-    if (value) return value;
+function getOrCreateVisitorId(communityId, storagePrefix) {
+  const key = `${storagePrefix}-${VISITOR_KEY}-${communityId}`;
+  try {
+    let id = localStorage.getItem(key);
+    if (!id) {
+      id = uuid();
+      localStorage.setItem(key, id);
+    }
+    return id;
+  } catch {
+    return uuid();
   }
-  for (const node of Array.from(document.querySelectorAll("*"))) {
-    const value = getComputedStyle(node).getPropertyValue(normalizedToken).trim();
-    if (value) return value;
+}
+function fireTracking(url) {
+  if (!url) return;
+  try {
+    const img = new Image();
+    img.src = url;
+  } catch {
   }
-  return void 0;
 }
-const safeColor = (v) => {
-  if (!v) return void 0;
-  const value = v.trim();
-  if (/^(#|rgb|hsl)/i.test(value)) return value;
-  if (/^(--)?[a-z0-9-]+$/i.test(value)) {
-    const resolved = resolveCssToken(value);
-    return resolved;
+function storageKey(config) {
+  return `${config.storagePrefix}-${config.widgetId}-${config.container}-auth`;
+}
+function legacyStorageKey(config) {
+  return `${config.storagePrefix}-${config.widgetId}-auth`;
+}
+function errorSettingsKey(config) {
+  return `${config.storagePrefix}-${config.widgetId}-error-settings`;
+}
+function saveToStorage(config, state) {
+  try {
+    const data = {
+      refreshToken: state.refreshToken,
+      tokenFamily: state.tokenFamily,
+      refreshTokenExpiry: state.refreshTokenExpiry
+    };
+    localStorage.setItem(storageKey(config), JSON.stringify(data));
+  } catch {
   }
-  const varMatch = value.match(/^var\((--[a-z0-9-]+)\)$/i);
-  if (varMatch) {
-    const token = varMatch[1];
-    const resolved = resolveCssToken(token);
-    return resolved;
+}
+function loadFromStorage(config, state) {
+  try {
+    let raw = localStorage.getItem(storageKey(config));
+    const loadedLegacyKey = !raw;
+    if (!raw) {
+      raw = localStorage.getItem(legacyStorageKey(config));
+    }
+    if (!raw) return false;
+    const parsed = JSON.parse(raw);
+    if (parsed.refreshToken && !isTokenExpired(parsed.refreshTokenExpiry)) {
+      state.refreshToken = parsed.refreshToken;
+      state.tokenFamily = parsed.tokenFamily;
+      state.refreshTokenExpiry = parsed.refreshTokenExpiry;
+      if (loadedLegacyKey) {
+        saveToStorage(config, state);
+        localStorage.removeItem(legacyStorageKey(config));
+      }
+      return true;
+    }
+    clearStorage(config);
+    return false;
+  } catch {
+    return false;
   }
-  return void 0;
-};
-function el(tag, styles, attrs) {
-  const node = document.createElement(tag);
-  Object.assign(node.style, styles);
-  if (attrs) {
-    for (const k of Object.keys(attrs)) node.setAttribute(k, attrs[k]);
+}
+function clearStorage(config) {
+  try {
+    localStorage.removeItem(storageKey(config));
+    localStorage.removeItem(legacyStorageKey(config));
+  } catch {
   }
-  return node;
 }
-function ctaAlign(pos) {
-  if (pos === "left") return "flex-start";
-  if (pos === "right") return "flex-end";
-  return "center";
+const ERROR_SETTINGS_CACHE_TTL = 36e5;
+function loadErrorSettingsFromStorage(config) {
+  try {
+    const raw = localStorage.getItem(errorSettingsKey(config));
+    if (!raw) return null;
+    const parsed = JSON.parse(raw);
+    if (parsed.cachedAt && Date.now() - parsed.cachedAt < ERROR_SETTINGS_CACHE_TTL) {
+      return parsed;
+    }
+    localStorage.removeItem(errorSettingsKey(config));
+    return null;
+  } catch {
+    return null;
+  }
 }
-function isImageBanner(banner) {
-  var _a, _b;
-  return banner.type === "image" && Boolean(((_a = banner.image) == null ? void 0 : _a.desktopUrl) || ((_b = banner.image) == null ? void 0 : _b.mobileUrl));
+function saveErrorSettingsToStorage(config, settings) {
+  try {
+    localStorage.setItem(errorSettingsKey(config), JSON.stringify({ ...settings, cachedAt: Date.now() }));
+  } catch {
+  }
 }
-function imageAlign(pos) {
-  if (pos === "left" || pos === "top") return "flex-start";
-  if (pos === "right" || pos === "bottom") return "flex-end";
-  return "center";
+function isTokenExpired(expiry) {
+  if (!expiry) return true;
+  return Date.now() >= expiry - 6e4;
 }
-function imageObjectPosition(horizontal, vertical) {
-  const x = horizontal === "left" ? "left" : horizontal === "right" ? "right" : "center";
-  const y = vertical === "top" ? "top" : vertical === "bottom" ? "bottom" : "center";
-  return `${x} ${y}`;
+function setTokens(config, state, data, onRefreshScheduled) {
+  state.accessToken = data.accessToken;
+  state.refreshToken = data.refreshToken;
+  state.tokenFamily = data.tokenFamily ?? null;
+  const now = Date.now();
+  state.accessTokenExpiry = now + data.accessTokenTTL * 1e3;
+  state.refreshTokenExpiry = now + data.refreshTokenTTL * 1e3;
+  saveToStorage(config, state);
+  if (config.autoRefresh && onRefreshScheduled) {
+    onRefreshScheduled();
+  }
 }
-function getCtaStyleValue(banner, keys) {
-  var _a;
-  const sources = [(_a = banner.cta) == null ? void 0 : _a.style, banner.cta, banner.ctaStyle];
-  for (const source of sources) {
-    for (const key of keys) {
-      const value = source == null ? void 0 : source[key];
-      if (value) return value;
+function buildIdentityProof(config) {
+  const proof = {};
+  if (config.embedToken) {
+    proof.embedToken = config.embedToken;
+  }
+  if (config.userIdentifiers && Object.keys(config.userIdentifiers).length > 0) {
+    proof.userIdentifiers = config.userIdentifiers;
+  }
+  return proof;
+}
+async function authenticateServerless(config, state, onRefreshScheduled) {
+  const nonce = crypto.randomUUID();
+  const timestamp = Date.now();
+  const maxRetries = config.maxRetries ?? 3;
+  const retryDelay = config.retryDelay ?? 500;
+  for (let attempt = 0; attempt <= maxRetries; attempt++) {
+    if (attempt > 0) {
+      await new Promise(
+        (resolve) => setTimeout(resolve, retryDelay * (1 << attempt - 1))
+      );
+    }
+    let is4xx = false;
+    try {
+      const body = {
+        nonce,
+        timestamp,
+        widgetType: config.widgetType,
+        ...buildIdentityProof(config)
+      };
+      const response = await fetch(`${config.apiUrl}/${config.widgetId}/auth/serverless`, {
+        method: "POST",
+        headers: { "Content-Type": "application/json" },
+        body: JSON.stringify(body),
+        credentials: "include"
+      });
+      if (!response.ok) {
+        is4xx = response.status >= 400 && response.status < 500;
+        const errorBody = await response.json().catch(() => ({ error: "Authentication failed" }));
+        if (is4xx) {
+          state.lastAuthError = {
+            status: response.status,
+            error: errorBody == null ? void 0 : errorBody.error,
+            hint: errorBody == null ? void 0 : errorBody.hint
+          };
+          console.error(
+            `[rai-widget] /auth/serverless ${response.status}:`,
+            (errorBody == null ? void 0 : errorBody.error) || "Authentication failed",
+            (errorBody == null ? void 0 : errorBody.hint) ? `— ${errorBody.hint}` : ""
+          );
+        }
+        throw new Error((errorBody == null ? void 0 : errorBody.error) || `HTTP ${response.status}`);
+      }
+      state.lastAuthError = null;
+      const data = await response.json();
+      if (!data.accessToken || !data.refreshToken) {
+        throw new Error("Invalid authentication response");
+      }
+      setTokens(config, state, data, onRefreshScheduled);
+      state.isAuthenticated = true;
+      return true;
+    } catch {
+      if (is4xx || attempt === maxRetries) {
+        state.isAuthenticated = false;
+        return false;
+      }
     }
   }
-  return void 0;
+  state.isAuthenticated = false;
+  return false;
 }
-function styleRichText(container) {
-  container.querySelectorAll("p").forEach((p) => {
-    p.style.margin = "0";
-    p.style.whiteSpace = "normal";
-    p.style.overflowWrap = "anywhere";
-  });
-  container.querySelectorAll("strong").forEach((strong) => {
-    strong.style.fontWeight = "700";
-    strong.style.whiteSpace = "normal";
-  });
-  container.querySelectorAll("em").forEach((em) => {
-    em.style.fontStyle = "italic";
-    em.style.whiteSpace = "normal";
-  });
-  container.querySelectorAll("u").forEach((u) => {
-    u.style.textDecoration = "underline";
-    u.style.whiteSpace = "normal";
-  });
-  container.querySelectorAll("a").forEach((a) => {
-    a.style.color = "#3b82f6";
-    a.style.textDecoration = "underline";
-    a.style.whiteSpace = "normal";
-    a.style.overflowWrap = "anywhere";
-    if (a.getAttribute("target") === "_blank") {
-      a.setAttribute("rel", "noopener noreferrer");
+async function authenticateViaProxy(config, state, onRefreshScheduled) {
+  const maxRetries = config.maxRetries ?? 3;
+  const retryDelay = config.retryDelay ?? 500;
+  for (let attempt = 0; attempt <= maxRetries; attempt++) {
+    if (attempt > 0) {
+      await new Promise(
+        (resolve) => setTimeout(resolve, retryDelay * (1 << attempt - 1))
+      );
     }
-  });
-  container.querySelectorAll("img").forEach((img) => {
-    img.style.maxWidth = "100%";
-    img.style.height = "auto";
-  });
-}
-function readTextAlign(container) {
-  const aligned = container.querySelector(
-    '[style*="text-align"]'
-  );
-  const value = ((aligned == null ? void 0 : aligned.style.textAlign) || container.style.textAlign || "").toLowerCase().trim();
-  if (value === "center" || value === "right" || value === "justify") return value;
-  return "left";
-}
-function justifyFromTextAlign(align) {
-  if (align === "center") return "center";
-  if (align === "right") return "flex-end";
-  return "flex-start";
+    let is4xx = false;
+    try {
+      const response = await fetch(config.authUrl, {
+        method: "POST",
+        credentials: "include",
+        headers: { "Content-Type": "application/json" }
+      });
+      if (!response.ok) {
+        is4xx = response.status >= 400 && response.status < 500;
+        throw new Error(`HTTP ${response.status}`);
+      }
+      const data = await response.json();
+      if (!data.token) {
+        throw new Error("Invalid proxy auth response");
+      }
+      const ttl = data.expiresIn ?? 300;
+      state.accessToken = data.token;
+      state.refreshToken = null;
+      state.tokenFamily = null;
+      state.accessTokenExpiry = Date.now() + ttl * 1e3;
+      state.refreshTokenExpiry = null;
+      state.isAuthenticated = true;
+      if (config.autoRefresh && onRefreshScheduled) {
+        onRefreshScheduled();
+      }
+      return true;
+    } catch {
+      if (is4xx || attempt === maxRetries) {
+        state.isAuthenticated = false;
+        return false;
+      }
+    }
+  }
+  state.isAuthenticated = false;
+  return false;
 }
-function renderBanner(banner, handlers) {
-  var _a, _b, _c, _d, _e, _f, _g, _h, _i, _j, _k, _l, _m, _n;
-  const placement = banner.placement || {};
-  const mode = placement.mode || "overlay";
-  const position = placement.position || "top";
-  const zIndex = String(placement.zIndex || 2147483e3);
-  const imageBanner = isImageBanner(banner);
-  const bg = imageBanner ? "transparent" : safeColor((_a = banner.style) == null ? void 0 : _a.backgroundColor) || "#1f2024";
-  const color = safeColor((_b = banner.style) == null ? void 0 : _b.color) || "#ffffff";
-  const isCard = mode === "overlay" || mode === "popup";
-  const ctaPosition = getCtaStyleValue(banner, ["position"]) || "center";
-  const imageHorizontal = imageAlign((_c = banner.image) == null ? void 0 : _c.horizontalAlignment);
-  const imageVertical = imageAlign((_d = banner.image) == null ? void 0 : _d.verticalAlignment);
-  const imageHorizontalPosition = ((_e = banner.image) == null ? void 0 : _e.horizontalAlignment) || "center";
-  const imageVerticalPosition = ((_f = banner.image) == null ? void 0 : _f.verticalAlignment) || "center";
-  const closeColor = imageBanner ? "#ffffff" : color;
-  const root = el("div", {
-    boxSizing: "border-box",
-    fontFamily: "Roboto, sans-serif",
-    fontSize: "14px",
-    lineHeight: "1.35",
-    background: bg,
-    color,
-    borderRadius: isCard && !imageBanner ? "6px" : "0",
-    boxShadow: isCard && !imageBanner ? "0 8px 24px rgba(0,0,0,0.22)" : "none",
-    padding: imageBanner ? "0" : isCard ? "12px 42px 12px 24px" : "8px 42px 8px 16px",
-    display: "flex",
-    alignItems: imageBanner ? imageVertical : "flex-start",
-    justifyContent: "center",
-    gap: imageBanner ? "0" : "16px"
-  });
-  root.setAttribute("role", isCard ? "dialog" : "region");
-  root.setAttribute("aria-label", "community banner");
-  root.setAttribute("data-renderer-version", "sdk-banner-preview-layout");
-  if (isCard) {
-    Object.assign(root.style, {
-      position: "fixed",
-      left: "50%",
-      width: "fit-content",
-      maxWidth: imageBanner ? "70vw" : "min(700px, 80vw)",
-      height: "auto",
-      minHeight: imageBanner ? "0" : "80px",
-      maxHeight: imageBanner ? "70vh" : "calc(100vh - 300px)",
-      overflowY: imageBanner ? "visible" : "auto",
-      zIndex
-    });
-    if (imageBanner) {
-      const translate = [];
-      if (imageHorizontalPosition === "left") {
-        root.style.left = "24px";
-      } else if (imageHorizontalPosition === "right") {
-        root.style.left = "";
-        root.style.right = "24px";
-      } else {
-        root.style.left = "50%";
-        translate.push("-50%");
+async function refreshAccessToken(config, state, onRefreshScheduled, sendToken) {
+  if (state.isRefreshing) {
+    return state.refreshPromise;
+  }
+  if (!state.refreshToken) {
+    return false;
+  }
+  state.isRefreshing = true;
+  state.refreshPromise = (async () => {
+    const reauthenticateAfterRefreshFailure = async () => {
+      clearState(state);
+      clearStorage(config);
+      const authed = await authenticateServerless(config, state, onRefreshScheduled);
+      if (authed && sendToken) sendToken();
+      return authed;
+    };
+    try {
+      const response = await fetch(`${config.apiUrl}/${config.widgetId}/auth/refresh`, {
+        method: "POST",
+        headers: {
+          "Content-Type": "application/json",
+          Authorization: `Bearer ${state.refreshToken}`
+        },
+        body: JSON.stringify({
+          widgetType: config.widgetType,
+          ...buildIdentityProof(config)
+        })
+      });
+      if (!response.ok) {
+        if (response.status === 400 || response.status === 401 || response.status === 403) {
+          return reauthenticateAfterRefreshFailure();
+        }
+        const error = await response.json().catch(() => ({ error: "Token refresh failed" }));
+        throw new Error(error.error || `HTTP ${response.status}`);
       }
-      if (imageVerticalPosition === "top") {
-        root.style.top = "10px";
-      } else if (imageVerticalPosition === "bottom") {
-        root.style.bottom = "24px";
-      } else {
-        root.style.top = "50%";
-        translate.push("-50%");
+      const data = await response.json();
+      if (!data.accessToken || !data.refreshToken) {
+        throw new Error("Invalid refresh response");
       }
-      if (translate.length === 2) root.style.transform = `translate(${translate[0]}, ${translate[1]})`;
-      else if (translate.length === 1 && imageHorizontalPosition === "center") root.style.transform = `translateX(${translate[0]})`;
-      else if (translate.length === 1) root.style.transform = `translateY(${translate[0]})`;
-      else root.style.transform = "";
-    } else if (position === "bottom") {
-      root.style.bottom = "24px";
-      root.style.transform = "translateX(-50%)";
-    } else if (position === "center") {
-      root.style.top = "50%";
-      root.style.transform = "translate(-50%, -50%)";
-    } else {
-      root.style.top = "10px";
-      root.style.transform = "translateX(-50%)";
+      setTokens(config, state, data, onRefreshScheduled);
+      if (sendToken) sendToken();
+      return true;
+    } catch {
+      return reauthenticateAfterRefreshFailure();
+    } finally {
+      state.isRefreshing = false;
+      state.refreshPromise = null;
     }
-  } else {
-    Object.assign(root.style, { position: "relative", width: "100%", zIndex });
+  })();
+  return state.refreshPromise;
+}
+async function getValidToken(config, state, onRefreshScheduled) {
+  if (state.accessToken && !isTokenExpired(state.accessTokenExpiry)) {
+    return state.accessToken;
   }
-  const contentWrap = el("div", {
-    display: "flex",
-    width: imageBanner || isCard ? "auto" : "100%",
-    maxWidth: "100%",
-    flexDirection: "column",
-    gap: imageBanner ? "0" : "12px",
-    overflow: "hidden"
-  });
-  const contentRow = el("div", {
-    display: "flex",
-    width: imageBanner || isCard ? "auto" : "100%",
-    justifyContent: imageBanner ? imageHorizontal : "space-between",
-    alignItems: imageBanner ? imageVertical : "flex-start",
-    gap: "12px"
-  });
-  const content = el("div", {
-    width: imageBanner || isCard ? "auto" : "100%",
-    maxWidth: imageBanner ? "70vw" : isCard ? "calc(min(700px, 80vw) - 66px)" : "100%",
-    overflow: "hidden",
-    wordBreak: "normal",
-    overflowWrap: "anywhere",
-    whiteSpace: "normal",
-    color
-  });
-  const imageUrl = ((_g = banner.image) == null ? void 0 : _g.desktopUrl) || ((_h = banner.image) == null ? void 0 : _h.mobileUrl);
-  if (imageBanner && imageUrl) {
-    const imageLinkUrl = (_i = banner.image) == null ? void 0 : _i.linkUrl;
-    const imageOpenInNewTab = (_j = banner.image) == null ? void 0 : _j.openInNewTab;
-    const img = el(
-      "img",
-      {
-        display: "block",
-        maxWidth: "70vw",
-        maxHeight: "70vh",
-        width: "auto",
-        height: "auto",
-        objectFit: "contain",
-        objectPosition: imageObjectPosition(
-          (_k = banner.image) == null ? void 0 : _k.horizontalAlignment,
-          (_l = banner.image) == null ? void 0 : _l.verticalAlignment
-        ),
-        cursor: imageLinkUrl ? "pointer" : "",
-        borderRadius: ((_m = banner.image) == null ? void 0 : _m.cornerRadius) === "rounded" ? "8px" : "0"
-      },
-      { src: imageUrl, alt: banner.title || "banner" }
-    );
-    if (imageLinkUrl) {
-      img.addEventListener("click", () => {
-        if (imageOpenInNewTab) {
-          window.open(imageLinkUrl, "_blank", "noopener,noreferrer");
-        } else {
-          window.location.href = imageLinkUrl;
-        }
+  if (config.authUrl) {
+    const authed2 = await authenticateViaProxy(config, state, onRefreshScheduled);
+    if (authed2 && state.accessToken) return state.accessToken;
+    throw new Error("Unable to obtain valid token");
+  }
+  const refreshed = await refreshAccessToken(config, state, onRefreshScheduled);
+  if (refreshed && state.accessToken) return state.accessToken;
+  const authed = await authenticateServerless(config, state, onRefreshScheduled);
+  if (authed && state.accessToken) return state.accessToken;
+  throw new Error("Unable to obtain valid token");
+}
+async function logout(config, state) {
+  if (state.accessToken) {
+    try {
+      await fetch(`${config.apiUrl}/${config.widgetId}/auth/logout`, {
+        method: "POST",
+        headers: {
+          "Content-Type": "application/json",
+          Authorization: `Bearer ${state.accessToken}`
+        },
+        body: JSON.stringify({ refreshToken: state.refreshToken })
       });
-    }
-    content.appendChild(img);
-  } else {
-    content.innerHTML = sanitizeBannerHtml(banner.text);
-    styleRichText(content);
-    const textAlign = readTextAlign(content);
-    content.style.textAlign = textAlign;
-    if (isCard) {
-      contentRow.style.justifyContent = justifyFromTextAlign(textAlign);
+    } catch {
     }
   }
-  if (!imageBanner && ((_n = banner.cta) == null ? void 0 : _n.enabled)) {
-    const ctaBg = safeColor(
-      getCtaStyleValue(banner, ["backgroundColor", "buttonColor", "aColor"])
-    ) || "#2f6df6";
-    const ctaColor = safeColor(getCtaStyleValue(banner, ["textColor", "color"])) || "#ffffff";
-    const btn = el("button", {
-      cursor: "pointer",
-      border: "none",
-      borderRadius: "6px",
-      height: "36px",
-      minHeight: "36px",
-      padding: "0 16px",
-      fontFamily: "Roboto, sans-serif",
-      fontSize: "12px",
-      fontWeight: "600",
-      lineHeight: "20px",
-      backgroundColor: ctaBg,
-      color: ctaColor,
-      boxSizing: "border-box",
-      display: "inline-flex",
-      alignItems: "center",
-      justifyContent: "center"
-    });
-    btn.type = "button";
-    btn.textContent = banner.cta.label || "CTA Button";
-    btn.addEventListener("click", handlers.onCtaClick);
-    if (ctaPosition === "inline") {
-      contentRow.appendChild(content);
-      const inlineWrap = el("div", {
-        display: "flex",
-        flexDirection: "column",
-        alignItems: "flex-end",
-        justifyContent: "center",
-        flexShrink: "0"
-      });
-      inlineWrap.appendChild(btn);
-      contentRow.appendChild(inlineWrap);
-      contentWrap.appendChild(contentRow);
-    } else {
-      contentRow.appendChild(content);
-      contentWrap.appendChild(contentRow);
-      const wrap = el("div", {
-        display: "flex",
-        width: "100%",
-        justifyContent: ctaAlign(ctaPosition)
-      });
-      wrap.appendChild(btn);
-      contentWrap.appendChild(wrap);
+  clearState(state);
+  clearStorage(config);
+}
+const inflightErrorSettings = /* @__PURE__ */ new Map();
+function applyErrorSettingsToState(state, data) {
+  if (data.configured) {
+    state.errorSettings = {
+      errorMessage: data.errorMessage,
+      modalColor: data.modalColor,
+      backgroundImage: data.backgroundImage
+    };
+  }
+  if (data.loadingAnimation) {
+    state.loadingAnimation = data.loadingAnimation;
+  }
+  if (data.themePalette) {
+    state.themePalette = data.themePalette;
+  }
+  if (typeof data.font === "string" && data.font) {
+    state.font = data.font;
+  }
+  if (data.defaultColorSchema === "light" || data.defaultColorSchema === "dark") {
+    state.defaultColorSchema = data.defaultColorSchema;
+  }
+}
+async function fetchErrorSettings(config, state, opts = {}) {
+  if (!opts.skipCache) {
+    const cached = loadErrorSettingsFromStorage(config);
+    if (cached) {
+      applyErrorSettingsToState(state, cached);
+      return state.errorSettings;
     }
-  } else {
-    contentRow.appendChild(content);
-    contentWrap.appendChild(contentRow);
   }
-  root.appendChild(contentWrap);
-  const close = el("button", {
-    position: isCard ? "absolute" : "",
-    top: isCard ? imageBanner ? "16px" : "12px" : "",
-    right: isCard ? imageBanner ? "16px" : "12px" : "",
-    marginTop: isCard ? "0" : "8px",
-    width: "20px",
-    minWidth: "20px",
-    height: "20px",
-    cursor: "pointer",
-    border: "none",
-    borderRadius: "50%",
-    background: "rgba(0,0,0,0.25)",
-    color: closeColor,
-    fontSize: "16px",
-    lineHeight: "1",
-    display: "flex",
-    alignItems: "center",
-    justifyContent: "center",
-    padding: "0",
-    flexShrink: "0"
+  const url = `${config.apiUrl}/${config.widgetId}/auth/error-settings?widgetType=${config.widgetType}`;
+  let promise = inflightErrorSettings.get(url);
+  if (!promise) {
+    promise = (async () => {
+      try {
+        const response = await fetch(url, {
+          method: "GET",
+          headers: { "Content-Type": "application/json" }
+        });
+        if (!response.ok) return null;
+        const data2 = await response.json();
+        saveErrorSettingsToStorage(config, data2);
+        return data2;
+      } catch {
+        return null;
+      } finally {
+        inflightErrorSettings.delete(url);
+      }
+    })();
+    inflightErrorSettings.set(url, promise);
+  }
+  const data = await promise;
+  if (!data) return null;
+  applyErrorSettingsToState(state, data);
+  return state.errorSettings;
+}
+function clearState(state) {
+  state.accessToken = null;
+  state.refreshToken = null;
+  state.tokenFamily = null;
+  state.accessTokenExpiry = null;
+  state.refreshTokenExpiry = null;
+  state.isAuthenticated = false;
+  state.isRefreshing = false;
+  state.refreshPromise = null;
+  state.lastAuthError = null;
+  if (state.refreshTimer) {
+    clearTimeout(state.refreshTimer);
+    state.refreshTimer = null;
+  }
+  if (state.syncTimer) {
+    clearInterval(state.syncTimer);
+    state.syncTimer = null;
+  }
+}
+const BUNDLE_READY_TIMEOUT_MS = 3e4;
+function isPromiseLike(value) {
+  return (typeof value === "object" || typeof value === "function") && value !== null && typeof value.then === "function";
+}
+function isReadyHandle(value) {
+  if (typeof value !== "object" || value === null || !("ready" in value)) {
+    return false;
+  }
+  return isPromiseLike(value.ready);
+}
+function waitWithTimeout(promise, timeoutMs, timeoutMessage) {
+  return new Promise((resolve, reject) => {
+    const timeoutId = setTimeout(() => {
+      reject(new Error(timeoutMessage));
+    }, timeoutMs);
+    Promise.resolve(promise).then(
+      (value) => {
+        clearTimeout(timeoutId);
+        resolve(value);
+      },
+      (error) => {
+        clearTimeout(timeoutId);
+        reject(error);
+      }
+    );
+  });
+}
+async function waitForBundleMountReadiness(mountResult, firstPaint, timeoutMs = BUNDLE_READY_TIMEOUT_MS) {
+  const resolvedMountResult = isPromiseLike(mountResult) ? await waitWithTimeout(
+    mountResult,
+    timeoutMs,
+    `Widget bundle mount did not resolve within ${timeoutMs}ms`
+  ) : mountResult;
+  if (!isReadyHandle(resolvedMountResult)) {
+    await firstPaint;
+    return "first-paint";
+  }
+  await waitWithTimeout(
+    resolvedMountResult.ready,
+    timeoutMs,
+    `Widget bundle did not report deep readiness within ${timeoutMs}ms`
+  );
+  return "deep-ready";
+}
+function isWidgetBundleRuntime(value) {
+  return (typeof value === "object" || typeof value === "function") && value !== null && typeof value.mount === "function";
+}
+function normalizeBundleUrl(url, baseUrl) {
+  const normalized = new URL(url, baseUrl);
+  normalized.hash = "";
+  return normalized.href;
+}
+function createBundleRuntimeLoader({
+  loadScript,
+  readGlobal,
+  baseUrl
+}) {
+  const runtimePromises = /* @__PURE__ */ new Map();
+  const globalLoadTails = /* @__PURE__ */ new Map();
+  return async function getBundleRuntime(globalName, bundleUrl) {
+    const normalizedUrl = normalizeBundleUrl(bundleUrl, baseUrl());
+    const cacheKey = `${globalName}:${normalizedUrl}`;
+    const cachedRuntime = runtimePromises.get(cacheKey);
+    if (cachedRuntime) return cachedRuntime;
+    const previousLoad = globalLoadTails.get(globalName) || Promise.resolve();
+    const runtimePromise = previousLoad.then(async () => {
+      await loadScript(normalizedUrl);
+      const runtime = readGlobal(globalName);
+      if (!isWidgetBundleRuntime(runtime)) {
+        throw new Error(
+          `window.${globalName}.mount not found after loading ${normalizedUrl}`
+        );
+      }
+      const mount = runtime.mount;
+      return {
+        mount(container, config) {
+          return mount.call(runtime, container, config);
+        }
+      };
+    });
+    runtimePromises.set(cacheKey, runtimePromise);
+    const loadTail = runtimePromise.then(
+      () => void 0,
+      () => void 0
+    );
+    globalLoadTails.set(globalName, loadTail);
+    void loadTail.then(() => {
+      if (globalLoadTails.get(globalName) === loadTail) {
+        globalLoadTails.delete(globalName);
+      }
+    });
+    try {
+      return await runtimePromise;
+    } catch (error) {
+      if (runtimePromises.get(cacheKey) === runtimePromise) {
+        runtimePromises.delete(cacheKey);
+      }
+      throw error;
+    }
+  };
+}
+function appendScript(url) {
+  return new Promise((resolve, reject) => {
+    const script = document.createElement("script");
+    script.src = url;
+    script.onload = () => resolve();
+    script.onerror = () => reject(new Error(`Failed to load ${url}`));
+    document.head.appendChild(script);
   });
-  close.type = "button";
-  close.setAttribute("aria-label", "dismiss banner");
-  close.innerHTML = "&times;";
-  close.addEventListener("click", handlers.onDismiss);
-  root.appendChild(close);
-  return root;
 }
-const VISITOR_KEY = "rai-banner-visitor";
-function uuid() {
-  try {
-    if (typeof crypto !== "undefined" && typeof crypto.randomUUID === "function") {
-      return crypto.randomUUID();
+const loadBrowserBundleRuntime = createBundleRuntimeLoader({
+  loadScript: appendScript,
+  readGlobal: (globalName) => window[globalName],
+  baseUrl: () => document.baseURI
+});
+function getOrLoadBundleRuntime(globalName, bundleUrl) {
+  return loadBrowserBundleRuntime(globalName, bundleUrl);
+}
+function assertCallbackName(callbackName) {
+  if (!callbackName || typeof callbackName !== "string") {
+    throw new TypeError("ReturningAI callback name must be a non-empty string");
+  }
+}
+function assertCallback(callback) {
+  if (typeof callback !== "function") {
+    throw new TypeError("ReturningAI callback must be a function");
+  }
+}
+class WidgetCallbackRegistry {
+  constructor() {
+    __publicField(this, "registeredCallbacks", {});
+    __publicField(this, "locked", false);
+  }
+  get isLocked() {
+    return this.locked;
+  }
+  registerCallback(callbackName, callback) {
+    if (this.locked) {
+      return;
     }
-  } catch {
+    assertCallbackName(callbackName);
+    assertCallback(callback);
+    this.registeredCallbacks = {
+      ...this.registeredCallbacks,
+      [callbackName]: callback
+    };
+  }
+  lock() {
+    if (this.locked) {
+      return;
+    }
+    this.locked = true;
+  }
+  read() {
+    return { ...this.registeredCallbacks };
   }
-  return "xxxxxxxx-xxxx-4xxx-yxxx-xxxxxxxxxxxx".replace(/[xy]/g, (c) => {
-    const r = Math.random() * 16 | 0;
-    const v = c === "x" ? r : r & 3 | 8;
-    return v.toString(16);
-  });
 }
-function getOrCreateVisitorId(communityId, storagePrefix) {
-  const key = `${storagePrefix}-${VISITOR_KEY}-${communityId}`;
+const STORE_CALLBACK_FIELD_OPTIONS_SCOPE = "store.callback_field_options";
+const STORE_CALLBACK_FIELD_OPTIONS_CALLBACK_NAME = "callbackFieldOptions";
+const STORE_CALLBACK_FIELD_OPTIONS_TIMEOUT_MS = 15e3;
+const STORE_PURCHASE_SUCCESS_SCOPE = "store.purchase_success";
+const STORE_PURCHASE_SUCCESS_CALLBACK_NAME = "storePurchaseSuccess";
+function isSupportedStoreHostCallback(callbackName, payload) {
+  if (!payload) return false;
+  return callbackName === STORE_CALLBACK_FIELD_OPTIONS_CALLBACK_NAME && payload.callbackName === STORE_CALLBACK_FIELD_OPTIONS_CALLBACK_NAME && payload.scope === STORE_CALLBACK_FIELD_OPTIONS_SCOPE || callbackName === STORE_PURCHASE_SUCCESS_CALLBACK_NAME && payload.callbackName === STORE_PURCHASE_SUCCESS_CALLBACK_NAME && payload.scope === STORE_PURCHASE_SUCCESS_SCOPE;
+}
+async function invokeStoreHostCallback(callbacks, callbackName, payload) {
+  if (!isSupportedStoreHostCallback(callbackName, payload)) {
+    throw new Error("Host callback is only supported for store widgets");
+  }
+  const callback = callbacks[callbackName];
+  if (!callback) throw new Error("Host callback is not registered");
+  let value;
   try {
-    let id = localStorage.getItem(key);
-    if (!id) {
-      id = uuid();
-      localStorage.setItem(key, id);
-    }
-    return id;
+    value = await callback(payload);
   } catch {
-    return uuid();
+    throw new Error("Host callback failed");
   }
+  return callbackName === STORE_CALLBACK_FIELD_OPTIONS_CALLBACK_NAME ? value : void 0;
 }
-function fireTracking(url) {
-  if (!url) return;
+function debounce(fn, wait) {
+  let timer = null;
+  return {
+    call(h) {
+      if (timer) clearTimeout(timer);
+      timer = setTimeout(() => {
+        fn(h);
+        timer = null;
+      }, wait);
+    },
+    cancel() {
+      if (timer) {
+        clearTimeout(timer);
+        timer = null;
+      }
+    }
+  };
+}
+function sendTokenToWidget(config, state, iframe) {
+  var _a;
+  if (!state.accessToken) return;
   try {
-    const img = new Image();
-    img.src = url;
+    (_a = iframe.contentWindow) == null ? void 0 : _a.postMessage(
+      {
+        type: "RETURNINGAI_WIDGET_TOKEN",
+        value: {
+          widgetId: config.widgetId,
+          token: state.accessToken,
+          ...config.customData !== void 0 && { customData: config.customData }
+        }
+      },
+      config.widgetDomain
+    );
   } catch {
   }
 }
+function setupMessageListener(config, state, _shadow, iframe, onRefreshScheduled, onLogout, hideLoader, emit, getCallbacks) {
+  const heightSetter = debounce((h) => {
+    iframe.style.height = `${h}px`;
+    emit == null ? void 0 : emit("rai-height-change", { height: h });
+  }, config.heightDebounce ?? 100);
+  const handler = async (event) => {
+    var _a;
+    if (event.origin !== config.widgetDomain) return;
+    if (!event.data || typeof event.data.type !== "string") return;
+    const { type, containerId, widgetId, payload } = event.data;
+    switch (type) {
+      case "RETURNINGAI_WIDGET_REQUEST_TOKEN": {
+        try {
+          const token = await getValidToken(config, state, onRefreshScheduled);
+          (_a = iframe.contentWindow) == null ? void 0 : _a.postMessage(
+            {
+              type: "RETURNINGAI_WIDGET_TOKEN",
+              value: {
+                token,
+                widgetId: config.widgetId,
+                ...config.customData !== void 0 && { customData: config.customData }
+              }
+            },
+            config.widgetDomain
+          );
+        } catch {
+        }
+        break;
+      }
+      case "WIDGET_HEIGHT_UPDATE": {
+        const h = Number(payload == null ? void 0 : payload.height);
+        if (Number.isFinite(h) && h > 0) {
+          heightSetter.call(h);
+        }
+        break;
+      }
+      case "WIDGET_READY": {
+        if (widgetId !== void 0 && widgetId !== config.widgetId) break;
+        if (containerId !== void 0 && containerId !== config.container) break;
+        iframe.classList.add("loaded");
+        if (hideLoader) hideLoader();
+        emit == null ? void 0 : emit("rai-ready");
+        break;
+      }
+      case "WIDGET_ERROR": {
+        if (hideLoader) hideLoader();
+        break;
+      }
+      case "WIDGET_LOGOUT": {
+        if (onLogout) await onLogout();
+        break;
+      }
+      case "RETURNINGAI_WIDGET_ACTION": {
+        if (event.source !== iframe.contentWindow) break;
+        const message = event.data;
+        if (config.widgetType !== "store" && config.widgetType !== "custom") break;
+        if (message.widgetType !== "store") break;
+        if (message.action !== "store:host-callback") break;
+        if (!isSupportedStoreHostCallback(message.callbackName, message.payload)) break;
+        if (message.widgetId !== void 0 && message.widgetId !== config.widgetId) break;
+        if (message.containerId !== void 0 && message.containerId !== config.container) break;
+        const respond = (result) => {
+          var _a2;
+          (_a2 = iframe.contentWindow) == null ? void 0 : _a2.postMessage(result, config.widgetDomain);
+        };
+        const callbacks = (getCallbacks == null ? void 0 : getCallbacks()) ?? {};
+        if (!callbacks[message.callbackName]) {
+          respond({
+            type: "RETURNINGAI_WIDGET_ACTION_RESULT",
+            requestId: message.requestId,
+            action: "store:host-callback",
+            ok: false,
+            status: "failed",
+            error: { message: "Host callback is not registered" }
+          });
+          break;
+        }
+        try {
+          const value = await invokeStoreHostCallback(
+            callbacks,
+            message.callbackName,
+            message.payload
+          );
+          const result = {
+            type: "RETURNINGAI_WIDGET_ACTION_RESULT",
+            requestId: message.requestId,
+            action: "store:host-callback",
+            ok: true,
+            status: "success",
+            ...value !== void 0 ? { value } : {}
+          };
+          respond(result);
+        } catch {
+          respond({
+            type: "RETURNINGAI_WIDGET_ACTION_RESULT",
+            requestId: message.requestId,
+            action: "store:host-callback",
+            ok: false,
+            status: "failed",
+            error: { message: "Host callback failed" }
+          });
+        }
+        break;
+      }
+    }
+  };
+  window.addEventListener("message", handler);
+  return () => {
+    window.removeEventListener("message", handler);
+    heightSetter.cancel();
+  };
+}
 const widgetCSS = ':host{display:block;position:relative;width:100%;height:100%}.rai-loader{position:absolute;top:0;left:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:.75rem;width:100%;height:100%;background:var(--background-5, var(--rai-loader-bg, #ffffff));border-radius:8px;z-index:10;transition:opacity .3s ease-out;font-family:var(--rai-loader-font, "Roboto", system-ui, -apple-system, sans-serif)}.rai-loader.fade-out{opacity:0;pointer-events:none}.rai-loader-text{margin:.5rem 0 0;font-size:1.125rem;line-height:1.75rem;font-weight:400;letter-spacing:normal;color:var(--accent-1, var(--rai-accent, #000000));text-align:center}@media (min-width: 768px){.rai-loader-text{font-size:1.5rem;line-height:2rem}}.rai-error{display:none;position:absolute;top:0;left:0;width:100%;height:100%;align-items:center;justify-content:center;flex-direction:column;gap:12px;background:var(--rai-error-bg, #1a1a1a);border-radius:8px;padding:24px;box-sizing:border-box;text-align:center;color:var(--rai-error-text, #9ca3af);font-family:system-ui,-apple-system,sans-serif;z-index:10}.rai-error.visible{display:flex}iframe{display:block;border:none;opacity:0;transition:opacity .3s ease-in}iframe.loaded{opacity:1}.rai-lottie-loader{width:100px;height:100px}.rai-lottie-loader svg{width:100%!important;height:100%!important}.rai-lottie-spinner{width:32px;height:32px;margin:34px auto;border:3px solid var(--rai-text4, #6b7280);border-top-color:var(--rai-accent, #000000);border-radius:50%;animation:rai-spin .7s linear infinite}@keyframes rai-spin{to{transform:rotate(360deg)}}.rai-sdk-loader{position:relative;width:75px;height:100px}.rai-sdk-loader__bar{position:absolute;bottom:0;width:10px;height:50%;background:var(--rai-accent, #000000);transform-origin:center bottom;box-shadow:1px 1px #0003}.rai-sdk-loader__bar:nth-child(1){left:0;transform:scaleY(.2);animation:rai-sdk-barUp1 4s infinite}.rai-sdk-loader__bar:nth-child(2){left:15px;transform:scaleY(.4);animation:rai-sdk-barUp2 4s infinite}.rai-sdk-loader__bar:nth-child(3){left:30px;transform:scaleY(.6);animation:rai-sdk-barUp3 4s infinite}.rai-sdk-loader__bar:nth-child(4){left:45px;transform:scaleY(.8);animation:rai-sdk-barUp4 4s infinite}.rai-sdk-loader__bar:nth-child(5){left:60px;transform:scale(1);animation:rai-sdk-barUp5 4s infinite}.rai-sdk-loader__ball{position:absolute;bottom:10px;left:0;width:10px;height:10px;background:var(--rai-accent, #000000);border-radius:50%;animation:rai-sdk-ball 4s infinite}@keyframes rai-sdk-ball{0%{transform:translate(0)}5%{transform:translate(8px,-14px)}10%{transform:translate(15px,-10px)}17%{transform:translate(23px,-24px)}20%{transform:translate(30px,-20px)}27%{transform:translate(38px,-34px)}30%{transform:translate(45px,-30px)}37%{transform:translate(53px,-44px)}40%{transform:translate(60px,-40px)}50%{transform:translate(60px)}57%{transform:translate(53px,-14px)}60%{transform:translate(45px,-10px)}67%{transform:translate(37px,-24px)}70%{transform:translate(30px,-20px)}77%{transform:translate(22px,-34px)}80%{transform:translate(15px,-30px)}87%{transform:translate(7px,-44px)}90%{transform:translateY(-40px)}to{transform:translate(0)}}@keyframes rai-sdk-barUp1{0%{transform:scaleY(.2)}40%{transform:scaleY(.2)}50%{transform:scale(1)}90%{transform:scale(1)}to{transform:scaleY(.2)}}@keyframes rai-sdk-barUp2{0%{transform:scaleY(.4)}40%{transform:scaleY(.4)}50%{transform:scaleY(.8)}90%{transform:scaleY(.8)}to{transform:scaleY(.4)}}@keyframes rai-sdk-barUp3{0%{transform:scaleY(.6)}to{transform:scaleY(.6)}}@keyframes rai-sdk-barUp4{0%{transform:scaleY(.8)}40%{transform:scaleY(.8)}50%{transform:scaleY(.4)}90%{transform:scaleY(.4)}to{transform:scaleY(.8)}}@keyframes rai-sdk-barUp5{0%{transform:scale(1)}40%{transform:scale(1)}50%{transform:scaleY(.2)}90%{transform:scaleY(.2)}to{transform:scale(1)}}#loading-square{width:75px;aspect-ratio:1;display:flex;color:var(--rai-accent, #000000);background:linear-gradient(currentColor 0 0) right / 51% 100%,linear-gradient(currentColor 0 0) bottom / 100% 51%;background-repeat:no-repeat;animation:l16-0 2s infinite linear .25s}#loading-square>div{width:50%;height:50%;background:currentColor;animation:l16-1 .5s infinite linear}@keyframes l16-0{0%,12.49%{transform:rotate(0)}12.5%,37.49%{transform:rotate(90deg)}37.5%,62.49%{transform:rotate(180deg)}62.5%,87.49%{transform:rotate(270deg)}87.5%,to{transform:rotate(360deg)}}@keyframes l16-1{0%{transform:perspective(80px) rotate3d(-1,-1,0,0)}80%,to{transform:perspective(80px) rotate3d(-1,-1,0,-180deg)}}#loading-circle{width:75px;aspect-ratio:1;display:grid;grid:50%/50%;color:var(--rai-accent, #000000);border-radius:50%;--_g: no-repeat linear-gradient(currentColor 0 0);background:var(--_g),var(--_g),var(--_g);background-size:50.1% 50.1%;animation:l9-0 1.5s infinite steps(1) alternate,l9-0-0 3s infinite steps(1) alternate}#loading-circle>div{background:var(--rai-text4, #6b7280);border-top-left-radius:100px;transform:perspective(150px) rotateY(0) rotateX(0);transform-origin:bottom right;animation:l9-1 1.5s infinite linear alternate}@keyframes l9-0{0%{background-position:0 100%,100% 100%,100% 0}33%{background-position:100% 100%,100% 100%,100% 0}66%{background-position:100% 0,100% 0,100% 0}}@keyframes l9-0-0{0%{transform:scaleX(1) rotate(0)}50%{transform:scaleX(-1) rotate(-90deg)}}@keyframes l9-1{16.5%{transform:perspective(150px) rotateX(-90deg) rotateY(0) rotateX(0);filter:grayscale(.8)}33%{transform:perspective(150px) rotateX(-180deg) rotateY(0) rotateX(0)}66%{transform:perspective(150px) rotateX(-180deg) rotateY(-180deg) rotateX(0)}to{transform:perspective(150px) rotateX(-180deg) rotateY(-180deg) rotateX(-180deg);filter:grayscale(.8)}}.rai-custom-error{position:absolute;top:0;left:0;width:100%;height:100%;z-index:10}.tiptap strong.tw-font-bold,.tiptap b.tw-font-bold{font-weight:700}.tiptap em.tw-font-italic,.tiptap i.tw-font-italic{font-style:italic}.tiptap a.tiptap-rich-text-link{color:#3b82f6;text-decoration:underline;position:relative;display:inline-block;width:fit-content}.tiptap a.tiptap-rich-text-link:hover{color:#3b82f6cc;text-decoration:none}.tiptap a.tiptap-rich-text-link:not([title=""]):before{content:attr(title);position:absolute;top:-2rem;left:50%;transform:translate(-50%);white-space:nowrap;border-radius:.25rem;background-color:#000;padding:.25rem .5rem;color:#fff;opacity:0;transition:opacity .2s;pointer-events:none}.tiptap a.tiptap-rich-text-link:not([title=""]):hover:before{opacity:1}.tiptap p[style*="text-align: left"]{text-align:left}.tiptap p[style*="text-align: center"]{text-align:center}.tiptap p[style*="text-align: right"]{text-align:right}.tiptap p[style*="text-align: justify"]{text-align:justify}.tiptap u{text-decoration:underline}.tiptap.ProseMirror{background-color:transparent;height:fit-content!important;word-wrap:break-word;white-space:pre-wrap;white-space:break-spaces;-webkit-font-variant-ligatures:none;font-variant-ligatures:none;font-feature-settings:"liga" 0;padding:0;width:100%;overflow-y:auto}.tiptap{line-height:1.6;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif}.tiptap p{margin:.5em 0}.tiptap p:first-child{margin-top:0}.tiptap p:last-child{margin-bottom:0}.tiptap img{max-width:100%;height:auto;display:block}.tiptap p[style*="text-align: left"] img{margin-left:0;margin-right:auto}.tiptap p[style*="text-align: center"] img{margin-left:auto;margin-right:auto}.tiptap p[style*="text-align: right"] img{margin-left:auto;margin-right:0}.rai-retry-btn{padding:8px 20px;border:none;border-radius:6px;background:var(--rai-accent, #000000);color:var(--rai-error-bg, #ffffff);font-size:14px;font-family:system-ui,-apple-system,sans-serif;cursor:pointer}.rai-retry-btn:hover{opacity:.85}';
 const DEFINED_ATTRS = /* @__PURE__ */ new Set([
   "community-id",
@@ -12793,15 +12934,6 @@ function resolveWidgetServerUrl(domainKey) {
 function resolveV2ApiUrl(domainKey) {
   return DOMAIN_KEY_TO_V2_API_URL[domainKey] || DOMAIN_KEY_TO_V2_API_URL.PROD;
 }
-function loadScript(url) {
-  return new Promise((resolve, reject) => {
-    const s = document.createElement("script");
-    s.src = url;
-    s.onload = () => resolve();
-    s.onerror = () => reject(new Error(`Failed to load ${url}`));
-    document.head.appendChild(s);
-  });
-}
 const loadedFonts = /* @__PURE__ */ new Set();
 function ensureGoogleFontLoaded(family) {
   if (!family || loadedFonts.has(family)) return;
@@ -12817,9 +12949,10 @@ function ensureGoogleFontLoaded(family) {
 const DANGEROUS_ELEMENTS = ["script", "iframe", "object", "embed"];
 const URL_ATTRS = ["src", "href", "xlink:href"];
 function sanitizeLoaderHtml(html2) {
-  const doc = new DOMParser().parseFromString(html2, "text/html");
-  doc.body.querySelectorAll(DANGEROUS_ELEMENTS.join(",")).forEach((el2) => el2.remove());
-  doc.body.querySelectorAll("*").forEach((el2) => {
+  const template = document.createElement("template");
+  template.innerHTML = html2;
+  template.content.querySelectorAll(DANGEROUS_ELEMENTS.join(",")).forEach((el2) => el2.remove());
+  template.content.querySelectorAll("*").forEach((el2) => {
     Array.from(el2.attributes).forEach((attr) => {
       const name = attr.name.toLowerCase();
       if (name.startsWith("on")) {
@@ -12832,7 +12965,9 @@ function sanitizeLoaderHtml(html2) {
       }
     });
   });
-  return doc.body.innerHTML;
+  const container = document.createElement("div");
+  container.appendChild(template.content.cloneNode(true));
+  return container.innerHTML;
 }
 function readConfig(el2, existingId) {
   const get = (name) => el2.getAttribute(name) ?? el2.getAttribute(`data-${name}`) ?? "";
@@ -13177,15 +13312,13 @@ class BaseWidget extends HTMLElement {
   }
   /**
    * Loads the community loading animation + theme palette from cache or API
-   * and renders the animation above the "Loading ..." text. The text is
-   * already painted by renderShell so this method only ADDS the animation;
-   * users see two states at most: text-only → text + animation.
+   * and renders the configured animation above the loading text.
    *
    * Stale-while-revalidate:
    *   - Cache hit  → apply palette & render animation synchronously, fire
    *                  background refresh.
-   *   - Cache miss → text remains visible; await network; apply palette
-   *                  + render animation when response arrives.
+   *   - Cache miss → retain the initial shell; await network; apply palette +
+   *                  render the resolved animation or fallback.
    */
   async fetchAndRenderLoader() {
     var _a;
@@ -13299,48 +13432,35 @@ class BaseWidget extends HTMLElement {
   }
   hideLoader() {
     if (!this.loaderEl) return;
-    this.loaderEl.classList.add("fade-out");
-    setTimeout(() => {
-      var _a;
-      return (_a = this.loaderEl) == null ? void 0 : _a.remove();
-    }, 300);
+    const loader = this.loaderEl;
+    loader.classList.add("fade-out");
+    setTimeout(() => loader.remove(), 300);
     this.loaderEl = null;
   }
   /**
-   * Bundle mode: keep the SDK loader visible until React has actually
-   * painted into `container`, eliminating the brief bg-color gap that
-   * happens when the loader is removed before the React app's first frame.
-   *
-   * Strategy:
-   *   1. MutationObserver fires when React commits any DOM mutation into
-   *      the container — synchronous inside mount(), but the callback runs
-   *      as a microtask, so it observes the first child addition.
-   *   2. requestAnimationFrame waits one paint cycle so the React content
-   *      is actually visible before the SDK loader fades out.
-   *   3. 2s fallback covers silent React mount errors so the loader doesn't
-   *      hang forever.
-   *
-   * Calls hideLoader() (with its 300ms fade-out) so the transition is smooth.
+   * Resolve after a legacy bundle's first rendered child has reached a paint.
+   * This remains the fallback for bundles that do not expose a deep-ready
+   * handle from mount(). It intentionally does not hide the loader itself so
+   * a stronger nested-MFE readiness signal can take ownership of the handoff.
    */
-  deferLoaderRemovalUntilReactPaints(container) {
-    if (!this.loaderEl) return;
-    let removed = false;
-    const remove = () => {
-      if (removed) return;
-      removed = true;
-      this.hideLoader();
-    };
-    const observer = new MutationObserver(() => {
-      if (container.children.length > 0) {
+  waitForFirstBundlePaint(container) {
+    return new Promise((resolve) => {
+      let settled = false;
+      let timeoutId;
+      const observer = new MutationObserver(() => {
+        if (container.children.length > 0) finish();
+      });
+      const finish = () => {
+        if (settled) return;
+        settled = true;
         observer.disconnect();
-        requestAnimationFrame(remove);
-      }
+        clearTimeout(timeoutId);
+        requestAnimationFrame(() => resolve());
+      };
+      observer.observe(container, { childList: true });
+      timeoutId = setTimeout(finish, 2e3);
+      if (container.children.length > 0) finish();
     });
-    observer.observe(container, { childList: true });
-    setTimeout(() => {
-      observer.disconnect();
-      remove();
-    }, 2e3);
   }
   showError() {
     this.hideLoader();
@@ -13418,7 +13538,8 @@ class BaseWidget extends HTMLElement {
   }
   removeBanner() {
     var _a;
-    if ((_a = this.bannerNode) == null ? void 0 : _a.parentNode) this.bannerNode.parentNode.removeChild(this.bannerNode);
+    if ((_a = this.bannerNode) == null ? void 0 : _a.parentNode)
+      this.bannerNode.parentNode.removeChild(this.bannerNode);
     this.bannerNode = null;
   }
   /**
@@ -13431,7 +13552,8 @@ class BaseWidget extends HTMLElement {
     var _a, _b;
     try {
       if (this.bannerNode) return;
-      if (this.getAttribute("banner") === "off" || this.hasAttribute("no-banner")) return;
+      if (this.getAttribute("banner") === "off" || this.hasAttribute("no-banner"))
+        return;
       const apiUrl = this.resolveBannerApiUrl();
       const isCustom = this.config.widgetType === "custom";
       let communityId;
@@ -13445,13 +13567,17 @@ class BaseWidget extends HTMLElement {
           decoded = "";
         }
         if (isObjectId(decoded)) widgetId = decoded;
-        else if (isObjectId(this.config.communityId)) widgetId = this.config.communityId;
+        else if (isObjectId(this.config.communityId))
+          widgetId = this.config.communityId;
         if (!widgetId) return;
       } else {
         communityId = this.config.communityId;
       }
       const sessionKey = this.config.communityId || widgetId || "rai";
-      const visitorId = getOrCreateVisitorId(sessionKey, this.config.storagePrefix);
+      const visitorId = getOrCreateVisitorId(
+        sessionKey,
+        this.config.storagePrefix
+      );
       const w = window.innerWidth;
       const device = w < 640 ? "mobile" : w < 1024 ? "tablet" : "desktop";
       const result = await fetchEligibleBanner(apiUrl, {
@@ -13467,13 +13593,18 @@ class BaseWidget extends HTMLElement {
           hostname: window.location.hostname,
           path: window.location.pathname
         },
-        viewport: { width: window.innerWidth, height: window.innerHeight, device },
+        viewport: {
+          width: window.innerWidth,
+          height: window.innerHeight,
+          device
+        },
         identifier: { type: "anonymous_session", value: visitorId }
       });
       if (!this.isConnected) return;
       const banner = result.banner;
       if (!banner) return;
-      if (((_a = banner.placement) == null ? void 0 : _a.mobileBehavior) === "hide" && device === "mobile") return;
+      if (((_a = banner.placement) == null ? void 0 : _a.mobileBehavior) === "hide" && device === "mobile")
+        return;
       const node = renderBanner(banner, {
         onCtaClick: () => {
           var _a2, _b2, _c;
@@ -13481,7 +13612,8 @@ class BaseWidget extends HTMLElement {
           this.emit("rai-banner-click", { bannerId: banner.id });
           const url = (_b2 = banner.cta) == null ? void 0 : _b2.url;
           if (!url) return;
-          if ((_c = banner.cta) == null ? void 0 : _c.openInNewTab) window.open(url, "_blank", "noopener,noreferrer");
+          if ((_c = banner.cta) == null ? void 0 : _c.openInNewTab)
+            window.open(url, "_blank", "noopener,noreferrer");
           else window.location.href = url;
         },
         onDismiss: () => {
@@ -13527,7 +13659,7 @@ class BaseWidget extends HTMLElement {
       this.addEventListener("rai-ready", mountBannerOnce);
       bannerGateTimer = window.setTimeout(mountBannerOnce, 2500);
       if (this.config.bundleUrl) {
-        this.mountWidget();
+        void this.mountWidget(initId);
       } else {
         this.createIframe();
       }
@@ -13650,8 +13782,8 @@ class BaseWidget extends HTMLElement {
     );
   }
   // ── Bundle mode (no-iframe) ──────────────────────────────────────────
-  async mountWidget() {
-    var _a;
+  async mountWidget(initId) {
+    let container = null;
     try {
       this.teardownMountedWidget();
       const bundleApiUrl = this.config.v2ApiUrl || resolveV2ApiUrl(this.config.domainKey);
@@ -13674,16 +13806,13 @@ class BaseWidget extends HTMLElement {
         window.loadingAnimation = this.state.loadingAnimation;
       }
       const globalName = WIDGET_GLOBALS[this.config.widgetType];
-      if (!((_a = window[globalName]) == null ? void 0 : _a.mount)) {
-        await loadScript(this.config.bundleUrl);
-      }
-      const widgetGlobal = window[globalName];
-      if (!(widgetGlobal == null ? void 0 : widgetGlobal.mount)) {
-        throw new Error(
-          `window.${globalName}.mount not found after loading bundle`
-        );
-      }
-      const container = document.createElement("div");
+      const widgetGlobal = await getOrLoadBundleRuntime(
+        globalName,
+        this.config.bundleUrl
+      );
+      if (!this.isCurrentInit(initId)) return;
+      container = document.createElement("div");
+      const hideNestedBundleUntilReady = this.config.widgetType === "custom";
       container.className = "rai-widget-root";
       container.setAttribute("data-rai-widget-root", "true");
       container.style.cssText = [
@@ -13691,16 +13820,21 @@ class BaseWidget extends HTMLElement {
         "width: 100%",
         "height: 100%",
         "color: var(--text-1)",
-        "background: var(--background-1)",
-        "font-family: var(--rai-loader-font, 'Roboto', system-ui, -apple-system, sans-serif)"
+        "background: transparent",
+        "font-family: var(--rai-loader-font, 'Roboto', system-ui, -apple-system, sans-serif)",
+        // Custom loaders may intentionally use a transparent backdrop. Keep
+        // their nested bundle fallbacks out of the visual tree until deep
+        // readiness so they cannot show through that transparency. Other
+        // widget types preserve their existing first-paint behavior.
+        `visibility: ${hideNestedBundleUntilReady ? "hidden" : "visible"}`
       ].join("; ");
       this.appendChild(container);
       if (!this.shadow.querySelector("slot")) {
         const slot = document.createElement("slot");
         this.shadow.appendChild(slot);
       }
-      this.deferLoaderRemovalUntilReactPaints(container);
-      widgetGlobal.mount(container, {
+      const firstPaint = this.waitForFirstBundlePaint(container);
+      const mountResult = widgetGlobal.mount(container, {
         widgetType: this.config.widgetType,
         communityId: this.config.communityId,
         channelId: this.config.channelId,
@@ -13721,16 +13855,31 @@ class BaseWidget extends HTMLElement {
         isOpenWidget: !this.state.accessToken,
         defaultColorSchema: this.config.theme === "dark" ? "dark" : "light",
         requestHostCallback: async (callbackName, payload) => {
-          if (this.config.widgetType !== "store" && this.config.widgetType !== "custom" || callbackName !== STORE_CALLBACK_FIELD_OPTIONS_CALLBACK_NAME || payload.scope !== STORE_CALLBACK_FIELD_OPTIONS_SCOPE) {
-            throw new Error("Host callback is only supported for store widgets");
-          }
-          const callback = this.readRuntimeCallbacks()[callbackName];
-          if (!callback) throw new Error("Host callback is not registered");
-          return callback(payload);
+          if (this.config.widgetType !== "store" && this.config.widgetType !== "custom") {
+            throw new Error(
+              "Host callback is only supported for store widgets"
+            );
+          }
+          return invokeStoreHostCallback(
+            this.readRuntimeCallbacks(),
+            callbackName,
+            payload
+          );
         }
       });
+      await waitForBundleMountReadiness(mountResult, firstPaint);
+      if (!this.isCurrentInit(initId) || !container.isConnected) {
+        container.remove();
+        return;
+      }
+      if (hideNestedBundleUntilReady) container.style.visibility = "visible";
+      this.hideLoader();
       this.emit("rai-mounted");
     } catch (err) {
+      if (!this.isCurrentInit(initId)) {
+        container == null ? void 0 : container.remove();
+        return;
+      }
       console.error("[rai-widget] Bundle mount failed:", err);
       this.showError();
     }
@@ -13917,7 +14066,7 @@ class CustomWidget extends BaseWidget {
     }
   }
 }
-console.log(`[rai-widget] v${"1.6.2"}`);
+console.log(`[rai-widget] v${"1.7.1"}`);
 class StoreWidgetCompat extends StoreWidget {
 }
 const WIDGET_REGISTRY = [
@@ -13981,7 +14130,7 @@ function exposePublicApi() {
   })();
   const widget = container == null ? void 0 : container.querySelector(ALL_WIDGET_SELECTOR);
   window.ReturningAIWidget = {
-    version: "1.6.2",
+    version: "1.7.1",
     reload: () => (widget == null ? void 0 : widget.reload()) ?? Promise.resolve(),
     logout: () => (widget == null ? void 0 : widget.logoutPublic()) ?? Promise.resolve(),
     isAuthenticated: () => (widget == null ? void 0 : widget.isAuthenticated()) ?? false,
@@ -14002,6 +14151,8 @@ export {
   STORE_CALLBACK_FIELD_OPTIONS_CALLBACK_NAME,
   STORE_CALLBACK_FIELD_OPTIONS_SCOPE,
   STORE_CALLBACK_FIELD_OPTIONS_TIMEOUT_MS,
+  STORE_PURCHASE_SUCCESS_CALLBACK_NAME,
+  STORE_PURCHASE_SUCCESS_SCOPE,
   SocialWidget,
   StoreWidget
 };