@microsoft/sp-adaptive-card-extension-base 1.23.2 → 1.24.0-beta.2

package/lib-commonjs/isolation/IsolatedAdaptiveCardExtensionService.js

@@ -1,217 +1,39 @@
 "use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.IsolatedAdaptiveCardExtensionService = void 0;
-var sp_component_base_1 = require("@microsoft/sp-component-base");
-var sp_core_library_1 = require("@microsoft/sp-core-library");
-var sp_diagnostics_1 = require("@microsoft/sp-diagnostics");
-var sp_http_base_1 = require("@microsoft/sp-http-base");
-var sp_page_context_1 = require("@microsoft/sp-page-context");
-var sp_telemetry_1 = require("@msinternal/sp-telemetry");
-var Flights_1 = require("../common/Flights");
-var Killswitches_1 = require("../common/Killswitches");
-var TIMEOUT_INTERVAL = 15000;
-var EMBEDDED_PAGE_CONTAINER = 'embedded-page-container';
-/**
- * @internal
- */
-var IsolatedAdaptiveCardExtensionService = /** @class */ (function () {
-    function IsolatedAdaptiveCardExtensionService(serviceScope) {
-        var _this = this;
-        this._callbackCache = new Map();
-        this._isolatedFrames = new Map();
-        this._isolatedListeners = new Map();
-        this._handleIframeTimeout = function (isolatedFrameKey, isVCD1P) {
-            var frame = _this._isolatedFrames.get(isolatedFrameKey);
-            var frameMonitor = frame.frameMonitor, retryMonitor = frame.retryMonitor, tokenMonitor = frame.tokenMonitor;
-            /*
-             * There is a rare case the iframe is running into a "reset connection" error. This is because the
-             * client/server is unable to communicate for an unknown reason. When we run into this, we will attempt to refresh the iframe once.
-             */
-            if (frame.retryCount < 1) {
-                frame.retryCount += 1;
-                frame.retryMonitor = _this._createRetryMonitor();
-                // Use a shorter interval for the retry, this would put the retry around ~P95
-                frame.timeoutId = setTimeout(function () { return _this._handleIframeTimeout(isolatedFrameKey, isVCD1P); }, TIMEOUT_INTERVAL - 500);
-                return;
-            }
-            else if (retryMonitor) {
-                retryMonitor.writeUnexpectedFailure('reloadFailed');
-            }
-            /*
-             * If this timeout has been executed then the isolated ACE application
-             * did not send the `Ready` message to the host applicaton. By checking if
-             * the `tokenMonitor` exists we can verify whether framedteamslogon even requested
-             * a token. If it doesn't exist, then we assume we are stuck in the MSAL interactive flow.
-             * This would be unexpected in Teams but is a known issue in browsers with ITP or 3P
-             * cookies blocked.
-             */
-            if (frameMonitor && !frameMonitor.hasEnded) {
-                try {
-                    if (tokenMonitor) {
-                        frameMonitor.writeUnexpectedFailure('tokenTimeout');
-                        if (!tokenMonitor.hasEnded) {
-                            tokenMonitor.writeUnexpectedFailure('timeout');
-                        }
-                    }
-                    else {
-                        if (isVCD1P) {
-                            // We should never hit this, but adding for completeness
-                            frameMonitor.writeUnexpectedFailure('authorizeTimeout');
-                        }
-                        else {
-                            frameMonitor.writeExpectedFailure('authorizeTimeout');
-                        }
-                    }
-                }
-                catch (e) {
-                    frameMonitor.writeUnexpectedFailure('unexpectedFailure', e);
-                }
-            }
-        };
-        /**
-         * Message handler for isolated domain iframes.
-         *
-         * @param message - {@link _IsolatedAdaptiveCardExtensionApplicationMessageEvent}
-         */
-        this._handleIsolatedApplicationMessage = function (message) {
-            var data = message.data;
-            if (data.messageType === 'applicationMessage') {
-                var instanceId = data.instanceId, kind = data.kind;
-                switch (kind) {
-                    case 'Card':
-                        _this._invokeCallback(instanceId, {
-                            aceData: data.aceData,
-                            card: data.card,
-                            cacheObject: data.cacheObject,
-                            type: kind
-                        });
-                        break;
-                    case 'CloseQuickView':
-                        var qvFrame = _this._isolatedFrames.get(new URL(message.origin).hostname);
-                        if (qvFrame) {
-                            qvFrame.iframe.hidden = true;
-                        }
-                        break;
-                    case 'Error':
-                        _this._invokeCallback(instanceId, { error: data.error, type: kind });
-                        break;
-                    case 'OpenQuickView':
-                        var frame = _this._isolatedFrames.get(new URL(message.origin).hostname);
-                        if (frame) {
-                            frame.iframe.hidden = false;
-                        }
-                        break;
-                    case 'OpenUrl':
-                        _this._invokeCallback(instanceId, { type: kind, url: data.url });
-                        break;
-                    case 'LocationRequest':
-                        _this._invokeCallback(instanceId, { type: kind });
-                        break;
-                    case 'RenderCompleted':
-                        _this._invokeCallback(instanceId, { type: kind, didUpdate: data.didUpdate });
-                        break;
-                    case 'Ready':
-                        /*
-                         * Once we get this message from the isolated ACE application, we know it has been loaded
-                         * and we can start sending messages to the isolated frame.
-                         */
-                        var isolatedFrame = _this._isolatedFrames.get(new URL(message.origin).hostname);
-                        if (isolatedFrame) {
-                            if (isolatedFrame.retryMonitor) {
-                                isolatedFrame.retryMonitor.writeSuccess();
-                            }
-                            clearTimeout(isolatedFrame.timeoutId);
-                            isolatedFrame.frameMonitor.writeSuccess();
-                            isolatedFrame.isReady = true;
-                            for (var _i = 0, _a = isolatedFrame.messageQueue; _i < _a.length; _i++) {
-                                var _b = _a[_i], id = _b[0], msg = _b[1];
-                                // eslint-disable-next-line @typescript-eslint/no-explicit-any
-                                _this._sendMessage(_this._getIsolatedFrame(id), id, msg);
-                            }
-                            isolatedFrame.messageQueue = [];
-                        }
-                        break;
-                    case 'OBOTokenRequest':
-                        var applicationId = data.applicationId, claims = data.claims;
-                        _this._getAuthToken(applicationId, claims, message.origin);
-                        break;
-                    case 'PropertyPaneConfiguration':
-                        _this._invokeCallback(instanceId, {
-                            propertyPaneConfiguration: data.propertyPaneConfiguration,
-                            type: kind
-                        });
-                        break;
-                    default:
-                        _this._logError("Unexpected message: ".concat(JSON.stringify(message.data)));
-                        break;
-                }
-            }
-            else if (data.messageType === 'bridgeMessage' && data.bridgeAction === 'onTokenRequested') {
-                /*
-                 * When we load in Teams, we use framedteamslogon to ensure the isolated app iframe has a valid cookie.
-                 * If it doesn't then framedteamslogon will request a token from the host app to use to call the
-                 * /Authenticate API, which will set a new session cookie on the iframe and then redirect to the isolated
-                 * ACE applicaton.
-                 */
-                var monitor_1 = _this._createTokenRequestMonitor();
-                var applicationId = data.applicationId, claims = data.claims;
-                var isolatedFrame_1 = _this._isolatedFrames.get(new URL(message.origin).hostname);
-                if (!isolatedFrame_1) {
-                    monitor_1.writeUnexpectedFailure('missingIsolatedFrame');
-                    return;
-                }
-                isolatedFrame_1.tokenMonitor = monitor_1;
-                var configurableTokenProvider = sp_http_base_1._AadTokenProviders.configurable;
-                if (!configurableTokenProvider._oboThirdPartyTokenCallback) {
-                    monitor_1.writeUnexpectedFailure('missingThirdPartyTokenCallback');
-                    return;
-                }
-                try {
-                    configurableTokenProvider._oboThirdPartyTokenCallback(applicationId, claims)
-                        .then(function (token) {
-                        if (!isolatedFrame_1.iframe.contentWindow) {
-                            throw new Error('missingContentWindow');
-                        }
-                        isolatedFrame_1.iframe.contentWindow.postMessage({ token: token, messageType: 'dashboardMessage', kind: 'Token' }, '*');
-                        monitor_1.writeSuccess();
-                    })
-                        .catch(function (e) {
-                        monitor_1.writeUnexpectedFailure('oboThirdPartyTokenCallbackError', e);
-                    });
-                }
-                catch (e) {
-                    /*
-                     * This is to account for an exception when calling the `_oboThirdPartyTokenCallback`.
-                     * We've seen in the past where it unexpectedly returned `undefined` causing the Promise
-                     * chain to never be executed.
-                     */
-                    monitor_1.writeUnexpectedFailure('unexpectedException', e);
-                }
-            }
-        };
-        this._serviceScope = serviceScope;
-        window.addEventListener('message', this._handleIsolatedApplicationMessage);
+Object.defineProperty(exports, "__esModule", {
+    value: true
+});
+Object.defineProperty(exports, "IsolatedAdaptiveCardExtensionService", {
+    enumerable: true,
+    get: function() {
+        return IsolatedAdaptiveCardExtensionService;
     }
-    Object.defineProperty(IsolatedAdaptiveCardExtensionService.prototype, "_pageContext", {
-        /**
-         * @internal
-         */
-        get: function () {
-            if (!this._pContext) {
-                // Since this service can be autocreated, we must consume services after autocreation has finished
-                this._pContext = this._serviceScope.consume(sp_page_context_1.PageContext.serviceKey);
-            }
-            return this._pContext;
-        },
-        enumerable: false,
-        configurable: true
-    });
-    IsolatedAdaptiveCardExtensionService.prototype.disposeEntry = function (instanceId, isolatedDomain) {
+});
+const _spcomponentbase = require("@microsoft/sp-component-base");
+const _spcorelibrary = require("@microsoft/sp-core-library");
+const _spdiagnostics = require("@microsoft/sp-diagnostics");
+const _sphttpbase = require("@microsoft/sp-http-base");
+const _sppagecontext = require("@microsoft/sp-page-context");
+const _sptelemetry = require("@msinternal/sp-telemetry");
+const _Flights = require("../common/Flights");
+const _Killswitches = require("../common/Killswitches");
+const TIMEOUT_INTERVAL = 15000;
+const EMBEDDED_PAGE_CONTAINER = 'embedded-page-container';
+class IsolatedAdaptiveCardExtensionService {
+    /**
+   * @internal
+   */ get _pageContext() {
+        if (!this._pContext) {
+            // Since this service can be autocreated, we must consume services after autocreation has finished
+            this._pContext = this._serviceScope.consume(_sppagecontext.PageContext.serviceKey);
+        }
+        return this._pContext;
+    }
+    disposeEntry(instanceId, isolatedDomain) {
         this._isolatedListeners.delete(instanceId);
-        if (!(0, Killswitches_1.isRemoveIsolatedDomainOnDisposeKSActivated)()) {
+        if (!(0, _Killswitches.isRemoveIsolatedDomainOnDisposeKSActivated)()) {
             this._callbackCache.delete(instanceId);
             // reduce the number of Isolated ACEs tied to a isolated domain
-            var frame = this._isolatedFrames.get(isolatedDomain);
+            const frame = this._isolatedFrames.get(isolatedDomain);
             if (frame) {
                 frame.childInstanceIds.delete(instanceId);
                 // remove the isolated domain when there is no isolated aces depending on it.
@@ -221,34 +43,31 @@ var IsolatedAdaptiveCardExtensionService = /** @class */ (function () {
                 }
             }
         }
-    };
+    }
     /**
-     * Load an isolated Adaptive Card Extension.
-     *
-     * @remarks Only loads one iframe per isolated domain.
-     *
-     * @param args - {@link _ILoadIsolatedAdaptiveCardExtensionParameters}
-     */
-    IsolatedAdaptiveCardExtensionService.prototype.load = function (args) {
-        var _this = this;
-        var callback = args.callback, instanceId = args.instanceId, listenerId = args.listenerId;
+   * Load an isolated Adaptive Card Extension.
+   *
+   * @remarks Only loads one iframe per isolated domain.
+   *
+   * @param args - {@link _ILoadIsolatedAdaptiveCardExtensionParameters}
+   */ load(args) {
+        const { callback, instanceId, listenerId } = args;
         // Normalize the domain since we are using it as dictionary keys
-        var isolatedDomain = args.isolatedDomain.toLowerCase();
-        var isolatedFrame = this._isolatedFrames.get(isolatedDomain);
+        const isolatedDomain = args.isolatedDomain.toLowerCase();
+        let isolatedFrame = this._isolatedFrames.get(isolatedDomain);
         if (!isolatedFrame) {
-            var monitor = this._createLoadMonitor();
-            var iframe = document.createElement('iframe');
+            const monitor = this._createLoadMonitor();
+            const iframe = document.createElement('iframe');
             // to fix isTeamsHosted in Teams 2.1 and in old Teams isBrowserHosted check
-            if (!(0, Killswitches_1.isFixIframeNameKSActive)() && window.name === EMBEDDED_PAGE_CONTAINER) {
+            if (!(0, _Killswitches.isFixIframeNameKSActive)() && window.name === EMBEDDED_PAGE_CONTAINER) {
                 iframe.name = EMBEDDED_PAGE_CONTAINER;
             }
-            var isVCD1P_1 = sp_core_library_1._BrowserUtilities.isTeams1PVivaDesktopHosted();
-            iframe.src = this._configureIframeSrc(isolatedDomain, args, isVCD1P_1);
+            const isVCD1P = _spcorelibrary._BrowserUtilities.isTeams1PVivaDesktopHosted();
+            iframe.src = this._configureIframeSrc(isolatedDomain, args, isVCD1P);
             /*
-             * Initialize the iframe as hidden and full screen.
-             * This effectively sets up the isolated iframe as an overlay over the application.
-             */
-            iframe.hidden = true;
+       * Initialize the iframe as hidden and full screen.
+       * This effectively sets up the isolated iframe as an overlay over the application.
+       */ iframe.hidden = true;
             iframe.scrolling = 'no';
             iframe.style.overflow = 'hidden';
             iframe.style.height = '100%';
@@ -261,256 +80,434 @@ var IsolatedAdaptiveCardExtensionService = /** @class */ (function () {
             iframe.setAttribute('allow', 'geolocation');
             iframe.setAttribute('data-automation-id', 'isolated_ACE_iframe');
             document.body.appendChild(iframe);
-            var isolatedFrameKey_1 = isolatedDomain.toLowerCase();
+            const isolatedFrameKey = isolatedDomain.toLowerCase();
             isolatedFrame = {
-                iframe: iframe,
+                iframe,
                 frameMonitor: monitor,
                 isReady: false,
                 messageQueue: [],
                 retryCount: 0,
                 childInstanceIds: new Set()
             };
-            isolatedFrame.timeoutId = setTimeout(function () {
-                _this._handleIframeTimeout(isolatedFrameKey_1, isVCD1P_1);
+            isolatedFrame.timeoutId = setTimeout(()=>{
+                this._handleIframeTimeout(isolatedFrameKey, isVCD1P);
             }, TIMEOUT_INTERVAL);
-            this._isolatedFrames.set(isolatedFrameKey_1, isolatedFrame);
+            this._isolatedFrames.set(isolatedFrameKey, isolatedFrame);
         }
-        if (!(0, Killswitches_1.isRemoveIsolatedDomainOnDisposeKSActivated)()) {
+        if (!(0, _Killswitches.isRemoveIsolatedDomainOnDisposeKSActivated)()) {
             isolatedFrame.childInstanceIds.add(instanceId);
         }
-        var entry = this._isolatedListeners.get(instanceId);
+        const entry = this._isolatedListeners.get(instanceId);
         if (!entry) {
-            var listenerEntry = this._createIsolatedListenerEntry(isolatedDomain, isolatedFrame.iframe, args);
+            const listenerEntry = this._createIsolatedListenerEntry(isolatedDomain, isolatedFrame.iframe, args);
             this._isolatedListeners.set(instanceId, listenerEntry);
-        }
-        else if (!entry.listeners.get(listenerId)) {
-            entry.listeners.set(listenerId, { callback: callback });
+        } else if (!entry.listeners.get(listenerId)) {
+            entry.listeners.set(listenerId, {
+                callback
+            });
         }
         // When we are creating a new isolated ACE during authoring, we need to tell the isolated app to initialize a new ACE instance.
         if (!args.isRenderedFromPersistedData) {
             this.sendInitialize(args);
-        }
-        else {
+        } else {
             this._handleRenderingFromPersistedData(args);
         }
         // If the ACE has previously loaded, then send the latest data to the listener.
         // Otherwise, when the isolated domain iframe has loaded we will automatically notify the listener.
-        var callbackArgs = this._callbackCache.get(instanceId);
+        const callbackArgs = this._callbackCache.get(instanceId);
         if (callbackArgs) {
             this._invokeCallback(instanceId, callbackArgs, listenerId);
         }
-    };
+    }
     /**
-     * Display the iframe with the ACE quick view.
-     *
-     * @param args - {@link _IRenderIsolatedQuickViewParameters}
-     */
-    IsolatedAdaptiveCardExtensionService.prototype.renderQuickView = function (args) {
-        var instanceId = args.instanceId, isSelectAction = args.isSelectAction, listenerId = args.listenerId, pageTheme = args.pageTheme, targetRect = args.targetRect, theme = args.theme, viewId = args.viewId;
+   * Display the iframe with the ACE quick view.
+   *
+   * @param args - {@link _IRenderIsolatedQuickViewParameters}
+   */ renderQuickView(args) {
+        const { instanceId, isSelectAction, listenerId, pageTheme, targetRect, theme, viewId } = args;
         this._sendMessage(this._getIsolatedFrame(instanceId), instanceId, {
             serviceAction: 'Action',
             action: {
-                action: { type: 'QuickView', isSelectAction: isSelectAction, pageTheme: pageTheme, targetRect: targetRect, theme: theme, viewId: viewId },
-                instanceId: instanceId,
-                listenerId: listenerId
+                action: {
+                    type: 'QuickView',
+                    isSelectAction,
+                    pageTheme,
+                    targetRect,
+                    theme,
+                    viewId
+                },
+                instanceId,
+                listenerId
             }
         });
-    };
-    IsolatedAdaptiveCardExtensionService.prototype.setDisplayMode = function (displayMode) {
-        // not implemented
-    };
-    IsolatedAdaptiveCardExtensionService.prototype.setRenderType = function (newRenderType) {
-        // not implemented
-    };
+    }
+    setDisplayMode(displayMode) {
+    // not implemented
+    }
+    setRenderType(newRenderType) {
+    // not implemented
+    }
     /**
-     * Send an action to an isolated ACE.
-     *
-     * @param action - {@link _IIsolatedAction}
-     */
-    IsolatedAdaptiveCardExtensionService.prototype.sendAction = function (action) {
-        var instanceId = action.instanceId;
-        this._sendMessage(this._getIsolatedFrame(instanceId), instanceId, { serviceAction: 'Action', action: action });
-    };
+   * Send an action to an isolated ACE.
+   *
+   * @param action - {@link _IIsolatedAction}
+   */ sendAction(action) {
+        const { instanceId } = action;
+        this._sendMessage(this._getIsolatedFrame(instanceId), instanceId, {
+            serviceAction: 'Action',
+            action
+        });
+    }
     /**
-     * Send an action to ACE onBeforeAction in an isolated domain.
-     *
-     * @param action - {@link _IIsolatedOnBeforeAction}
-     */
-    IsolatedAdaptiveCardExtensionService.prototype.sendOnBeforeAction = function (action) {
-        var instanceId = action.instanceId;
+   * Send an action to ACE onBeforeAction in an isolated domain.
+   *
+   * @param action - {@link _IIsolatedOnBeforeAction}
+   */ sendOnBeforeAction(action) {
+        const { instanceId } = action;
         this._sendMessage(this._getIsolatedFrame(instanceId), instanceId, {
             serviceAction: 'OnBeforeAction',
-            action: action
+            action
         });
-    };
-    IsolatedAdaptiveCardExtensionService.prototype.sendInitialize = function (args) {
-        var instanceId = args.instanceId, manifestId = args.manifestId;
+    }
+    sendInitialize(args) {
+        const { instanceId, manifestId } = args;
         this._sendMessage(this._getIsolatedFrame(instanceId), instanceId, {
             serviceAction: 'Initialize',
-            instanceId: instanceId,
-            manifestId: manifestId
+            instanceId,
+            manifestId
         });
-    };
-    IsolatedAdaptiveCardExtensionService.prototype.updateACEData = function (instanceId, aceData) {
+    }
+    updateACEData(instanceId, aceData) {
         if (this._isolatedListeners.has(instanceId)) {
             this._sendMessage(this._getIsolatedFrame(instanceId), instanceId, {
-                aceData: aceData,
-                instanceId: instanceId,
+                aceData,
+                instanceId,
                 serviceAction: 'UpdateACEData'
             });
         }
-    };
-    IsolatedAdaptiveCardExtensionService.prototype.handleLocationRequest = function (instanceId, location, locationError) {
+    }
+    handleLocationRequest(instanceId, location, locationError) {
         this._sendMessage(this._getIsolatedFrame(instanceId), instanceId, {
-            location: location,
-            locationError: locationError,
-            instanceId: instanceId,
+            location,
+            locationError,
+            instanceId,
             serviceAction: 'LocationResponse'
         });
-    };
-    IsolatedAdaptiveCardExtensionService.prototype._createLoadMonitor = function () {
-        return new sp_diagnostics_1._QosMonitor('IsolatedAdaptiveCardExtensionService.load');
-    };
-    IsolatedAdaptiveCardExtensionService.prototype._createRetryMonitor = function () {
-        return new sp_diagnostics_1._QosMonitor('IsolatedAdaptiveCardExtension.iframeReload');
-    };
-    IsolatedAdaptiveCardExtensionService.prototype._createTokenRequestMonitor = function () {
-        return new sp_diagnostics_1._QosMonitor('IsolatedAdaptiveCardExtensionService.onTokenRequested');
-    };
-    IsolatedAdaptiveCardExtensionService.prototype._createGetAuthTokenMonitor = function () {
-        return new sp_diagnostics_1._QosMonitor('IsolatedAdaptiveCardExtensionService._getAuthToken');
-    };
-    IsolatedAdaptiveCardExtensionService.prototype._configureDestUrlParams = function (loadArgs) {
-        var dashboardListId = loadArgs.dashboardListId, itemId = loadArgs.itemId;
-        var destUrlParams = new URLSearchParams(window.location.search);
+    }
+    _createLoadMonitor() {
+        return new _spdiagnostics._QosMonitor('IsolatedAdaptiveCardExtensionService.load');
+    }
+    _createRetryMonitor() {
+        return new _spdiagnostics._QosMonitor('IsolatedAdaptiveCardExtension.iframeReload');
+    }
+    _createTokenRequestMonitor() {
+        return new _spdiagnostics._QosMonitor('IsolatedAdaptiveCardExtensionService.onTokenRequested');
+    }
+    _createGetAuthTokenMonitor() {
+        return new _spdiagnostics._QosMonitor('IsolatedAdaptiveCardExtensionService._getAuthToken');
+    }
+    _configureDestUrlParams(loadArgs) {
+        const { dashboardListId, itemId } = loadArgs;
+        const destUrlParams = new URLSearchParams(window.location.search);
         destUrlParams.append('dashboardListID', dashboardListId);
         destUrlParams.append('id', itemId);
-        if (sp_telemetry_1._SPPerfExperiment.getVariantAndTrackExperiment(sp_telemetry_1._PerformanceExperiment.WEXOOPIF) === 1) {
+        if (_sptelemetry._SPPerfExperiment.getVariantAndTrackExperiment(_sptelemetry._PerformanceExperiment.WEXOOPIF) === 1) {
             destUrlParams.append('OOPIF', '1');
         }
-        destUrlParams.append('deviceContext', sp_core_library_1._BrowserUtilities.isTeams1PVivaDesktopHosted() ? 'TeamsDesktop' : 'WebView');
+        destUrlParams.append('deviceContext', _spcorelibrary._BrowserUtilities.isTeams1PVivaDesktopHosted() ? 'TeamsDesktop' : 'WebView');
         destUrlParams.append('parentWindowOrigin', window.location.origin);
         return destUrlParams;
-    };
-    IsolatedAdaptiveCardExtensionService.prototype._configureIframeSrc = function (isolatedDomain, loadArgs, isVCD1P) {
-        var serverRelativeUrl = this._pageContext.site.serverRelativeUrl;
-        var destBaseUrl = serverRelativeUrl === '/' ? '' : serverRelativeUrl;
-        var isolatedUrlBase = (0, sp_component_base_1._ensureIsolatedDomainUrl)(isolatedDomain, this._pageContext.web.absoluteUrl);
-        var destUrlParams = this._configureDestUrlParams(loadArgs);
-        var serviceDestinationEndpoint = loadArgs.serviceDestinationEndpoint;
-        var layoutPage = !(0, Killswitches_1.isTargetBotDriveAceAspxKSActivated)() && serviceDestinationEndpoint !== undefined
-            ? serviceDestinationEndpoint
-            : 'adaptivecardextensions.aspx';
-        var destUrl = "/_layouts/15/".concat(layoutPage, "?").concat(destUrlParams.toString());
-        if (sp_core_library_1._BrowserUtilities.isUsingSecureBroker()) {
-            return "".concat(isolatedUrlBase, "/_layouts/15/brokerlogon.aspx?spfx=true&").concat(sp_core_library_1._BROKER_IN_USE_KEY, "=true&dest=").concat(encodeURIComponent(isolatedUrlBase + destUrl));
-        }
-        else if (isVCD1P && (0, Flights_1.isFramedTeamsLogonEnabled)()) {
+    }
+    _configureIframeSrc(isolatedDomain, loadArgs, isVCD1P) {
+        const serverRelativeUrl = this._pageContext.site.serverRelativeUrl;
+        const destBaseUrl = serverRelativeUrl === '/' ? '' : serverRelativeUrl;
+        const isolatedUrlBase = (0, _spcomponentbase._ensureIsolatedDomainUrl)(isolatedDomain, this._pageContext.web.absoluteUrl);
+        const destUrlParams = this._configureDestUrlParams(loadArgs);
+        const { serviceDestinationEndpoint } = loadArgs;
+        const layoutPage = !(0, _Killswitches.isTargetBotDriveAceAspxKSActivated)() && serviceDestinationEndpoint !== undefined ? serviceDestinationEndpoint : 'adaptivecardextensions.aspx';
+        const destUrl = `/_layouts/15/${layoutPage}?${destUrlParams.toString()}`;
+        if (_spcorelibrary._BrowserUtilities.isUsingSecureBroker()) {
+            return `${isolatedUrlBase}/_layouts/15/brokerlogon.aspx?spfx=true&${_spcorelibrary._BROKER_IN_USE_KEY}=true&dest=${encodeURIComponent(isolatedUrlBase + destUrl)}`;
+        } else if (isVCD1P && (0, _Flights.isFramedTeamsLogonEnabled)()) {
             // Use framedteamslogon.aspx for scenarios where cookie auth doesn't work e.g. Teams, Safari, etc.
-            return "".concat(isolatedUrlBase, "/_layouts/15/framedteamslogon.aspx?spfx=true&dest=").concat(encodeURIComponent(destBaseUrl + destUrl));
-        }
-        else {
+            return `${isolatedUrlBase}/_layouts/15/framedteamslogon.aspx?spfx=true&dest=${encodeURIComponent(destBaseUrl + destUrl)}`;
+        } else {
             return isolatedUrlBase + destUrl;
         }
-    };
-    IsolatedAdaptiveCardExtensionService.prototype._createIsolatedListenerEntry = function (isolatedDomain, iframe, args) {
-        var listenerId = args.listenerId, callback = args.callback, manifestId = args.manifestId;
+    }
+    _createIsolatedListenerEntry(isolatedDomain, iframe, args) {
+        const { listenerId, callback, manifestId } = args;
         return {
-            isolatedDomain: isolatedDomain,
+            isolatedDomain,
             iframe: iframe,
-            listeners: new Map([[listenerId, { callback: callback }]]),
-            manifestId: manifestId
+            listeners: new Map([
+                [
+                    listenerId,
+                    {
+                        callback
+                    }
+                ]
+            ]),
+            manifestId
         };
-    };
-    IsolatedAdaptiveCardExtensionService.prototype._handleRenderingFromPersistedData = function (args) {
-        // not implemented
-    };
+    }
+    _handleRenderingFromPersistedData(args) {
+    // not implemented
+    }
     /**
-     * @internal
-     * @param instanceId - string
-     * @returns IIsolatedFrame instance
-     */
-    IsolatedAdaptiveCardExtensionService.prototype._getIsolatedFrame = function (instanceId) {
-        var entry = this._isolatedListeners.get(instanceId);
+   * @internal
+   * @param instanceId - string
+   * @returns IIsolatedFrame instance
+   */ _getIsolatedFrame(instanceId) {
+        const entry = this._isolatedListeners.get(instanceId);
         return entry ? this._isolatedFrames.get(entry.isolatedDomain) : undefined;
-    };
-    IsolatedAdaptiveCardExtensionService.prototype._sendMessage = function (isolatedFrame, instanceId, message) {
+    }
+    _sendMessage(isolatedFrame, instanceId, message) {
         if (isolatedFrame) {
             this._postOrQueueMessage(isolatedFrame, message, instanceId);
+        } else {
+            this._logError(`No entry for ${instanceId}`);
         }
-        else {
-            this._logError("No entry for ".concat(instanceId));
-        }
-    };
+    }
     /**
-     * Notify listeners of a change with the ACE;
-     *
-     * @param instanceId - ACE instance.
-     * @param args - {@link _IsolatedServiceCallbackParameters}
-     * @param listenerId - Optional. If provided, only invoke the callback for this listener.
-     */
-    IsolatedAdaptiveCardExtensionService.prototype._invokeCallback = function (instanceId, args, listenerId) {
-        var _a;
-        var entry = this._isolatedListeners.get(instanceId);
+   * Notify listeners of a change with the ACE;
+   *
+   * @param instanceId - ACE instance.
+   * @param args - {@link _IsolatedServiceCallbackParameters}
+   * @param listenerId - Optional. If provided, only invoke the callback for this listener.
+   */ _invokeCallback(instanceId, args, listenerId) {
+        const entry = this._isolatedListeners.get(instanceId);
         this._callbackCache.set(instanceId, args);
         if (entry) {
             if (listenerId) {
-                (_a = entry.listeners.get(listenerId)) === null || _a === void 0 ? void 0 : _a.callback(args);
-            }
-            else {
-                entry.listeners.forEach(function (listener) { return listener.callback(args); });
+                entry.listeners.get(listenerId)?.callback(args);
+            } else {
+                entry.listeners.forEach((listener)=>listener.callback(args));
             }
+        } else {
+            this._logError(`No entry for ${instanceId}`);
         }
-        else {
-            this._logError("No entry for ".concat(instanceId));
-        }
-    };
+    }
     /**
-     * Trace log an error.
-     *
-     * @param errorMessage - Message to create a new `Error` object.
-     */
-    IsolatedAdaptiveCardExtensionService.prototype._logError = function (errorMessage) {
-        sp_diagnostics_1._TraceLogger.logError(IsolatedAdaptiveCardExtensionService._logSource, new Error(errorMessage));
-    };
-    IsolatedAdaptiveCardExtensionService.prototype._getAuthToken = function (applicationId, claims, origin) {
-        var _this = this;
-        var qosMonitor = this._createGetAuthTokenMonitor();
-        var configurableTokenProvider = sp_http_base_1._AadTokenProviders.configurable;
+   * Trace log an error.
+   *
+   * @param errorMessage - Message to create a new `Error` object.
+   */ _logError(errorMessage) {
+        _spdiagnostics._TraceLogger.logError(IsolatedAdaptiveCardExtensionService._logSource, new Error(errorMessage));
+    }
+    _getAuthToken(applicationId, claims, origin) {
+        const qosMonitor = this._createGetAuthTokenMonitor();
+        const configurableTokenProvider = _sphttpbase._AadTokenProviders.configurable;
         if (!configurableTokenProvider._oboThirdPartyTokenCallback) {
             qosMonitor.writeUnexpectedFailure('oboThirdPartTokenCallbackUndefined');
             this._logError('Unexpected message: oboThirdPartyTokenCallback is not defined.');
             return;
         }
-        configurableTokenProvider._oboThirdPartyTokenCallback(applicationId, claims)
-            .then(function (token) {
-            var originURL = new URL(origin);
-            var isolatedFrame = _this._isolatedFrames.get(originURL.hostname);
-            _this._sendMessage(isolatedFrame, '', // instanceId not associated with obo token call back flow.
-            {
-                token: token,
-                applicationId: applicationId,
+        configurableTokenProvider._oboThirdPartyTokenCallback(applicationId, claims).then((token)=>{
+            const originURL = new URL(origin);
+            const isolatedFrame = this._isolatedFrames.get(originURL.hostname);
+            this._sendMessage(isolatedFrame, '', {
+                token,
+                applicationId,
                 serviceAction: 'OBOToken'
             });
             qosMonitor.writeSuccess();
-        })
-            .catch(function (err) {
+        }).catch((err)=>{
             qosMonitor.writeUnexpectedFailure('oboThirdPartTokenCallbackFailure');
-            _this._logError("Unexpected message: ".concat(JSON.stringify(err)));
+            this._logError(`Unexpected message: ${JSON.stringify(err)}`);
         });
-    };
-    IsolatedAdaptiveCardExtensionService.prototype._postOrQueueMessage = function (isolatedFrame, message, instanceId) {
+    }
+    _postOrQueueMessage(isolatedFrame, message, instanceId) {
         if (isolatedFrame.isReady) {
             message.messageType = 'serviceMessage';
             isolatedFrame.iframe.contentWindow.postMessage(message, '*');
+        } else {
+            isolatedFrame.messageQueue.push([
+                instanceId,
+                message
+            ]);
         }
-        else {
-            isolatedFrame.messageQueue.push([instanceId, message]);
-        }
-    };
-    IsolatedAdaptiveCardExtensionService.serviceKey = sp_core_library_1.ServiceKey.create('sp-adaptive-card-extension-base::IsolatedAdaptiveCardExtensionService', IsolatedAdaptiveCardExtensionService);
-    IsolatedAdaptiveCardExtensionService._logSource = { id: 'IsolatedAdaptiveCardExtensionService' };
-    return IsolatedAdaptiveCardExtensionService;
-}());
-exports.IsolatedAdaptiveCardExtensionService = IsolatedAdaptiveCardExtensionService;
-//# sourceMappingURL=IsolatedAdaptiveCardExtensionService.js.map
+    }
+    constructor(serviceScope){
+        this._callbackCache = new Map();
+        this._isolatedFrames = new Map();
+        this._isolatedListeners = new Map();
+        this._handleIframeTimeout = (isolatedFrameKey, isVCD1P)=>{
+            const frame = this._isolatedFrames.get(isolatedFrameKey);
+            const { frameMonitor, retryMonitor, tokenMonitor } = frame;
+            /*
+     * There is a rare case the iframe is running into a "reset connection" error. This is because the
+     * client/server is unable to communicate for an unknown reason. When we run into this, we will attempt to refresh the iframe once.
+     */ if (frame.retryCount < 1) {
+                frame.retryCount += 1;
+                frame.retryMonitor = this._createRetryMonitor();
+                // Use a shorter interval for the retry, this would put the retry around ~P95
+                frame.timeoutId = setTimeout(()=>this._handleIframeTimeout(isolatedFrameKey, isVCD1P), TIMEOUT_INTERVAL - 500);
+                return;
+            } else if (retryMonitor) {
+                retryMonitor.writeUnexpectedFailure('reloadFailed');
+            }
+            /*
+     * If this timeout has been executed then the isolated ACE application
+     * did not send the `Ready` message to the host applicaton. By checking if
+     * the `tokenMonitor` exists we can verify whether framedteamslogon even requested
+     * a token. If it doesn't exist, then we assume we are stuck in the MSAL interactive flow.
+     * This would be unexpected in Teams but is a known issue in browsers with ITP or 3P
+     * cookies blocked.
+     */ if (frameMonitor && !frameMonitor.hasEnded) {
+                try {
+                    if (tokenMonitor) {
+                        frameMonitor.writeUnexpectedFailure('tokenTimeout');
+                        if (!tokenMonitor.hasEnded) {
+                            tokenMonitor.writeUnexpectedFailure('timeout');
+                        }
+                    } else {
+                        if (isVCD1P) {
+                            // We should never hit this, but adding for completeness
+                            frameMonitor.writeUnexpectedFailure('authorizeTimeout');
+                        } else {
+                            frameMonitor.writeExpectedFailure('authorizeTimeout');
+                        }
+                    }
+                } catch (e) {
+                    frameMonitor.writeUnexpectedFailure('unexpectedFailure', e);
+                }
+            }
+        };
+        /**
+   * Message handler for isolated domain iframes.
+   *
+   * @param message - {@link _IsolatedAdaptiveCardExtensionApplicationMessageEvent}
+   */ this._handleIsolatedApplicationMessage = (message)=>{
+            const { data } = message;
+            if (data.messageType === 'applicationMessage') {
+                const { instanceId, kind } = data;
+                switch(kind){
+                    case 'Card':
+                        this._invokeCallback(instanceId, {
+                            aceData: data.aceData,
+                            card: data.card,
+                            cacheObject: data.cacheObject,
+                            type: kind
+                        });
+                        break;
+                    case 'CloseQuickView':
+                        const qvFrame = this._isolatedFrames.get(new URL(message.origin).hostname);
+                        if (qvFrame) {
+                            qvFrame.iframe.hidden = true;
+                        }
+                        break;
+                    case 'Error':
+                        this._invokeCallback(instanceId, {
+                            error: data.error,
+                            type: kind
+                        });
+                        break;
+                    case 'OpenQuickView':
+                        const frame = this._isolatedFrames.get(new URL(message.origin).hostname);
+                        if (frame) {
+                            frame.iframe.hidden = false;
+                        }
+                        break;
+                    case 'OpenUrl':
+                        this._invokeCallback(instanceId, {
+                            type: kind,
+                            url: data.url
+                        });
+                        break;
+                    case 'LocationRequest':
+                        this._invokeCallback(instanceId, {
+                            type: kind
+                        });
+                        break;
+                    case 'RenderCompleted':
+                        this._invokeCallback(instanceId, {
+                            type: kind,
+                            didUpdate: data.didUpdate
+                        });
+                        break;
+                    case 'Ready':
+                        /*
+           * Once we get this message from the isolated ACE application, we know it has been loaded
+           * and we can start sending messages to the isolated frame.
+           */ const isolatedFrame = this._isolatedFrames.get(new URL(message.origin).hostname);
+                        if (isolatedFrame) {
+                            if (isolatedFrame.retryMonitor) {
+                                isolatedFrame.retryMonitor.writeSuccess();
+                            }
+                            clearTimeout(isolatedFrame.timeoutId);
+                            isolatedFrame.frameMonitor.writeSuccess();
+                            isolatedFrame.isReady = true;
+                            for (const [id, msg] of isolatedFrame.messageQueue){
+                                // eslint-disable-next-line @typescript-eslint/no-explicit-any
+                                this._sendMessage(this._getIsolatedFrame(id), id, msg);
+                            }
+                            isolatedFrame.messageQueue = [];
+                        }
+                        break;
+                    case 'OBOTokenRequest':
+                        const { applicationId, claims } = data;
+                        this._getAuthToken(applicationId, claims, message.origin);
+                        break;
+                    case 'PropertyPaneConfiguration':
+                        this._invokeCallback(instanceId, {
+                            propertyPaneConfiguration: data.propertyPaneConfiguration,
+                            type: kind
+                        });
+                        break;
+                    default:
+                        this._logError(`Unexpected message: ${JSON.stringify(message.data)}`);
+                        break;
+                }
+            } else if (data.messageType === 'bridgeMessage' && data.bridgeAction === 'onTokenRequested') {
+                /*
+       * When we load in Teams, we use framedteamslogon to ensure the isolated app iframe has a valid cookie.
+       * If it doesn't then framedteamslogon will request a token from the host app to use to call the
+       * /Authenticate API, which will set a new session cookie on the iframe and then redirect to the isolated
+       * ACE applicaton.
+       */ const monitor = this._createTokenRequestMonitor();
+                const { applicationId, claims } = data;
+                const isolatedFrame = this._isolatedFrames.get(new URL(message.origin).hostname);
+                if (!isolatedFrame) {
+                    monitor.writeUnexpectedFailure('missingIsolatedFrame');
+                    return;
+                }
+                isolatedFrame.tokenMonitor = monitor;
+                const configurableTokenProvider = _sphttpbase._AadTokenProviders.configurable;
+                if (!configurableTokenProvider._oboThirdPartyTokenCallback) {
+                    monitor.writeUnexpectedFailure('missingThirdPartyTokenCallback');
+                    return;
+                }
+                try {
+                    configurableTokenProvider._oboThirdPartyTokenCallback(applicationId, claims).then((token)=>{
+                        if (!isolatedFrame.iframe.contentWindow) {
+                            throw new Error('missingContentWindow');
+                        }
+                        isolatedFrame.iframe.contentWindow.postMessage({
+                            token,
+                            messageType: 'dashboardMessage',
+                            kind: 'Token'
+                        }, '*');
+                        monitor.writeSuccess();
+                    }).catch((e)=>{
+                        monitor.writeUnexpectedFailure('oboThirdPartyTokenCallbackError', e);
+                    });
+                } catch (e) {
+                    /*
+         * This is to account for an exception when calling the `_oboThirdPartyTokenCallback`.
+         * We've seen in the past where it unexpectedly returned `undefined` causing the Promise
+         * chain to never be executed.
+         */ monitor.writeUnexpectedFailure('unexpectedException', e);
+                }
+            }
+        };
+        this._serviceScope = serviceScope;
+        window.addEventListener('message', this._handleIsolatedApplicationMessage);
+    }
+}
+IsolatedAdaptiveCardExtensionService.serviceKey = _spcorelibrary.ServiceKey.create('sp-adaptive-card-extension-base::IsolatedAdaptiveCardExtensionService', IsolatedAdaptiveCardExtensionService);
+IsolatedAdaptiveCardExtensionService._logSource = {
+    id: 'IsolatedAdaptiveCardExtensionService'
+};
+
+//# sourceMappingURL=./IsolatedAdaptiveCardExtensionService.js.map