@metamask/sdk-install-modal-web - npm Package Compare versions

Comparing version 0.31.5 to 0.32.0

CHANGELOG.md

@@ -9,2 +9,9 @@ # Changelog
 
+## [0.32.0]
+### Added
+- feat: setup stencil development environment with component preview ([#1196](https://github.com/MetaMask/metamask-sdk/pull/1196))
+
+### Fixed
+- fix: user rejection bug ([#1202](https://github.com/MetaMask/metamask-sdk/pull/1202))
+
 ## [0.31.5]
@@ -185,3 +192,4 @@ ### Added
 
-[Unreleased]: https://github.com/MetaMask/metamask-sdk/compare/@metamask/sdk-install-modal-web@0.31.5...HEAD
+[Unreleased]: https://github.com/MetaMask/metamask-sdk/compare/@metamask/sdk-install-modal-web@0.32.0...HEAD
+[0.32.0]: https://github.com/MetaMask/metamask-sdk/compare/@metamask/sdk-install-modal-web@0.31.5...@metamask/sdk-install-modal-web@0.32.0
 [0.31.5]: https://github.com/MetaMask/metamask-sdk/compare/@metamask/sdk-install-modal-web@0.31.2...@metamask/sdk-install-modal-web@0.31.5
@@ -188,0 +196,0 @@ [0.31.2]: https://github.com/MetaMask/metamask-sdk/compare/@metamask/sdk-install-modal-web@0.31.1...@metamask/sdk-install-modal-web@0.31.2

dist/cjs/index-e2e1ee7a.js

@@ -74,14 +74,6 @@ 'use strict';
               
-                case 'mm-install-modal.cjs':
+                case 'mm-install-modal_3.cjs':
                     return Promise.resolve().then(function () { return /*#__PURE__*/_interopNamespace(require(
                         /* webpackMode: "lazy" */
-                        './mm-install-modal.cjs.entry.js')); }).then(processMod, consoleError);
-                case 'mm-pending-modal.cjs':
-                    return Promise.resolve().then(function () { return /*#__PURE__*/_interopNamespace(require(
-                        /* webpackMode: "lazy" */
-                        './mm-pending-modal.cjs.entry.js')); }).then(processMod, consoleError);
-                case 'mm-select-modal.cjs':
-                    return Promise.resolve().then(function () { return /*#__PURE__*/_interopNamespace(require(
-                        /* webpackMode: "lazy" */
-                        './mm-select-modal.cjs.entry.js')); }).then(processMod, consoleError);
+                        './mm-install-modal_3.cjs.entry.js')); }).then(processMod, consoleError);
           }
@@ -88,0 +80,0 @@ }

dist/cjs/loader.cjs.js

@@ -11,3 +11,3 @@ 'use strict';
   await appGlobals.globalScripts();
-  return index.bootstrapLazy([["mm-install-modal.cjs",[[1,"mm-install-modal",{"link":[1],"sdkVersion":[1,"sdk-version"],"preferDesktop":[4,"prefer-desktop"],"tab":[32],"isDefaultTab":[32],"translationsLoaded":[32]},null,{"preferDesktop":["updatePreferDesktop"]}]]],["mm-pending-modal.cjs",[[1,"mm-pending-modal",{"displayOTP":[4,"display-o-t-p"],"sdkVersion":[1,"sdk-version"],"otpCode":[1,"otp-code"],"translationsLoaded":[32]}]]],["mm-select-modal.cjs",[[1,"mm-select-modal",{"link":[1],"sdkVersion":[1,"sdk-version"],"preferDesktop":[4,"prefer-desktop"],"tab":[32],"isDefaultTab":[32],"translationsLoaded":[32]},null,{"preferDesktop":["updatePreferDesktop"]}]]]], options);
+  return index.bootstrapLazy([["mm-install-modal_3.cjs",[[1,"mm-install-modal",{"link":[1],"sdkVersion":[1,"sdk-version"],"preferDesktop":[4,"prefer-desktop"],"tab":[32],"isDefaultTab":[32],"translationsLoaded":[32]},null,{"preferDesktop":["updatePreferDesktop"]}],[1,"mm-pending-modal",{"displayOTP":[4,"display-o-t-p"],"sdkVersion":[1,"sdk-version"],"otpCode":[1,"otp-code"],"translationsLoaded":[32]}],[1,"mm-select-modal",{"link":[1],"sdkVersion":[1,"sdk-version"],"preferDesktop":[4,"prefer-desktop"],"tab":[32],"isDefaultTab":[32],"translationsLoaded":[32]},null,{"preferDesktop":["updatePreferDesktop"]}]]]], options);
 };
