@dynamic-labs/web-extension 4.0.0-alpha.16

package/LICENSE

@@ -0,0 +1,21 @@
+MIT License
+
+Copyright (c) 2022 Dynamic Labs, Inc.
+
+Permission is hereby granted, free of charge, to any person obtaining a copy
+of this software and associated documentation files (the "Software"), to deal
+in the Software without restriction, including without limitation the rights
+to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
+copies of the Software, and to permit persons to whom the Software is
+furnished to do so, subject to the following conditions:
+
+The above copyright notice and this permission notice shall be included in all
+copies or substantial portions of the Software.
+
+THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
+IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
+FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
+AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
+LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
+OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
+SOFTWARE.

package/README.md

@@ -0,0 +1,3 @@
+# Dynamic Client WebExtension
+
+Welcome to Dynamic's client!

package/_virtual/_tslib.cjs

@@ -0,0 +1,36 @@
+'use client'
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+/******************************************************************************
+Copyright (c) Microsoft Corporation.
+
+Permission to use, copy, modify, and/or distribute this software for any
+purpose with or without fee is hereby granted.
+
+THE SOFTWARE IS PROVIDED "AS IS" AND THE AUTHOR DISCLAIMS ALL WARRANTIES WITH
+REGARD TO THIS SOFTWARE INCLUDING ALL IMPLIED WARRANTIES OF MERCHANTABILITY
+AND FITNESS. IN NO EVENT SHALL THE AUTHOR BE LIABLE FOR ANY SPECIAL, DIRECT,
+INDIRECT, OR CONSEQUENTIAL DAMAGES OR ANY DAMAGES WHATSOEVER RESULTING FROM
+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.
+***************************************************************************** */
+
+function __awaiter(thisArg, _arguments, P, generator) {
+    function adopt(value) { return value instanceof P ? value : new P(function (resolve) { resolve(value); }); }
+    return new (P || (P = Promise))(function (resolve, reject) {
+        function fulfilled(value) { try { step(generator.next(value)); } catch (e) { reject(e); } }
+        function rejected(value) { try { step(generator["throw"](value)); } catch (e) { reject(e); } }
+        function step(result) { result.done ? resolve(result.value) : adopt(result.value).then(fulfilled, rejected); }
+        step((generator = generator.apply(thisArg, _arguments || [])).next());
+    });
+}
+
+typeof SuppressedError === "function" ? SuppressedError : function (error, suppressed, message) {
+    var e = new Error(message);
+    return e.name = "SuppressedError", e.error = error, e.suppressed = suppressed, e;
+};
+
+exports.__awaiter = __awaiter;

package/_virtual/_tslib.js

@@ -0,0 +1,32 @@
+'use client'
+/******************************************************************************
+Copyright (c) Microsoft Corporation.
+
+Permission to use, copy, modify, and/or distribute this software for any
+purpose with or without fee is hereby granted.
+
+THE SOFTWARE IS PROVIDED "AS IS" AND THE AUTHOR DISCLAIMS ALL WARRANTIES WITH
+REGARD TO THIS SOFTWARE INCLUDING ALL IMPLIED WARRANTIES OF MERCHANTABILITY
+AND FITNESS. IN NO EVENT SHALL THE AUTHOR BE LIABLE FOR ANY SPECIAL, DIRECT,
+INDIRECT, OR CONSEQUENTIAL DAMAGES OR ANY DAMAGES WHATSOEVER RESULTING FROM
+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.
+***************************************************************************** */
+
+function __awaiter(thisArg, _arguments, P, generator) {
+    function adopt(value) { return value instanceof P ? value : new P(function (resolve) { resolve(value); }); }
+    return new (P || (P = Promise))(function (resolve, reject) {
+        function fulfilled(value) { try { step(generator.next(value)); } catch (e) { reject(e); } }
+        function rejected(value) { try { step(generator["throw"](value)); } catch (e) { reject(e); } }
+        function step(result) { result.done ? resolve(result.value) : adopt(result.value).then(fulfilled, rejected); }
+        step((generator = generator.apply(thisArg, _arguments || [])).next());
+    });
+}
+
+typeof SuppressedError === "function" ? SuppressedError : function (error, suppressed, message) {
+    var e = new Error(message);
+    return e.name = "SuppressedError", e.error = error, e.suppressed = suppressed, e;
+};
+
+export { __awaiter };

