@reown/appkit-scaffold-ui 1.8.15-viem-upgrade.0 → 1.8.15-wc-linking-reset-headless.0

package/dist/esm/src/partials/w3m-tooltip-trigger/styles.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"styles.js","sourceRoot":"","sources":["../../../../../src/partials/w3m-tooltip-trigger/styles.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,KAAK,CAAA;AAEzB,eAAe,GAAG,CAAA;;;;;CAKjB,CAAA"}

package/dist/esm/src/partials/w3m-wallet-login-list/index.js

@@ -0,0 +1,35 @@
+var __decorate = (this && this.__decorate) || function (decorators, target, key, desc) {
+    var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;
+    if (typeof Reflect === "object" && typeof Reflect.decorate === "function") r = Reflect.decorate(decorators, target, key, desc);
+    else for (var i = decorators.length - 1; i >= 0; i--) if (d = decorators[i]) r = (c < 3 ? d(r) : c > 3 ? d(target, key, r) : d(target, key)) || r;
+    return c > 3 && r && Object.defineProperty(target, key, r), r;
+};
+import { LitElement, html } from 'lit';
+import { property } from 'lit/decorators.js';
+import { ifDefined } from 'lit/directives/if-defined.js';
+import { customElement } from '@reown/appkit-ui';
+import '@reown/appkit-ui/wui-flex';
+import '../w3m-all-wallets-widget/index.js';
+import '../w3m-connector-list/index.js';
+let W3mWalletLoginList = class W3mWalletLoginList extends LitElement {
+    constructor() {
+        super(...arguments);
+        this.tabIdx = undefined;
+    }
+    render() {
+        return html `
+      <wui-flex flexDirection="column" gap="2">
+        <w3m-connector-list tabIdx=${ifDefined(this.tabIdx)}></w3m-connector-list>
+        <w3m-all-wallets-widget tabIdx=${ifDefined(this.tabIdx)}></w3m-all-wallets-widget>
+      </wui-flex>
+    `;
+    }
+};
+__decorate([
+    property()
+], W3mWalletLoginList.prototype, "tabIdx", void 0);
+W3mWalletLoginList = __decorate([
+    customElement('w3m-wallet-login-list')
+], W3mWalletLoginList);
+export { W3mWalletLoginList };
+//# sourceMappingURL=index.js.map

package/dist/esm/src/partials/w3m-wallet-login-list/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../../src/partials/w3m-wallet-login-list/index.ts"],"names":[],"mappings":";;;;;;AAAA,OAAO,EAAE,UAAU,EAAE,IAAI,EAAE,MAAM,KAAK,CAAA;AACtC,OAAO,EAAE,QAAQ,EAAE,MAAM,mBAAmB,CAAA;AAC5C,OAAO,EAAE,SAAS,EAAE,MAAM,8BAA8B,CAAA;AAExD,OAAO,EAAE,aAAa,EAAE,MAAM,kBAAkB,CAAA;AAChD,OAAO,2BAA2B,CAAA;AAElC,OAAO,oCAAoC,CAAA;AAC3C,OAAO,gCAAgC,CAAA;AAGhC,IAAM,kBAAkB,GAAxB,MAAM,kBAAmB,SAAQ,UAAU;IAA3C;;QAEc,WAAM,GAAY,SAAS,CAAA;IAWhD,CAAC;IARiB,MAAM;QACpB,OAAO,IAAI,CAAA;;qCAEsB,SAAS,CAAC,IAAI,CAAC,MAAM,CAAC;yCAClB,SAAS,CAAC,IAAI,CAAC,MAAM,CAAC;;KAE1D,CAAA;IACH,CAAC;CACF,CAAA;AAXoB;IAAlB,QAAQ,EAAE;kDAAmC;AAFnC,kBAAkB;IAD9B,aAAa,CAAC,uBAAuB,CAAC;GAC1B,kBAAkB,CAa9B"}

package/dist/esm/src/partials/w3m-wallet-send-details/index.js

