@reown/appkit-experimental 1.1.0 → 1.1.3

package/dist/esm/exports/smart-session/index.js

@@ -1,2 +1,3 @@
 export { grantPermissions, isSmartSessionSupported } from '../../src/smart-session/grantPermissions.js';
+export * from '../../src/smart-session/utils/TypeUtils.js';
 //# sourceMappingURL=index.js.map

package/dist/esm/exports/smart-session/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../exports/smart-session/index.ts"],"names":[],"mappings":"AAAA,OAAO,EACL,gBAAgB,EAChB,uBAAuB,EACxB,MAAM,6CAA6C,CAAA"}
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../exports/smart-session/index.ts"],"names":[],"mappings":"AAAA,OAAO,EACL,gBAAgB,EAChB,uBAAuB,EACxB,MAAM,6CAA6C,CAAA;AAEpD,cAAc,4CAA4C,CAAA"}

package/dist/esm/src/smart-session/controllers/SmartSessionsController.js

@@ -0,0 +1,74 @@
+import { subscribeKey as subKey } from 'valtio/vanilla/utils';
+import { proxy } from 'valtio/vanilla';
+import { AccountController, BlockchainApiController, SnackController } from '@reown/appkit-core';
+const state = proxy({
+    sessions: []
+});
+export const SmartSessionsController = {
+    state,
+    subscribeKey(key, callback) {
+        return subKey(state, key, callback);
+    },
+    async getSmartSessions() {
+        try {
+            const caipAddress = AccountController.state.caipAddress;
+            if (!caipAddress) {
+                return [];
+            }
+            const sessions = (await BlockchainApiController.getSmartSessions(caipAddress));
+            state.sessions = sessions.pcis;
+            return sessions.pcis;
+        }
+        catch (e) {
+            SnackController.showError('Error fetching smart sessions');
+            const MOCK_SESSIONS = [
+                {
+                    project: {
+                        id: '0x123',
+                        name: 'Uniswap',
+                        url: 'https://app.uniswap.org',
+                        iconUrl: 'https://app.uniswap.org/static/media/uniswap-wallet-icon.12b3568891522db07d59.png'
+                    },
+                    pci: '0x123',
+                    expiry: Date.now() + 10000,
+                    permissions: [],
+                    policies: [],
+                    createdAt: Date.now() - 10000,
+                    context: '0x123'
+                },
+                {
+                    project: {
+                        id: '0x123',
+                        name: 'Uniswap',
+                        url: 'https://app.uniswap.org',
+                        iconUrl: 'https://app.uniswap.org/static/media/uniswap-wallet-icon.12b3568891522db07d59.png'
+                    },
+                    pci: '0x123',
+                    expiry: Date.now() - 5000,
+                    permissions: [],
+                    policies: [],
+                    createdAt: Date.now() - 15000,
+                    context: '0x123'
+                },
+                {
+                    project: {
+                        id: '0x123',
+                        name: 'Uniswap',
+                        url: 'https://app.uniswap.org',
+                        iconUrl: 'https://app.uniswap.org/static/media/uniswap-wallet-icon.12b3568891522db07d59.png'
+                    },
+                    pci: '0x123',
+                    expiry: Date.now() + 10000,
+                    permissions: [],
+                    policies: [],
+                    createdAt: Date.now() - 10000,
+                    context: '0x123',
+                    revokedAt: Date.now()
+                }
+            ];
+            state.sessions = MOCK_SESSIONS;
+            return MOCK_SESSIONS;
+        }
+    }
+};
+//# sourceMappingURL=SmartSessionsController.js.map