package/package.cjs

@@ -0,0 +1,8 @@
+'use client'
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var version = "4.0.0-alpha.16";
+
+exports.version = version;

package/package.js

@@ -0,0 +1,4 @@
+'use client'
+var version = "4.0.0-alpha.16";
+
+export { version };

package/package.json

@@ -0,0 +1,39 @@
+{
+  "name": "@dynamic-labs/web-extension",
+  "version": "4.0.0-alpha.16",
+  "repository": {
+    "type": "git",
+    "url": "git+https://github.com/dynamic-labs/dynamic-auth.git",
+    "directory": "packages/web-extension"
+  },
+  "description": "Core package for utilizing Dynamic's sdk",
+  "bugs": {
+    "url": "https://github.com/dynamic-labs/DynamicAuth/issues"
+  },
+  "homepage": "https://github.com/dynamic-labs/DynamicAuth/main/packages/web-extension#readme",
+  "author": "Dynamic Labs, Inc.",
+  "license": "MIT",
+  "main": "./src/index.cjs",
+  "module": "./src/index.js",
+  "types": "./src/index.d.ts",
+  "type": "module",
+  "exports": {
+    ".": {
+      "types": "./src/index.d.ts",
+      "import": "./src/index.js",
+      "require": "./src/index.cjs"
+    },
+    "./package.json": "./package.json"
+  },
+  "dependencies": {
+    "@dynamic-labs/sdk-api-core": "0.0.555",
+    "@turnkey/webauthn-stamper": "0.5.0",
+    "@dynamic-labs/assert-package-version": "4.0.0-alpha.16",
+    "@dynamic-labs/client": "4.0.0-alpha.16",
+    "@dynamic-labs/logger": "4.0.0-alpha.16",
+    "@dynamic-labs/message-transport": "4.0.0-alpha.16",
+    "@dynamic-labs/utils": "4.0.0-alpha.16",
+    "@dynamic-labs/webauthn": "4.0.0-alpha.16"
+  },
+  "peerDependencies": {}
+}

package/src/index.cjs

@@ -0,0 +1,12 @@
+'use client'
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var assertPackageVersion = require('@dynamic-labs/assert-package-version');
+var _package = require('../package.cjs');
+var WebExtension = require('./lib/WebExtension/WebExtension.cjs');
+
+assertPackageVersion.assertPackageVersion('@dynamic-labs/web-extension', _package.version);
+
+exports.WebExtension = WebExtension.WebExtension;

package/src/index.d.ts

@@ -0,0 +1 @@
+export { WebExtension } from './lib/WebExtension';

package/src/index.js

@@ -0,0 +1,6 @@
+'use client'
+import { assertPackageVersion } from '@dynamic-labs/assert-package-version';
+import { version } from '../package.js';
+export { WebExtension } from './lib/WebExtension/WebExtension.js';
+
+assertPackageVersion('@dynamic-labs/web-extension', version);

package/src/lib/WebExtension/WebExtension.cjs

@@ -0,0 +1,39 @@
+'use client'
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var _package = require('../../../package.cjs');
+var getIFrameController = require('../utils/getIFrameController/getIFrameController.cjs');
+var connectIFrameToMessageTransport = require('../utils/connectIFrameToMessageTransport/connectIFrameToMessageTransport.cjs');
+var setupIFrameVisibilityState = require('../utils/setupIFrameVisibilityState/setupIFrameVisibilityState.cjs');
+var setupStorage = require('../utils/setupStorage/setupStorage.cjs');
+var addHostOriginToUrl = require('../utils/addHostOriginToUrl/addHostOriginToUrl.cjs');
+var setupPlatformHandler = require('../utils/setupPlatformHandler/setupPlatformHandler.cjs');
+var setupSocialHandler = require('../utils/setupSocialHandler/setupSocialHandler.cjs');
+var setupPasskeyHandler = require('../utils/setupPasskeyHandler/setupPasskeyHandler.cjs');
+
+const defaultIFrameUrl = `https://webview.dynamicauth.com/${_package.version}`;
+const WebExtension = ({ iFrameUrl = defaultIFrameUrl, } = {}) => (_, core) => {
+    /**
+     * Should not run this extension on react-native or SSR
+     */
+    if (typeof window === 'undefined' || typeof window.location === 'undefined')
+        return {};
+    core.manifest.setPlatform('browser');
+    core.manifest.setRedirectUrl(window.location.href);
+    core.manifest.setAppOrigin(window.location.origin);
+    const iFrameId = 'dynamic_browser_extension';
+    const iFrameUrlWithHostOrigin = addHostOriginToUrl.addHostOriginToUrl(iFrameUrl, window.location.origin);
+    const iFrameController = getIFrameController.getIFrameController(iFrameId, iFrameUrlWithHostOrigin);
+    iFrameController.hide();
+    connectIFrameToMessageTransport.connectIFrameToMessageTransport(iFrameController.iframe, core.messageTransport);
+    setupIFrameVisibilityState.setupIFrameVisibilityState(iFrameController, core.messageTransport);
+    setupStorage.setupStorage(core.messageTransport);
+    setupPlatformHandler.setupPlatformHandler(core.messageTransport);
+    setupSocialHandler.setupSocialHandler(core.messageTransport);
+    setupPasskeyHandler.setupPasskeyHandler(core);
+    return {};
+};
+
+exports.WebExtension = WebExtension;

