@lukso/up-connector 0.7.8 → 0.7.10-dev.2b7df2e

package/dist/{chunk-SH4GXMHF.cjs → chunk-Z66UKTZO.cjs}

@@ -483,6 +483,7 @@ var EoaConnectionView = class extends _mixins.withTheme.call(void 0,
         return _keyedjs.keyed.call(void 0, 
           wallet.slug,
           _lit.html`<lukso-button
+            .theme=${this.theme}
             variant="secondary"
             size=${_optionalChain([this, 'access', _36 => _36.device, 'optionalAccess', _37 => _37.isMobile]) ? "medium" : "large"}
             is-full-width
@@ -498,9 +499,10 @@ var EoaConnectionView = class extends _mixins.withTheme.call(void 0,
               <div class="truncate">${wallet.name}</div>
               <div class="flex items-center">
                 ${isInstalled ? _lit.html`<lukso-tag
-                  size="x-small"
+                  size="${_optionalChain([this, 'access', _38 => _38.device, 'optionalAccess', _39 => _39.isMobile]) ? "x-small" : "small"}"
                   text-color="green-45"
-                  background-color="green-85"
+                  background-color="${this.theme === "dark" ? "neutral-20" : "neutral-100"}"
+                  border-color="green-45"
                 >
                   ${this.formatMessage("connect_modal_installed")}
                 </lukso-tag>` : _lit.nothing}
@@ -512,7 +514,7 @@ var EoaConnectionView = class extends _mixins.withTheme.call(void 0,
       // Loading state
       pending: () => _lit.html`${this.supportedWalletIds().map(
         () => renderPlaceholder(
-          `w-full ${_optionalChain([this, 'access', _38 => _38.device, 'optionalAccess', _39 => _39.isMobile]) ? "h-10 !rounded-10" : "h-12 !rounded-12"}`
+          `w-full ${_optionalChain([this, 'access', _40 => _40.device, 'optionalAccess', _41 => _41.isMobile]) ? "h-10 !rounded-10" : "h-12 !rounded-12"}`
         )
       )}`,
       // Error state
@@ -584,7 +586,7 @@ var walletConnectDeepLinkUrl = (data, options) => {
       return "";
     }
     const dataUrl = new URL(data);
-    if (_optionalChain([options, 'optionalAccess', _40 => _40.withRedirectUrl])) {
+    if (_optionalChain([options, 'optionalAccess', _42 => _42.withRedirectUrl])) {
       const redirectUrl = new URL(location.href);
       redirectUrl.searchParams.delete("modalTemplate");
       redirectUrl.searchParams.delete("modalSize");
@@ -618,7 +620,7 @@ var ConnectionView = class extends _mixins.withTheme.call(void 0,
       const connector = this.embeddedWalletConnector;
       try {
         logInfo3("Connecting via connector:", connector);
-        await _optionalChain([connector, 'optionalAccess', _41 => _41.connect, 'call', _42 => _42()]);
+        await _optionalChain([connector, 'optionalAccess', _43 => _43.connect, 'call', _44 => _44()]);
         this.dispatchEvent(
           new CustomEvent("on-connect", {
             detail: { connector },
@@ -651,7 +653,7 @@ var ConnectionView = class extends _mixins.withTheme.call(void 0,
           this.isConnecting = true;
           this.connectingRdns = connector.rdns;
           const setup = getWagmiSetup();
-          await _optionalChain([connector, 'access', _43 => _43.switchChain, 'optionalCall', _44 => _44({ chainId: _optionalChain([setup, 'optionalAccess', _45 => _45.chainId]) })]);
+          await _optionalChain([connector, 'access', _45 => _45.switchChain, 'optionalCall', _46 => _46({ chainId: _optionalChain([setup, 'optionalAccess', _47 => _47.chainId]) })]);
           await connector.connect();
           this.dispatchEvent(
             new CustomEvent("on-connect", {
@@ -685,13 +687,13 @@ var ConnectionView = class extends _mixins.withTheme.call(void 0,
           this.isConnecting = true;
           this.connectingRdns = connector.rdns;
           const connectPromise = connector.connect();
-          const provider = await _optionalChain([connector, 'access', _46 => _46.getProvider, 'optionalCall', _47 => _47()]);
+          const provider = await _optionalChain([connector, 'access', _48 => _48.getProvider, 'optionalCall', _49 => _49()]);
           if (provider) {
             const handleDisplayUri = (displayUri) => {
               logInfo3("WalletConnect original URI:", displayUri);
               const deepLink = walletConnectDeepLinkUrl(displayUri);
               logInfo3("Mobile App Deep Link:", deepLink);
-              if (_optionalChain([this, 'access', _48 => _48.device, 'optionalAccess', _49 => _49.isMobile])) {
+              if (_optionalChain([this, 'access', _50 => _50.device, 'optionalAccess', _51 => _51.isMobile])) {
                 window.open(deepLink, "_blank");
               } else {
                 this.handleShowQrCode(deepLink);
@@ -805,7 +807,7 @@ var ConnectionView = class extends _mixins.withTheme.call(void 0,
       <lukso-button
         variant="secondary"
         .theme=${this.theme}
-        size=${_optionalChain([this, 'access', _50 => _50.device, 'optionalAccess', _51 => _51.isMobile]) ? "medium" : "large"}
+        size=${_optionalChain([this, 'access', _52 => _52.device, 'optionalAccess', _53 => _53.isMobile]) ? "medium" : "large"}
         is-full-width
         ?disabled=${isDisabled}
         ?is-loading=${isLoading}
@@ -814,8 +816,9 @@ var ConnectionView = class extends _mixins.withTheme.call(void 0,
       >
         <lukso-icon
           name=${iconName}
-          size=${_optionalChain([this, 'access', _52 => _52.device, 'optionalAccess', _53 => _53.isMobile]) ? "small" : "medium"}
+          size=${_optionalChain([this, 'access', _54 => _54.device, 'optionalAccess', _55 => _55.isMobile]) ? "small" : "medium"}
           class="mr-2"
+          color="${this.theme === "dark" ? "neutral-100" : "neutral-20"}"
           secondary-color="${this.theme === "dark" ? "neutral-20" : "neutral-100"}"
         ></lukso-icon>
         ${label}
@@ -840,8 +843,8 @@ var ConnectionView = class extends _mixins.withTheme.call(void 0,
         this.extensionStore.icon,
         this.formatMessage("connect_modal_connectors_up_browser_extension"),
         this.handleConnectExtension,
-        this.isConnecting && this.connectingRdns === _optionalChain([this, 'access', _54 => _54.upExtensionConnector, 'optionalAccess', _55 => _55.rdns]),
-        this.isConnecting || _optionalChain([this, 'access', _56 => _56.device, 'optionalAccess', _57 => _57.isMobile]) || !this.browserSupportExtension
+        this.isConnecting && this.connectingRdns === _optionalChain([this, 'access', _56 => _56.upExtensionConnector, 'optionalAccess', _57 => _57.rdns]),
+        this.isConnecting || _optionalChain([this, 'access', _58 => _58.device, 'optionalAccess', _59 => _59.isMobile]) || !this.browserSupportExtension
       )
     );
     if (this.walletConnectConnector) {
@@ -888,13 +891,13 @@ var ConnectionView = class extends _mixins.withTheme.call(void 0,
         <p class="mb-6 paragraph-inter-16-regular text-neutral-20 dark:text-neutral-100">
           ${this.formatMessage("connect_modal_description")}
         </p>
-        <div class="${_tools.cn.call(void 0, "flex w-full gap-2 mb-4", _optionalChain([this, 'access', _58 => _58.device, 'optionalAccess', _59 => _59.isMobile]) ? "flex-col-reverse" : "flex-col")}">
+        <div class="${_tools.cn.call(void 0, "flex w-full gap-2 mb-4", _optionalChain([this, 'access', _60 => _60.device, 'optionalAccess', _61 => _61.isMobile]) ? "flex-col-reverse" : "flex-col")}">
           ${this.renderConnectors()}
         </div>
         ${this.renderDivider()}
         <lukso-button
           variant="secondary"
-          size=${_optionalChain([this, 'access', _60 => _60.device, 'optionalAccess', _61 => _61.isMobile]) ? "medium" : "large"}
+          size=${_optionalChain([this, 'access', _62 => _62.device, 'optionalAccess', _63 => _63.isMobile]) ? "medium" : "large"}
           is-full-width
           .theme=${this.theme}
           ?disabled=${this.isConnecting}
@@ -902,7 +905,7 @@ var ConnectionView = class extends _mixins.withTheme.call(void 0,
         >
           <lukso-icon
             name="wallet-outline"
-            size=${_optionalChain([this, 'access', _62 => _62.device, 'optionalAccess', _63 => _63.isMobile]) ? "small" : "medium"}
+            size=${_optionalChain([this, 'access', _64 => _64.device, 'optionalAccess', _65 => _65.isMobile]) ? "small" : "medium"}
             class="mr-2"
             color="${this.theme === "dark" ? "neutral-100" : "neutral-20"}"
           ></lukso-icon>
@@ -1036,7 +1039,7 @@ var ConnectModal = class extends _mixins.withTheme.call(void 0,
     }
     try {
       const { wagmiConfig, chainId, embeddedWalletId } = globalWagmiSetup;
-      const wagmiConnectors = _optionalChain([wagmiConfig, 'optionalAccess', _64 => _64.connectors]) || [];
+      const wagmiConnectors = _optionalChain([wagmiConfig, 'optionalAccess', _66 => _66.connectors]) || [];
       logInfo4("Initial connectors:", wagmiConnectors);
       const wagmiCore = await Promise.resolve().then(() => _interopRequireWildcard(require("@wagmi/core"))).catch((error) => {
         throw new Error("@wagmi/core is required when using wagmi connectors", {
@@ -1142,7 +1145,7 @@ var ConnectModal = class extends _mixins.withTheme.call(void 0,
     return _lit.html`
       <lukso-modal
         ?is-open=${this.open}
-        ?has-bottom-padding=${!!(_optionalChain([this, 'access', _65 => _65.device, 'optionalAccess', _66 => _66.isIOS]) && _optionalChain([this, 'access', _67 => _67.device, 'optionalAccess', _68 => _68.isSafari]))}
+        ?has-bottom-padding=${!!(_optionalChain([this, 'access', _67 => _67.device, 'optionalAccess', _68 => _68.isIOS]) && _optionalChain([this, 'access', _69 => _69.device, 'optionalAccess', _70 => _70.isSafari]))}
         size="auto"
         .theme=${this.theme}
         @on-backdrop-click=${this.handleClose}
@@ -1180,4 +1183,4 @@ customElements.define("connect-modal", ConnectModal);
 
 
 exports.ConnectModalBase = ConnectModalBase; exports.wagmiService = wagmiService; exports.fromWagmiConnector = fromWagmiConnector; exports.fromWagmiConnectors = fromWagmiConnectors; exports.setupWagmi = setupWagmi; exports.getWagmiSetup = getWagmiSetup; exports.getConnection = getConnection; exports.watchConnection = watchConnection; exports.disconnect = disconnect; exports.ConnectModal = ConnectModal;
-//# sourceMappingURL=chunk-SH4GXMHF.cjs.map
+//# sourceMappingURL=chunk-Z66UKTZO.cjs.map