@mysten/enoki-connect 0.1.11 → 1.0.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (44) hide show
  1. package/CHANGELOG.md +29 -0
  2. package/dist/_virtual/_@oxc-project_runtime@0.107.0/helpers/decorate.mjs +10 -0
  3. package/dist/components/base-modal.d.mts +47 -0
  4. package/dist/components/base-modal.d.mts.map +1 -0
  5. package/dist/components/base-modal.mjs +145 -0
  6. package/dist/components/base-modal.mjs.map +1 -0
  7. package/dist/components/modal.d.mts +30 -0
  8. package/dist/components/modal.d.mts.map +1 -0
  9. package/dist/{esm/components/modal.js → components/modal.mjs} +75 -95
  10. package/dist/components/modal.mjs.map +1 -0
  11. package/dist/index.d.mts +2 -0
  12. package/dist/index.mjs +3 -0
  13. package/dist/wallet/index.d.mts +71 -0
  14. package/dist/wallet/index.d.mts.map +1 -0
  15. package/dist/wallet/index.mjs +288 -0
  16. package/dist/wallet/index.mjs.map +1 -0
  17. package/package.json +22 -22
  18. package/dist/cjs/components/base-modal.d.ts +0 -43
  19. package/dist/cjs/components/base-modal.js +0 -197
  20. package/dist/cjs/components/base-modal.js.map +0 -7
  21. package/dist/cjs/components/modal.d.ts +0 -24
  22. package/dist/cjs/components/modal.js +0 -269
  23. package/dist/cjs/components/modal.js.map +0 -7
  24. package/dist/cjs/index.d.ts +0 -1
  25. package/dist/cjs/index.js +0 -26
  26. package/dist/cjs/index.js.map +0 -7
  27. package/dist/cjs/package.json +0 -4
  28. package/dist/cjs/wallet/index.d.ts +0 -55
  29. package/dist/cjs/wallet/index.js +0 -370
  30. package/dist/cjs/wallet/index.js.map +0 -7
  31. package/dist/esm/components/base-modal.d.ts +0 -43
  32. package/dist/esm/components/base-modal.js +0 -179
  33. package/dist/esm/components/base-modal.js.map +0 -7
  34. package/dist/esm/components/modal.d.ts +0 -24
  35. package/dist/esm/components/modal.js.map +0 -7
  36. package/dist/esm/index.d.ts +0 -1
  37. package/dist/esm/index.js +0 -9
  38. package/dist/esm/index.js.map +0 -7
  39. package/dist/esm/package.json +0 -4
  40. package/dist/esm/wallet/index.d.ts +0 -55
  41. package/dist/esm/wallet/index.js +0 -346
  42. package/dist/esm/wallet/index.js.map +0 -7
  43. package/dist/tsconfig.esm.tsbuildinfo +0 -1
  44. package/dist/tsconfig.tsbuildinfo +0 -1