package/src/lib/WebExtension/WebExtension.d.ts

@@ -0,0 +1,7 @@
+import { Extension } from '@dynamic-labs/client';
+type IWebExtensionProps = {
+    iFrameUrl?: string;
+};
+export type IWebExtension = {};
+export declare const WebExtension: ({ iFrameUrl, }?: IWebExtensionProps) => Extension<IWebExtension>;
+export {};

package/src/lib/WebExtension/WebExtension.js

@@ -0,0 +1,35 @@
+'use client'
+import { version } from '../../../package.js';
+import { getIFrameController } from '../utils/getIFrameController/getIFrameController.js';
+import { connectIFrameToMessageTransport } from '../utils/connectIFrameToMessageTransport/connectIFrameToMessageTransport.js';
+import { setupIFrameVisibilityState } from '../utils/setupIFrameVisibilityState/setupIFrameVisibilityState.js';
+import { setupStorage } from '../utils/setupStorage/setupStorage.js';
+import { addHostOriginToUrl } from '../utils/addHostOriginToUrl/addHostOriginToUrl.js';
+import { setupPlatformHandler } from '../utils/setupPlatformHandler/setupPlatformHandler.js';
+import { setupSocialHandler } from '../utils/setupSocialHandler/setupSocialHandler.js';
+import { setupPasskeyHandler } from '../utils/setupPasskeyHandler/setupPasskeyHandler.js';
+
+const defaultIFrameUrl = `https://webview.dynamicauth.com/${version}`;
+const WebExtension = ({ iFrameUrl = defaultIFrameUrl, } = {}) => (_, core) => {
+    /**
+     * Should not run this extension on react-native or SSR
+     */
+    if (typeof window === 'undefined' || typeof window.location === 'undefined')
+        return {};
+    core.manifest.setPlatform('browser');
+    core.manifest.setRedirectUrl(window.location.href);
+    core.manifest.setAppOrigin(window.location.origin);
+    const iFrameId = 'dynamic_browser_extension';
+    const iFrameUrlWithHostOrigin = addHostOriginToUrl(iFrameUrl, window.location.origin);
+    const iFrameController = getIFrameController(iFrameId, iFrameUrlWithHostOrigin);
+    iFrameController.hide();
+    connectIFrameToMessageTransport(iFrameController.iframe, core.messageTransport);
+    setupIFrameVisibilityState(iFrameController, core.messageTransport);
+    setupStorage(core.messageTransport);
+    setupPlatformHandler(core.messageTransport);
+    setupSocialHandler(core.messageTransport);
+    setupPasskeyHandler(core);
+    return {};
+};
+
+export { WebExtension };

package/src/lib/WebExtension/index.d.ts

@@ -0,0 +1 @@
+export { WebExtension } from './WebExtension';

package/src/lib/utils/addHostOriginToUrl/addHostOriginToUrl.cjs

@@ -0,0 +1,20 @@
+'use client'
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+const addHostOriginToUrl = (url, hostOrigin) => {
+    if (url.startsWith('http://') || url.startsWith('https://')) {
+        const urlObj = new URL(url);
+        urlObj.searchParams.set('hostOrigin', hostOrigin);
+        return urlObj.toString();
+    }
+    else {
+        const [path, existingSearch] = url.split('?');
+        const searchParams = new URLSearchParams(existingSearch);
+        searchParams.set('hostOrigin', hostOrigin);
+        return `${path}?${searchParams.toString()}`;
+    }
+};
+
+exports.addHostOriginToUrl = addHostOriginToUrl;