package/dist/esm/src/smart-session/controllers/SmartSessionsController.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"SmartSessionsController.js","sourceRoot":"","sources":["../../../../../src/smart-session/controllers/SmartSessionsController.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,YAAY,IAAI,MAAM,EAAE,MAAM,sBAAsB,CAAA;AAC7D,OAAO,EAAE,KAAK,EAAE,MAAM,gBAAgB,CAAA;AAEtC,OAAO,EAAE,iBAAiB,EAAE,uBAAuB,EAAE,eAAe,EAAE,MAAM,oBAAoB,CAAA;AAUhG,MAAM,KAAK,GAAG,KAAK,CAA+B;IAChD,QAAQ,EAAE,EAAE;CACb,CAAC,CAAA;AAGF,MAAM,CAAC,MAAM,uBAAuB,GAAG;IACrC,KAAK;IACL,YAAY,CACV,GAAM,EACN,QAA0D;QAE1D,OAAO,MAAM,CAAC,KAAK,EAAE,GAAG,EAAE,QAAQ,CAAC,CAAA;IACrC,CAAC;IACD,KAAK,CAAC,gBAAgB;QACpB,IAAI,CAAC;YACH,MAAM,WAAW,GAAG,iBAAiB,CAAC,KAAK,CAAC,WAAW,CAAA;YACvD,IAAI,CAAC,WAAW,EAAE,CAAC;gBACjB,OAAO,EAAE,CAAA;YACX,CAAC;YAED,MAAM,QAAQ,GAAG,CAAC,MAAM,uBAAuB,CAAC,gBAAgB,CAAC,WAAW,CAAC,CAE5E,CAAA;YACD,KAAK,CAAC,QAAQ,GAAG,QAAQ,CAAC,IAAI,CAAA;YAE9B,OAAO,QAAQ,CAAC,IAAI,CAAA;QACtB,CAAC;QAAC,OAAO,CAAC,EAAE,CAAC;YACX,eAAe,CAAC,SAAS,CAAC,+BAA+B,CAAC,CAAA;YAE1D,MAAM,aAAa,GAAmB;gBACpC;oBACE,OAAO,EAAE;wBACP,EAAE,EAAE,OAAO;wBACX,IAAI,EAAE,SAAS;wBACf,GAAG,EAAE,yBAAyB;wBAC9B,OAAO,EACL,mFAAmF;qBACtF;oBACD,GAAG,EAAE,OAAO;oBACZ,MAAM,EAAE,IAAI,CAAC,GAAG,EAAE,GAAG,KAAM;oBAC3B,WAAW,EAAE,EAAE;oBACf,QAAQ,EAAE,EAAE;oBACZ,SAAS,EAAE,IAAI,CAAC,GAAG,EAAE,GAAG,KAAM;oBAC9B,OAAO,EAAE,OAAO;iBACjB;gBACD;oBACE,OAAO,EAAE;wBACP,EAAE,EAAE,OAAO;wBACX,IAAI,EAAE,SAAS;wBACf,GAAG,EAAE,yBAAyB;wBAC9B,OAAO,EACL,mFAAmF;qBACtF;oBACD,GAAG,EAAE,OAAO;oBACZ,MAAM,EAAE,IAAI,CAAC,GAAG,EAAE,GAAG,IAAI;oBACzB,WAAW,EAAE,EAAE;oBACf,QAAQ,EAAE,EAAE;oBACZ,SAAS,EAAE,IAAI,CAAC,GAAG,EAAE,GAAG,KAAM;oBAC9B,OAAO,EAAE,OAAO;iBACjB;gBACD;oBACE,OAAO,EAAE;wBACP,EAAE,EAAE,OAAO;wBACX,IAAI,EAAE,SAAS;wBACf,GAAG,EAAE,yBAAyB;wBAC9B,OAAO,EACL,mFAAmF;qBACtF;oBACD,GAAG,EAAE,OAAO;oBACZ,MAAM,EAAE,IAAI,CAAC,GAAG,EAAE,GAAG,KAAM;oBAC3B,WAAW,EAAE,EAAE;oBACf,QAAQ,EAAE,EAAE;oBACZ,SAAS,EAAE,IAAI,CAAC,GAAG,EAAE,GAAG,KAAM;oBAC9B,OAAO,EAAE,OAAO;oBAChB,SAAS,EAAE,IAAI,CAAC,GAAG,EAAE;iBACtB;aACF,CAAA;YAED,KAAK,CAAC,QAAQ,GAAG,aAAa,CAAA;YAE9B,OAAO,aAAa,CAAA;QACtB,CAAC;IACH,CAAC;CACF,CAAA"}

package/dist/esm/src/smart-session/schema/index.js