@@ -14,0 +14,0 @@

dist/cjs/sdk-install-modal-web.cjs.js

@@ -22,3 +22,3 @@ 'use strict';
   await appGlobals.globalScripts();
-  return index.bootstrapLazy([["mm-install-modal.cjs",[[1,"mm-install-modal",{"link":[1],"sdkVersion":[1,"sdk-version"],"preferDesktop":[4,"prefer-desktop"],"tab":[32],"isDefaultTab":[32],"translationsLoaded":[32]},null,{"preferDesktop":["updatePreferDesktop"]}]]],["mm-pending-modal.cjs",[[1,"mm-pending-modal",{"displayOTP":[4,"display-o-t-p"],"sdkVersion":[1,"sdk-version"],"otpCode":[1,"otp-code"],"translationsLoaded":[32]}]]],["mm-select-modal.cjs",[[1,"mm-select-modal",{"link":[1],"sdkVersion":[1,"sdk-version"],"preferDesktop":[4,"prefer-desktop"],"tab":[32],"isDefaultTab":[32],"translationsLoaded":[32]},null,{"preferDesktop":["updatePreferDesktop"]}]]]], options);
+  return index.bootstrapLazy([["mm-install-modal_3.cjs",[[1,"mm-install-modal",{"link":[1],"sdkVersion":[1,"sdk-version"],"preferDesktop":[4,"prefer-desktop"],"tab":[32],"isDefaultTab":[32],"translationsLoaded":[32]},null,{"preferDesktop":["updatePreferDesktop"]}],[1,"mm-pending-modal",{"displayOTP":[4,"display-o-t-p"],"sdkVersion":[1,"sdk-version"],"otpCode":[1,"otp-code"],"translationsLoaded":[32]}],[1,"mm-select-modal",{"link":[1],"sdkVersion":[1,"sdk-version"],"preferDesktop":[4,"prefer-desktop"],"tab":[32],"isDefaultTab":[32],"translationsLoaded":[32]},null,{"preferDesktop":["updatePreferDesktop"]}]]]], options);
 });
@@ -25,0 +25,0 @@

dist/collection/components/mm-install-modal/mm-install-modal.js

@@ -52,4 +52,4 @@ import { h } from "@stencil/core";
     }
-    onClose() {
-        this.close.emit();
+    onClose(shouldTerminate = false) {
+        this.close.emit({ shouldTerminate });
     }
@@ -88,3 +88,3 @@ onStartDesktopOnboardingHandler() {
         });