package/src/lib/utils/addHostOriginToUrl/addHostOriginToUrl.d.ts

@@ -0,0 +1 @@
+export declare const addHostOriginToUrl: (url: string, hostOrigin: string) => string;

package/src/lib/utils/addHostOriginToUrl/addHostOriginToUrl.js

@@ -0,0 +1,16 @@
+'use client'
+const addHostOriginToUrl = (url, hostOrigin) => {
+    if (url.startsWith('http://') || url.startsWith('https://')) {
+        const urlObj = new URL(url);
+        urlObj.searchParams.set('hostOrigin', hostOrigin);
+        return urlObj.toString();
+    }
+    else {
+        const [path, existingSearch] = url.split('?');
+        const searchParams = new URLSearchParams(existingSearch);
+        searchParams.set('hostOrigin', hostOrigin);
+        return `${path}?${searchParams.toString()}`;
+    }
+};
+
+export { addHostOriginToUrl };

package/src/lib/utils/addHostOriginToUrl/index.d.ts

@@ -0,0 +1 @@
+export { addHostOriginToUrl } from './addHostOriginToUrl';

package/src/lib/utils/connectIFrameToMessageTransport/connectIFrameToMessageTransport.cjs

@@ -0,0 +1,53 @@
+'use client'
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var messageTransport = require('@dynamic-labs/message-transport');
+var logger = require('../logger.cjs');
+
+const connectIFrameToMessageTransport = (iframe, messageTransport$1) => {
+    const sendMessageToWebView = (message) => {
+        /**
+         * Only forward messages to the webview
+         * that where created by the client/host
+         */
+        if (message.origin === 'host' && iframe.contentWindow) {
+            iframe.contentWindow.postMessage(JSON.stringify(message), '*');
+        }
+    };
+    /**
+     * Handle incoming message from iframe
+     * This handler will actually receive any message from the window
+     * so we have to filter and validate the message to ensure
+     * it is coming from the dynamic webview iframe
+     */
+    const handleEvent = (event) => {
+        if (event.source !== iframe.contentWindow) {
+            return;
+        }
+        let parsedData = null;
+        try {
+            parsedData = JSON.parse(event.data);
+        }
+        catch (err) {
+            logger.logger.debug('Error parsing data from WebExtension iFrame event', err);
+            return;
+        }
+        const message = messageTransport.parseMessageTransportData(parsedData);
+        if (!message) {
+            logger.logger.debug('Error validating event data schema from WebExtension iFrame event', parsedData);
+            return;
+        }
+        /**
+         * Only forward messages from the created by the webview
+         */
+        if (message.origin === 'webview') {
+            messageTransport$1.emit(message);
+        }
+    };
+    window.addEventListener('message', handleEvent);
+    messageTransport$1.on(sendMessageToWebView);
+};
+
+exports.connectIFrameToMessageTransport = connectIFrameToMessageTransport;

package/src/lib/utils/connectIFrameToMessageTransport/connectIFrameToMessageTransport.d.ts

@@ -0,0 +1,2 @@
+import { MessageTransport } from '@dynamic-labs/message-transport';
+export declare const connectIFrameToMessageTransport: (iframe: HTMLIFrameElement, messageTransport: MessageTransport) => void;

package/src/lib/utils/connectIFrameToMessageTransport/connectIFrameToMessageTransport.js