@@ -0,0 +1,69 @@
+var __decorate = (this && this.__decorate) || function (decorators, target, key, desc) {
+    var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;
+    if (typeof Reflect === "object" && typeof Reflect.decorate === "function") r = Reflect.decorate(decorators, target, key, desc);
+    else for (var i = decorators.length - 1; i >= 0; i--) if (d = decorators[i]) r = (c < 3 ? d(r) : c > 3 ? d(target, key, r) : d(target, key)) || r;
+    return c > 3 && r && Object.defineProperty(target, key, r), r;
+};
+import { LitElement, html } from 'lit';
+import { property, state } from 'lit/decorators.js';
+import { ifDefined } from 'lit/directives/if-defined.js';
+import {} from '@reown/appkit-common';
+import { AssetUtil, RouterController } from '@reown/appkit-controllers';
+import { UiHelperUtil, customElement } from '@reown/appkit-ui';
+import '@reown/appkit-ui/wui-flex';
+import '@reown/appkit-ui/wui-list-content';
+import '@reown/appkit-ui/wui-text';
+import styles from './styles.js';
+let W3mWalletSendDetails = class W3mWalletSendDetails extends LitElement {
+    constructor() {
+        super(...arguments);
+        this.params = RouterController.state.data?.send;
+    }
+    render() {
+        return html ` <wui-text variant="sm-regular" color="secondary">Details</wui-text>
+      <wui-flex flexDirection="column" gap="1">
+        <wui-list-content
+          textTitle="Address"
+          textValue=${UiHelperUtil.getTruncateString({
+            string: this.receiverAddress ?? '',
+            charsStart: 4,
+            charsEnd: 4,
+            truncate: 'middle'
+        })}
+        >
+        </wui-list-content>
+        ${this.networkTemplate()}
+      </wui-flex>`;
+    }
+    networkTemplate() {
+        if (this.caipNetwork?.name) {
+            return html ` <wui-list-content
+        @click=${() => this.onNetworkClick(this.caipNetwork)}
+        class="network"
+        textTitle="Network"
+        imageSrc=${ifDefined(AssetUtil.getNetworkImage(this.caipNetwork))}
+      ></wui-list-content>`;
+        }
+        return null;
+    }
+    onNetworkClick(network) {
+        if (network && !this.params) {
+            RouterController.push('Networks', { network });
+        }
+    }
+};
+W3mWalletSendDetails.styles = styles;
+__decorate([
+    property()
+], W3mWalletSendDetails.prototype, "receiverAddress", void 0);
+__decorate([
+    property({ type: Object })
+], W3mWalletSendDetails.prototype, "caipNetwork", void 0);
+__decorate([
+    state()
+], W3mWalletSendDetails.prototype, "params", void 0);
+W3mWalletSendDetails = __decorate([
+    customElement('w3m-wallet-send-details')
+], W3mWalletSendDetails);
+export { W3mWalletSendDetails };
+//# sourceMappingURL=index.js.map

package/dist/esm/src/partials/w3m-wallet-send-details/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../../src/partials/w3m-wallet-send-details/index.ts"],"names":[],"mappings":";;;;;;AAAA,OAAO,EAAE,UAAU,EAAE,IAAI,EAAE,MAAM,KAAK,CAAA;AACtC,OAAO,EAAE,QAAQ,EAAE,KAAK,EAAE,MAAM,mBAAmB,CAAA;AACnD,OAAO,EAAE,SAAS,EAAE,MAAM,8BAA8B,CAAA;AAExD,OAAO,EAAoB,MAAM,sBAAsB,CAAA;AACvD,OAAO,EAAE,SAAS,EAAE,gBAAgB,EAAE,MAAM,2BAA2B,CAAA;AACvE,OAAO,EAAE,YAAY,EAAE,aAAa,EAAE,MAAM,kBAAkB,CAAA;AAC9D,OAAO,2BAA2B,CAAA;AAClC,OAAO,mCAAmC,CAAA;AAC1C,OAAO,2BAA2B,CAAA;AAElC,OAAO,MAAM,MAAM,aAAa,CAAA;AAGzB,IAAM,oBAAoB,GAA1B,MAAM,oBAAqB,SAAQ,UAAU;IAA7C;;QAQY,WAAM,GAAG,gBAAgB,CAAC,KAAK,CAAC,IAAI,EAAE,IAAI,CAAA;IAuC7D,CAAC;IApCiB,MAAM;QACpB,OAAO,IAAI,CAAA;;;;sBAIO,YAAY,CAAC,iBAAiB,CAAC;YACzC,MAAM,EAAE,IAAI,CAAC,eAAe,IAAI,EAAE;YAClC,UAAU,EAAE,CAAC;YACb,QAAQ,EAAE,CAAC;YACX,QAAQ,EAAE,QAAQ;SACnB,CAAC;;;UAGF,IAAI,CAAC,eAAe,EAAE;kBACd,CAAA;IAChB,CAAC;IAGO,eAAe;QACrB,IAAI,IAAI,CAAC,WAAW,EAAE,IAAI,EAAE,CAAC;YAC3B,OAAO,IAAI,CAAA;iBACA,GAAG,EAAE,CAAC,IAAI,CAAC,cAAc,CAAC,IAAI,CAAC,WAAW,CAAC;;;mBAGzC,SAAS,CAAC,SAAS,CAAC,eAAe,CAAC,IAAI,CAAC,WAAW,CAAC,CAAC;2BAC9C,CAAA;QACvB,CAAC;QAED,OAAO,IAAI,CAAA;IACb,CAAC;IAEO,cAAc,CAAC,OAAqB;QAC1C,IAAI,OAAO,IAAI,CAAC,IAAI,CAAC,MAAM,EAAE,CAAC;YAC5B,gBAAgB,CAAC,IAAI,CAAC,UAAU,EAAE,EAAE,OAAO,EAAE,CAAC,CAAA;QAChD,CAAC;IACH,CAAC;;AA7CsB,2BAAM,GAAG,MAAM,AAAT,CAAS;AAGnB;IAAlB,QAAQ,EAAE;6DAAgC;AAER;IAAlC,QAAQ,CAAC,EAAE,IAAI,EAAE,MAAM,EAAE,CAAC;yDAAiC;AAE3C;IAAhB,KAAK,EAAE;oDAAmD;AARhD,oBAAoB;IADhC,aAAa,CAAC,yBAAyB,CAAC;GAC5B,oBAAoB,CA+ChC"}