-        return (h(WidgetWrapper, { className: "install-model" }, h("div", { class: 'backdrop', onClick: () => this.onClose() }), h("div", { class: 'modal' }, h("div", { class: 'closeButtonContainer' }, h("div", { class: 'right' }, h("span", { class: 'closeButton', onClick: () => this.onClose() }, h(CloseButton, null)))), h("div", { class: 'logoContainer' }, h(Logo, null)), h("div", null, h("div", { class: 'tabcontainer' }, h("div", { class: 'flexContainer' }, h("div", { onClick: () => this.setTab(1, true), class: `tab flexItem ${currentTab === 1 ? 'tabactive' : ''}` }, t('DESKTOP')), h("div", { onClick: () => this.setTab(2, true), class: `tab flexItem ${currentTab === 2 ? 'tabactive' : ''}` }, t('MOBILE')))), h("div", { style: { display: currentTab === 1 ? 'none' : 'block' } }, h("div", { class: 'flexContainer' }, h("div", { class: 'flexItem', style: {
+        return (h(WidgetWrapper, { className: "install-model" }, h("div", { class: 'backdrop', onClick: () => this.onClose(true) }), h("div", { class: 'modal' }, h("div", { class: 'closeButtonContainer' }, h("div", { class: 'right' }, h("span", { class: 'closeButton', onClick: () => this.onClose(true) }, h(CloseButton, null)))), h("div", { class: 'logoContainer' }, h(Logo, null)), h("div", null, h("div", { class: 'tabcontainer' }, h("div", { class: 'flexContainer' }, h("div", { onClick: () => this.setTab(1, true), class: `tab flexItem ${currentTab === 1 ? 'tabactive' : ''}` }, t('DESKTOP')), h("div", { onClick: () => this.setTab(2, true), class: `tab flexItem ${currentTab === 2 ? 'tabactive' : ''}` }, t('MOBILE')))), h("div", { style: { display: currentTab === 1 ? 'none' : 'block' } }, h("div", { class: 'flexContainer' }, h("div", { class: 'flexItem', style: {
                 textAlign: 'center',
@@ -180,4 +180,4 @@ marginTop: '4',
                 "complexType": {
-                    "original": "any",
-                    "resolved": "any",
+                    "original": "{ shouldTerminate?: boolean }",
+                    "resolved": "{ shouldTerminate?: boolean | undefined; }",
                     "references": {}
@@ -184,0 +184,0 @@ }

dist/esm/index-4b8a94c9.js

@@ -52,14 +52,6 @@ const NAMESPACE = 'sdk-install-modal-web';
               
-                case 'mm-install-modal':
+                case 'mm-install-modal_3':
                     return import(
                       /* webpackMode: "lazy" */
-                      './mm-install-modal.entry.js').then(processMod, consoleError);
-                case 'mm-pending-modal':
-                    return import(
-                      /* webpackMode: "lazy" */
-                      './mm-pending-modal.entry.js').then(processMod, consoleError);
-                case 'mm-select-modal':
-                    return import(
-                      /* webpackMode: "lazy" */
-                      './mm-select-modal.entry.js').then(processMod, consoleError);
+                      './mm-install-modal_3.entry.js').then(processMod, consoleError);
           }
@@ -66,0 +58,0 @@ }

dist/esm/loader.js

@@ -8,3 +8,3 @@ import { b as bootstrapLazy } from './index-4b8a94c9.js';
   await globalScripts();
-  return bootstrapLazy([["mm-install-modal",[[1,"mm-install-modal",{"link":[1],"sdkVersion":[1,"sdk-version"],"preferDesktop":[4,"prefer-desktop"],"tab":[32],"isDefaultTab":[32],"translationsLoaded":[32]},null,{"preferDesktop":["updatePreferDesktop"]}]]],["mm-pending-modal",[[1,"mm-pending-modal",{"displayOTP":[4,"display-o-t-p"],"sdkVersion":[1,"sdk-version"],"otpCode":[1,"otp-code"],"translationsLoaded":[32]}]]],["mm-select-modal",[[1,"mm-select-modal",{"link":[1],"sdkVersion":[1,"sdk-version"],"preferDesktop":[4,"prefer-desktop"],"tab":[32],"isDefaultTab":[32],"translationsLoaded":[32]},null,{"preferDesktop":["updatePreferDesktop"]}]]]], options);
+  return bootstrapLazy([["mm-install-modal_3",[[1,"mm-install-modal",{"link":[1],"sdkVersion":[1,"sdk-version"],"preferDesktop":[4,"prefer-desktop"],"tab":[32],"isDefaultTab":[32],"translationsLoaded":[32]},null,{"preferDesktop":["updatePreferDesktop"]}],[1,"mm-pending-modal",{"displayOTP":[4,"display-o-t-p"],"sdkVersion":[1,"sdk-version"],"otpCode":[1,"otp-code"],"translationsLoaded":[32]}],[1,"mm-select-modal",{"link":[1],"sdkVersion":[1,"sdk-version"],"preferDesktop":[4,"prefer-desktop"],"tab":[32],"isDefaultTab":[32],"translationsLoaded":[32]},null,{"preferDesktop":["updatePreferDesktop"]}]]]], options);
 };
@@ -11,0 +11,0 @@

dist/esm/sdk-install-modal-web.js

@@ -19,5 +19,5 @@ import { p as promiseResolve, b as bootstrapLazy } from './index-4b8a94c9.js';
   await globalScripts();
-  return bootstrapLazy([["mm-install-modal",[[1,"mm-install-modal",{"link":[1],"sdkVersion":[1,"sdk-version"],"preferDesktop":[4,"prefer-desktop"],"tab":[32],"isDefaultTab":[32],"translationsLoaded":[32]},null,{"preferDesktop":["updatePreferDesktop"]}]]],["mm-pending-modal",[[1,"mm-pending-modal",{"displayOTP":[4,"display-o-t-p"],"sdkVersion":[1,"sdk-version"],"otpCode":[1,"otp-code"],"translationsLoaded":[32]}]]],["mm-select-modal",[[1,"mm-select-modal",{"link":[1],"sdkVersion":[1,"sdk-version"],"preferDesktop":[4,"prefer-desktop"],"tab":[32],"isDefaultTab":[32],"translationsLoaded":[32]},null,{"preferDesktop":["updatePreferDesktop"]}]]]], options);
+  return bootstrapLazy([["mm-install-modal_3",[[1,"mm-install-modal",{"link":[1],"sdkVersion":[1,"sdk-version"],"preferDesktop":[4,"prefer-desktop"],"tab":[32],"isDefaultTab":[32],"translationsLoaded":[32]},null,{"preferDesktop":["updatePreferDesktop"]}],[1,"mm-pending-modal",{"displayOTP":[4,"display-o-t-p"],"sdkVersion":[1,"sdk-version"],"otpCode":[1,"otp-code"],"translationsLoaded":[32]}],[1,"mm-select-modal",{"link":[1],"sdkVersion":[1,"sdk-version"],"preferDesktop":[4,"prefer-desktop"],"tab":[32],"isDefaultTab":[32],"translationsLoaded":[32]},null,{"preferDesktop":["updatePreferDesktop"]}]]]], options);
 });
 
 //# sourceMappingURL=sdk-install-modal-web.js.map

dist/sdk-install-modal-web/sdk-install-modal-web.esm.js

@@ -1,2 +0,2 @@
-import{p as e,b as o}from"./p-4739b8e2.js";export{s as setNonce}from"./p-4739b8e2.js";import{g as r}from"./p-e1255160.js";var t=()=>{const s=import.meta.url;const o={};if(s!==""){o.resourcesUrl=new URL(".",s).href}return e(o)};t().then((async e=>{await r();return o([["p-19e08bed",[[1,"mm-install-modal",{link:[1],sdkVersion:[1,"sdk-version"],preferDesktop:[4,"prefer-desktop"],tab:[32],isDefaultTab:[32],translationsLoaded:[32]},null,{preferDesktop:["updatePreferDesktop"]}]]],["p-ea8736ef",[[1,"mm-pending-modal",{displayOTP:[4,"display-o-t-p"],sdkVersion:[1,"sdk-version"],otpCode:[1,"otp-code"],translationsLoaded:[32]}]]],["p-3b8c56a2",[[1,"mm-select-modal",{link:[1],sdkVersion:[1,"sdk-version"],preferDesktop:[4,"prefer-desktop"],tab:[32],isDefaultTab:[32],translationsLoaded:[32]},null,{preferDesktop:["updatePreferDesktop"]}]]]],e)}));
+import{p as e,b as o}from"./p-4739b8e2.js";export{s as setNonce}from"./p-4739b8e2.js";import{g as r}from"./p-e1255160.js";var t=()=>{const s=import.meta.url;const o={};if(s!==""){o.resourcesUrl=new URL(".",s).href}return e(o)};t().then((async e=>{await r();return o([["p-8da49516",[[1,"mm-install-modal",{link:[1],sdkVersion:[1,"sdk-version"],preferDesktop:[4,"prefer-desktop"],tab:[32],isDefaultTab:[32],translationsLoaded:[32]},null,{preferDesktop:["updatePreferDesktop"]}],[1,"mm-pending-modal",{displayOTP:[4,"display-o-t-p"],sdkVersion:[1,"sdk-version"],otpCode:[1,"otp-code"],translationsLoaded:[32]}],[1,"mm-select-modal",{link:[1],sdkVersion:[1,"sdk-version"],preferDesktop:[4,"prefer-desktop"],tab:[32],isDefaultTab:[32],translationsLoaded:[32]},null,{preferDesktop:["updatePreferDesktop"]}]]]],e)}));
 //# sourceMappingURL=sdk-install-modal-web.esm.js.map

dist/types/components.d.ts

@@ -50,3 +50,3 @@ /* eslint-disable */
     interface HTMLMmInstallModalElementEventMap {
-        "close": any;
+        "close": { shouldTerminate?: boolean };
         "startDesktopOnboarding": any;
@@ -118,3 +118,3 @@ "trackAnalytics": { event: TrackingEvents, params?: Record<string, unknown> };
         "link"?: string;
-        "onClose"?: (event: MmInstallModalCustomEvent<any>) => void;
+        "onClose"?: (event: MmInstallModalCustomEvent<{ shouldTerminate?: boolean }>) => void;
         "onStartDesktopOnboarding"?: (event: MmInstallModalCustomEvent<any>) => void;
@@ -121,0 +121,0 @@ "onTrackAnalytics"?: (event: MmInstallModalCustomEvent<{ event: TrackingEvents, params?: Record<string, unknown> }>) => void;

dist/types/components/mm-install-modal/mm-install-modal.d.ts

@@ -11,3 +11,5 @@ import { EventEmitter } from '../../stencil-public-runtime';
     private i18nInstance;
-    close: EventEmitter;
+    close: EventEmitter<{
+        shouldTerminate?: boolean;
+    }>;
     startDesktopOnboarding: EventEmitter;
@@ -26,3 +28,3 @@ trackAnalytics: EventEmitter<{
     updatePreferDesktop(newValue: boolean): void;
-    onClose(): void;
+    onClose(shouldTerminate?: boolean): void;
     onStartDesktopOnboardingHandler(): void;
@@ -29,0 +31,0 @@ setTab(newTab: number, isUserAction?: boolean): void;

package.json

 {
   "name": "@metamask/sdk-install-modal-web",
-  "version": "0.31.5",
+  "version": "0.32.0",
   "description": "MetaMask SDK Install Modal for Web",
@@ -28,2 +28,3 @@ "homepage": "https://github.com/MetaMask/metamask-sdk#readme",
     "build:clean": "yarn clean && yarn build",
+    "dev": "stencil build --dev --watch --serve",
     "build": "stencil build --prod",
@@ -30,0 +31,0 @@ "build:dev": "NODE_ENV=development stencil build --debug --dev",

No alert changes

Worsened metrics

Total package byte prevSize

1798486

decreased by-0.27%

Number of package files

101

decreased by-19.2%

Lines of code

9384

decreased by-0.53%

No dependency changes