@@ -0,0 +1,49 @@
+'use client'
+import { parseMessageTransportData } from '@dynamic-labs/message-transport';
+import { logger } from '../logger.js';
+
+const connectIFrameToMessageTransport = (iframe, messageTransport) => {
+    const sendMessageToWebView = (message) => {
+        /**
+         * Only forward messages to the webview
+         * that where created by the client/host
+         */
+        if (message.origin === 'host' && iframe.contentWindow) {
+            iframe.contentWindow.postMessage(JSON.stringify(message), '*');
+        }
+    };
+    /**
+     * Handle incoming message from iframe
+     * This handler will actually receive any message from the window
+     * so we have to filter and validate the message to ensure
+     * it is coming from the dynamic webview iframe
+     */
+    const handleEvent = (event) => {
+        if (event.source !== iframe.contentWindow) {
+            return;
+        }
+        let parsedData = null;
+        try {
+            parsedData = JSON.parse(event.data);
+        }
+        catch (err) {
+            logger.debug('Error parsing data from WebExtension iFrame event', err);
+            return;
+        }
+        const message = parseMessageTransportData(parsedData);
+        if (!message) {
+            logger.debug('Error validating event data schema from WebExtension iFrame event', parsedData);
+            return;
+        }
+        /**
+         * Only forward messages from the created by the webview
+         */
+        if (message.origin === 'webview') {
+            messageTransport.emit(message);
+        }
+    };
+    window.addEventListener('message', handleEvent);
+    messageTransport.on(sendMessageToWebView);
+};
+
+export { connectIFrameToMessageTransport };

package/src/lib/utils/connectIFrameToMessageTransport/index.d.ts

@@ -0,0 +1 @@
+export { connectIFrameToMessageTransport } from './connectIFrameToMessageTransport';

package/src/lib/utils/getIFrameController/getIFrameController.cjs

@@ -0,0 +1,39 @@
+'use client'
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+const getIFrameController = (id, iFrameUrl) => {
+    let iframe = document.getElementById(id);
+    if (!iframe) {
+        iframe = document.createElement('iframe');
+        iframe.id = id;
+        iframe.src = iFrameUrl;
+        document.body.appendChild(iframe);
+    }
+    const show = () => {
+        iframe.style.position = 'fixed';
+        iframe.style.top = '0';
+        iframe.style.left = '0';
+        iframe.style.width = '100%';
+        iframe.style.height = '100%';
+        iframe.style.zIndex = '999999';
+        iframe.style.border = 'none';
+    };
+    const hide = () => {
+        iframe.style.position = 'fixed';
+        iframe.style.top = '0';
+        iframe.style.left = '0';
+        iframe.style.width = '0';
+        iframe.style.height = '0';
+        iframe.style.zIndex = '-1';
+        iframe.style.border = 'none';
+    };
+    return {
+        hide,
+        iframe,
+        show,
+    };
+};
+
+exports.getIFrameController = getIFrameController;

package/src/lib/utils/getIFrameController/getIFrameController.d.ts

@@ -0,0 +1,6 @@
+export declare const getIFrameController: (id: string, iFrameUrl: string) => {
+    hide: () => void;
+    iframe: HTMLIFrameElement;
+    show: () => void;
+};
+export type IFrameController = ReturnType<typeof getIFrameController>;

package/src/lib/utils/getIFrameController/getIFrameController.js

@@ -0,0 +1,35 @@
+'use client'
+const getIFrameController = (id, iFrameUrl) => {
+    let iframe = document.getElementById(id);
+    if (!iframe) {
+        iframe = document.createElement('iframe');
+        iframe.id = id;
+        iframe.src = iFrameUrl;
+        document.body.appendChild(iframe);
+    }
+    const show = () => {
+        iframe.style.position = 'fixed';
+        iframe.style.top = '0';
+        iframe.style.left = '0';
+        iframe.style.width = '100%';
+        iframe.style.height = '100%';
+        iframe.style.zIndex = '999999';
+        iframe.style.border = 'none';
+    };
+    const hide = () => {
+        iframe.style.position = 'fixed';
+        iframe.style.top = '0';
+        iframe.style.left = '0';
+        iframe.style.width = '0';
+        iframe.style.height = '0';
+        iframe.style.zIndex = '-1';
+        iframe.style.border = 'none';
+    };
+    return {
+        hide,
+        iframe,
+        show,
+    };
+};
+
+export { getIFrameController };

package/src/lib/utils/getIFrameController/index.d.ts

@@ -0,0 +1 @@
+export { getIFrameController, type IFrameController, } from './getIFrameController';

package/src/lib/utils/logger.cjs

@@ -0,0 +1,10 @@
+'use client'
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var logger$1 = require('@dynamic-labs/logger');
+
+const logger = new logger$1.Logger('@dynamic-labs/web-extension');
+
+exports.logger = logger;

package/src/lib/utils/logger.d.ts

@@ -0,0 +1,2 @@
+import { Logger } from '@dynamic-labs/logger';
+export declare const logger: Logger;

package/src/lib/utils/logger.js