@@ -0,0 +1,288 @@
1
+ import "../components/modal.mjs";
2
+ import { fromBase64, toBase64 } from "@mysten/sui/utils";
3
+ import { ReadonlyWalletAccount, SUI_DEVNET_CHAIN, SUI_MAINNET_CHAIN, SUI_TESTNET_CHAIN, getWallets } from "@mysten/wallet-standard";
4
+ import { DappPostMessageChannel, decodeJwtSession } from "@mysten/window-wallet-core";
5
+ import { mitt, promiseWithResolvers } from "@mysten/utils";
6
+
7
+ //#region src/wallet/index.ts
8
+ const SUPPORTED_CHAINS = [
9
+ SUI_MAINNET_CHAIN,
10
+ SUI_TESTNET_CHAIN,
11
+ SUI_DEVNET_CHAIN
12
+ ];
13
+ const ACCOUNT_FEATURES = [
14
+ "sui:signTransaction",
15
+ "sui:signAndExecuteTransaction",
16
+ "sui:signPersonalMessage",
17
+ "sui:signTransactionBlock",
18
+ "sui:signAndExecuteTransactionBlock"
19
+ ];
20
+ var EnokiConnectWallet = class {
21
+ #events;
22
+ #accounts;
23
+ #hostOrigin;
24
+ #walletName;
25
+ #dappName;
26
+ #icon;
27
+ #defaultChain;
28
+ #publicAppSlug;
29
+ get name() {
30
+ return this.#walletName;
31
+ }
32
+ get icon() {
33
+ return this.#icon;
34
+ }
35
+ get version() {
36
+ return "1.0.0";
37
+ }
38
+ get chains() {
39
+ return SUPPORTED_CHAINS;
40
+ }
41
+ get accounts() {
42
+ return this.#accounts;
43
+ }
44
+ get features() {
45
+ return {
46
+ "standard:connect": {
47
+ version: "1.0.0",
48
+ connect: this.#connect
49
+ },
50
+ "standard:disconnect": {
51
+ version: "1.0.0",
52
+ disconnect: this.#disconnect
53
+ },
54
+ "standard:events": {
55
+ version: "1.0.0",
56
+ on: this.#on
57
+ },
58
+ "sui:signTransactionBlock": {
59
+ version: "1.0.0",
60
+ signTransactionBlock: this.#signTransactionBlock
61
+ },
62
+ "sui:signTransaction": {
63
+ version: "2.0.0",
64
+ signTransaction: this.#signTransaction
65
+ },
66
+ "sui:signPersonalMessage": {
67
+ version: "1.1.0",
68
+ signPersonalMessage: this.#signPersonalMessage
69
+ },
70
+ "sui:signAndExecuteTransaction": {
71
+ version: "2.0.0",
72
+ signAndExecuteTransaction: this.#signAndExecuteTransaction
73
+ }
74
+ };
75
+ }
76
+ constructor({ publicAppSlug, walletName, dappName, hostOrigin, icon, network }) {
77
+ this.#accounts = [];
78
+ this.#events = mitt();
79
+ this.#hostOrigin = hostOrigin;
80
+ this.#walletName = walletName;
81
+ this.#dappName = dappName;
82
+ this.#icon = icon;
83
+ this.#defaultChain = `sui:${network}`;
84
+ this.#publicAppSlug = publicAppSlug;
85
+ this.id = `enoki-connect-${publicAppSlug}`;
86
+ }
87
+ #signTransactionBlock = async ({ transactionBlock, account, chain }) => {
88
+ const response = await (await this.#getNewPopupChannel()).send({
89
+ type: "sign-transaction",
90
+ chain,
91
+ transaction: await transactionBlock.toJSON(),
92
+ address: account.address,
93
+ session: this.#getStoredSession()
94
+ });
95
+ return {
96
+ transactionBlockBytes: response.bytes,
97
+ signature: response.signature
98
+ };
99
+ };
100
+ #signTransaction = async ({ transaction, account, chain }) => {
101
+ const response = await (await this.#getNewPopupChannel()).send({
102
+ type: "sign-transaction",
103
+ chain,
104
+ transaction: await transaction.toJSON(),
105
+ address: account.address,
106
+ session: this.#getStoredSession()
107
+ });
108
+ return {
109
+ bytes: response.bytes,
110
+ signature: response.signature
111
+ };
112
+ };
113
+ #signAndExecuteTransaction = async ({ transaction, account, chain }) => {
114
+ const response = await (await this.#getNewPopupChannel()).send({
115
+ type: "sign-and-execute-transaction",
116
+ transaction: await transaction.toJSON(),
117
+ address: account.address,
118
+ chain,
119
+ session: this.#getStoredSession()
120
+ });
121
+ return {
122
+ bytes: response.bytes,
123
+ signature: response.signature,
124
+ digest: response.digest,
125
+ effects: response.effects
126
+ };
127
+ };
128
+ #signPersonalMessage = async ({ message, account, chain }) => {
129
+ const response = await (await this.#getNewPopupChannel()).send({
130
+ type: "sign-personal-message",
131
+ chain: chain ?? this.#defaultChain,
132
+ message: toBase64(message),
133
+ address: account.address,
134
+ session: this.#getStoredSession()
135
+ });
136
+ return {
137
+ bytes: response.bytes,
138
+ signature: response.signature
139
+ };
140
+ };
141
+ #on = (event, listener) => {
142
+ this.#events.on(event, listener);
143
+ return () => this.#events.off(event, listener);
144
+ };
145
+ #setAccounts(session) {
146
+ if (session) {
147
+ this.#accounts = this.#getAccountsFromSession(session);
148
+ localStorage.setItem(this.#getSessionKey(), session);
149
+ } else this.#accounts = [];
150
+ this.#events.emit("change", { accounts: this.accounts });
151
+ }
152
+ #connect = async (input) => {
153
+ if (input?.silent) {
154
+ try {
155
+ const session = this.#getStoredSession();
156
+ if (session) this.#setAccounts(session);
157
+ } catch {}
158
+ return { accounts: this.accounts };
159
+ }
160
+ const response = await (await this.#getNewPopupChannel()).send({ type: "connect" });
161
+ this.#setAccounts(response.session);
162
+ return { accounts: this.accounts };
163
+ };
164
+ #disconnect = async () => {
165
+ localStorage.removeItem(this.#getSessionKey());
166
+ this.#setAccounts();
167
+ };
168
+ #getSessionKey() {
169
+ return `enoki-connect-${this.#publicAppSlug}:session`;
170
+ }
171
+ #getStoredSession() {
172
+ const session = localStorage.getItem(this.#getSessionKey());
173
+ if (!session) throw new Error("No session found");
174
+ return session;
175
+ }
176
+ async #getNewPopupChannel() {
177
+ let popupWindow = window.open("about:blank", "_blank");
178
+ if (!popupWindow) popupWindow = await addClickToOpenPopupWindow({
179
+ walletName: this.#walletName,
180
+ dappName: this.#dappName
181
+ });
182
+ return new DappPostMessageChannel({
183
+ appName: this.#dappName,
184
+ hostOrigin: this.#hostOrigin,
185
+ extraRequestOptions: { publicAppSlug: this.#publicAppSlug },
186
+ popupWindow
187
+ });
188
+ }
189
+ #getAccountsFromSession(session) {
190
+ try {
191
+ const { payload: { accounts } } = decodeJwtSession(session);
192
+ return accounts.map((anAccount) => new ReadonlyWalletAccount({
193
+ address: anAccount.address,
194
+ chains: SUPPORTED_CHAINS,
195
+ features: ACCOUNT_FEATURES,
196
+ publicKey: fromBase64(anAccount.publicKey)
197
+ }));
198
+ } catch {
199
+ return [];
200
+ }
201
+ }
202
+ };
203
+ function addClickToOpenPopupWindow({ walletName, dappName }) {
204
+ const { promise, resolve, reject } = promiseWithResolvers();
205
+ const modal = document.createElement("enoki-connect-modal");
206
+ modal.walletName = walletName;
207
+ modal.dappName = dappName;
208
+ modal.open = true;
209
+ modal.addEventListener("cancel", () => {
210
+ reject(/* @__PURE__ */ new Error("Popup was blocked from browser and user rejected click to review request"));
211
+ modal.open = false;
212
+ });
213
+ modal.addEventListener("approved", () => {
214
+ modal.disabled = true;
215
+ modal.open = false;
216
+ const popup = window.open("about:blank", "_blank");
217
+ if (popup) resolve(popup);
218
+ else reject(/* @__PURE__ */ new Error("Failed to open popup"));
219
+ });
220
+ modal.addEventListener("closed", () => {
221
+ modal.remove();
222
+ });
223
+ document.body.appendChild(modal);
224
+ return promise;
225
+ }
226
+ async function getEnokiConnectMetadata(publicAppSlugs, enokiApiUrl) {
227
+ const sortedPublicAppSlugs = [...publicAppSlugs].sort();
228
+ const queryParams = new URLSearchParams();
229
+ for (const publicAppSlug of sortedPublicAppSlugs) queryParams.append("slugs", publicAppSlug);
230
+ queryParams.sort();
231
+ const res = await fetch(new URL(`/v1/connect/metadata?${queryParams.toString()}`, enokiApiUrl));
232
+ if (!res.ok) throw new Error("Failed to fetch enoki connect metadata");
233
+ const { data } = await res.json();
234
+ return data;
235
+ }
236
+ /**
237
+ * Registers Enoki Connect wallets for your dApp.
238
+ *
239
+ * This function fetches wallet metadata for the provided public app slugs and registers
240
+ * them with the wallet standard. It returns the registered wallet instances and an
241
+ * `unregister` function to remove them if needed.
242
+ *
243
+ * @param publicAppSlugs - An array of public app slugs to register. You can obtain these slugs from the wallet developer.
244
+ * @param dappName - The display name of your dApp. This will be shown to users in wallet UIs.
245
+ * @param network - (Optional) The default Sui network to use for wallet operations (when chain is not specified in the wallet method). Accepts 'mainnet', 'testnet', or 'devnet'. Defaults to 'mainnet' if not specified.
246
+ * @param enokiApiUrl - (Optional) The Enoki API endpoint to use for fetching wallet metadata. Defaults to the public Enoki API at 'https://api.enoki.mystenlabs.com'. (Override this if you are running a local or custom Enoki API instance.)
247
+ *
248
+ * @returns An object containing:
249
+ * - `wallets`: The array of registered EnokiConnectWallet instances.
250
+ * - `unregister`: A function to unregister all registered wallets.
251
+ *
252
+ * @example
253
+ * ```ts
254
+ * const { wallets, unregister } = await registerEnokiConnectWallets({
255
+ * publicAppSlugs: ['an-app-slug'],
256
+ * dappName: 'My Dapp',
257
+ * });
258
+ * ```
259
+ */
260
+ async function registerEnokiConnectWallets({ publicAppSlugs, dappName, network = "mainnet", enokiApiUrl = "https://api.enoki.mystenlabs.com" }) {
261
+ const wallets = getWallets();
262
+ const data = await getEnokiConnectMetadata(publicAppSlugs, enokiApiUrl);
263
+ const unregisterCallbacks = [];
264
+ const registeredWallets = [];
265
+ for (const aWalletMetadata of data) {
266
+ const wallet = new EnokiConnectWallet({
267
+ walletName: aWalletMetadata.name,
268
+ dappName,
269
+ hostOrigin: aWalletMetadata.appUrl,
270
+ icon: aWalletMetadata.logoUrl,
271
+ network,
272
+ publicAppSlug: aWalletMetadata.publicAppSlug
273
+ });
274
+ const unregister = wallets.register(wallet);
275
+ unregisterCallbacks.push(unregister);
276
+ registeredWallets.push(wallet);
277
+ }
278
+ return {
279
+ wallets: registeredWallets,
280
+ unregister: () => {
281
+ for (const unregister of unregisterCallbacks) unregister();
282
+ }
283
+ };
284
+ }
285
+
286
+ //#endregion
287
+ export { EnokiConnectWallet, registerEnokiConnectWallets };
288
+ //# sourceMappingURL=index.mjs.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"index.mjs","names":["#walletName","#icon","#accounts","#connect","#disconnect","#on","#signTransactionBlock","#signTransaction","#signPersonalMessage","#signAndExecuteTransaction","#events","#hostOrigin","#dappName","#defaultChain","#publicAppSlug","#getNewPopupChannel","#getStoredSession","#getAccountsFromSession","#getSessionKey","#setAccounts"],"sources":["../../src/wallet/index.ts"],"sourcesContent":["// Copyright (c) Mysten Labs, Inc.\n// SPDX-License-Identifier: Apache-2.0\n\nimport { fromBase64, toBase64 } from '@mysten/sui/utils';\nimport type {\n\tIdentifierString,\n\tStandardConnectFeature,\n\tStandardConnectMethod,\n\tStandardDisconnectFeature,\n\tStandardDisconnectMethod,\n\tStandardEventsFeature,\n\tStandardEventsListeners,\n\tStandardEventsOnMethod,\n\tSuiSignAndExecuteTransactionFeature,\n\tSuiSignAndExecuteTransactionMethod,\n\tSuiSignPersonalMessageFeature,\n\tSuiSignPersonalMessageMethod,\n\tSuiSignTransactionBlockFeature,\n\tSuiSignTransactionBlockMethod,\n\tSuiSignTransactionFeature,\n\tSuiSignTransactionMethod,\n\tWallet,\n\tWalletIcon,\n} from '@mysten/wallet-standard';\nimport {\n\tgetWallets,\n\tReadonlyWalletAccount,\n\tSUI_DEVNET_CHAIN,\n\tSUI_MAINNET_CHAIN,\n\tSUI_TESTNET_CHAIN,\n} from '@mysten/wallet-standard';\nimport { DappPostMessageChannel, decodeJwtSession } from '@mysten/window-wallet-core';\nimport { mitt, promiseWithResolvers, type Emitter } from '@mysten/utils';\n\nimport '../components/modal.js';\n\nexport type SupportedNetwork = 'mainnet' | 'testnet' | 'devnet';\n\ntype WalletEventsMap = {\n\t[E in keyof StandardEventsListeners]: Parameters<StandardEventsListeners[E]>[0];\n};\n\nconst SUPPORTED_CHAINS = [SUI_MAINNET_CHAIN, SUI_TESTNET_CHAIN, SUI_DEVNET_CHAIN] as const;\nconst ACCOUNT_FEATURES = [\n\t'sui:signTransaction',\n\t'sui:signAndExecuteTransaction',\n\t'sui:signPersonalMessage',\n\t'sui:signTransactionBlock',\n\t'sui:signAndExecuteTransactionBlock',\n] as const;\n\nexport class EnokiConnectWallet implements Wallet {\n\treadonly id: string;\n\t#events: Emitter<WalletEventsMap>;\n\t#accounts: ReadonlyWalletAccount[];\n\t#hostOrigin: string;\n\t#walletName: string;\n\t#dappName: string;\n\t#icon: WalletIcon;\n\t#defaultChain: IdentifierString;\n\t#publicAppSlug: string;\n\n\tget name() {\n\t\treturn this.#walletName;\n\t}\n\n\tget icon() {\n\t\treturn this.#icon;\n\t}\n\n\tget version() {\n\t\treturn '1.0.0' as const;\n\t}\n\n\tget chains() {\n\t\treturn SUPPORTED_CHAINS;\n\t}\n\n\tget accounts() {\n\t\treturn this.#accounts;\n\t}\n\n\tget features(): StandardConnectFeature &\n\t\tStandardDisconnectFeature &\n\t\tStandardEventsFeature &\n\t\tSuiSignTransactionBlockFeature &\n\t\tSuiSignTransactionFeature &\n\t\tSuiSignPersonalMessageFeature &\n\t\tSuiSignAndExecuteTransactionFeature {\n\t\treturn {\n\t\t\t'standard:connect': {\n\t\t\t\tversion: '1.0.0',\n\t\t\t\tconnect: this.#connect,\n\t\t\t},\n\t\t\t'standard:disconnect': {\n\t\t\t\tversion: '1.0.0',\n\t\t\t\tdisconnect: this.#disconnect,\n\t\t\t},\n\t\t\t'standard:events': {\n\t\t\t\tversion: '1.0.0',\n\t\t\t\ton: this.#on,\n\t\t\t},\n\t\t\t'sui:signTransactionBlock': {\n\t\t\t\tversion: '1.0.0',\n\t\t\t\tsignTransactionBlock: this.#signTransactionBlock,\n\t\t\t},\n\t\t\t'sui:signTransaction': {\n\t\t\t\tversion: '2.0.0',\n\t\t\t\tsignTransaction: this.#signTransaction,\n\t\t\t},\n\t\t\t'sui:signPersonalMessage': {\n\t\t\t\tversion: '1.1.0',\n\t\t\t\tsignPersonalMessage: this.#signPersonalMessage,\n\t\t\t},\n\t\t\t'sui:signAndExecuteTransaction': {\n\t\t\t\tversion: '2.0.0',\n\t\t\t\tsignAndExecuteTransaction: this.#signAndExecuteTransaction,\n\t\t\t},\n\t\t};\n\t}\n\n\tconstructor({\n\t\tpublicAppSlug,\n\t\twalletName,\n\t\tdappName,\n\t\thostOrigin,\n\t\ticon,\n\t\tnetwork,\n\t}: {\n\t\tpublicAppSlug: string;\n\t\twalletName: string;\n\t\tdappName: string;\n\t\tnetwork: SupportedNetwork;\n\t\thostOrigin: string;\n\t\ticon: WalletIcon;\n\t}) {\n\t\tthis.#accounts = [];\n\t\tthis.#events = mitt();\n\t\tthis.#hostOrigin = hostOrigin;\n\t\tthis.#walletName = walletName;\n\t\tthis.#dappName = dappName;\n\t\tthis.#icon = icon;\n\t\tthis.#defaultChain = `sui:${network}`;\n\t\tthis.#publicAppSlug = publicAppSlug;\n\t\tthis.id = `enoki-connect-${publicAppSlug}`;\n\t}\n\n\t#signTransactionBlock: SuiSignTransactionBlockMethod = async ({\n\t\ttransactionBlock,\n\t\taccount,\n\t\tchain,\n\t}) => {\n\t\tconst popup = await this.#getNewPopupChannel();\n\t\tconst response = await popup.send({\n\t\t\ttype: 'sign-transaction',\n\t\t\tchain,\n\t\t\ttransaction: await transactionBlock.toJSON(),\n\t\t\taddress: account.address,\n\t\t\tsession: this.#getStoredSession(),\n\t\t});\n\n\t\treturn {\n\t\t\ttransactionBlockBytes: response.bytes,\n\t\t\tsignature: response.signature,\n\t\t};\n\t};\n\n\t#signTransaction: SuiSignTransactionMethod = async ({ transaction, account, chain }) => {\n\t\tconst popup = await this.#getNewPopupChannel();\n\t\tconst response = await popup.send({\n\t\t\ttype: 'sign-transaction',\n\t\t\tchain,\n\t\t\ttransaction: await transaction.toJSON(),\n\t\t\taddress: account.address,\n\t\t\tsession: this.#getStoredSession(),\n\t\t});\n\n\t\treturn {\n\t\t\tbytes: response.bytes,\n\t\t\tsignature: response.signature,\n\t\t};\n\t};\n\n\t#signAndExecuteTransaction: SuiSignAndExecuteTransactionMethod = async ({\n\t\ttransaction,\n\t\taccount,\n\t\tchain,\n\t}) => {\n\t\tconst popup = await this.#getNewPopupChannel();\n\t\tconst response = await popup.send({\n\t\t\ttype: 'sign-and-execute-transaction',\n\t\t\ttransaction: await transaction.toJSON(),\n\t\t\taddress: account.address,\n\t\t\tchain,\n\t\t\tsession: this.#getStoredSession(),\n\t\t});\n\n\t\treturn {\n\t\t\tbytes: response.bytes,\n\t\t\tsignature: response.signature,\n\t\t\tdigest: response.digest,\n\t\t\teffects: response.effects,\n\t\t};\n\t};\n\n\t#signPersonalMessage: SuiSignPersonalMessageMethod = async ({ message, account, chain }) => {\n\t\tconst popup = await this.#getNewPopupChannel();\n\t\tconst response = await popup.send({\n\t\t\ttype: 'sign-personal-message',\n\t\t\tchain: chain ?? this.#defaultChain,\n\t\t\tmessage: toBase64(message),\n\t\t\taddress: account.address,\n\t\t\tsession: this.#getStoredSession(),\n\t\t});\n\n\t\treturn {\n\t\t\tbytes: response.bytes,\n\t\t\tsignature: response.signature,\n\t\t};\n\t};\n\n\t#on: StandardEventsOnMethod = (event, listener) => {\n\t\tthis.#events.on(event, listener);\n\n\t\treturn () => this.#events.off(event, listener);\n\t};\n\n\t#setAccounts(session?: string) {\n\t\tif (session) {\n\t\t\tthis.#accounts = this.#getAccountsFromSession(session);\n\t\t\tlocalStorage.setItem(this.#getSessionKey(), session);\n\t\t} else {\n\t\t\tthis.#accounts = [];\n\t\t}\n\n\t\tthis.#events.emit('change', { accounts: this.accounts });\n\t}\n\n\t#connect: StandardConnectMethod = async (input) => {\n\t\tif (input?.silent) {\n\t\t\ttry {\n\t\t\t\tconst session = this.#getStoredSession();\n\n\t\t\t\tif (session) {\n\t\t\t\t\tthis.#setAccounts(session);\n\t\t\t\t}\n\t\t\t} catch {\n\t\t\t\t// ignore\n\t\t\t}\n\n\t\t\treturn { accounts: this.accounts };\n\t\t}\n\n\t\tconst popup = await this.#getNewPopupChannel();\n\t\tconst response = await popup.send({\n\t\t\ttype: 'connect',\n\t\t});\n\n\t\tthis.#setAccounts(response.session);\n\n\t\treturn { accounts: this.accounts };\n\t};\n\n\t#disconnect: StandardDisconnectMethod = async () => {\n\t\tlocalStorage.removeItem(this.#getSessionKey());\n\t\tthis.#setAccounts();\n\t};\n\n\t#getSessionKey() {\n\t\treturn `enoki-connect-${this.#publicAppSlug}:session`;\n\t}\n\n\t#getStoredSession() {\n\t\tconst session = localStorage.getItem(this.#getSessionKey());\n\n\t\tif (!session) {\n\t\t\tthrow new Error('No session found');\n\t\t}\n\n\t\treturn session;\n\t}\n\n\tasync #getNewPopupChannel() {\n\t\tlet popupWindow: Window | undefined | null = window.open('about:blank', '_blank');\n\n\t\tif (!popupWindow) {\n\t\t\tpopupWindow = await addClickToOpenPopupWindow({\n\t\t\t\twalletName: this.#walletName,\n\t\t\t\tdappName: this.#dappName,\n\t\t\t});\n\t\t}\n\n\t\treturn new DappPostMessageChannel({\n\t\t\tappName: this.#dappName,\n\t\t\thostOrigin: this.#hostOrigin,\n\t\t\textraRequestOptions: {\n\t\t\t\tpublicAppSlug: this.#publicAppSlug,\n\t\t\t},\n\t\t\tpopupWindow,\n\t\t});\n\t}\n\n\t#getAccountsFromSession(session: string) {\n\t\ttry {\n\t\t\tconst {\n\t\t\t\tpayload: { accounts },\n\t\t\t} = decodeJwtSession(session);\n\n\t\t\treturn accounts.map(\n\t\t\t\t(anAccount) =>\n\t\t\t\t\tnew ReadonlyWalletAccount({\n\t\t\t\t\t\taddress: anAccount.address,\n\t\t\t\t\t\tchains: SUPPORTED_CHAINS,\n\t\t\t\t\t\tfeatures: ACCOUNT_FEATURES,\n\t\t\t\t\t\tpublicKey: fromBase64(anAccount.publicKey),\n\t\t\t\t\t}),\n\t\t\t);\n\t\t} catch {\n\t\t\treturn [];\n\t\t}\n\t}\n}\n\nfunction addClickToOpenPopupWindow({\n\twalletName,\n\tdappName,\n}: {\n\twalletName: string;\n\tdappName: string;\n}) {\n\tconst { promise, resolve, reject } = promiseWithResolvers<Window>();\n\tconst modal = document.createElement('enoki-connect-modal');\n\n\tmodal.walletName = walletName;\n\tmodal.dappName = dappName;\n\tmodal.open = true;\n\n\tmodal.addEventListener('cancel', () => {\n\t\treject(new Error('Popup was blocked from browser and user rejected click to review request'));\n\t\tmodal.open = false;\n\t});\n\n\tmodal.addEventListener('approved', () => {\n\t\tmodal.disabled = true;\n\t\tmodal.open = false;\n\n\t\tconst popup = window.open('about:blank', '_blank');\n\n\t\tif (popup) {\n\t\t\tresolve(popup);\n\t\t} else {\n\t\t\treject(new Error('Failed to open popup'));\n\t\t}\n\t});\n\n\tmodal.addEventListener('closed', () => {\n\t\tmodal.remove();\n\t});\n\n\tdocument.body.appendChild(modal);\n\n\treturn promise;\n}\n\ntype EnokiConnectMetadata = {\n\tpublicAppSlug: string;\n\tname: string;\n\tlogoUrl: WalletIcon;\n\tappUrl: string;\n};\n\nasync function getEnokiConnectMetadata(publicAppSlugs: string[], enokiApiUrl: string) {\n\tconst sortedPublicAppSlugs = [...publicAppSlugs].sort();\n\tconst queryParams = new URLSearchParams();\n\n\tfor (const publicAppSlug of sortedPublicAppSlugs) {\n\t\tqueryParams.append('slugs', publicAppSlug);\n\t}\n\n\tqueryParams.sort();\n\n\tconst res = await fetch(new URL(`/v1/connect/metadata?${queryParams.toString()}`, enokiApiUrl));\n\n\tif (!res.ok) {\n\t\tthrow new Error('Failed to fetch enoki connect metadata');\n\t}\n\n\tconst { data } = await res.json();\n\n\treturn data as EnokiConnectMetadata[];\n}\n\n/**\n * Registers Enoki Connect wallets for your dApp.\n *\n * This function fetches wallet metadata for the provided public app slugs and registers\n * them with the wallet standard. It returns the registered wallet instances and an\n * `unregister` function to remove them if needed.\n *\n * @param publicAppSlugs - An array of public app slugs to register. You can obtain these slugs from the wallet developer.\n * @param dappName - The display name of your dApp. This will be shown to users in wallet UIs.\n * @param network - (Optional) The default Sui network to use for wallet operations (when chain is not specified in the wallet method). Accepts 'mainnet', 'testnet', or 'devnet'. Defaults to 'mainnet' if not specified.\n * @param enokiApiUrl - (Optional) The Enoki API endpoint to use for fetching wallet metadata. Defaults to the public Enoki API at 'https://api.enoki.mystenlabs.com'. (Override this if you are running a local or custom Enoki API instance.)\n *\n * @returns An object containing:\n * - `wallets`: The array of registered EnokiConnectWallet instances.\n * - `unregister`: A function to unregister all registered wallets.\n *\n * @example\n * ```ts\n * const { wallets, unregister } = await registerEnokiConnectWallets({\n * publicAppSlugs: ['an-app-slug'],\n * dappName: 'My Dapp',\n * });\n * ```\n */\nexport async function registerEnokiConnectWallets({\n\tpublicAppSlugs,\n\tdappName,\n\tnetwork = 'mainnet',\n\tenokiApiUrl = 'https://api.enoki.mystenlabs.com',\n}: {\n\tpublicAppSlugs: string[];\n\tdappName: string;\n\tnetwork?: SupportedNetwork;\n\tenokiApiUrl?: string;\n}) {\n\tconst wallets = getWallets();\n\tconst data = await getEnokiConnectMetadata(publicAppSlugs, enokiApiUrl);\n\tconst unregisterCallbacks: (() => void)[] = [];\n\tconst registeredWallets: EnokiConnectWallet[] = [];\n\n\tfor (const aWalletMetadata of data) {\n\t\tconst wallet = new EnokiConnectWallet({\n\t\t\twalletName: aWalletMetadata.name,\n\t\t\tdappName,\n\t\t\thostOrigin: aWalletMetadata.appUrl,\n\t\t\ticon: aWalletMetadata.logoUrl,\n\t\t\tnetwork,\n\t\t\tpublicAppSlug: aWalletMetadata.publicAppSlug,\n\t\t});\n\t\tconst unregister = wallets.register(wallet);\n\n\t\tunregisterCallbacks.push(unregister);\n\t\tregisteredWallets.push(wallet);\n\t}\n\n\treturn {\n\t\twallets: registeredWallets,\n\t\tunregister: () => {\n\t\t\tfor (const unregister of unregisterCallbacks) {\n\t\t\t\tunregister();\n\t\t\t}\n\t\t},\n\t};\n}\n"],"mappings":"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"}
package/package.json CHANGED
@@ -1,17 +1,16 @@
1
1
  {
2
2
  "name": "@mysten/enoki-connect",
3
- "version": "0.1.11",
3
+ "version": "1.0.0",
4
4
  "description": "Enoki Connect Wallet-Standard implementation",
5
5
  "license": "Apache-2.0",
6
6
  "author": "Mysten Labs <build@mystenlabs.com>",
7
- "type": "commonjs",
8
- "main": "./dist/cjs/index.js",
9
- "module": "./dist/esm/index.js",
10
- "types": "./dist/cjs/index.d.ts",
7
+ "type": "module",
8
+ "main": "./dist/index.mjs",
9
+ "types": "./dist/index.d.mts",
11
10
  "exports": {
12
11
  ".": {
13
- "import": "./dist/esm/index.js",
14
- "require": "./dist/cjs/index.js"
12
+ "types": "./dist/index.d.mts",
13
+ "import": "./dist/index.mjs"
15
14
  }
16
15
  },
17
16
  "sideEffects": true,
@@ -21,34 +20,35 @@
21
20
  ],