package/dist/esm/src/partials/w3m-wallet-send-details/styles.js

@@ -0,0 +1,49 @@
+import { css } from '@reown/appkit-ui';
+export default css `
+  :host {
+    display: flex;
+    width: auto;
+    flex-direction: column;
+    gap: ${({ spacing }) => spacing['1']};
+    border-radius: ${({ borderRadius }) => borderRadius['5']};
+    background: ${({ tokens }) => tokens.theme.foregroundPrimary};
+    padding: ${({ spacing }) => spacing['3']} ${({ spacing }) => spacing['2']}
+      ${({ spacing }) => spacing['2']} ${({ spacing }) => spacing['2']};
+  }
+
+  wui-list-content {
+    width: -webkit-fill-available !important;
+  }
+
+  wui-text {
+    padding: 0 ${({ spacing }) => spacing['2']};
+  }
+
+  wui-flex {
+    margin-top: ${({ spacing }) => spacing['2']};
+  }
+
+  .network {
+    cursor: pointer;
+    transition: background-color ${({ durations }) => durations['lg']}
+      ${({ easings }) => easings['ease-out-power-1']};
+    will-change: background-color;
+  }
+
+  .network:focus-visible {
+    border: 1px solid ${({ tokens }) => tokens.core.textAccentPrimary};
+    background-color: ${({ tokens }) => tokens.core.glass010};
+    -webkit-box-shadow: 0px 0px 0px 4px ${({ tokens }) => tokens.core.foregroundAccent010};
+    -moz-box-shadow: 0px 0px 0px 4px ${({ tokens }) => tokens.core.foregroundAccent010};
+    box-shadow: 0px 0px 0px 4px ${({ tokens }) => tokens.core.foregroundAccent010};
+  }
+
+  .network:hover {
+    background-color: ${({ tokens }) => tokens.core.glass010};
+  }
+
+  .network:active {
+    background-color: ${({ tokens }) => tokens.core.glass010};
+  }
+`;
+//# sourceMappingURL=styles.js.map

package/dist/esm/src/partials/w3m-wallet-send-details/styles.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"styles.js","sourceRoot":"","sources":["../../../../../src/partials/w3m-wallet-send-details/styles.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,kBAAkB,CAAA;AAEtC,eAAe,GAAG,CAAA;;;;;WAKP,CAAC,EAAE,OAAO,EAAE,EAAE,EAAE,CAAC,OAAO,CAAC,GAAG,CAAC;qBACnB,CAAC,EAAE,YAAY,EAAE,EAAE,EAAE,CAAC,YAAY,CAAC,GAAG,CAAC;kBAC1C,CAAC,EAAE,MAAM,EAAE,EAAE,EAAE,CAAC,MAAM,CAAC,KAAK,CAAC,iBAAiB;eACjD,CAAC,EAAE,OAAO,EAAE,EAAE,EAAE,CAAC,OAAO,CAAC,GAAG,CAAC,IAAI,CAAC,EAAE,OAAO,EAAE,EAAE,EAAE,CAAC,OAAO,CAAC,GAAG,CAAC;QACrE,CAAC,EAAE,OAAO,EAAE,EAAE,EAAE,CAAC,OAAO,CAAC,GAAG,CAAC,IAAI,CAAC,EAAE,OAAO,EAAE,EAAE,EAAE,CAAC,OAAO,CAAC,GAAG,CAAC;;;;;;;;iBAQrD,CAAC,EAAE,OAAO,EAAE,EAAE,EAAE,CAAC,OAAO,CAAC,GAAG,CAAC;;;;kBAI5B,CAAC,EAAE,OAAO,EAAE,EAAE,EAAE,CAAC,OAAO,CAAC,GAAG,CAAC;;;;;mCAKZ,CAAC,EAAE,SAAS,EAAE,EAAE,EAAE,CAAC,SAAS,CAAC,IAAI,CAAC;QAC7D,CAAC,EAAE,OAAO,EAAE,EAAE,EAAE,CAAC,OAAO,CAAC,kBAAkB,CAAC;;;;;wBAK5B,CAAC,EAAE,MAAM,EAAE,EAAE,EAAE,CAAC,MAAM,CAAC,IAAI,CAAC,iBAAiB;wBAC7C,CAAC,EAAE,MAAM,EAAE,EAAE,EAAE,CAAC,MAAM,CAAC,IAAI,CAAC,QAAQ;0CAClB,CAAC,EAAE,MAAM,EAAE,EAAE,EAAE,CAAC,MAAM,CAAC,IAAI,CAAC,mBAAmB;uCAClD,CAAC,EAAE,MAAM,EAAE,EAAE,EAAE,CAAC,MAAM,CAAC,IAAI,CAAC,mBAAmB;kCACpD,CAAC,EAAE,MAAM,EAAE,EAAE,EAAE,CAAC,MAAM,CAAC,IAAI,CAAC,mBAAmB;;;;wBAIzD,CAAC,EAAE,MAAM,EAAE,EAAE,EAAE,CAAC,MAAM,CAAC,IAAI,CAAC,QAAQ;;;;wBAIpC,CAAC,EAAE,MAAM,EAAE,EAAE,EAAE,CAAC,MAAM,CAAC,IAAI,CAAC,QAAQ;;CAE3D,CAAA"}