@@ -0,0 +1,6 @@
+'use client'
+import { Logger } from '@dynamic-labs/logger';
+
+const logger = new Logger('@dynamic-labs/web-extension');
+
+export { logger };

package/src/lib/utils/setupIFrameVisibilityState/index.d.ts

@@ -0,0 +1 @@
+export { setupIFrameVisibilityState } from './setupIFrameVisibilityState';

package/src/lib/utils/setupIFrameVisibilityState/setupIFrameVisibilityState.cjs

@@ -0,0 +1,20 @@
+'use client'
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var messageTransport = require('@dynamic-labs/message-transport');
+
+const setupIFrameVisibilityState = (iFrameController, messageTransport$1) => {
+    const visibilityRequestChannel = messageTransport.createRequestChannel(messageTransport$1);
+    visibilityRequestChannel.handle('setVisibility', (isVisible) => {
+        if (isVisible) {
+            iFrameController.show();
+        }
+        else {
+            iFrameController.hide();
+        }
+    });
+};
+
+exports.setupIFrameVisibilityState = setupIFrameVisibilityState;

package/src/lib/utils/setupIFrameVisibilityState/setupIFrameVisibilityState.d.ts

@@ -0,0 +1,3 @@
+import { MessageTransportWithDefaultOrigin } from '@dynamic-labs/message-transport';
+import { IFrameController } from '../getIFrameController';
+export declare const setupIFrameVisibilityState: (iFrameController: IFrameController, messageTransport: MessageTransportWithDefaultOrigin) => void;

package/src/lib/utils/setupIFrameVisibilityState/setupIFrameVisibilityState.js

@@ -0,0 +1,16 @@
+'use client'
+import { createRequestChannel } from '@dynamic-labs/message-transport';
+
+const setupIFrameVisibilityState = (iFrameController, messageTransport) => {
+    const visibilityRequestChannel = createRequestChannel(messageTransport);
+    visibilityRequestChannel.handle('setVisibility', (isVisible) => {
+        if (isVisible) {
+            iFrameController.show();
+        }
+        else {
+            iFrameController.hide();
+        }
+    });
+};
+
+export { setupIFrameVisibilityState };

package/src/lib/utils/setupPasskeyHandler/index.d.ts

@@ -0,0 +1 @@
+export { setupPasskeyHandler } from './setupPasskeyHandler';

package/src/lib/utils/setupPasskeyHandler/setupPasskeyHandler.cjs

@@ -0,0 +1,47 @@
+'use client'
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var _tslib = require('../../../../_virtual/_tslib.cjs');
+var webauthnStamper = require('@turnkey/webauthn-stamper');
+var messageTransport = require('@dynamic-labs/message-transport');
+var webauthn = require('@dynamic-labs/webauthn');
+var logger = require('../logger.cjs');
+
+const setupPasskeyHandler = (core) => {
+    const passkeysRequestChannel = messageTransport.createRequestChannel(core.messageTransport);
+    passkeysRequestChannel.handle('createPasskey', (_a) => _tslib.__awaiter(void 0, [_a], void 0, function* ({ publicKey }) {
+        try {
+            // eslint-disable-next-line @typescript-eslint/no-explicit-any
+            const attestation = yield webauthn.createWebauthnCredential(publicKey);
+            return {
+                attestation: {
+                    attestationObject: attestation.response.attestationObject,
+                    clientDataJson: attestation.response.clientDataJSON,
+                    credentialId: attestation.rawId,
+                    transports: [],
+                },
+            };
+        }
+        catch (err) {
+            logger.logger.error(err);
+            throw err;
+        }
+    }));
+    passkeysRequestChannel.handle('passkeyStamp', (rpId, payload) => _tslib.__awaiter(void 0, void 0, void 0, function* () {
+        try {
+            const stamper = new webauthnStamper.WebauthnStamper({
+                rpId,
+            });
+            const stamped = yield stamper.stamp(payload);
+            return stamped;
+        }
+        catch (err) {
+            logger.logger.error(err);
+            throw err;
+        }
+    }));
+};
+
+exports.setupPasskeyHandler = setupPasskeyHandler;

package/src/lib/utils/setupPasskeyHandler/setupPasskeyHandler.d.ts

@@ -0,0 +1,2 @@
+import { Core } from '@dynamic-labs/client';
+export declare const setupPasskeyHandler: (core: Core) => void;