22
21
  "repository": {
23
22
  "type": "git",
24
- "url": "git+https://github.com/mystenlabs/ts-sdks.git"
23
+ "url": "git+https://github.com/MystenLabs/ts-sdks.git"
25
24
  },
26
25
  "bugs": {
27
26
  "url": "https://github.com/mystenlabs/ts-sdks/issues"
28
27
  },
29
28
  "homepage": "https://github.com/MystenLabs/ts-sdks/tree/main/packages/enoki-connect#readme",
30
29
  "devDependencies": {
31
- "@types/node": "^22.15.29",
32
- "typescript": "^5.9.2",
33
- "vitest": "^3.2.4",
34
- "@mysten/build-scripts": "0.0.0"
30
+ "@types/node": "^25.0.8",
31
+ "typescript": "^5.9.3",
32
+ "vitest": "^4.0.17",
33
+ "@mysten/sui": "^2.0.0"
35
34
  },
36
35
  "dependencies": {
37
- "lit": "^3.3.1",
38
- "mitt": "^3.0.1",
39
- "@mysten/sui": "1.45.1",
40
- "@mysten/utils": "0.2.0",
41
- "@mysten/wallet-standard": "0.19.8",
36
+ "lit": "^3.3.2",
37
+ "@mysten/utils": "^0.2.0",
38
+ "@mysten/wallet-standard": "^0.20.0",
42
39
  "@mysten/window-wallet-core": "^0.1.1"
43
40
  },