package/dist/esm/src/utils/ConnectionUtil.js

@@ -0,0 +1,25 @@
+import { ConstantsUtil as CommonConstantsUtil } from '@reown/appkit-common';
+import { ConnectorController, ConnectorUtil, StorageUtil } from '@reown/appkit-controllers';
+export const ConnectionUtil = {
+    getAuthData(connection) {
+        const isAuth = connection.connectorId === CommonConstantsUtil.CONNECTOR_ID.AUTH;
+        if (!isAuth) {
+            return { isAuth: false, icon: undefined, iconSize: undefined, name: undefined };
+        }
+        const socialProvider = (connection?.auth?.name ??
+            StorageUtil.getConnectedSocialProvider());
+        const socialUsername = (connection?.auth?.username ??
+            StorageUtil.getConnectedSocialUsername());
+        const authConnector = ConnectorController.getAuthConnector();
+        const email = authConnector?.provider.getEmail() ?? '';
+        return {
+            isAuth: true,
+            icon: socialProvider ?? 'mail',
+            iconSize: socialProvider ? 'xl' : 'md',
+            name: isAuth
+                ? ConnectorUtil.getAuthName({ email, socialUsername, socialProvider })
+                : undefined
+        };
+    }
+};
+//# sourceMappingURL=ConnectionUtil.js.map

package/dist/esm/src/utils/ConnectionUtil.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ConnectionUtil.js","sourceRoot":"","sources":["../../../../src/utils/ConnectionUtil.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,aAAa,IAAI,mBAAmB,EAAE,MAAM,sBAAsB,CAAA;AAG3E,OAAO,EAAE,mBAAmB,EAAE,aAAa,EAAE,WAAW,EAAE,MAAM,2BAA2B,CAAA;AAE3F,MAAM,CAAC,MAAM,cAAc,GAAG;IAC5B,WAAW,CAAC,UAAsB;QAChC,MAAM,MAAM,GAAG,UAAU,CAAC,WAAW,KAAK,mBAAmB,CAAC,YAAY,CAAC,IAAI,CAAA;QAE/E,IAAI,CAAC,MAAM,EAAE,CAAC;YACZ,OAAO,EAAE,MAAM,EAAE,KAAK,EAAE,IAAI,EAAE,SAAS,EAAE,QAAQ,EAAE,SAAS,EAAE,IAAI,EAAE,SAAS,EAAE,CAAA;QACjF,CAAC;QAED,MAAM,cAAc,GAAG,CAAC,UAAU,EAAE,IAAI,EAAE,IAAI;YAC5C,WAAW,CAAC,0BAA0B,EAAE,CAA0B,CAAA;QACpE,MAAM,cAAc,GAAG,CAAC,UAAU,EAAE,IAAI,EAAE,QAAQ;YAChD,WAAW,CAAC,0BAA0B,EAAE,CAAkB,CAAA;QAE5D,MAAM,aAAa,GAAG,mBAAmB,CAAC,gBAAgB,EAAE,CAAA;QAC5D,MAAM,KAAK,GAAG,aAAa,EAAE,QAAQ,CAAC,QAAQ,EAAE,IAAI,EAAE,CAAA;QAEtD,OAAO;YACL,MAAM,EAAE,IAAI;YACZ,IAAI,EAAE,cAAc,IAAI,MAAM;YAC9B,QAAQ,EAAE,cAAc,CAAC,CAAC,CAAC,IAAI,CAAC,CAAC,CAAC,IAAI;YACtC,IAAI,EAAE,MAAM;gBACV,CAAC,CAAC,aAAa,CAAC,WAAW,CAAC,EAAE,KAAK,EAAE,cAAc,EAAE,cAAc,EAAE,CAAC;gBACtE,CAAC,CAAC,SAAS;SACd,CAAA;IACH,CAAC;CACF,CAAA"}

package/dist/esm/src/utils/ConstantsUtil.js