@@ -14,7 +14,9 @@ export const ERROR_MESSAGES = {
     INVALID_PUBLIC_KEY_FORMAT: 'Invalid public key: must start with "0x"',
     INVALID_PERMISSIONS: 'Invalid permissions: must be a non-empty array',
     INVALID_PERMISSIONS_TYPE: 'Invalid permissions: Expected array, received object',
-    INVALID_PERMISSIONS_TYPE_LITERALS: 'Invalid literal value, expected "contract-call"',
+    INVALID_ALLOWANCE_FORMAT: 'Invalid allowance: must be a hexadecimal string starting with "0x"',
+    INVALID_START: 'Invalid start time: must be a positive integer and in the future',
+    INVALID_PERIOD: 'Invalid period: must be a positive integer',
     INVALID_POLICIES: 'Invalid policies: must be a non-empty array',
     INVALID_POLICIES_TYPE: 'Invalid policies: Expected array, received object',
     INVALID_GRANT_PERMISSIONS_RESPONSE: 'Invalid grantPermissions response'
@@ -64,15 +66,45 @@ const FunctionPermissionSchema = z.object({
     operation: z.nativeEnum(Operation).optional()
 });
 const ContractCallPermissionSchema = z.object({
-    type: z.literal('contract-call').refine(val => val === 'contract-call', {
-        message: ERROR_MESSAGES.INVALID_PERMISSIONS_TYPE_LITERALS
-    }),
+    type: z.literal('contract-call'),
     data: z.object({
         address: z.string().startsWith('0x', { message: ERROR_MESSAGES.INVALID_ADDRESS }),
         abi: z.array(z.record(z.unknown())),
         functions: z.array(FunctionPermissionSchema)
     })
 });
+const NativeTokenRecurringAllowancePermissionSchema = z.object({
+    type: z.literal('native-token-recurring-allowance'),
+    data: z.object({
+        allowance: z.string().startsWith('0x', { message: ERROR_MESSAGES.INVALID_ALLOWANCE_FORMAT }),
+        start: z
+            .number()
+            .positive({ message: ERROR_MESSAGES.INVALID_START })
+            .refine(value => value > Math.floor(Date.now() / 1000), {
+            message: ERROR_MESSAGES.INVALID_START
+        }),
+        period: z.number().positive({ message: ERROR_MESSAGES.INVALID_PERIOD })
+    })
+});
+const ERC20RecurringAllowancePermissionSchema = z.object({
+    type: z.literal('erc20-recurring-allowance'),
+    data: z.object({
+        token: z.string().startsWith('0x', { message: ERROR_MESSAGES.INVALID_ADDRESS }),
+        allowance: z.string().startsWith('0x', { message: ERROR_MESSAGES.INVALID_ALLOWANCE_FORMAT }),
+        start: z
+            .number()
+            .positive({ message: ERROR_MESSAGES.INVALID_START })
+            .refine(value => value > Math.floor(Date.now() / 1000), {
+            message: ERROR_MESSAGES.INVALID_START
+        }),
+        period: z.number().positive({ message: ERROR_MESSAGES.INVALID_PERIOD })
+    })
+});
+const PermissionSchema = z.union([
+    ContractCallPermissionSchema,
+    NativeTokenRecurringAllowancePermissionSchema,
+    ERC20RecurringAllowancePermissionSchema
+]);
 const PolicySchema = z.object({
     type: z.string(),
     data: z.record(z.unknown())
@@ -84,7 +116,7 @@ export const SmartSessionGrantPermissionsRequestSchema = z
     expiry: ExpirySchema,
     signer: SignerSchema,
     permissions: z
-        .array(ContractCallPermissionSchema)
+        .array(PermissionSchema)
         .nonempty({ message: ERROR_MESSAGES.INVALID_PERMISSIONS }),
     policies: z.array(PolicySchema)
 })

package/dist/esm/src/smart-session/schema/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../../src/smart-session/schema/index.ts"],"names":[],"mappings":"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"}
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../../src/smart-session/schema/index.ts"],"names":[],"mappings":"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"}

package/dist/esm/src/smart-session/ui/components/index.js

@@ -0,0 +1,88 @@
+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 { AccountController, EventsController, RouterController } from '@reown/appkit-core';
+import { customElement } from '@reown/appkit-ui';
+import { LitElement, html } from 'lit';
+import styles from './styles.js';
+import { state } from 'lit/decorators.js';
+import { W3mFrameRpcConstants } from '@reown/appkit-wallet';
+let W3mAccountTokensWidget = class W3mAccountTokensWidget extends LitElement {
+    constructor() {
+        super();
+        this.unsubscribe = [];
+        this.tokenBalance = AccountController.state.tokenBalance;
+        this.unsubscribe.push(...[
+            AccountController.subscribe(val => {
+                this.tokenBalance = val.tokenBalance;
+            })
+        ]);
+    }
+    disconnectedCallback() {
+        this.unsubscribe.forEach(unsubscribe => unsubscribe());
+    }
+    render() {
+        return html `${this.tokenTemplate()}`;
+    }
+    tokenTemplate() {
+        if (this.tokenBalance && this.tokenBalance?.length > 0) {
+            return html `<wui-flex class="contentContainer" flexDirection="column" gap="xs">
+        ${this.tokenItemTemplate()}
+      </wui-flex>`;
+        }
+        return html ` <wui-flex flexDirection="column" gap="xs"
+      ><wui-list-description
+        @click=${this.onBuyClick.bind(this)}
+        text="Buy Crypto"
+        description="Easy with card or bank account"
+        icon="card"
+        iconColor="success-100"
+        iconBackgroundColor="success-100"
+        tag="popular"
+      ></wui-list-description
+      ><wui-list-description
+        @click=${this.onReceiveClick.bind(this)}
+        text="Receive funds"
+        description="Transfer tokens on your wallet"
+        icon="arrowBottomCircle"
+        iconColor="fg-200"
+        iconBackgroundColor="fg-200"
+      ></wui-list-description
+    ></wui-flex>`;
+    }
+    tokenItemTemplate() {
+        return this.tokenBalance?.map(token => html `<wui-list-token
+          tokenName=${token.name}
+          tokenImageUrl=${token.iconUrl}
+          tokenAmount=${token.quantity.numeric}
+          tokenValue=${token.value}
+          tokenCurrency=${token.symbol}
+        ></wui-list-token>`);
+    }
+    onReceiveClick() {
+        RouterController.push('WalletReceive');
+    }
+    onBuyClick() {
+        EventsController.sendEvent({
+            type: 'track',
+            event: 'SELECT_BUY_CRYPTO',
+            properties: {
+                isSmartAccount: AccountController.state.preferredAccountType ===
+                    W3mFrameRpcConstants.ACCOUNT_TYPES.SMART_ACCOUNT
+            }
+        });
+        RouterController.push('OnRampProviders');
+    }
+};
+W3mAccountTokensWidget.styles = styles;
+__decorate([
+    state()
+], W3mAccountTokensWidget.prototype, "tokenBalance", void 0);
+W3mAccountTokensWidget = __decorate([
+    customElement('w3m-account-tokens-widget')
+], W3mAccountTokensWidget);
+export { W3mAccountTokensWidget };
+//# sourceMappingURL=index.js.map

package/dist/esm/src/smart-session/ui/components/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../../../src/smart-session/ui/components/index.ts"],"names":[],"mappings":";;;;;;AAAA,OAAO,EAAE,iBAAiB,EAAE,gBAAgB,EAAE,gBAAgB,EAAE,MAAM,oBAAoB,CAAA;AAC1F,OAAO,EAAE,aAAa,EAAE,MAAM,kBAAkB,CAAA;AAChD,OAAO,EAAE,UAAU,EAAE,IAAI,EAAE,MAAM,KAAK,CAAA;AACtC,OAAO,MAAM,MAAM,aAAa,CAAA;AAChC,OAAO,EAAE,KAAK,EAAE,MAAM,mBAAmB,CAAA;AACzC,OAAO,EAAE,oBAAoB,EAAE,MAAM,sBAAsB,CAAA;AAGpD,IAAM,sBAAsB,GAA5B,MAAM,sBAAuB,SAAQ,UAAU;IASpD;QACE,KAAK,EAAE,CAAA;QAND,gBAAW,GAAmB,EAAE,CAAA;QAGvB,iBAAY,GAAG,iBAAiB,CAAC,KAAK,CAAC,YAAY,CAAA;QAIlE,IAAI,CAAC,WAAW,CAAC,IAAI,CACnB,GAAG;YACD,iBAAiB,CAAC,SAAS,CAAC,GAAG,CAAC,EAAE;gBAChC,IAAI,CAAC,YAAY,GAAG,GAAG,CAAC,YAAY,CAAA;YACtC,CAAC,CAAC;SACH,CACF,CAAA;IACH,CAAC;IAEe,oBAAoB;QAClC,IAAI,CAAC,WAAW,CAAC,OAAO,CAAC,WAAW,CAAC,EAAE,CAAC,WAAW,EAAE,CAAC,CAAA;IACxD,CAAC;IAGe,MAAM;QACpB,OAAO,IAAI,CAAA,GAAG,IAAI,CAAC,aAAa,EAAE,EAAE,CAAA;IACtC,CAAC;IAGO,aAAa;QACnB,IAAI,IAAI,CAAC,YAAY,IAAI,IAAI,CAAC,YAAY,EAAE,MAAM,GAAG,CAAC,EAAE,CAAC;YACvD,OAAO,IAAI,CAAA;UACP,IAAI,CAAC,iBAAiB,EAAE;kBAChB,CAAA;QACd,CAAC;QAED,OAAO,IAAI,CAAA;;iBAEE,IAAI,CAAC,UAAU,CAAC,IAAI,CAAC,IAAI,CAAC;;;;;;;;;iBAS1B,IAAI,CAAC,cAAc,CAAC,IAAI,CAAC,IAAI,CAAC;;;;;;;iBAO9B,CAAA;IACf,CAAC;IAEO,iBAAiB;QACvB,OAAO,IAAI,CAAC,YAAY,EAAE,GAAG,CAC3B,KAAK,CAAC,EAAE,CACN,IAAI,CAAA;sBACU,KAAK,CAAC,IAAI;0BACN,KAAK,CAAC,OAAO;wBACf,KAAK,CAAC,QAAQ,CAAC,OAAO;uBACvB,KAAK,CAAC,KAAK;0BACR,KAAK,CAAC,MAAM;2BACX,CACtB,CAAA;IACH,CAAC;IAEO,cAAc;QACpB,gBAAgB,CAAC,IAAI,CAAC,eAAe,CAAC,CAAA;IACxC,CAAC;IAEO,UAAU;QAChB,gBAAgB,CAAC,SAAS,CAAC;YACzB,IAAI,EAAE,OAAO;YACb,KAAK,EAAE,mBAAmB;YAC1B,UAAU,EAAE;gBACV,cAAc,EACZ,iBAAiB,CAAC,KAAK,CAAC,oBAAoB;oBAC5C,oBAAoB,CAAC,aAAa,CAAC,aAAa;aACnD;SACF,CAAC,CAAA;QACF,gBAAgB,CAAC,IAAI,CAAC,iBAAiB,CAAC,CAAA;IAC1C,CAAC;;AArFsB,6BAAM,GAAG,MAAM,AAAT,CAAS;AAMrB;IAAhB,KAAK,EAAE;4DAA4D;AAPzD,sBAAsB;IADlC,aAAa,CAAC,2BAA2B,CAAC;GAC9B,sBAAsB,CAuFlC"}

package/dist/esm/src/smart-session/ui/components/styles.js

@@ -0,0 +1,21 @@
+import { css } from 'lit';
+export default css `
+  :host {
+    width: 100%;
+  }
+
+  wui-flex {
+    width: 100%;
+  }
+
+  .contentContainer {
+    max-height: 280px;
+    overflow: scroll;
+    scrollbar-width: none;
+  }
+
+  .contentContainer::-webkit-scrollbar {
+    display: none;
+  }
+`;
+//# sourceMappingURL=styles.js.map

package/dist/esm/src/smart-session/ui/components/styles.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"styles.js","sourceRoot":"","sources":["../../../../../../src/smart-session/ui/components/styles.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,KAAK,CAAA;AAEzB,eAAe,GAAG,CAAA;;;;;;;;;;;;;;;;;;CAkBjB,CAAA"}

package/dist/esm/src/smart-session/ui/components/wui-permission-list-item/index.js

@@ -0,0 +1,88 @@
+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 { AccountController, EventsController, RouterController } from '@reown/appkit-core';
+import { customElement } from '@reown/appkit-ui';
+import { LitElement, html } from 'lit';
+import styles from './styles.js';
+import { state } from 'lit/decorators.js';
+import { W3mFrameRpcConstants } from '@reown/appkit-wallet';
+let W3mAccountTokensWidget = class W3mAccountTokensWidget extends LitElement {
+    constructor() {
+        super();
+        this.unsubscribe = [];
+        this.tokenBalance = AccountController.state.tokenBalance;
+        this.unsubscribe.push(...[
+            AccountController.subscribe(val => {
+                this.tokenBalance = val.tokenBalance;
+            })
+        ]);
+    }
+    disconnectedCallback() {
+        this.unsubscribe.forEach(unsubscribe => unsubscribe());
+    }
+    render() {
+        return html `${this.tokenTemplate()}`;
+    }
+    tokenTemplate() {
+        if (this.tokenBalance && this.tokenBalance?.length > 0) {
+            return html `<wui-flex class="contentContainer" flexDirection="column" gap="xs">
+        ${this.tokenItemTemplate()}
+      </wui-flex>`;
+        }
+        return html ` <wui-flex flexDirection="column" gap="xs"
+      ><wui-list-description
+        @click=${this.onBuyClick.bind(this)}
+        text="Buy Crypto"
+        description="Easy with card or bank account"
+        icon="card"
+        iconColor="success-100"
+        iconBackgroundColor="success-100"
+        tag="popular"
+      ></wui-list-description
+      ><wui-list-description
+        @click=${this.onReceiveClick.bind(this)}
+        text="Receive funds"
+        description="Transfer tokens on your wallet"
+        icon="arrowBottomCircle"
+        iconColor="fg-200"
+        iconBackgroundColor="fg-200"
+      ></wui-list-description
+    ></wui-flex>`;
+    }
+    tokenItemTemplate() {
+        return this.tokenBalance?.map(token => html `<wui-list-token
+          tokenName=${token.name}
+          tokenImageUrl=${token.iconUrl}
+          tokenAmount=${token.quantity.numeric}
+          tokenValue=${token.value}
+          tokenCurrency=${token.symbol}
+        ></wui-list-token>`);
+    }
+    onReceiveClick() {
+        RouterController.push('WalletReceive');
+    }
+    onBuyClick() {
+        EventsController.sendEvent({
+            type: 'track',
+            event: 'SELECT_BUY_CRYPTO',
+            properties: {
+                isSmartAccount: AccountController.state.preferredAccountType ===
+                    W3mFrameRpcConstants.ACCOUNT_TYPES.SMART_ACCOUNT
+            }
+        });
+        RouterController.push('OnRampProviders');
+    }
+};
+W3mAccountTokensWidget.styles = styles;
+__decorate([
+    state()
+], W3mAccountTokensWidget.prototype, "tokenBalance", void 0);
+W3mAccountTokensWidget = __decorate([
+    customElement('w3m-account-tokens-widget')
+], W3mAccountTokensWidget);
+export { W3mAccountTokensWidget };
+//# sourceMappingURL=index.js.map

package/dist/esm/src/smart-session/ui/components/wui-permission-list-item/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../../../../src/smart-session/ui/components/wui-permission-list-item/index.ts"],"names":[],"mappings":";;;;;;AAAA,OAAO,EAAE,iBAAiB,EAAE,gBAAgB,EAAE,gBAAgB,EAAE,MAAM,oBAAoB,CAAA;AAC1F,OAAO,EAAE,aAAa,EAAE,MAAM,kBAAkB,CAAA;AAChD,OAAO,EAAE,UAAU,EAAE,IAAI,EAAE,MAAM,KAAK,CAAA;AACtC,OAAO,MAAM,MAAM,aAAa,CAAA;AAChC,OAAO,EAAE,KAAK,EAAE,MAAM,mBAAmB,CAAA;AACzC,OAAO,EAAE,oBAAoB,EAAE,MAAM,sBAAsB,CAAA;AAGpD,IAAM,sBAAsB,GAA5B,MAAM,sBAAuB,SAAQ,UAAU;IASpD;QACE,KAAK,EAAE,CAAA;QAND,gBAAW,GAAmB,EAAE,CAAA;QAGvB,iBAAY,GAAG,iBAAiB,CAAC,KAAK,CAAC,YAAY,CAAA;QAIlE,IAAI,CAAC,WAAW,CAAC,IAAI,CACnB,GAAG;YACD,iBAAiB,CAAC,SAAS,CAAC,GAAG,CAAC,EAAE;gBAChC,IAAI,CAAC,YAAY,GAAG,GAAG,CAAC,YAAY,CAAA;YACtC,CAAC,CAAC;SACH,CACF,CAAA;IACH,CAAC;IAEe,oBAAoB;QAClC,IAAI,CAAC,WAAW,CAAC,OAAO,CAAC,WAAW,CAAC,EAAE,CAAC,WAAW,EAAE,CAAC,CAAA;IACxD,CAAC;IAGe,MAAM;QACpB,OAAO,IAAI,CAAA,GAAG,IAAI,CAAC,aAAa,EAAE,EAAE,CAAA;IACtC,CAAC;IAGO,aAAa;QACnB,IAAI,IAAI,CAAC,YAAY,IAAI,IAAI,CAAC,YAAY,EAAE,MAAM,GAAG,CAAC,EAAE,CAAC;YACvD,OAAO,IAAI,CAAA;UACP,IAAI,CAAC,iBAAiB,EAAE;kBAChB,CAAA;QACd,CAAC;QAED,OAAO,IAAI,CAAA;;iBAEE,IAAI,CAAC,UAAU,CAAC,IAAI,CAAC,IAAI,CAAC;;;;;;;;;iBAS1B,IAAI,CAAC,cAAc,CAAC,IAAI,CAAC,IAAI,CAAC;;;;;;;iBAO9B,CAAA;IACf,CAAC;IAEO,iBAAiB;QACvB,OAAO,IAAI,CAAC,YAAY,EAAE,GAAG,CAC3B,KAAK,CAAC,EAAE,CACN,IAAI,CAAA;sBACU,KAAK,CAAC,IAAI;0BACN,KAAK,CAAC,OAAO;wBACf,KAAK,CAAC,QAAQ,CAAC,OAAO;uBACvB,KAAK,CAAC,KAAK;0BACR,KAAK,CAAC,MAAM;2BACX,CACtB,CAAA;IACH,CAAC;IAEO,cAAc;QACpB,gBAAgB,CAAC,IAAI,CAAC,eAAe,CAAC,CAAA;IACxC,CAAC;IAEO,UAAU;QAChB,gBAAgB,CAAC,SAAS,CAAC;YACzB,IAAI,EAAE,OAAO;YACb,KAAK,EAAE,mBAAmB;YAC1B,UAAU,EAAE;gBACV,cAAc,EACZ,iBAAiB,CAAC,KAAK,CAAC,oBAAoB;oBAC5C,oBAAoB,CAAC,aAAa,CAAC,aAAa;aACnD;SACF,CAAC,CAAA;QACF,gBAAgB,CAAC,IAAI,CAAC,iBAAiB,CAAC,CAAA;IAC1C,CAAC;;AArFsB,6BAAM,GAAG,MAAM,AAAT,CAAS;AAMrB;IAAhB,KAAK,EAAE;4DAA4D;AAPzD,sBAAsB;IADlC,aAAa,CAAC,2BAA2B,CAAC;GAC9B,sBAAsB,CAuFlC"}

package/dist/esm/src/smart-session/ui/components/wui-permission-list-item/styles.js

@@ -0,0 +1,21 @@
+import { css } from 'lit';
+export default css `
+  :host {
+    width: 100%;
+  }
+
+  wui-flex {
+    width: 100%;
+  }
+
+  .contentContainer {
+    max-height: 280px;
+    overflow: scroll;
+    scrollbar-width: none;
+  }
+
+  .contentContainer::-webkit-scrollbar {
+    display: none;
+  }
+`;
+//# sourceMappingURL=styles.js.map

package/dist/esm/src/smart-session/ui/components/wui-permission-list-item/styles.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"styles.js","sourceRoot":"","sources":["../../../../../../../src/smart-session/ui/components/wui-permission-list-item/styles.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,KAAK,CAAA;AAEzB,eAAe,GAAG,CAAA;;;;;;;;;;;;;;;;;;CAkBjB,CAAA"}

package/dist/esm/src/smart-session/ui/components/wui-smart-session-list-item/index.js

@@ -0,0 +1,88 @@
+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 { AccountController, EventsController, RouterController } from '@reown/appkit-core';
+import { customElement } from '@reown/appkit-ui';
+import { LitElement, html } from 'lit';
+import styles from './styles.js';
+import { state } from 'lit/decorators.js';
+import { W3mFrameRpcConstants } from '@reown/appkit-wallet';
+let W3mAccountTokensWidget = class W3mAccountTokensWidget extends LitElement {
+    constructor() {
+        super();
+        this.unsubscribe = [];
+        this.tokenBalance = AccountController.state.tokenBalance;
+        this.unsubscribe.push(...[
+            AccountController.subscribe(val => {
+                this.tokenBalance = val.tokenBalance;
+            })
+        ]);
+    }
+    disconnectedCallback() {
+        this.unsubscribe.forEach(unsubscribe => unsubscribe());
+    }
+    render() {
+        return html `${this.tokenTemplate()}`;
+    }
+    tokenTemplate() {
+        if (this.tokenBalance && this.tokenBalance?.length > 0) {
+            return html `<wui-flex class="contentContainer" flexDirection="column" gap="xs">
+        ${this.tokenItemTemplate()}
+      </wui-flex>`;
+        }
+        return html ` <wui-flex flexDirection="column" gap="xs"
+      ><wui-list-description
+        @click=${this.onBuyClick.bind(this)}
+        text="Buy Crypto"
+        description="Easy with card or bank account"
+        icon="card"
+        iconColor="success-100"
+        iconBackgroundColor="success-100"
+        tag="popular"
+      ></wui-list-description
+      ><wui-list-description
+        @click=${this.onReceiveClick.bind(this)}
+        text="Receive funds"
+        description="Transfer tokens on your wallet"
+        icon="arrowBottomCircle"
+        iconColor="fg-200"
+        iconBackgroundColor="fg-200"
+      ></wui-list-description
+    ></wui-flex>`;
+    }
+    tokenItemTemplate() {
+        return this.tokenBalance?.map(token => html `<wui-list-token
+          tokenName=${token.name}
+          tokenImageUrl=${token.iconUrl}
+          tokenAmount=${token.quantity.numeric}
+          tokenValue=${token.value}
+          tokenCurrency=${token.symbol}
+        ></wui-list-token>`);
+    }
+    onReceiveClick() {
+        RouterController.push('WalletReceive');
+    }
+    onBuyClick() {
+        EventsController.sendEvent({
+            type: 'track',
+            event: 'SELECT_BUY_CRYPTO',
+            properties: {
+                isSmartAccount: AccountController.state.preferredAccountType ===
+                    W3mFrameRpcConstants.ACCOUNT_TYPES.SMART_ACCOUNT
+            }
+        });
+        RouterController.push('OnRampProviders');
+    }
+};
+W3mAccountTokensWidget.styles = styles;
+__decorate([
+    state()
+], W3mAccountTokensWidget.prototype, "tokenBalance", void 0);
+W3mAccountTokensWidget = __decorate([
+    customElement('wui-smart-session-list-item')
+], W3mAccountTokensWidget);
+export { W3mAccountTokensWidget };
+//# sourceMappingURL=index.js.map

package/dist/esm/src/smart-session/ui/components/wui-smart-session-list-item/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../../../../src/smart-session/ui/components/wui-smart-session-list-item/index.ts"],"names":[],"mappings":";;;;;;AAAA,OAAO,EAAE,iBAAiB,EAAE,gBAAgB,EAAE,gBAAgB,EAAE,MAAM,oBAAoB,CAAA;AAC1F,OAAO,EAAE,aAAa,EAAE,MAAM,kBAAkB,CAAA;AAChD,OAAO,EAAE,UAAU,EAAE,IAAI,EAAE,MAAM,KAAK,CAAA;AACtC,OAAO,MAAM,MAAM,aAAa,CAAA;AAChC,OAAO,EAAE,KAAK,EAAE,MAAM,mBAAmB,CAAA;AACzC,OAAO,EAAE,oBAAoB,EAAE,MAAM,sBAAsB,CAAA;AAGpD,IAAM,sBAAsB,GAA5B,MAAM,sBAAuB,SAAQ,UAAU;IASpD;QACE,KAAK,EAAE,CAAA;QAND,gBAAW,GAAmB,EAAE,CAAA;QAGvB,iBAAY,GAAG,iBAAiB,CAAC,KAAK,CAAC,YAAY,CAAA;QAIlE,IAAI,CAAC,WAAW,CAAC,IAAI,CACnB,GAAG;YACD,iBAAiB,CAAC,SAAS,CAAC,GAAG,CAAC,EAAE;gBAChC,IAAI,CAAC,YAAY,GAAG,GAAG,CAAC,YAAY,CAAA;YACtC,CAAC,CAAC;SACH,CACF,CAAA;IACH,CAAC;IAEe,oBAAoB;QAClC,IAAI,CAAC,WAAW,CAAC,OAAO,CAAC,WAAW,CAAC,EAAE,CAAC,WAAW,EAAE,CAAC,CAAA;IACxD,CAAC;IAGe,MAAM;QACpB,OAAO,IAAI,CAAA,GAAG,IAAI,CAAC,aAAa,EAAE,EAAE,CAAA;IACtC,CAAC;IAGO,aAAa;QACnB,IAAI,IAAI,CAAC,YAAY,IAAI,IAAI,CAAC,YAAY,EAAE,MAAM,GAAG,CAAC,EAAE,CAAC;YACvD,OAAO,IAAI,CAAA;UACP,IAAI,CAAC,iBAAiB,EAAE;kBAChB,CAAA;QACd,CAAC;QAED,OAAO,IAAI,CAAA;;iBAEE,IAAI,CAAC,UAAU,CAAC,IAAI,CAAC,IAAI,CAAC;;;;;;;;;iBAS1B,IAAI,CAAC,cAAc,CAAC,IAAI,CAAC,IAAI,CAAC;;;;;;;iBAO9B,CAAA;IACf,CAAC;IAEO,iBAAiB;QACvB,OAAO,IAAI,CAAC,YAAY,EAAE,GAAG,CAC3B,KAAK,CAAC,EAAE,CACN,IAAI,CAAA;sBACU,KAAK,CAAC,IAAI;0BACN,KAAK,CAAC,OAAO;wBACf,KAAK,CAAC,QAAQ,CAAC,OAAO;uBACvB,KAAK,CAAC,KAAK;0BACR,KAAK,CAAC,MAAM;2BACX,CACtB,CAAA;IACH,CAAC;IAEO,cAAc;QACpB,gBAAgB,CAAC,IAAI,CAAC,eAAe,CAAC,CAAA;IACxC,CAAC;IAEO,UAAU;QAChB,gBAAgB,CAAC,SAAS,CAAC;YACzB,IAAI,EAAE,OAAO;YACb,KAAK,EAAE,mBAAmB;YAC1B,UAAU,EAAE;gBACV,cAAc,EACZ,iBAAiB,CAAC,KAAK,CAAC,oBAAoB;oBAC5C,oBAAoB,CAAC,aAAa,CAAC,aAAa;aACnD;SACF,CAAC,CAAA;QACF,gBAAgB,CAAC,IAAI,CAAC,iBAAiB,CAAC,CAAA;IAC1C,CAAC;;AArFsB,6BAAM,GAAG,MAAM,AAAT,CAAS;AAMrB;IAAhB,KAAK,EAAE;4DAA4D;AAPzD,sBAAsB;IADlC,aAAa,CAAC,6BAA6B,CAAC;GAChC,sBAAsB,CAuFlC"}

package/dist/esm/src/smart-session/ui/components/wui-smart-session-list-item/styles.js

@@ -0,0 +1,21 @@
+import { css } from 'lit';
+export default css `
+  :host {
+    width: 100%;
+  }
+
+  wui-flex {
+    width: 100%;
+  }
+
+  .contentContainer {
+    max-height: 280px;
+    overflow: scroll;
+    scrollbar-width: none;
+  }
+
+  .contentContainer::-webkit-scrollbar {
+    display: none;
+  }
+`;
+//# sourceMappingURL=styles.js.map

package/dist/esm/src/smart-session/ui/components/wui-smart-session-list-item/styles.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"styles.js","sourceRoot":"","sources":["../../../../../../../src/smart-session/ui/components/wui-smart-session-list-item/styles.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,KAAK,CAAA;AAEzB,eAAe,GAAG,CAAA;;;;;;;;;;;;;;;;;;CAkBjB,CAAA"}

package/dist/esm/src/smart-session/ui/permissions/wui-permission-contract-call/index.js

@@ -0,0 +1,71 @@
+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 { customElement, UiHelperUtil } from '@reown/appkit-ui';
+import { LitElement, html } from 'lit';
+import styles from './styles.js';
+import { property } from 'lit/decorators.js';
+let WuiPermissionContractCall = class WuiPermissionContractCall extends LitElement {
+    constructor() {
+        super(...arguments);
+        this.functions = [];
+    }
+    render() {
+        if (!this.contractAddress || !this.expiry) {
+            return null;
+        }
+        return html `
+      <wui-flex flexDirection="column" padding=${['l', '0', '0', '0']} alignItems="center">
+        <wui-details-group>
+          <wui-details-group-item name="Type">
+            <wui-text variant="paragraph-400" color="fg-100"> Contract Call </wui-text>
+          </wui-details-group-item>
+          <wui-details-group-item name="Contract">
+            <wui-text variant="paragraph-400" color="fg-100">
+              ${UiHelperUtil.getTruncateString({
+            string: this.contractAddress,
+            truncate: 'middle',
+            charsStart: 4,
+            charsEnd: 4
+        })}
+            </wui-text>
+          </wui-details-group-item>
+          <wui-details-group-item name="Functions">
+            <wui-text variant="paragraph-400" color="fg-100">
+              ${this.functions?.map(f => f.functionName).join(', ')}
+            </wui-text>
+          </wui-details-group-item>
+          <wui-flex justifyContent="space-between">
+            <wui-text color="fg-200">Duration</wui-text>
+            <wui-flex flexDirection="column" alignItems="flex-end" gap="s">
+              <wui-text variant="paragraph-400" color="fg-100">
+                ~ ${Math.round((1000 * this.expiry - Date.now()) / 1000 / 3600)} hours
+              </wui-text>
+              <wui-text variant="tiny-600" color="fg-300">
+                Expiring ${new Date(1000 * this.expiry).toDateString()}
+              </wui-text>
+            </wui-flex>
+          </wui-flex>
+        </wui-details-group>
+      </wui-flex>
+    `;
+    }
+};
+WuiPermissionContractCall.styles = styles;
+__decorate([
+    property({ type: Array })
+], WuiPermissionContractCall.prototype, "functions", void 0);
+__decorate([
+    property({ type: String })
+], WuiPermissionContractCall.prototype, "contractAddress", void 0);
+__decorate([
+    property({ type: Number })
+], WuiPermissionContractCall.prototype, "expiry", void 0);
+WuiPermissionContractCall = __decorate([
+    customElement('wui-permission-contract-call')
+], WuiPermissionContractCall);
+export { WuiPermissionContractCall };
+//# sourceMappingURL=index.js.map

package/dist/esm/src/smart-session/ui/permissions/wui-permission-contract-call/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../../../../src/smart-session/ui/permissions/wui-permission-contract-call/index.ts"],"names":[],"mappings":";;;;;;AAAA,OAAO,EAAE,aAAa,EAAE,YAAY,EAAE,MAAM,kBAAkB,CAAA;AAC9D,OAAO,EAAE,UAAU,EAAE,IAAI,EAAE,MAAM,KAAK,CAAA;AACtC,OAAO,MAAM,MAAM,aAAa,CAAA;AAChC,OAAO,EAAE,QAAQ,EAAE,MAAM,mBAAmB,CAAA;AAGrC,IAAM,yBAAyB,GAA/B,MAAM,yBAA0B,SAAQ,UAAU;IAAlD;;QAI6B,cAAS,GAAgC,EAAE,CAAA;IA8C/E,CAAC;IAzCiB,MAAM;QACpB,IAAI,CAAC,IAAI,CAAC,eAAe,IAAI,CAAC,IAAI,CAAC,MAAM,EAAE,CAAC;YAC1C,OAAO,IAAI,CAAA;QACb,CAAC;QAED,OAAO,IAAI,CAAA;iDACkC,CAAC,GAAG,EAAE,GAAG,EAAE,GAAG,EAAE,GAAG,CAAC;;;;;;;gBAOrD,YAAY,CAAC,iBAAiB,CAAC;YAC/B,MAAM,EAAE,IAAI,CAAC,eAAe;YAC5B,QAAQ,EAAE,QAAQ;YAClB,UAAU,EAAE,CAAC;YACb,QAAQ,EAAE,CAAC;SACZ,CAAC;;;;;gBAKA,IAAI,CAAC,SAAS,EAAE,GAAG,CAAC,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,YAAY,CAAC,CAAC,IAAI,CAAC,IAAI,CAAC;;;;;;;oBAO/C,IAAI,CAAC,KAAK,CAAC,CAAC,IAAI,GAAG,IAAI,CAAC,MAAM,GAAG,IAAI,CAAC,GAAG,EAAE,CAAC,GAAG,IAAI,GAAG,IAAI,CAAC;;;2BAGpD,IAAI,IAAI,CAAC,IAAI,GAAG,IAAI,CAAC,MAAM,CAAC,CAAC,YAAY,EAAE;;;;;;KAMjE,CAAA;IACH,CAAC;;AA/CsB,gCAAM,GAAG,MAAM,AAAT,CAAS;AAEJ;IAAjC,QAAQ,CAAC,EAAE,IAAI,EAAE,KAAK,EAAE,CAAC;4DAAmD;AAC1C;IAAlC,QAAQ,CAAC,EAAE,IAAI,EAAE,MAAM,EAAE,CAAC;kEAAuC;AAC/B;IAAlC,QAAQ,CAAC,EAAE,IAAI,EAAE,MAAM,EAAE,CAAC;yDAAuB;AANvC,yBAAyB;IADrC,aAAa,CAAC,8BAA8B,CAAC;GACjC,yBAAyB,CAkDrC"}

package/dist/esm/src/smart-session/ui/permissions/wui-permission-contract-call/styles.js

@@ -0,0 +1,11 @@
+import { css } from 'lit';
+export default css `
+  :host {
+    width: 100%;
+  }
+
+  wui-flex {
+    width: 100%;
+  }
+`;
+//# sourceMappingURL=styles.js.map

package/dist/esm/src/smart-session/ui/permissions/wui-permission-contract-call/styles.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"styles.js","sourceRoot":"","sources":["../../../../../../../src/smart-session/ui/permissions/wui-permission-contract-call/styles.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,KAAK,CAAA;AAGzB,eAAe,GAAG,CAAA;;;;;;;;CAQjB,CAAA"}