@monterosa/sdk-launcher-kit 0.18.0 → 0.19.0-rc.2

package/dist/index.cjs.js

@@ -7,7 +7,7 @@ var sdkUtil = require('@monterosa/sdk-util');
 var uuid = require('uuid');
 var sdkInteractKit = require('@monterosa/sdk-interact-kit');
 
-/*! *****************************************************************************
+/******************************************************************************
 Copyright (c) Microsoft Corporation.
 
 Permission to use, copy, modify, and/or distribute this software for any
@@ -21,7 +21,7 @@ LOSS OF USE, DATA OR PROFITS, WHETHER IN AN ACTION OF CONTRACT, NEGLIGENCE OR
 OTHER TORTIOUS ACTION, ARISING OUT OF OR IN CONNECTION WITH THE USE OR
 PERFORMANCE OF THIS SOFTWARE.
 ***************************************************************************** */
-/* global Reflect, Promise */
+/* global Reflect, Promise, SuppressedError, Symbol, Iterator */
 
 var extendStatics = function(d, b) {
     extendStatics = Object.setPrototypeOf ||
@@ -60,12 +60,12 @@ function __awaiter(thisArg, _arguments, P, generator) {
 }
 
 function __generator(thisArg, body) {
-    var _ = { label: 0, sent: function() { if (t[0] & 1) throw t[1]; return t[1]; }, trys: [], ops: [] }, f, y, t, g;
-    return g = { next: verb(0), "throw": verb(1), "return": verb(2) }, typeof Symbol === "function" && (g[Symbol.iterator] = function() { return this; }), g;
+    var _ = { label: 0, sent: function() { if (t[0] & 1) throw t[1]; return t[1]; }, trys: [], ops: [] }, f, y, t, g = Object.create((typeof Iterator === "function" ? Iterator : Object).prototype);
+    return g.next = verb(0), g["throw"] = verb(1), g["return"] = verb(2), typeof Symbol === "function" && (g[Symbol.iterator] = function() { return this; }), g;
     function verb(n) { return function (v) { return step([n, v]); }; }
     function step(op) {
         if (f) throw new TypeError("Generator is already executing.");
-        while (_) try {
+        while (g && (g = 0, op[0] && (_ = 0)), _) try {
             if (f = 1, y && (t = op[0] & 2 ? y["return"] : op[0] ? y["throw"] || ((t = y["return"]) && t.call(y), 0) : y.next) && !(t = t.call(y, op[1])).done) return t;
             if (y = 0, t) op = [op[0] & 2, t.value];
             switch (op[0]) {
@@ -85,15 +85,18 @@ function __generator(thisArg, body) {
         } catch (e) { op = [6, e]; y = 0; } finally { f = t = 0; }
         if (op[0] & 5) throw op[1]; return { value: op[0] ? op[1] : void 0, done: true };
     }
-}
+}
+
+typeof SuppressedError === "function" ? SuppressedError : function (error, suppressed, message) {
+    var e = new Error(message);
+    return e.name = "SuppressedError", e.error = error, e.suppressed = suppressed, e;
+};
 
 /**
  * @license
- * constants.ts
- * launcher-kit
+ * @monterosa/sdk-launcher-kit
  *
- * Created by Rygor Kharytanovich <rygor@monterosa.co.uk> on 2022-07-15
- * Copyright © 2022 Monterosa. All rights reserved.
+ * Copyright © 2022 Monterosa Productions Limited. All rights reserved.
  *
  * More details on the license can be found at https://www.monterosa.co/sdk/license
  */
@@ -119,11 +122,9 @@ var DEFAULT_HEIGHT = 250;
 
 /**
  * @license
- * logger.ts
- * interact-kit
+ * @monterosa/sdk-interact-kit
  *
- * Created by Rygor Kharytanovich <rygor@monterosa.co.uk> on 2023-05-23
- * Copyright © 2023 Monterosa. All rights reserved.
+ * Copyright © 2023 Monterosa Productions Limited. All rights reserved.
  *
  * More details on the license can be found at https://www.monterosa.co/sdk/license
  */
@@ -131,11 +132,9 @@ var logger = new sdkCore.Logger('@monterosa/sdk-interact-kit');
 
 /**
  * @license
- * public_types.ts
- * launcher-kit
+ * @monterosa/sdk-launcher-kit
  *
- * Created by Rygor Kharytanovich <rygor@monterosa.co.uk> on 2022-07-12
- * Copyright © 2022 Monterosa. All rights reserved.
+ * Copyright © 2022 Monterosa Productions Limited. All rights reserved.
  *
  * More details on the license can be found at https://www.monterosa.co/sdk/license
  */
@@ -177,11 +176,9 @@ exports.Source = void 0;
 
 /**
  * @license
- * types.ts
- * launcher-kit
+ * @monterosa/sdk-launcher-kit
  *
- * Created by Rygor Kharytanovich <rygor@monterosa.co.uk> on 2022-01-19
- * Copyright © 2022 Monterosa. All rights reserved.
+ * Copyright © 2022-2024 Monterosa Productions Limited. All rights reserved.
  *
  * More details on the license can be found at https://www.monterosa.co/sdk/license
  */
@@ -226,11 +223,9 @@ exports.QueryParam = void 0;
 
 /**
  * @license
- * types.ts
- * launcher-kit
+ * @monterosa/sdk-launcher-kit
  *
- * Created by Rygor Kharytanovich <rygor@monterosa.co.uk> on 2024-01-02
- * Copyright © 2024 Monterosa. All rights reserved.
+ * Copyright © 2024 Monterosa Productions Limited. All rights reserved.
  *
  * More details on the license can be found at https://www.monterosa.co/sdk/license
  */
@@ -276,11 +271,9 @@ var BridgeErrorMessages = (_a$2 = {},
 
 /**
  * @license
- * config.ts
- * launcher-kit
+ * @monterosa/sdk-launcher-kit
  *
- * Created by Rygor Kharytanovich <rygor@monterosa.co.uk> on 2024-01-02
- * Copyright © 2024 Monterosa. All rights reserved.
+ * Copyright © 2024 Monterosa Productions Limited. All rights reserved.
  *
  * More details on the license can be found at https://www.monterosa.co/sdk/license
  */
@@ -319,11 +312,9 @@ function setRequestTimeout(newTimeout) {
 
 /**
  * @license
- * helpers.ts
- * launcher-kit
+ * @monterosa/sdk-launcher-kit
  *
- * Created by Rygor Kharytanovich <rygor@monterosa.co.uk> on 2022-07-12
- * Copyright © 2022 Monterosa. All rights reserved.
+ * Copyright © 2022 Monterosa Productions Limited. All rights reserved.
  *
  * More details on the license can be found at https://www.monterosa.co/sdk/license
  */
@@ -334,11 +325,9 @@ function isMessage(message) {
 
 /**
  * @license
- * sideeffect.ts
- * launcher-kit
+ * @monterosa/sdk-launcher-kit
  *
- * Created by Rygor Kharytanovich <rygor@monterosa.co.uk> on 2022-07-12
- * Copyright © 2022 Monterosa. All rights reserved.
+ * Copyright © 2022 Monterosa Productions Limited. All rights reserved.
  *
  * More details on the license can be found at https://www.monterosa.co/sdk/license
  */
@@ -397,11 +386,9 @@ if (!globals$2.monterosaSdk.initialised) {
 
 /**
  * @license
- * constants.ts
- * launcher-kit
+ * @monterosa/sdk-launcher-kit
  *
- * Created by Rygor Kharytanovich <rygor@monterosa.co.uk> on 2022-07-12
- * Copyright © 2022 Monterosa. All rights reserved.
+ * Copyright © 2022 Monterosa Productions Limited. All rights reserved.
  *
  * More details on the license can be found at https://www.monterosa.co/sdk/license
  */
@@ -421,11 +408,9 @@ var VERSION$1 = '1.0.0';
 
 /**
  * @license
- * bridge_impl.ts
- * launcher-kit
+ * @monterosa/sdk-launcher-kit
  *
- * Created by Rygor Kharytanovich <rygor@monterosa.co.uk> on 2022-07-12
- * Copyright © 2022 Monterosa. All rights reserved.
+ * Copyright © 2022 Monterosa Productions Limited. All rights reserved.
  *
  * More details on the license can be found at https://www.monterosa.co/sdk/license
  */
@@ -439,6 +424,8 @@ var BridgeImpl = /** @class */ (function (_super) {
         if (id === void 0) { id = uuid.v4(); }
         var _this = _super.call(this) || this;
         _this.id = id;
+        _this.recipientReady = false;
+        _this.messagesQueue = [];
         globals.monterosaSdk.emitter.on('message', _this.handleMessage.bind(_this));
         return _this;
     }
@@ -449,14 +436,14 @@ var BridgeImpl = /** @class */ (function (_super) {
     };
     Object.defineProperty(BridgeImpl.prototype, "iFrameId", {
         get: function () {
-            return IFRAME_ID_PREFIX + "-" + this.id;
+            return "".concat(IFRAME_ID_PREFIX, "-").concat(this.id);
         },
         enumerable: false,
         configurable: true
     });
     Object.defineProperty(BridgeImpl.prototype, "iFrameSelector", {
         get: function () {
-            return "iframe#" + this.iFrameId;
+            return "iframe#".concat(this.iFrameId);
         },
         enumerable: false,
         configurable: true
@@ -469,10 +456,21 @@ var BridgeImpl = /** @class */ (function (_super) {
         configurable: true
     });
     BridgeImpl.prototype.handleMessage = function (message) {
-        if (message.bridgeId === this.id) {
-            logger.log("Received a " + (message.respondingTo === null ? 'message' : 'response'), message);
-            this.emit('message', message);
+        var id = message.id, bridgeId = message.bridgeId, action = message.action, respondingTo = message.respondingTo;
+        if (bridgeId !== this.id) {
+            return;
+        }
+        logger.log("Received a ".concat(respondingTo === null ? 'message' : 'response'), message);
+        if (action === exports.Action.OnReady) {
+            this.recipientReady = true;
+            if (respondingTo === null) {
+                this.send(exports.Action.OnReady, {}, exports.Source.Sdk, id);
+            }
+            while (this.messagesQueue.length > 0) {
+                this.postMessage(this.messagesQueue.shift());
+            }
         }
+        this.emit('message', message);
     };
     BridgeImpl.prototype.createMessage = function (action, payload, sourceName, respondingTo) {
         if (respondingTo === void 0) { respondingTo = null; }
@@ -489,6 +487,10 @@ var BridgeImpl = /** @class */ (function (_super) {
     };
     BridgeImpl.prototype.postMessage = function (message) {
         var _a, _b, _c, _d;
+        if (!this.recipientReady && message.action !== exports.Action.OnReady) {
+            this.messagesQueue.push(message);
+            return;
+        }
         var json = JSON.stringify(message);
         if (IS_IOS) {
             (_b = (_a = globals.webkit) === null || _a === void 0 ? void 0 : _a.messageHandlers) === null || _b === void 0 ? void 0 : _b.monterosaSdk.postMessage(json);
@@ -509,7 +511,7 @@ var BridgeImpl = /** @class */ (function (_super) {
         if (payload === void 0) { payload = {}; }
         if (sourceName === void 0) { sourceName = exports.Source.Sdk; }
         var message = this.createMessage(action, payload, sourceName, respondingTo);
-        logger.log("Sending a " + (message.respondingTo === null ? 'message' : 'response'), message);
+        logger.log("Sending a ".concat(message.respondingTo === null ? 'message' : 'response'), message);
         this.postMessage(message);
         return message;
     };
@@ -524,7 +526,10 @@ var BridgeImpl = /** @class */ (function (_super) {
                 message = this.createMessage(action, payload, sourceName);
                 logger.log('Sending a request', message);
                 countdown = new Promise(function (_, reject) {
-                    timeoutRef = setTimeout(reject, timeout);
+                    timeoutRef = setTimeout(function () {
+                        return reject(new Error("The request for action '".concat(action, "' exceeded the timeout ") +
+                            "limit of ".concat(timeout, "ms and was aborted.")));
+                    }, timeout);
                 });
                 request = new Promise(function (resolve) {
                     handler = function (responseMessage) {
@@ -557,11 +562,9 @@ var BridgeImpl = /** @class */ (function (_super) {
 
 /**
  * @license
- * api.ts
- * launcher-kit
+ * @monterosa/sdk-launcher-kit
  *
- * Created by Rygor Kharytanovich <rygor@monterosa.co.uk> on 2022-07-12
- * Copyright © 2022 Monterosa. All rights reserved.
+ * Copyright © 2022 Monterosa Productions Limited. All rights reserved.
  *
  * More details on the license can be found at https://www.monterosa.co/sdk/license
  */
@@ -574,7 +577,7 @@ function getBridge(id) {
     if (bridges.has(id)) {
         return bridges.get(id);
     }
-    var bridge = new BridgeImpl();
+    var bridge = new BridgeImpl(id);
     bridges.set(id, bridge);
     return bridge;
 }
@@ -763,11 +766,9 @@ function onMessage(bridged, callback) {
 
 /**
  * @license
- * experience_impl.ts
- * launcher-kit
+ * @monterosa/sdk-launcher-kit
  *
- * Created by Rygor Kharytanovich <rygor@monterosa.co.uk> on 2022-01-19
- * Copyright © 2022 Monterosa. All rights reserved.
+ * Copyright © 2022-2024 Monterosa Productions Limited. All rights reserved.
  *
  * More details on the license can be found at https://www.monterosa.co/sdk/license
  */
@@ -779,8 +780,9 @@ var ExperienceImpl = /** @class */ (function () {
         var _this = this;
         this.sdk = sdk;
         this._parameters = {};
+        this.id = uuid.v4();
         this._config = config;
-        this.bridge = getBridge(uuid.v4());
+        this.bridge = getBridge(this.id);
         if (config.parameters !== undefined) {
             var reserved_1 = Object.values(exports.QueryParam);
             var ignored_1 = [];
@@ -794,10 +796,10 @@ var ExperienceImpl = /** @class */ (function () {
                 }
             });
             if (ignored_1.length === 1) {
-                console.warn("Parameter \"" + ignored_1[0] + "\" ignored as it matches reserved words");
+                console.warn("Parameter \"".concat(ignored_1[0], "\" ignored as it matches reserved words"));
             }
             if (ignored_1.length > 1) {
-                console.warn("Parameters \"" + ignored_1.join('", "') + "\" ignored as they match reserved words");
+                console.warn("Parameters \"".concat(ignored_1.join('", "'), "\" ignored as they match reserved words"));
             }
         }
     }
@@ -886,7 +888,7 @@ var ExperienceImpl = /** @class */ (function () {
         // Ensure the URL includes a protocol.
         if (/^http/.test(url) === false) {
             // If none are found, use the same as the document.
-            url = "" + document.location.protocol + url;
+            url = "".concat(document.location.protocol).concat(url);
         }
         var urlObj = new URL(url);
         Object.values(exports.QueryParam)
@@ -904,17 +906,43 @@ var ExperienceImpl = /** @class */ (function () {
 
 /**
  * @license
- * loader.ts
- * launcher-kit
+ * @monterosa/sdk-launcher-kit
  *
- * Created by Rygor Kharytanovich <rygor@monterosa.co.uk> on 2022-08-04
- * Copyright © 2022 Monterosa. All rights reserved.
+ * Copyright © 2025 Monterosa Productions Limited. All rights reserved.
+ *
+ * More details on the license can be found at https://www.monterosa.co/sdk/license
+ */
+var integrations = new Map();
+function addIntegration(container, integration) {
+    integrations.set(container, integration);
+}
+function getIntegration(container) {
+    return integrations.get(container);
+}
+function getIntegrations() {
+    return Array.from(integrations.values());
+}
+function deleteIntegration(container) {
+    integrations.delete(container);
+}
+function hasIntegration(containerOrExperience) {
+    if (containerOrExperience instanceof HTMLElement) {
+        return integrations.has(containerOrExperience);
+    }
+    return Array.from(integrations.values()).some(function (integration) { return integration.experience === containerOrExperience; });
+}
+
+/**
+ * @license
+ * @monterosa/sdk-launcher-kit
+ *
+ * Copyright © 2022 Monterosa Productions Limited. All rights reserved.
  *
  * More details on the license can be found at https://www.monterosa.co/sdk/license
  */
 /* eslint-enable  */
 function getLoadingTemplate() {
-    return "\n    <div>\n      <style type=\"text/css\">\n        .__mic-loader {\n          position: absolute;\n          width: 100%;\n          height: 100%;\n          z-index: 9;\n          box-sizing: border-box;\n          text-align: center;\n          background: #fff;\n        }\n\n        .__mic-loader__container {\n          padding: 20px 0;\n          gap: 20px;\n          min-height: " + DEFAULT_HEIGHT + "px;\n          display: flex;\n          flex-direction: column;\n          justify-content: center;\n          align-items: center;\n        }\n\n        .__mic-loader__spinner {\n          position: relative;\n          width: 10px;\n          height: 10px;\n          border-radius: 5px;\n          background-color: #0b0f1c;\n          color: #0b0f1c;\n          animation: mic-loader__animation 1s infinite linear alternate;\n          animation-delay: 0.5s;          \n        }\n\n        .__mic-loader__spinner::before,\n        .__mic-loader__spinner::after {\n          content: \"\";\n          display: inline-block;\n          position: absolute;\n          top: 0;\n        }\n\n        .__mic-loader__spinner::before {\n          left: -15px;\n          width: 10px;\n          height: 10px;\n          border-radius: 5px;\n          background-color: #0b0f1c;\n          color: #0b0f1c;\n          animation: mic-loader__animation 1s infinite alternate;\n          animation-delay: 0s;\n        }\n\n        .__mic-loader__spinner::after {\n          left: 15px;\n          width: 10px;\n          height: 10px;\n          border-radius: 5px;\n          background-color: #0b0f1c;\n          color: #0b0f1c;\n          animation: mic-loader__animation 1s infinite alternate;\n          animation-delay: 1s;\n        }\n\n        @keyframes mic-loader__animation {\n          0% {\n            background-color: #0b0f1c;\n          }\n          50%, 100% {\n            background-color: rgba(11, 15, 28, 0.2);\n          }\n        }\n      </style>\n      <div class=\"__mic-loader\">\n        <div class=\"__mic-loader__container\">\n          <div class=\"__mic-loader__spinner\"></div>\n        </div>\n      </div>\n    </div>\n  ";
+    return "\n    <div>\n      <style type=\"text/css\">\n        .__mic-loader {\n          position: absolute;\n          width: 100%;\n          height: 100%;\n          z-index: 9;\n          box-sizing: border-box;\n          text-align: center;\n          background: #fff;\n        }\n\n        .__mic-loader__container {\n          padding: 20px 0;\n          gap: 20px;\n          min-height: ".concat(DEFAULT_HEIGHT, "px;\n          display: flex;\n          flex-direction: column;\n          justify-content: center;\n          align-items: center;\n        }\n\n        .__mic-loader__spinner {\n          position: relative;\n          width: 10px;\n          height: 10px;\n          border-radius: 5px;\n          background-color: #0b0f1c;\n          color: #0b0f1c;\n          animation: mic-loader__animation 1s infinite linear alternate;\n          animation-delay: 0.5s;          \n        }\n\n        .__mic-loader__spinner::before,\n        .__mic-loader__spinner::after {\n          content: \"\";\n          display: inline-block;\n          position: absolute;\n          top: 0;\n        }\n\n        .__mic-loader__spinner::before {\n          left: -15px;\n          width: 10px;\n          height: 10px;\n          border-radius: 5px;\n          background-color: #0b0f1c;\n          color: #0b0f1c;\n          animation: mic-loader__animation 1s infinite alternate;\n          animation-delay: 0s;\n        }\n\n        .__mic-loader__spinner::after {\n          left: 15px;\n          width: 10px;\n          height: 10px;\n          border-radius: 5px;\n          background-color: #0b0f1c;\n          color: #0b0f1c;\n          animation: mic-loader__animation 1s infinite alternate;\n          animation-delay: 1s;\n        }\n\n        @keyframes mic-loader__animation {\n          0% {\n            background-color: #0b0f1c;\n          }\n          50%, 100% {\n            background-color: rgba(11, 15, 28, 0.2);\n          }\n        }\n      </style>\n      <div class=\"__mic-loader\">\n        <div class=\"__mic-loader__container\">\n          <div class=\"__mic-loader__spinner\"></div>\n        </div>\n      </div>\n    </div>\n  ");
 }
 function embed$1(container, loadingTemplate) {
     if (loadingTemplate === void 0) { loadingTemplate = getLoadingTemplate; }
@@ -929,7 +957,7 @@ function embed$1(container, loadingTemplate) {
      * Stash and apply some custom styles to container element
      */
     stashStyles(container, ['minHeight', 'position']);
-    container.style.minHeight = DEFAULT_HEIGHT + "px";
+    container.style.minHeight = "".concat(DEFAULT_HEIGHT, "px");
     /**
      * Inject loader element built from the html markup template
      */
@@ -976,7 +1004,7 @@ function show(container, loadingTemplate) {
                      * Kicking fade animation in.
                      */
                     setTimeout(function () {
-                        loaderElement.style.transition = "all " + LOADER_ANIMATION_DURATION + "ms";
+                        loaderElement.style.transition = "all ".concat(LOADER_ANIMATION_DURATION, "ms");
                         loaderElement.style.opacity = '1';
                     }, 0);
                     /**
@@ -1032,7 +1060,7 @@ function hide(container) {
 function stashStyles(element, props) {
     var styles = getComputedStyle(element);
     var stash = props
-        .map(function (prop) { return String(prop) + "=" + styles[prop]; })
+        .map(function (prop) { return "".concat(String(prop), "=").concat(styles[prop]); })
         .join(';');
     element.setAttribute('data-stash', stash);
 }
@@ -1051,15 +1079,13 @@ function unstashStyles(element) {
     element.removeAttribute('data-stash');
 }
 
-var version = "0.18.0";
+var version = "0.19.0-rc.2";
 
 /**
  * @license
- * api.ts
- * launcher-kit
+ * @monterosa/sdk-launcher-kit
  *
- * Created by Rygor Kharytanovich <rygor@monterosa.co.uk> on 2022-02-15
- * Copyright © 2022 Monterosa. All rights reserved.
+ * Copyright © 2022-2025 Monterosa Productions Limited. All rights reserved.
  *
  * More details on the license can be found at https://www.monterosa.co/sdk/license
  */
@@ -1069,8 +1095,12 @@ var version = "0.18.0";
  * @internal
  */
 var VERSION = version;
-var integrations = new Map();
-var embedHooks = [];
+/**
+ * Event emitter for the launcher kit.
+ *
+ * @internal
+ */
+var emitter = new sdkUtil.Emitter();
 /**
  * Creates an iframe with the provided parameters.
  *
@@ -1152,22 +1182,6 @@ function getExperience(sdkOrConfig, config) {
     var experience = new ExperienceImpl(sdk, experienceConfig);
     return experience;
 }
-function onResize(experience, container) {
-    if (!experience.config.autoresizesHeight) {
-        return function () { };
-    }
-    return onSdkMessage(experience, function (_a) {
-        var action = _a.action, payload = _a.payload;
-        if (action === exports.Action.OnResize) {
-            /**
-             * Container width is maintained the same as it is defined in the parent
-             * page to preserve its behaviour. Only the height is updated
-             */
-            // container.style.width = `${payload.width}px`;
-            container.style.height = payload.height + "px";
-        }
-    });
-}
 function onUILoaded(experience) {
     return new Promise(function (resolve) {
         var unsubscribe = onSdkMessage(experience, function (_a) {
@@ -1179,6 +1193,36 @@ function onUILoaded(experience) {
         });
     });
 }
+/**
+ * Subscribe to the event when Experience is embedded into the container.
+ * Also calls the callback immediately for all currently embedded Experiences.
+ *
+ * @param callback - Callback to be called when Experience is embedded.
+ */
+function onExperienceEmbedded(callback) {
+    var integrations = getIntegrations();
+    for (var _i = 0, integrations_1 = integrations; _i < integrations_1.length; _i++) {
+        var integration = integrations_1[_i];
+        if (integration.embedded) {
+            callback(integration.experience, integration.container);
+        }
+    }
+    emitter.on('embedded', callback);
+    return function () {
+        emitter.off('embedded', callback);
+    };
+}
+/**
+ * Subscribe to the event when Experience is unmounted from the container.
+ *
+ * @param callback - Callback to be called when Experience is unmounted.
+ */
+function onExperienceUnmounted(callback) {
+    emitter.on('unmounted', callback);
+    return function () {
+        emitter.off('unmounted', callback);
+    };
+}
 function experienceReady(experience) {
     return __awaiter(this, void 0, void 0, function () {
         var bumper, timeout, loaded, hasFullyLoadedExperience, eitherTimeoutOrFullyLoaded;
@@ -1216,7 +1260,7 @@ function experienceReady(experience) {
  */
 function embed(experience, containerOrId) {
     return __awaiter(this, void 0, void 0, function () {
-        var container, controller, hooksUnsubscribe, _i, embedHooks_1, hook, unsub, url, iframe;
+        var container, controller, integration, url, iframe;
         return __generator(this, function (_a) {
             switch (_a.label) {
                 case 0:
@@ -1224,28 +1268,30 @@ function embed(experience, containerOrId) {
                         ? containerOrId
                         : document.getElementById(containerOrId);
                     if (container === null) {
-                        throw new Error("Container element with id \"" + containerOrId + "\" doesn't exist in DOM");
+                        throw new Error("Container element \"".concat(containerOrId, "\" not found in DOM. ") +
+                            'Please ensure the element exists before calling embed().');
                     }
-                    if (integrations.has(container)) {
-                        return [2 /*return*/];
+                    if (hasIntegration(container)) {
+                        throw new Error('Container already contains an embedded experience. Use unmount() first ' +
+                            'to remove the existing experience before embedding a new one.');
+                    }
+                    if (hasIntegration(experience)) {
+                        throw new Error('This experience is already embedded in another container. Use unmount() ' +
+                            'to remove it from that container before embedding it into this one.');
                     }
                     controller = new AbortController();
-                    hooksUnsubscribe = [];
-                    integrations.set(container, {
+                    integration = {
+                        container: container,
                         experience: experience,
                         controller: controller,
-                        hooksUnsubscribe: hooksUnsubscribe,
-                    });
+                        embedded: false,
+                    };
+                    addIntegration(container, integration);
                     if (experience.config.supportsLoadingState === true) {
                         // Although showLoader is an asynchronous function, we execute
                         // it synchronously to embed the iframe as quickly as possible.
                         show(container, experience.config.loadingTemplate);
                     }
-                    for (_i = 0, embedHooks_1 = embedHooks; _i < embedHooks_1.length; _i++) {
-                        hook = embedHooks_1[_i];
-                        unsub = hook(experience, container);
-                        hooksUnsubscribe.push(unsub);
-                    }
                     return [4 /*yield*/, experience.getUrl()];
                 case 1:
                     url = _a.sent();
@@ -1260,6 +1306,8 @@ function embed(experience, containerOrId) {
                     });
                     container.appendChild(iframe);
                     concealIFrame(iframe);
+                    integration.embedded = true;
+                    emitter.emit('embedded', experience, container);
                     return [4 /*yield*/, experienceReady(experience)];
                 case 2:
                     _a.sent();
@@ -1295,22 +1343,22 @@ function unmount(containerOrId) {
         ? containerOrId
         : document.getElementById(containerOrId);
     if (container === null) {
-        throw new Error("Container element with id \"" + containerOrId + "\" doesn't exist in DOM");
+        throw new Error("Container element \"".concat(containerOrId, "\" not found in DOM. ") +
+            'Please ensure the element exists before calling unmount().');
     }
-    var integration = integrations.get(container);
+    var integration = getIntegration(container);
     if (!integration) {
-        return;
+        throw new Error("No experience found embedded in container \"".concat(containerOrId, "\". ") +
+            'Please ensure the experience is embedded before calling unmount().');
     }
     integration.controller.abort();
-    for (var _i = 0, _a = integration.hooksUnsubscribe; _i < _a.length; _i++) {
-        var unsub = _a[_i];
-        unsub();
-    }
     while (container.lastElementChild) {
         container.removeChild(container.lastElementChild);
     }
-    integrations.delete(container);
+    integration.embedded = false;
+    deleteIntegration(container);
     container.style.height = '';
+    emitter.emit('unmounted', integration.experience, container);
 }
 /**
  * Informs the Experience that more data should be loaded and displayed on the UI.
@@ -1324,12 +1372,6 @@ function unmount(containerOrId) {
 function requestMoreData(experience) {
     sendSdkMessage(experience, exports.Action.OnMoreDataRequested);
 }
-/**
- * @internal
- */
-function registerEmbedHook(hook) {
-    embedHooks.push(hook);
-}
 function enableLogging(logLevelOrFlag) {
     if (logLevelOrFlag === void 0) { logLevelOrFlag = true; }
     if (typeof logLevelOrFlag === 'boolean') {
@@ -1337,16 +1379,13 @@ function enableLogging(logLevelOrFlag) {
         return;
     }
     logger.logLevel = logLevelOrFlag;
-}
-registerEmbedHook(onResize);
+}
 
 /**
  * @license
- * parent_application_impl.ts
- * launcher-kit
+ * @monterosa/sdk-launcher-kit
  *
- * Created by Rygor Kharytanovich <rygor@monterosa.co.uk> on 2022-07-12
- * Copyright © 2022 Monterosa. All rights reserved.
+ * Copyright © 2022 Monterosa Productions Limited. All rights reserved.
  *
  * More details on the license can be found at https://www.monterosa.co/sdk/license
  */
@@ -1359,11 +1398,9 @@ var ParentApplicationImpl = /** @class */ (function () {
 
 /**
  * @license
- * parent_application.ts
- * launcher-kit
+ * @monterosa/sdk-launcher-kit
  *
- * Created by Rygor Kharytanovich <rygor@monterosa.co.uk> on 2023-02-15
- * Copyright © 2023 Monterosa. All rights reserved.
+ * Copyright © 2023 Monterosa Productions Limited. All rights reserved.
  *
  * More details on the license can be found at https://www.monterosa.co/sdk/license
  */
@@ -1389,176 +1426,9 @@ function getParentApplication() {
 
 /**
  * @license
- * child_helpers.ts
- * launcher-kit
- *
- * Created by Josep Rodriguez <josep.rodriguez@monterosa.co.uk> on 2022-07-13
- * Copyright © 2022 Monterosa. All rights reserved.
- *
- * More details on the license can be found at https://www.monterosa.co/sdk/license
- */
-function getUrlParam(param) {
-    var queryString = {};
-    if (typeof window !== 'undefined') {
-        queryString = window.location.search;
-    }
-    var urlParams = new URLSearchParams(queryString);
-    return urlParams.get(param);
-}
-/**
- * The SDK on the parent application will by default request a child
- * Experience to hide its header and footer by setting a query parameter called
- * `micHideHeaderAndFooter` to `1`.
- *
- * This function will return true if that is the case, and false otherwise.
- *
- * When true, the developer of a child Experience is expected to hide it's headers
- * and footers as the parent application is actively providing them.
- *
- * You can test whether you are respecting this correctly by adding the following query
- * to your URL:
- *
- * "?micHideHeaderAndFooter=1"
- *
- * @returns Whether the header and footer views should be hidden.
- */
-function shouldHideHeaderAndFooter() {
-    return getUrlParam(exports.QueryParam.HideHeaderAndFooter) === '1';
-}
-/**
- * This function will returns true if experience is embedded in autoresize height mode.
- */
-function isAutoresizesHeight() {
-    return getUrlParam(exports.QueryParam.AutoresizesHeight) === '1';
-}
-/**
- * This function is used to notify the parent application that the Experience
- * is ready to be used. It's intended to be called by the Experience itself and
- * not by the parent application.
- *
- * @example
- * ```javascript
- * import { sendReady } from '@monterosa/sdk-launcher-kit';
- *
- * sendReady();
- * ```
- *
- * @returns void
- */
-function sendReady() {
-    var parentApp = getParentApplication();
-    if (parentApp === null) {
-        console.log('Unable to send finished loading UI message, as there is no parent application');
-        return;
-    }
-    sendSdkMessage(parentApp, exports.Action.OnReady);
-}
-/**
- * Sends a message to the SDK of the parent application informing it that
- * the UI of this Experience has completed loading.
- *
- * You should call this method when your UI has completed loading and you are ready to
- * display data to the user. This can be when your network calls have successfully requested
- * data and you have updated the DOM for it, or when an error has occurred and you want
- * to take over the UI to provide details to the user.
- *
- * The SDK will use this message to dismiss the loading indicator, allowing a seamless
- * transition between a native loading UI, into a fully loaded, child Experience.
- *
- * If this call is not made, the parent SDK will add a grace period to ensure the web app
- * has sufficient time to load, and eventually dismiss the loading state, whether Experience
- * is ready or not, so as to avoid scenarios were a defect leaves an infinite loading state
- * presented to the user.
- */
-function sendFinishedLoadingUI() {
-    var parentApp = getParentApplication();
-    if (parentApp === null) {
-        console.log('Unable to send finished loading UI message, as there is no parent application');
-        return;
-    }
-    sendSdkMessage(parentApp, exports.Action.OnUILoaded);
-}
-/**
- * Adds an observer for when more data is requested by the parent application
- *
- * @param callback - The callback that is triggered when a request for more data
- * is received
- * @returns The unsubscribe function. When it's called,
- * the observer will be removed and requests for data will no longer be received
- */
-function onMoreDataRequested(callback) {
-    var parentApp = getParentApplication();
-    if (parentApp === null) {
-        console.log('Unable to subscribe to more data event, as there is no parent application');
-        return function () { };
-    }
-    return onSdkMessage(parentApp, function (_a) {
-        var action = _a.action;
-        if (action === exports.Action.OnMoreDataRequested) {
-            callback();
-        }
-    });
-}
-/**
- * Adds an observer for when experience is fully embedded and ready to accept
- * incoming messages
- *
- * @param experience - Experience instance
- * @param callback - The callback that is triggered when experience is embedded
- * @returns The unsubscribe function. When it's called, the observer will be
- * removed and ready event will not be received
- */
-function onReady(experience, callback) {
-    return onSdkMessage(experience, function (_a) {
-        var action = _a.action;
-        if (action === exports.Action.OnReady) {
-            callback();
-        }
-    });
-}
-/**
- * @internal
- */
-var sendExperienceSizeThrottled = sdkUtil.throttle(function (width, height) {
-    var parentApp = getParentApplication();
-    if (parentApp === null)
-        return;
-    sendSdkMessage(parentApp, exports.Action.OnResize, { width: width, height: height });
-}, RESIZE_THROTTLE_TIMEOUT, {
-    leading: true,
-    trailing: true,
-});
-/**
- * @internal
- */
-function sendExperienceSize(width, height) {
-    return sendExperienceSizeThrottled(width, height);
-}
-/**
- * Sets up an observer to watch for the element dimensions change and
- * automatically reports their changes to the parent application.
- *
- * @param element - HTML element whose dimensions need to be watched
- * @returns The unsubscribe function. When it's called,
- * the observer will be removed and element dimensions are no longer tracked
- */
-function reportExperienceSizeChanges(element) {
-    var observer = new ResizeObserver(function () {
-        var width = Math.max(element.offsetWidth, element.scrollWidth);
-        var height = Math.max(element.offsetHeight, element.scrollHeight);
-        sendExperienceSize(width, height);
-    });
-    observer.observe(element);
-    return function () { return observer.unobserve(element); };
-}
-
-/**
- * @license
- * storage_impl.ts
- * launcher-kit
+ * @monterosa/sdk-launcher-kit
  *
- * Created by Rygor Kharytanovich <rygor@monterosa.co.uk> on 2023-02-15
- * Copyright © 2023 Monterosa. All rights reserved.
+ * Copyright © 2023 Monterosa Productions Limited. All rights reserved.
  *
  * More details on the license can be found at https://www.monterosa.co/sdk/license
  */
@@ -1625,11 +1495,9 @@ var StorageImpl = /** @class */ (function () {
 
 /**
  * @license
- * storage.ts
- * launcher-kit
+ * @monterosa/sdk-launcher-kit
  *
- * Created by Rygor Kharytanovich <rygor@monterosa.co.uk> on 2023-02-15
- * Copyright © 2023 Monterosa. All rights reserved.
+ * Copyright © 2023 Monterosa Productions Limited. All rights reserved.
  *
  * More details on the license can be found at https://www.monterosa.co/sdk/license
  */
@@ -1650,30 +1518,67 @@ var storage = new StorageImpl();
 /**
  * @internal
  */
-function listenStorageMessages(experience) {
-    return onSdkMessage(experience, function (message) {
-        var payload = {};
+var unsubs$1 = new Map();
+/**
+ * @internal
+ */
+function handleExperienceEmbedded$1(experience) {
+    var unsub = onSdkMessage(experience, function (message) {
         if (!Object.values(exports.StorageAction).includes(message.action)) {
             return;
         }
-        switch (message.action) {
-            case exports.StorageAction.Read:
-                payload = {
-                    value: storage.getItem(message.payload.key),
-                };
-                break;
-            case exports.StorageAction.Write:
-                storage.setItem(message.payload.key, message.payload.value);
-                break;
-            case exports.StorageAction.Remove:
-                storage.removeItem(message.payload.key);
-                break;
-            case exports.StorageAction.Clear:
-                storage.clear();
-                break;
+        var _a = message.payload, key = _a.key, value = _a.value;
+        var respond = function (payload) {
+            return respondToSdkMessage(experience, message, payload);
+        };
+        try {
+            switch (message.action) {
+                case exports.StorageAction.Read:
+                    if (key === undefined) {
+                        throw new Error('Key is required');
+                    }
+                    respond({
+                        key: key,
+                        value: storage.getItem(key),
+                    });
+                    break;
+                case exports.StorageAction.Write:
+                    if (key === undefined || value === undefined) {
+                        throw new Error('Key and value are required');
+                    }
+                    storage.setItem(key, value);
+                    respond({ key: key });
+                    break;
+                case exports.StorageAction.Remove:
+                    if (key === undefined) {
+                        throw new Error('Key is required');
+                    }
+                    storage.removeItem(key);
+                    respond({ key: key });
+                    break;
+                case exports.StorageAction.Clear:
+                    storage.clear();
+                    respond();
+                    break;
+            }
+        }
+        catch (error) {
+            if (error instanceof Error) {
+                respond(__assign(__assign({}, (key !== undefined && { key: key })), { error: error.message }));
+            }
         }
-        respondToSdkMessage(experience, message, payload);
     });
+    unsubs$1.set(experience.id, unsub);
+}
+/**
+ * @internal
+ */
+function handleExperienceUnmounted$1(experience) {
+    var unsub = unsubs$1.get(experience.id);
+    if (unsub) {
+        unsub();
+        unsubs$1.delete(experience.id);
+    }
 }
 /**
  * The `setStoragePersistent` function is a simple function that allows to
@@ -1727,6 +1632,9 @@ function storageRead(key) {
                         })];
                 case 1:
                     result = _a.sent();
+                    if (result.payload.error !== undefined) {
+                        throw new Error(result.payload.error);
+                    }
                     value = result.payload.value;
                     return [3 /*break*/, 3];
                 case 2:
@@ -1752,7 +1660,7 @@ function storageRead(key) {
  */
 function storageWrite(key, value) {
     return __awaiter(this, void 0, void 0, function () {
-        var parentApp;
+        var parentApp, result;
         return __generator(this, function (_a) {
             switch (_a.label) {
                 case 0:
@@ -1763,7 +1671,10 @@ function storageWrite(key, value) {
                             value: value,
                         })];
                 case 1:
-                    _a.sent();
+                    result = _a.sent();
+                    if (result.payload.error !== undefined) {
+                        throw new Error(result.payload.error);
+                    }
                     return [3 /*break*/, 3];
                 case 2:
                     storage.setItem(key, value);
@@ -1787,15 +1698,20 @@ function storageWrite(key, value) {
  */
 function storageRemove(key) {
     return __awaiter(this, void 0, void 0, function () {
-        var parentApp;
+        var parentApp, result;
         return __generator(this, function (_a) {
             switch (_a.label) {
                 case 0:
                     parentApp = getParentApplication();
                     if (!(parentApp !== null)) return [3 /*break*/, 2];
-                    return [4 /*yield*/, sendSdkRequest(parentApp, exports.StorageAction.Remove, { key: key })];
+                    return [4 /*yield*/, sendSdkRequest(parentApp, exports.StorageAction.Remove, {
+                            key: key,
+                        })];
                 case 1:
-                    _a.sent();
+                    result = _a.sent();
+                    if (result.payload.error !== undefined) {
+                        throw new Error(result.payload.error);
+                    }
                     return [3 /*break*/, 3];
                 case 2:
                     storage.removeItem(key);
@@ -1817,7 +1733,7 @@ function storageRemove(key) {
  */
 function storageClear() {
     return __awaiter(this, void 0, void 0, function () {
-        var parentApp;
+        var parentApp, result;
         return __generator(this, function (_a) {
             switch (_a.label) {
                 case 0:
@@ -1825,7 +1741,10 @@ function storageClear() {
                     if (!(parentApp !== null)) return [3 /*break*/, 2];
                     return [4 /*yield*/, sendSdkRequest(parentApp, exports.StorageAction.Clear)];
                 case 1:
-                    _a.sent();
+                    result = _a.sent();
+                    if (result.payload.error !== undefined) {
+                        throw new Error(result.payload.error);
+                    }
                     return [3 /*break*/, 3];
                 case 2:
                     storage.clear();
@@ -1835,24 +1754,330 @@ function storageClear() {
         });
     });
 }
-registerEmbedHook(listenStorageMessages);
+onExperienceEmbedded(handleExperienceEmbedded$1);
+onExperienceUnmounted(handleExperienceUnmounted$1);
+
+/**
+ * @license
+ * @monterosa/sdk-launcher-kit
+ *
+ * Copyright © 2022-2025 Monterosa Productions Limited. All rights reserved.
+ *
+ * More details on the license can be found at https://www.monterosa.co/sdk/license
+ */
+var ELEMENT_NAME = 'monterosa-experience';
+var MonterosaExperienceElement = /** @class */ (function (_super) {
+    __extends(MonterosaExperienceElement, _super);
+    function MonterosaExperienceElement() {
+        return _super !== null && _super.apply(this, arguments) || this;
+    }
+    MonterosaExperienceElement.prototype.connectedCallback = function () {
+        return __awaiter(this, void 0, void 0, function () {
+            var host, projectId, autoresizesHeight, hidesHeadersAndFooters, persistentStorage, eventId, experienceUrl, allow, allowFullScreen, parameters, i, attr, paramName, sdk, experience;
+            var _this = this;
+            return __generator(this, function (_a) {
+                host = this.getAttribute('host');
+                if (host === null) {
+                    throw new Error('Host attribute is not set for Experience element');
+                }
+                projectId = this.getAttribute('projectId');
+                if (projectId === null) {
+                    throw new Error('Project attribute is not set  for Experience element');
+                }
+                autoresizesHeight = this.getAttribute('autoresizesHeight') !== null;
+                hidesHeadersAndFooters = this.getAttribute('hidesHeadersAndFooters') !== null;
+                persistentStorage = this.getAttribute('persistentStorage') !== null;
+                eventId = this.getAttribute('eventId') !== null
+                    ? this.getAttribute('eventId')
+                    : undefined;
+                experienceUrl = this.getAttribute('experienceUrl') !== null
+                    ? this.getAttribute('experienceUrl')
+                    : undefined;
+                allow = this.getAttribute('allow') !== null
+                    ? this.getAttribute('allow')
+                    : undefined;
+                allowFullScreen = this.getAttribute('allowFullScreen') !== null;
+                parameters = {};
+                for (i = 0; i < this.attributes.length; i++) {
+                    attr = this.attributes[i];
+                    if (attr.name.startsWith('param-')) {
+                        paramName = attr.name.split('param-')[1];
+                        parameters[paramName] = attr.value;
+                    }
+                }
+                sdk = sdkCore.configure({
+                    host: host,
+                    projectId: projectId,
+                }, "".concat(host, "-").concat(projectId));
+                experience = getExperience(sdk, {
+                    autoresizesHeight: autoresizesHeight,
+                    eventId: eventId,
+                    hidesHeadersAndFooters: hidesHeadersAndFooters,
+                    experienceUrl: experienceUrl,
+                    allow: allow,
+                    allowFullScreen: allowFullScreen,
+                    parameters: parameters,
+                });
+                this.style.height = '250px';
+                this.style.display = 'block';
+                this.style.position = 'relative';
+                if (persistentStorage) {
+                    setStoragePersistent(true);
+                }
+                embed(experience, this);
+                // eslint-disable-next-line
+                onSdkMessage(experience, function (_a) {
+                    _a.payload; var action = _a.action;
+                    switch (action) {
+                        case exports.Action.OnReady:
+                            break;
+                        case exports.Action.OnResize: {
+                            // const { width, height } = payload;
+                            break;
+                        }
+                        case exports.Action.OnUILoaded:
+                            _this.dispatchEvent(new CustomEvent('uiloaded', {
+                                bubbles: true,
+                                cancelable: false,
+                                composed: true,
+                            }));
+                            break;
+                    }
+                });
+                return [2 /*return*/];
+            });
+        });
+    };
+    MonterosaExperienceElement.prototype.disconnectedCallback = function () {
+        unmount(this);
+    };
+    return MonterosaExperienceElement;
+}(HTMLElement));
+if (!customElements.get(ELEMENT_NAME)) {
+    customElements.define(ELEMENT_NAME, MonterosaExperienceElement);
+}
+
+/**
+ * @license
+ * @monterosa/sdk-launcher-kit
+ *
+ * Copyright © 2025 Monterosa Productions Limited. All rights reserved.
+ *
+ * More details on the license can be found at https://www.monterosa.co/sdk/license
+ */
+var unsubs = new Map();
+function handleExperienceEmbedded(experience, container) {
+    if (!experience.config.autoresizesHeight) {
+        return;
+    }
+    var unsub = onSdkMessage(experience, function (_a) {
+        var action = _a.action, payload = _a.payload;
+        if (action === exports.Action.OnResize) {
+            /**
+             * Container width is maintained the same as it is defined in the parent
+             * page to preserve its behaviour. Only the height is updated
+             */
+            // container.style.width = `${payload.width}px`;
+            container.style.height = "".concat(payload.height, "px");
+        }
+    });
+    unsubs.set(experience.id, unsub);
+}
+function handleExperienceUnmounted(experience) {
+    var unsub = unsubs.get(experience.id);
+    if (unsub) {
+        unsub();
+        unsubs.delete(experience.id);
+    }
+}
+onExperienceEmbedded(handleExperienceEmbedded);
+onExperienceUnmounted(handleExperienceUnmounted);
+
+/**
+ * @license
+ * @monterosa/sdk-launcher-kit
+ *
+ * Copyright © 2022 Monterosa Productions Limited. All rights reserved.
+ *
+ * More details on the license can be found at https://www.monterosa.co/sdk/license
+ */
+function getUrlParam(param) {
+    var queryString = {};
+    if (typeof window !== 'undefined') {
+        queryString = window.location.search;
+    }
+    var urlParams = new URLSearchParams(queryString);
+    return urlParams.get(param);
+}
+/**
+ * The SDK on the parent application will by default request a child
+ * Experience to hide its header and footer by setting a query parameter called
+ * `micHideHeaderAndFooter` to `1`.
+ *
+ * This function will return true if that is the case, and false otherwise.
+ *
+ * When true, the developer of a child Experience is expected to hide it's headers
+ * and footers as the parent application is actively providing them.
+ *
+ * You can test whether you are respecting this correctly by adding the following query
+ * to your URL:
+ *
+ * "?micHideHeaderAndFooter=1"
+ *
+ * @returns Whether the header and footer views should be hidden.
+ */
+function shouldHideHeaderAndFooter() {
+    return getUrlParam(exports.QueryParam.HideHeaderAndFooter) === '1';
+}
+/**
+ * This function will returns true if experience is embedded in autoresize height mode.
+ */
+function isAutoresizesHeight() {
+    return getUrlParam(exports.QueryParam.AutoresizesHeight) === '1';
+}
+/**
+ * This function is used to notify the parent application that the Experience
+ * is ready to be used. It's intended to be called by the Experience itself and
+ * not by the parent application.
+ *
+ * @example
+ * ```javascript
+ * import { sendReady } from '@monterosa/sdk-launcher-kit';
+ *
+ * sendReady();
+ * ```
+ *
+ * @returns void
+ */
+function sendReady() {
+    var parentApp = getParentApplication();
+    if (parentApp === null) {
+        console.log('Unable to send ready message, as there is no parent application');
+        return;
+    }
+    sendSdkRequest(parentApp, exports.Action.OnReady);
+}
+/**
+ * Sends a message to the SDK of the parent application informing it that
+ * the UI of this Experience has completed loading.
+ *
+ * You should call this method when your UI has completed loading and you are ready to
+ * display data to the user. This can be when your network calls have successfully requested
+ * data and you have updated the DOM for it, or when an error has occurred and you want
+ * to take over the UI to provide details to the user.
+ *
+ * The SDK will use this message to dismiss the loading indicator, allowing a seamless
+ * transition between a native loading UI, into a fully loaded, child Experience.
+ *
+ * If this call is not made, the parent SDK will add a grace period to ensure the web app
+ * has sufficient time to load, and eventually dismiss the loading state, whether Experience
+ * is ready or not, so as to avoid scenarios were a defect leaves an infinite loading state
+ * presented to the user.
+ */
+function sendFinishedLoadingUI() {
+    var parentApp = getParentApplication();
+    if (parentApp === null) {
+        console.log('Unable to send finished loading UI message, as there is no parent application');
+        return;
+    }
+    sendSdkMessage(parentApp, exports.Action.OnUILoaded);
+}
+/**
+ * Adds an observer for when more data is requested by the parent application
+ *
+ * @param callback - The callback that is triggered when a request for more data
+ * is received
+ * @returns The unsubscribe function. When it's called,
+ * the observer will be removed and requests for data will no longer be received
+ */
+function onMoreDataRequested(callback) {
+    var parentApp = getParentApplication();
+    if (parentApp === null) {
+        console.log('Unable to subscribe to more data event, as there is no parent application');
+        return function () { };
+    }
+    return onSdkMessage(parentApp, function (_a) {
+        var action = _a.action;
+        if (action === exports.Action.OnMoreDataRequested) {
+            callback();
+        }
+    });
+}
+/**
+ * Adds an observer for when experience is fully embedded and ready to accept
+ * incoming messages
+ *
+ * @param experience - Experience instance
+ * @param callback - The callback that is triggered when experience is embedded
+ * @returns The unsubscribe function. When it's called, the observer will be
+ * removed and ready event will not be received
+ */
+function onReady(experience, callback) {
+    return onSdkMessage(experience, function (_a) {
+        var action = _a.action;
+        if (action === exports.Action.OnReady) {
+            callback();
+        }
+    });
+}
+/**
+ * @internal
+ */
+var sendExperienceSizeThrottled = sdkUtil.throttle(function (width, height) {
+    var parentApp = getParentApplication();
+    if (parentApp !== null) {
+        sendSdkMessage(parentApp, exports.Action.OnResize, { width: width, height: height });
+    }
+}, RESIZE_THROTTLE_TIMEOUT, {
+    leading: true,
+    trailing: true,
+});
+/**
+ * Sends the experience size to the parent application.
+ *
+ * @param width - The width of the experience.
+ * @param height - The height of the experience.
+ */
+function sendExperienceSize(width, height) {
+    sendExperienceSizeThrottled(width, height);
+}
+/**
+ * Sets up an observer to watch for the element dimensions change and
+ * automatically reports their changes to the parent application.
+ *
+ * @param element - HTML element whose dimensions need to be watched
+ * @returns The unsubscribe function. When it's called,
+ * the observer will be removed and element dimensions are no longer tracked
+ */
+function reportExperienceSizeChanges(element) {
+    var observer = new ResizeObserver(function () {
+        var width = Math.max(element.offsetWidth, element.scrollWidth);
+        var height = Math.max(element.offsetHeight, element.scrollHeight);
+        sendExperienceSize(width, height);
+    });
+    observer.observe(element);
+    return function () { return observer.unobserve(element); };
+}
 
 exports.BRIDGE_VERSION = VERSION$1;
 exports.BridgeImpl = BridgeImpl;
 exports.VERSION = VERSION;
 exports.embed = embed;
+exports.emitter = emitter;
 exports.enableLogging = enableLogging;
 exports.getBridge = getBridge;
 exports.getExperience = getExperience;
 exports.getParentApplication = getParentApplication;
 exports.getParentBridge = getParentBridge;
+exports.handleExperienceEmbedded = handleExperienceEmbedded$1;
+exports.handleExperienceUnmounted = handleExperienceUnmounted$1;
 exports.isAutoresizesHeight = isAutoresizesHeight;
-exports.listenStorageMessages = listenStorageMessages;
+exports.onExperienceEmbedded = onExperienceEmbedded;
+exports.onExperienceUnmounted = onExperienceUnmounted;
 exports.onMessage = onMessage;
 exports.onMoreDataRequested = onMoreDataRequested;
 exports.onReady = onReady;
 exports.onSdkMessage = onSdkMessage;
-exports.registerEmbedHook = registerEmbedHook;
 exports.reportExperienceSizeChanges = reportExperienceSizeChanges;
 exports.requestMoreData = requestMoreData;
 exports.respondToMessage = respondToMessage;