@@ -0,0 +1,24 @@
+export const ConstantsUtil = {
+    ACCOUNT_TABS: [{ label: 'Tokens' }, { label: 'Activity' }],
+    SECURE_SITE_ORIGIN: (typeof process !== 'undefined' && typeof process.env !== 'undefined'
+        ? process.env['NEXT_PUBLIC_SECURE_SITE_ORIGIN']
+        : undefined) || 'https://secure.walletconnect.org',
+    VIEW_DIRECTION: {
+        Next: 'next',
+        Prev: 'prev'
+    },
+    ANIMATION_DURATIONS: {
+        HeaderText: 120,
+        ModalHeight: 150,
+        ViewTransition: 150
+    },
+    VIEWS_WITH_LEGAL_FOOTER: [
+        'Connect',
+        'ConnectWallets',
+        'OnRampTokenSelect',
+        'OnRampFiatSelect',
+        'OnRampProviders'
+    ],
+    VIEWS_WITH_DEFAULT_FOOTER: ['Networks']
+};
+//# sourceMappingURL=ConstantsUtil.js.map

package/dist/esm/src/utils/ConstantsUtil.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ConstantsUtil.js","sourceRoot":"","sources":["../../../../src/utils/ConstantsUtil.ts"],"names":[],"mappings":"AAAA,MAAM,CAAC,MAAM,aAAa,GAAG;IAC3B,YAAY,EAAE,CAAC,EAAE,KAAK,EAAE,QAAQ,EAAE,EAAE,EAAE,KAAK,EAAE,UAAU,EAAE,CAAC;IAC1D,kBAAkB,EAEhB,CAAC,OAAO,OAAO,KAAK,WAAW,IAAI,OAAO,OAAO,CAAC,GAAG,KAAK,WAAW;QACnE,CAAC,CAAC,OAAO,CAAC,GAAG,CAAC,gCAAgC,CAAC;QAC/C,CAAC,CAAC,SAAS,CAAC,IAAI,kCAAkC;IACtD,cAAc,EAAE;QACd,IAAI,EAAE,MAAM;QACZ,IAAI,EAAE,MAAM;KACb;IACD,mBAAmB,EAAE;QACnB,UAAU,EAAE,GAAG;QACf,WAAW,EAAE,GAAG;QAChB,cAAc,EAAE,GAAG;KACpB;IACD,uBAAuB,EAAE;QACvB,SAAS;QACT,gBAAgB;QAChB,mBAAmB;QACnB,kBAAkB;QAClB,iBAAiB;KAClB;IACD,yBAAyB,EAAE,CAAC,UAAU,CAAC;CACxC,CAAA"}

package/dist/esm/src/utils/HelpersUtil.js

@@ -0,0 +1,39 @@
+import { ConstantsUtil as CommonConstantsUtil } from '@reown/appkit-common';
+import { OptionsController, RouterController } from '@reown/appkit-controllers';
+import { ConstantsUtil } from './ConstantsUtil.js';
+export const HelpersUtil = {
+    getTabsByNamespace(namespace) {
+        const isEVM = Boolean(namespace) && namespace === CommonConstantsUtil.CHAIN.EVM;
+        if (!isEVM) {
+            return [];
+        }
+        if (OptionsController.state.remoteFeatures?.activity === false) {
+            return ConstantsUtil.ACCOUNT_TABS.filter(tab => tab.label !== 'Activity');
+        }
+        return ConstantsUtil.ACCOUNT_TABS;
+    },
+    isValidReownName(name) {
+        return /^[a-zA-Z0-9]+$/gu.test(name);
+    },
+    isValidEmail(email) {
+        return /^[^\s@]+@[^\s@]+\.[^\s@]+$/gu.test(email);
+    },
+    validateReownName(name) {
+        const sanitizedName = name.replace(/\^/gu, '').toLowerCase();
+        return sanitizedName.replace(/[^a-zA-Z0-9]/gu, '');
+    },
+    hasFooter() {
+        const view = RouterController.state.view;
+        if (ConstantsUtil.VIEWS_WITH_LEGAL_FOOTER.includes(view)) {
+            const { termsConditionsUrl, privacyPolicyUrl } = OptionsController.state;
+            const legalCheckbox = OptionsController.state.features?.legalCheckbox;
+            const showOnlyBranding = (!termsConditionsUrl && !privacyPolicyUrl) || legalCheckbox;
+            if (showOnlyBranding) {
+                return false;
+            }
+            return true;
+        }
+        return ConstantsUtil.VIEWS_WITH_DEFAULT_FOOTER.includes(view);
+    }
+};
+//# sourceMappingURL=HelpersUtil.js.map