41
+ "peerDependencies": {
42
+ "@mysten/sui": "^2.0.0"
43
+ },
44
44
  "scripts": {
45
45
  "clean": "rm -rf tsconfig.tsbuildinfo ./dist",
46
- "build": "build-package",
46
+ "build": "rm -rf dist && tsc --noEmit && tsdown",
47
47
  "prettier:check": "prettier -c --ignore-unknown .",
48
48
  "prettier:fix": "prettier -w --ignore-unknown .",
49
- "eslint:check": "eslint --max-warnings=0 .",
50
- "eslint:fix": "pnpm run eslint:check --fix",
51
- "lint": "pnpm run eslint:check && pnpm run prettier:check",
52
- "lint:fix": "pnpm run eslint:fix && pnpm run prettier:fix"
49
+ "oxlint:check": "oxlint .",
50
+ "oxlint:fix": "oxlint --fix",
51
+ "lint": "pnpm run oxlint:check && pnpm run prettier:check",
52
+ "lint:fix": "pnpm run oxlint:fix && pnpm run prettier:fix"
53
53
  }
54
54
  }
@@ -1,43 +0,0 @@
1
- import { LitElement } from 'lit';
2
- import type { PropertyValues } from 'lit';
3
- import type { PromiseWithResolvers } from '@mysten/utils';
4
- export declare class BaseModal extends LitElement {
5
- #private;
6
- static shadowRootOptions: {
7
- delegatesFocus: boolean;
8
- clonable?: boolean;
9
- customElementRegistry?: CustomElementRegistry;
10
- mode: ShadowRootMode;
11
- serializable?: boolean;
12
- slotAssignment?: SlotAssignmentMode;
13
- };
14
- /**
15
- * Opens the dialog when set to `true` and closes it when set to `false`.
16
- */
17
- get open(): boolean;
18
- set open(open: boolean);
19
- disabled: boolean;
20
- private readonly _dialog;
21
- protected _closingResolvers?: PromiseWithResolvers<void>;
22
- protected get _isClosing(): boolean;
23
- firstUpdated(changedProperties: PropertyValues): void;
24
- /**
25
- * Opens the dialog and fires a cancelable `open` event. An `opened` event
26
- * is fired after the dialog opens.
27
- *
28
- * @returns A `Promise` that resolves after the `opened` event was fired.
29
- */
30
- show(): Promise<void>;
31
- /**
32
- * Closes the dialog and fires a cancelable `close` event. After a dialog's
33
- * animation, a `closed` event is fired.
34
- *
35
- */
36
- close(): Promise<void>;
37
- protected handleAnimationEnd(e: AnimationEvent): void;
38
- connectedCallback(): void;
39
- disconnectedCallback(): void;
40
- protected handleContentClick(): void;
41
- protected handleDialogClick(): void;
42
- protected handleCancel(e?: Event): void;
43
- }
@@ -1,197 +0,0 @@
1
- "use strict";
2
- var __defProp = Object.defineProperty;
3
- var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
4
- var __getOwnPropNames = Object.getOwnPropertyNames;
5
- var __hasOwnProp = Object.prototype.hasOwnProperty;
6
- var __typeError = (msg) => {
7
- throw TypeError(msg);
8
- };
9
- var __export = (target, all) => {
10
- for (var name in all)
11
- __defProp(target, name, { get: all[name], enumerable: true });
12
- };
13
- var __copyProps = (to, from, except, desc) => {
14
- if (from && typeof from === "object" || typeof from === "function") {
15
- for (let key of __getOwnPropNames(from))
16
- if (!__hasOwnProp.call(to, key) && key !== except)
17
- __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
18
- }
19
- return to;
20
- };
21
- var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
22
- var __decorateClass = (decorators, target, key, kind) => {
23
- var result = kind > 1 ? void 0 : kind ? __getOwnPropDesc(target, key) : target;
24
- for (var i = decorators.length - 1, decorator; i >= 0; i--)
25
- if (decorator = decorators[i])
26
- result = (kind ? decorator(target, key, result) : decorator(result)) || result;
27
- if (kind && result) __defProp(target, key, result);
28
- return result;
29
- };
30
- var __accessCheck = (obj, member, msg) => member.has(obj) || __typeError("Cannot " + msg);
31
- var __privateGet = (obj, member, getter) => (__accessCheck(obj, member, "read from private field"), getter ? getter.call(obj) : member.get(obj));
32
- var __privateAdd = (obj, member, value) => member.has(obj) ? __typeError("Cannot add the same private member more than once") : member instanceof WeakSet ? member.add(obj) : member.set(obj, value);
33
- var __privateSet = (obj, member, value, setter) => (__accessCheck(obj, member, "write to private field"), setter ? setter.call(obj, value) : member.set(obj, value), value);
34
- var base_modal_exports = {};
35
- __export(base_modal_exports, {
36
- BaseModal: () => BaseModal
37
- });
38
- module.exports = __toCommonJS(base_modal_exports);
39
- var import_lit = require("lit");
40
- var import_decorators = require("lit/decorators.js");
41
- var import_utils = require("@mysten/utils");
42
- var _isOpen, _isOpening, _isConnected, _nextClickIsFromContent, _keyDownHandler;
43
- class BaseModal extends import_lit.LitElement {
44
- constructor() {
45
- super(...arguments);
46
- __privateAdd(this, _isOpen, false);
47
- __privateAdd(this, _isOpening, false);
48
- __privateAdd(this, _isConnected, (0, import_utils.promiseWithResolvers)());
49
- __privateAdd(this, _nextClickIsFromContent, false);
50
- this.disabled = false;
51
- __privateAdd(this, _keyDownHandler, (e) => {
52
- if (e.key === "Escape" && this.open) {
53
- this.handleCancel(e);
54
- }
55
- });
56
- }
57
- get open() {
58
- return __privateGet(this, _isOpen);
59
- }
60
- set open(open) {
61
- if (open === __privateGet(this, _isOpen)) {
62
- return;
63
- }
64
- __privateSet(this, _isOpen, open);
65
- if (__privateGet(this, _isOpen)) {
66
- this.setAttribute("open", "");
67
- this.show();
68
- } else {
69
- this.removeAttribute("open");
70
- this.close();
71
- }
72
- }
73
- get _isClosing() {
74
- return !!this._closingResolvers;
75
- }
76
- firstUpdated(changedProperties) {
77
- super.firstUpdated(changedProperties);
78
- this._dialog.addEventListener("keydown", __privateGet(this, _keyDownHandler), { capture: true });
79
- }
80
- /**
81
- * Opens the dialog and fires a cancelable `open` event. An `opened` event
82
- * is fired after the dialog opens.
83
- *
84
- * @returns A `Promise` that resolves after the `opened` event was fired.
85
- */
86
- async show() {
87
- this._closingResolvers?.resolve();
88
- this._closingResolvers = void 0;
89
- __privateSet(this, _isOpening, true);
90
- await __privateGet(this, _isConnected).promise;
91
- await this.updateComplete;
92
- if (this._dialog.open || !__privateGet(this, _isOpening)) {
93
- __privateSet(this, _isOpening, false);
94
- return;
95
- }
96
- const wasDispatched = this.dispatchEvent(new Event("open", { cancelable: true }));
97
- if (!wasDispatched) {
98
- this.open = false;
99
- __privateSet(this, _isOpening, false);
100
- return;
101
- }
102
- this._dialog.showModal();
103
- this.open = true;
104
- this.dispatchEvent(new Event("opened"));
105
- __privateSet(this, _isOpening, false);
106
- }
107
- /**
108
- * Closes the dialog and fires a cancelable `close` event. After a dialog's
109
- * animation, a `closed` event is fired.
110
- *
111
- */
112
- async close() {
113
- if (this._closingResolvers) {
114
- return;
115
- }
116
- __privateSet(this, _isOpening, false);
117
- if (!this.isConnected) {
118
- this.open = false;
119
- return;
120
- }
121
- await this.updateComplete;
122
- if (!this._dialog.open || __privateGet(this, _isOpening)) {
123
- this.open = false;
124
- return;
125
- }
126
- const wasDispatched = this.dispatchEvent(new Event("close", { cancelable: true }));
127
- if (!wasDispatched) {
128
- return;
129
- }
130
- this._closingResolvers = (0, import_utils.promiseWithResolvers)();
131
- this.open = false;
132
- return this._closingResolvers.promise;
133
- }
134
- handleAnimationEnd(e) {
135
- if (e.animationName === "fadeOut" && !this.open && this._dialog.open && this._closingResolvers) {
136
- this._closingResolvers.resolve();
137
- this._closingResolvers = void 0;
138
- this._dialog.close();
139
- this.dispatchEvent(new Event("closed"));
140
- }
141
- }
142
- connectedCallback() {
143
- super.connectedCallback();
144
- __privateGet(this, _isConnected).resolve();
145
- }
146
- disconnectedCallback() {
147
- super.disconnectedCallback();
148
- __privateSet(this, _isConnected, Promise.withResolvers());
149
- this._dialog.removeEventListener("keydown", __privateGet(this, _keyDownHandler), { capture: true });
150
- }
151
- handleContentClick() {
152
- __privateSet(this, _nextClickIsFromContent, true);
153
- }
154
- handleDialogClick() {
155
- if (__privateGet(this, _nextClickIsFromContent)) {
156
- __privateSet(this, _nextClickIsFromContent, false);
157
- return;
158
- }
159
- this.handleCancel();
160
- }
161
- handleCancel(e) {
162
- if (this.disabled || this._closingResolvers) {
163
- e?.preventDefault();
164
- e?.stopPropagation();
165
- return;
166
- }
167
- const wasDispatched = this.dispatchEvent(new Event("cancel", { cancelable: true }));
168
- if (!wasDispatched) {
169
- e?.preventDefault();
170
- e?.stopPropagation();
171
- return;
172
- }
173
- this.close();
174
- }
175
- }
176
- _isOpen = new WeakMap();
177
- _isOpening = new WeakMap();
178
- _isConnected = new WeakMap();
179
- _nextClickIsFromContent = new WeakMap();
180
- _keyDownHandler = new WeakMap();
181
- BaseModal.shadowRootOptions = {
182
- ...import_lit.LitElement.shadowRootOptions,
183
- delegatesFocus: true
184
- };
185
- __decorateClass([
186
- (0, import_decorators.property)({ type: Boolean })
187
- ], BaseModal.prototype, "open", 1);
188
- __decorateClass([
189
- (0, import_decorators.property)()
190
- ], BaseModal.prototype, "disabled", 2);
191
- __decorateClass([
192
- (0, import_decorators.query)("dialog")
193
- ], BaseModal.prototype, "_dialog", 2);
194
- __decorateClass([
195
- (0, import_decorators.state)()
196
- ], BaseModal.prototype, "_closingResolvers", 2);
197
- //# sourceMappingURL=base-modal.js.map
@@ -1,7 +0,0 @@
1
- {
2
- "version": 3,
3
- "sources": ["../../../src/components/base-modal.ts"],
4
- "sourcesContent": ["// Copyright (c) Mysten Labs, Inc.\n// SPDX-License-Identifier: Apache-2.0\n\nimport { LitElement } from 'lit';\nimport type { PropertyValues } from 'lit';\nimport { property, query, state } from 'lit/decorators.js';\nimport { promiseWithResolvers } from '@mysten/utils';\nimport type { PromiseWithResolvers } from '@mysten/utils';\n\nexport class BaseModal extends LitElement {\n\t#isOpen = false;\n\t#isOpening = false;\n\t#isConnected = promiseWithResolvers<void>();\n\t#nextClickIsFromContent = false;\n\n\tstatic override shadowRootOptions = {\n\t\t...LitElement.shadowRootOptions,\n\t\tdelegatesFocus: true,\n\t};\n\n\t/**\n\t * Opens the dialog when set to `true` and closes it when set to `false`.\n\t */\n\t@property({ type: Boolean })\n\tget open() {\n\t\treturn this.#isOpen;\n\t}\n\n\tset open(open: boolean) {\n\t\tif (open === this.#isOpen) {\n\t\t\treturn;\n\t\t}\n\n\t\tthis.#isOpen = open;\n\t\tif (this.#isOpen) {\n\t\t\tthis.setAttribute('open', '');\n\t\t\tthis.show();\n\t\t} else {\n\t\t\tthis.removeAttribute('open');\n\t\t\tthis.close();\n\t\t}\n\t}\n\t@property()\n\tdisabled: boolean = false;\n\n\t@query('dialog')\n\tprivate readonly _dialog!: HTMLDialogElement;\n\n\t@state()\n\tprotected _closingResolvers?: PromiseWithResolvers<void>;\n\n\t#keyDownHandler = (e: KeyboardEvent) => {\n\t\tif (e.key === 'Escape' && this.open) {\n\t\t\tthis.handleCancel(e);\n\t\t}\n\t};\n\n\tprotected get _isClosing() {\n\t\treturn !!this._closingResolvers;\n\t}\n\n\toverride firstUpdated(changedProperties: PropertyValues) {\n\t\tsuper.firstUpdated(changedProperties);\n\t\t// NOTE: there is a bug in Chrome where even after canceling the dialog cancel event still closes the dialog. (The second time the user clicks escape)\n\t\t// Using this handler to mitigate this issue.\n\t\tthis._dialog.addEventListener('keydown', this.#keyDownHandler, { capture: true });\n\t}\n\n\t/**\n\t * Opens the dialog and fires a cancelable `open` event. An `opened` event\n\t * is fired after the dialog opens.\n\t *\n\t * @returns A `Promise` that resolves after the `opened` event was fired.\n\t */\n\tasync show() {\n\t\tthis._closingResolvers?.resolve();\n\t\tthis._closingResolvers = undefined;\n\t\tthis.#isOpening = true;\n\n\t\t// Dialogs can be opened before being attached to the DOM, so we need to\n\t\t// wait until we're connected before calling `showModal()`.\n\t\tawait this.#isConnected.promise;\n\t\tawait this.updateComplete;\n\n\t\t// Check if already opened or if `dialog.close()` was called while awaiting.\n\t\tif (this._dialog.open || !this.#isOpening) {\n\t\t\tthis.#isOpening = false;\n\t\t\treturn;\n\t\t}\n\n\t\tconst wasDispatched = this.dispatchEvent(new Event('open', { cancelable: true }));\n\t\tif (!wasDispatched) {\n\t\t\tthis.open = false;\n\t\t\tthis.#isOpening = false;\n\t\t\treturn;\n\t\t}\n\n\t\tthis._dialog.showModal();\n\t\tthis.open = true;\n\n\t\tthis.dispatchEvent(new Event('opened'));\n\t\tthis.#isOpening = false;\n\t}\n\n\t/**\n\t * Closes the dialog and fires a cancelable `close` event. After a dialog's\n\t * animation, a `closed` event is fired.\n\t *\n\t */\n\tasync close() {\n\t\tif (this._closingResolvers) {\n\t\t\treturn;\n\t\t}\n\n\t\tthis.#isOpening = false;\n\n\t\tif (!this.isConnected) {\n\t\t\t// Disconnected dialogs do not fire close events or animate.\n\t\t\tthis.open = false;\n\t\t\treturn;\n\t\t}\n\n\t\tawait this.updateComplete;\n\n\t\t// Check if already closed or if `dialog.show()` was called while awaiting.\n\t\tif (!this._dialog.open || this.#isOpening) {\n\t\t\tthis.open = false;\n\t\t\treturn;\n\t\t}\n\n\t\tconst wasDispatched = this.dispatchEvent(new Event('close', { cancelable: true }));\n\t\tif (!wasDispatched) {\n\t\t\treturn;\n\t\t}\n\n\t\tthis._closingResolvers = promiseWithResolvers<void>();\n\t\tthis.open = false;\n\n\t\treturn this._closingResolvers.promise;\n\t}\n\n\tprotected handleAnimationEnd(e: AnimationEvent) {\n\t\tif (\n\t\t\te.animationName === 'fadeOut' &&\n\t\t\t!this.open &&\n\t\t\tthis._dialog.open &&\n\t\t\tthis._closingResolvers\n\t\t) {\n\t\t\tthis._closingResolvers.resolve();\n\t\t\tthis._closingResolvers = undefined;\n\t\t\tthis._dialog.close();\n\t\t\tthis.dispatchEvent(new Event('closed'));\n\t\t}\n\t}\n\n\toverride connectedCallback() {\n\t\tsuper.connectedCallback();\n\t\tthis.#isConnected.resolve();\n\t}\n\n\toverride disconnectedCallback() {\n\t\tsuper.disconnectedCallback();\n\t\tthis.#isConnected = Promise.withResolvers<void>();\n\t\tthis._dialog.removeEventListener('keydown', this.#keyDownHandler, { capture: true });\n\t}\n\n\tprotected handleContentClick() {\n\t\tthis.#nextClickIsFromContent = true;\n\t}\n\n\tprotected handleDialogClick() {\n\t\tif (this.#nextClickIsFromContent) {\n\t\t\t// This trick uses event bubbling to determine whether or not the click originated\n\t\t\t// from the dialog content or dialog backdrop psuedo-element. If you click the dialog\n\t\t\t// content, then `nextClickIsFromContent` will be set to true and we'll early exit.\n\t\t\tthis.#nextClickIsFromContent = false;\n\t\t\treturn;\n\t\t}\n\n\t\tthis.handleCancel();\n\t}\n\n\tprotected handleCancel(e?: Event) {\n\t\tif (this.disabled || this._closingResolvers) {\n\t\t\te?.preventDefault();\n\t\t\te?.stopPropagation();\n\n\t\t\treturn;\n\t\t}\n\n\t\tconst wasDispatched = this.dispatchEvent(new Event('cancel', { cancelable: true }));\n\n\t\tif (!wasDispatched) {\n\t\t\te?.preventDefault();\n\t\t\te?.stopPropagation();\n\n\t\t\treturn;\n\t\t}\n\n\t\tthis.close();\n\t}\n}\n"],
5
- "mappings": "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",
6
- "names": []
7
- }