package/dist/esm/src/utils/HelpersUtil.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"HelpersUtil.js","sourceRoot":"","sources":["../../../../src/utils/HelpersUtil.ts"],"names":[],"mappings":"AAAA,OAAO,EAAuB,aAAa,IAAI,mBAAmB,EAAE,MAAM,sBAAsB,CAAA;AAChG,OAAO,EAAE,iBAAiB,EAAE,gBAAgB,EAAE,MAAM,2BAA2B,CAAA;AAE/E,OAAO,EAAE,aAAa,EAAE,MAAM,oBAAoB,CAAA;AAElD,MAAM,CAAC,MAAM,WAAW,GAAG;IACzB,kBAAkB,CAAC,SAA0B;QAC3C,MAAM,KAAK,GAAG,OAAO,CAAC,SAAS,CAAC,IAAI,SAAS,KAAK,mBAAmB,CAAC,KAAK,CAAC,GAAG,CAAA;QAE/E,IAAI,CAAC,KAAK,EAAE,CAAC;YACX,OAAO,EAAE,CAAA;QACX,CAAC;QAED,IAAI,iBAAiB,CAAC,KAAK,CAAC,cAAc,EAAE,QAAQ,KAAK,KAAK,EAAE,CAAC;YAC/D,OAAO,aAAa,CAAC,YAAY,CAAC,MAAM,CAAC,GAAG,CAAC,EAAE,CAAC,GAAG,CAAC,KAAK,KAAK,UAAU,CAAC,CAAA;QAC3E,CAAC;QAED,OAAO,aAAa,CAAC,YAAY,CAAA;IACnC,CAAC;IAED,gBAAgB,CAAC,IAAY;QAC3B,OAAO,kBAAkB,CAAC,IAAI,CAAC,IAAI,CAAC,CAAA;IACtC,CAAC;IAED,YAAY,CAAC,KAAa;QACxB,OAAO,8BAA8B,CAAC,IAAI,CAAC,KAAK,CAAC,CAAA;IACnD,CAAC;IAED,iBAAiB,CAAC,IAAY;QAC5B,MAAM,aAAa,GAAG,IAAI,CAAC,OAAO,CAAC,MAAM,EAAE,EAAE,CAAC,CAAC,WAAW,EAAE,CAAA;QAE5D,OAAO,aAAa,CAAC,OAAO,CAAC,gBAAgB,EAAE,EAAE,CAAC,CAAA;IACpD,CAAC;IAED,SAAS;QACP,MAAM,IAAI,GAAG,gBAAgB,CAAC,KAAK,CAAC,IAAI,CAAA;QAExC,IAAI,aAAa,CAAC,uBAAuB,CAAC,QAAQ,CAAC,IAAI,CAAC,EAAE,CAAC;YACzD,MAAM,EAAE,kBAAkB,EAAE,gBAAgB,EAAE,GAAG,iBAAiB,CAAC,KAAK,CAAA;YACxE,MAAM,aAAa,GAAG,iBAAiB,CAAC,KAAK,CAAC,QAAQ,EAAE,aAAa,CAAA;YACrE,MAAM,gBAAgB,GAAG,CAAC,CAAC,kBAAkB,IAAI,CAAC,gBAAgB,CAAC,IAAI,aAAa,CAAA;YAEpF,IAAI,gBAAgB,EAAE,CAAC;gBACrB,OAAO,KAAK,CAAA;YACd,CAAC;YAED,OAAO,IAAI,CAAA;QACb,CAAC;QAED,OAAO,aAAa,CAAC,yBAAyB,CAAC,QAAQ,CAAC,IAAI,CAAC,CAAA;IAC/D,CAAC;CACF,CAAA"}

package/dist/esm/src/utils/w3m-connecting-widget/index.js

@@ -0,0 +1,232 @@
+var __decorate = (this && this.__decorate) || function (decorators, target, key, desc) {
+    var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;
+    if (typeof Reflect === "object" && typeof Reflect.decorate === "function") r = Reflect.decorate(decorators, target, key, desc);
+    else for (var i = decorators.length - 1; i >= 0; i--) if (d = decorators[i]) r = (c < 3 ? d(r) : c > 3 ? d(target, key, r) : d(target, key)) || r;
+    return c > 3 && r && Object.defineProperty(target, key, r), r;
+};
+import { LitElement, html } from 'lit';
+import { property, state } from 'lit/decorators.js';
+import { ifDefined } from 'lit/directives/if-defined.js';
+import { AssetUtil, ConnectionController, CoreHelperUtil, RouterController, SnackController, ThemeController } from '@reown/appkit-controllers';
+import '@reown/appkit-ui/wui-button';
+import '@reown/appkit-ui/wui-flex';
+import '@reown/appkit-ui/wui-icon';
+import '@reown/appkit-ui/wui-icon-box';
+import '@reown/appkit-ui/wui-link';
+import '@reown/appkit-ui/wui-loading-thumbnail';
+import '@reown/appkit-ui/wui-text';
+import '@reown/appkit-ui/wui-wallet-image';
+import '../../partials/w3m-mobile-download-links/index.js';
+import styles from './styles.js';
+export class W3mConnectingWidget extends LitElement {
+    constructor() {
+        super();
+        this.wallet = RouterController.state.data?.wallet;
+        this.connector = RouterController.state.data?.connector;
+        this.timeout = undefined;
+        this.secondaryBtnIcon = 'refresh';
+        this.onConnect = undefined;
+        this.onRender = undefined;
+        this.onAutoConnect = undefined;
+        this.isWalletConnect = true;
+        this.unsubscribe = [];
+        this.imageSrc = AssetUtil.getConnectorImage(this.connector) ?? AssetUtil.getWalletImage(this.wallet);
+        this.name = this.wallet?.name ?? this.connector?.name ?? 'Wallet';
+        this.isRetrying = false;
+        this.uri = ConnectionController.state.wcUri;
+        this.error = ConnectionController.state.wcError;
+        this.ready = false;
+        this.showRetry = false;
+        this.label = undefined;
+        this.secondaryBtnLabel = 'Try again';
+        this.secondaryLabel = 'Accept connection request in the wallet';
+        this.isLoading = false;
+        this.isMobile = false;
+        this.onRetry = undefined;
+        this.unsubscribe.push(...[
+            ConnectionController.subscribeKey('wcUri', val => {
+                this.uri = val;
+                if (this.isRetrying && this.onRetry) {
+                    this.isRetrying = false;
+                    this.onConnect?.();
+                }
+            }),
+            ConnectionController.subscribeKey('wcError', val => (this.error = val))
+        ]);
+        if ((CoreHelperUtil.isTelegram() || CoreHelperUtil.isSafari()) &&
+            CoreHelperUtil.isIos() &&
+            ConnectionController.state.wcUri) {
+            this.onConnect?.();
+        }
+    }
+    firstUpdated() {
+        this.onAutoConnect?.();
+        this.showRetry = !this.onAutoConnect;
+    }
+    disconnectedCallback() {
+        this.unsubscribe.forEach(unsubscribe => unsubscribe());
+        ConnectionController.setWcError(false);
+        clearTimeout(this.timeout);
+    }
+    render() {
+        this.onRender?.();
+        this.onShowRetry();
+        const subLabel = this.error
+            ? 'Connection can be declined if a previous request is still active'
+            : this.secondaryLabel;
+        let label = '';
+        if (this.label) {
+            label = this.label;
+        }
+        else {
+            label = `Continue in ${this.name}`;
+            if (this.error) {
+                label = 'Connection declined';
+            }
+        }
+        return html `
+      <wui-flex
+        data-error=${ifDefined(this.error)}
+        data-retry=${this.showRetry}
+        flexDirection="column"
+        alignItems="center"
+        .padding=${['10', '5', '5', '5']}
+        gap="6"
+      >
+        <wui-flex gap="2" justifyContent="center" alignItems="center">
+          <wui-wallet-image size="lg" imageSrc=${ifDefined(this.imageSrc)}></wui-wallet-image>
+
+          ${this.error ? null : this.loaderTemplate()}
+
+          <wui-icon-box
+            color="error"
+            icon="close"
+            size="sm"
+            border
+            borderColor="wui-color-bg-125"
+          ></wui-icon-box>
+        </wui-flex>
+
+        <wui-flex flexDirection="column" alignItems="center" gap="6"> <wui-flex
+          flexDirection="column"
+          alignItems="center"
+          gap="2"
+          .padding=${['2', '0', '0', '0']}
+        >
+          <wui-text align="center" variant="lg-medium" color=${this.error ? 'error' : 'primary'}>
+            ${label}
+          </wui-text>
+          <wui-text align="center" variant="lg-regular" color="secondary">${subLabel}</wui-text>
+        </wui-flex>
+
+        ${this.secondaryBtnLabel
+            ? html `
+                <wui-button
+                  variant="neutral-secondary"
+                  size="md"
+                  ?disabled=${this.isRetrying || this.isLoading}
+                  @click=${this.onTryAgain.bind(this)}
+                  data-testid="w3m-connecting-widget-secondary-button"
+                >
+                  <wui-icon
+                    color="inherit"
+                    slot="iconLeft"
+                    name=${this.secondaryBtnIcon}
+                  ></wui-icon>
+                  ${this.secondaryBtnLabel}
+                </wui-button>
+              `
+            : null}
+      </wui-flex>
+
+      ${this.isWalletConnect
+            ? html `
+              <wui-flex .padding=${['0', '5', '5', '5']} justifyContent="center">
+                <wui-link
+                  @click=${this.onCopyUri}
+                  variant="secondary"
+                  icon="copy"
+                  data-testid="wui-link-copy"
+                >
+                  Copy link
+                </wui-link>
+              </wui-flex>
+            `
+            : null}
+
+      <w3m-mobile-download-links .wallet=${this.wallet}></w3m-mobile-download-links></wui-flex>
+      </wui-flex>
+    `;
+    }
+    onShowRetry() {
+        if (this.error && !this.showRetry) {
+            this.showRetry = true;
+            const retryButton = this.shadowRoot?.querySelector('wui-button');
+            retryButton?.animate([{ opacity: 0 }, { opacity: 1 }], {
+                fill: 'forwards',
+                easing: 'ease'
+            });
+        }
+    }
+    onTryAgain() {
+        ConnectionController.setWcError(false);
+        if (this.onRetry) {
+            this.isRetrying = true;
+            this.onRetry?.();
+        }
+        else {
+            this.onConnect?.();
+        }
+    }
+    loaderTemplate() {
+        const borderRadiusMaster = ThemeController.state.themeVariables['--w3m-border-radius-master'];
+        const radius = borderRadiusMaster ? parseInt(borderRadiusMaster.replace('px', ''), 10) : 4;
+        return html `<wui-loading-thumbnail radius=${radius * 9}></wui-loading-thumbnail>`;
+    }
+    onCopyUri() {
+        try {
+            if (this.uri) {
+                CoreHelperUtil.copyToClopboard(this.uri);
+                SnackController.showSuccess('Link copied');
+            }
+        }
+        catch {
+            SnackController.showError('Failed to copy');
+        }
+    }
+}
+W3mConnectingWidget.styles = styles;
+__decorate([
+    state()
+], W3mConnectingWidget.prototype, "isRetrying", void 0);
+__decorate([
+    state()
+], W3mConnectingWidget.prototype, "uri", void 0);
+__decorate([
+    state()
+], W3mConnectingWidget.prototype, "error", void 0);
+__decorate([
+    state()
+], W3mConnectingWidget.prototype, "ready", void 0);
+__decorate([
+    state()
+], W3mConnectingWidget.prototype, "showRetry", void 0);
+__decorate([
+    state()
+], W3mConnectingWidget.prototype, "label", void 0);
+__decorate([
+    state()
+], W3mConnectingWidget.prototype, "secondaryBtnLabel", void 0);
+__decorate([
+    state()
+], W3mConnectingWidget.prototype, "secondaryLabel", void 0);
+__decorate([
+    state()
+], W3mConnectingWidget.prototype, "isLoading", void 0);
+__decorate([
+    property({ type: Boolean })
+], W3mConnectingWidget.prototype, "isMobile", void 0);
+__decorate([
+    property()
+], W3mConnectingWidget.prototype, "onRetry", void 0);
+//# sourceMappingURL=index.js.map

package/dist/esm/src/utils/w3m-connecting-widget/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../../src/utils/w3m-connecting-widget/index.ts"],"names":[],"mappings":"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"}

package/dist/esm/src/utils/w3m-connecting-widget/styles.js

@@ -0,0 +1,74 @@
+import { css } from '@reown/appkit-ui';
+export default css `
+  @keyframes shake {
+    0% {
+      transform: translateX(0);
+    }
+    25% {
+      transform: translateX(3px);
+    }
+    50% {
+      transform: translateX(-3px);
+    }
+    75% {
+      transform: translateX(3px);
+    }
+    100% {
+      transform: translateX(0);
+    }
+  }
+
+  wui-flex:first-child:not(:only-child) {
+    position: relative;
+  }
+
+  wui-wallet-image {
+    width: 56px;
+    height: 56px;
+  }
+
+  wui-loading-thumbnail {
+    position: absolute;
+  }
+
+  wui-icon-box {
+    position: absolute;
+    right: calc(${({ spacing }) => spacing['1']} * -1);
+    bottom: calc(${({ spacing }) => spacing['1']} * -1);
+    opacity: 0;
+    transform: scale(0.5);
+    transition-property: opacity, transform;
+    transition-duration: ${({ durations }) => durations['lg']};
+    transition-timing-function: ${({ easings }) => easings['ease-out-power-2']};
+    will-change: opacity, transform;
+  }
+
+  wui-text[align='center'] {
+    width: 100%;
+    padding: 0px ${({ spacing }) => spacing['4']};
+  }
+
+  [data-error='true'] wui-icon-box {
+    opacity: 1;
+    transform: scale(1);
+  }
+
+  [data-error='true'] > wui-flex:first-child {
+    animation: shake 250ms ${({ easings }) => easings['ease-out-power-2']} both;
+  }
+
+  [data-retry='false'] wui-link {
+    display: none;
+  }
+
+  [data-retry='true'] wui-link {
+    display: block;
+    opacity: 1;
+  }
+
+  w3m-mobile-download-links {
+    padding: 0px;
+    width: 100%;
+  }
+`;
+//# sourceMappingURL=styles.js.map

package/dist/esm/src/utils/w3m-connecting-widget/styles.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"styles.js","sourceRoot":"","sources":["../../../../../src/utils/w3m-connecting-widget/styles.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,kBAAkB,CAAA;AAEtC,eAAe,GAAG,CAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;kBAkCA,CAAC,EAAE,OAAO,EAAE,EAAE,EAAE,CAAC,OAAO,CAAC,GAAG,CAAC;mBAC5B,CAAC,EAAE,OAAO,EAAE,EAAE,EAAE,CAAC,OAAO,CAAC,GAAG,CAAC;;;;2BAIrB,CAAC,EAAE,SAAS,EAAE,EAAE,EAAE,CAAC,SAAS,CAAC,IAAI,CAAC;kCAC3B,CAAC,EAAE,OAAO,EAAE,EAAE,EAAE,CAAC,OAAO,CAAC,kBAAkB,CAAC;;;;;;mBAM3D,CAAC,EAAE,OAAO,EAAE,EAAE,EAAE,CAAC,OAAO,CAAC,GAAG,CAAC;;;;;;;;;6BASnB,CAAC,EAAE,OAAO,EAAE,EAAE,EAAE,CAAC,OAAO,CAAC,kBAAkB,CAAC;;;;;;;;;;;;;;;;CAgBxE,CAAA"}