@imtbl/sdk 0.1.6-alpha → 0.1.7-alpha.1

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.
@@ -1,9 +1,16 @@
1
1
  import { jsx } from 'react/jsx-runtime';
2
2
  import 'react';
3
3
 
4
+ var Environment;
5
+ (function (Environment) {
6
+ Environment["PRODUCTION"] = "production";
7
+ Environment["SANDBOX"] = "sandbox";
8
+ })(Environment || (Environment = {}));
9
+
4
10
  function $parcel$export(e, n, v, s) {
5
11
  Object.defineProperty(e, n, {get: v, set: s, enumerable: true, configurable: true});
6
12
  }
13
+ // Definitions | Events
7
14
  var $207ed853f11d19d5$exports = {};
8
15
 
9
16
  $parcel$export($207ed853f11d19d5$exports, "IMTBLWidgetEvents", () => $207ed853f11d19d5$export$5a0ace85cae72d45);
@@ -42,6 +49,7 @@ let $77b6aac5c353d4a9$export$d9be06b70b28c742;
42
49
  WalletEventType["REQUEST_SWAP"] = "request-swap";
43
50
  WalletEventType["REQUEST_BRIDGE"] = "request-bridge";
44
51
  WalletEventType["REQUEST_ONRAMP"] = "request-onramp";
52
+ WalletEventType["DISCONNECT_WALLET"] = "disconnect-wallet";
45
53
  })($77b6aac5c353d4a9$export$d9be06b70b28c742 || ($77b6aac5c353d4a9$export$d9be06b70b28c742 = {}));
46
54
 
47
55
 
@@ -56,6 +64,7 @@ $parcel$export($53d219e7f6bf0cd6$exports, "SwapEventType", () => $53d219e7f6bf0c
56
64
  (function(SwapEventType) {
57
65
  SwapEventType["SUCCESS"] = "success";
58
66
  SwapEventType["FAILURE"] = "failure";
67
+ SwapEventType["CLOSE_WIDGET"] = "close-widget";
59
68
  })($53d219e7f6bf0cd6$export$140a49745ab55563 || ($53d219e7f6bf0cd6$export$140a49745ab55563 = {}));
60
69
 
61
70
 
@@ -95,21 +104,23 @@ var $66ceef112c0ee49e$exports = {};
95
104
  $parcel$export($66ceef112c0ee49e$exports, "OnRampEventType", () => $66ceef112c0ee49e$export$66ec39c0924078d8);
96
105
  let $66ceef112c0ee49e$export$66ec39c0924078d8;
97
106
  $66ceef112c0ee49e$export$66ec39c0924078d8 || ($66ceef112c0ee49e$export$66ec39c0924078d8 = {});
98
-
107
+ /* eslint-disable @typescript-eslint/naming-convention */
99
108
 
100
109
  var $14d7a2bbb79e0dae$exports = {};
101
110
 
102
111
  $parcel$export($14d7a2bbb79e0dae$exports, "Network", () => $14d7a2bbb79e0dae$export$95be4ae94445245a);
103
112
  $parcel$export($14d7a2bbb79e0dae$exports, "WidgetTheme", () => $14d7a2bbb79e0dae$export$c88931fdc51854eb);
104
- $parcel$export($14d7a2bbb79e0dae$exports, "WidgetConnectionProviders", () => $14d7a2bbb79e0dae$export$2f61dde3bdc320cb);
105
113
  $parcel$export($14d7a2bbb79e0dae$exports, "CheckoutWidgetTagNames", () => $14d7a2bbb79e0dae$export$75be0f6af9650f2c);
106
114
  /**
107
115
  * Enum representing the networks supported by Checkout.
108
116
  */ let $14d7a2bbb79e0dae$export$95be4ae94445245a;
109
117
  (function(Network) {
110
118
  Network["ETHEREUM"] = "Ethereum";
111
- Network["GOERLI"] = "Goerli";
112
- Network["POLYGON"] = "Polygon";
119
+ Network["SEPOLIA"] = "Sepolia";
120
+ Network["IMTBL_ZKEVM_TESTNET"] = "Immutable zkEVM Testnet";
121
+ Network["IMTBL_ZKEVM_DEVNET"] = "Immutable zkEVM Devnet";
122
+ Network["POLYGON_ZKEVM_TESTNET"] = "Polygon zkEVM Testnet";
123
+ Network["POLYGON_ZKEVM"] = "Polygon zkEVM";
113
124
  })($14d7a2bbb79e0dae$export$95be4ae94445245a || ($14d7a2bbb79e0dae$export$95be4ae94445245a = {}));
114
125
  let $14d7a2bbb79e0dae$export$c88931fdc51854eb;
115
126
  (function(WidgetTheme) {
@@ -117,10 +128,6 @@ let $14d7a2bbb79e0dae$export$c88931fdc51854eb;
117
128
  WidgetTheme["DARK"] = "dark";
118
129
  WidgetTheme["CUSTOM"] = "custom";
119
130
  })($14d7a2bbb79e0dae$export$c88931fdc51854eb || ($14d7a2bbb79e0dae$export$c88931fdc51854eb = {}));
120
- let $14d7a2bbb79e0dae$export$2f61dde3bdc320cb;
121
- (function(WidgetConnectionProviders) {
122
- WidgetConnectionProviders["METAMASK"] = "metamask";
123
- })($14d7a2bbb79e0dae$export$2f61dde3bdc320cb || ($14d7a2bbb79e0dae$export$2f61dde3bdc320cb = {}));
124
131
  let $14d7a2bbb79e0dae$export$75be0f6af9650f2c;
125
132
  (function(CheckoutWidgetTagNames) {
126
133
  CheckoutWidgetTagNames["CONNECT"] = "imtbl-connect";
@@ -137,13 +144,12 @@ var $1f969328e5988c99$exports = {};
137
144
  $parcel$export($1f969328e5988c99$exports, "BridgeReact", () => $1f969328e5988c99$export$30f61ebf204c69f6);
138
145
 
139
146
 
140
-
141
147
  function $1f969328e5988c99$export$30f61ebf204c69f6(props) {
142
148
  const { providerPreference: providerPreference , fromContractAddress: fromContractAddress , amount: amount , fromNetwork: fromNetwork } = props;
143
149
  const config = window.ImtblCheckoutWidgetConfig;
144
150
  return /*#__PURE__*/ (jsx)("imtbl-bridge", {
145
- providerPreference: providerPreference ?? ($14d7a2bbb79e0dae$export$2f61dde3bdc320cb).METAMASK,
146
- theme: config.theme ?? ($14d7a2bbb79e0dae$export$c88931fdc51854eb).DARK,
151
+ widgetConfig: config,
152
+ providerPreference: providerPreference,
147
153
  fromContractAddress: fromContractAddress ?? "",
148
154
  fromNetwork: fromNetwork ?? "",
149
155
  amount: amount ?? ""
@@ -156,13 +162,12 @@ var $f22931ca9e2f35b6$exports = {};
156
162
  $parcel$export($f22931ca9e2f35b6$exports, "BuyReact", () => $f22931ca9e2f35b6$export$d13582032b79b401);
157
163
 
158
164
 
159
-
160
165
  function $f22931ca9e2f35b6$export$d13582032b79b401(props) {
161
166
  const { providerPreference: providerPreference , orderId: orderId } = props;
162
167
  const config = window.ImtblCheckoutWidgetConfig;
163
168
  return /*#__PURE__*/ (jsx)("imtbl-buy", {
164
- providerPreference: providerPreference ?? ($14d7a2bbb79e0dae$export$2f61dde3bdc320cb).METAMASK,
165
- theme: config.theme ?? ($14d7a2bbb79e0dae$export$c88931fdc51854eb).DARK,
169
+ widgetConfig: config,
170
+ providerPreference: providerPreference,
166
171
  orderId: orderId
167
172
  });
168
173
  }
@@ -173,13 +178,12 @@ var $f2083cd30e2f5c56$exports = {};
173
178
  $parcel$export($f2083cd30e2f5c56$exports, "ConnectReact", () => $f2083cd30e2f5c56$export$49d62957f420a1e2);
174
179
 
175
180
 
176
-
177
181
  function $f2083cd30e2f5c56$export$49d62957f420a1e2(props) {
178
182
  const { providerPreference: providerPreference } = props;
179
183
  const config = window.ImtblCheckoutWidgetConfig;
180
184
  return /*#__PURE__*/ (jsx)("imtbl-connect", {
181
- providerPreference: providerPreference ?? ($14d7a2bbb79e0dae$export$2f61dde3bdc320cb).METAMASK,
182
- theme: config.theme ?? ($14d7a2bbb79e0dae$export$c88931fdc51854eb).DARK
185
+ widgetConfig: config,
186
+ providerPreference: providerPreference ?? "metamask"
183
187
  });
184
188
  }
185
189
 
@@ -187,15 +191,14 @@ function $f2083cd30e2f5c56$export$49d62957f420a1e2(props) {
187
191
  var $a4fbb8e3a6aeff58$exports = {};
188
192
 
189
193
  $parcel$export($a4fbb8e3a6aeff58$exports, "SwapReact", () => $a4fbb8e3a6aeff58$export$971e031379577f4);
190
-
191
-
194
+ /* eslint-disable max-len */
192
195
 
193
196
  function $a4fbb8e3a6aeff58$export$971e031379577f4(props) {
194
197
  const { providerPreference: providerPreference , fromContractAddress: fromContractAddress , amount: amount , toContractAddress: toContractAddress } = props;
195
198
  const config = window.ImtblCheckoutWidgetConfig;
196
199
  return /*#__PURE__*/ (jsx)("imtbl-swap", {
197
- providerPreference: providerPreference ?? ($14d7a2bbb79e0dae$export$2f61dde3bdc320cb).METAMASK,
198
- theme: config.theme ?? ($14d7a2bbb79e0dae$export$c88931fdc51854eb).DARK,
200
+ widgetConfig: config,
201
+ providerPreference: providerPreference,
199
202
  fromContractAddress: fromContractAddress ?? "",
200
203
  toContractAddress: toContractAddress ?? "",
201
204
  amount: amount ?? ""
@@ -208,18 +211,13 @@ var $89d55ace0f8f1c07$exports = {};
208
211
  $parcel$export($89d55ace0f8f1c07$exports, "WalletReact", () => $89d55ace0f8f1c07$export$ceaac94f34dba154);
209
212
 
210
213
 
211
-
212
214
  function $89d55ace0f8f1c07$export$ceaac94f34dba154(props) {
213
- const { providerPreference: providerPreference , isBridgeEnabled: isBridgeEnabled , isOnRampEnabled: isOnRampEnabled , isSwapEnabled: isSwapEnabled } = props;
215
+ const { providerPreference: providerPreference , useConnectWidget: useConnectWidget } = props;
214
216
  const config = window.ImtblCheckoutWidgetConfig;
215
- // isOnRampEnabled, isBridgeEnabled, isSwapEnabled is a boolean type for better devExp
216
- // converting them to string for compatible webComponent properties
217
217
  return /*#__PURE__*/ (jsx)("imtbl-wallet", {
218
- providerPreference: providerPreference ?? ($14d7a2bbb79e0dae$export$2f61dde3bdc320cb).METAMASK,
219
- theme: config.theme ?? ($14d7a2bbb79e0dae$export$c88931fdc51854eb).DARK,
220
- isBridgeEnabled: isBridgeEnabled?.toString(),
221
- isSwapEnabled: isSwapEnabled?.toString(),
222
- isOnRampEnabled: isOnRampEnabled?.toString()
218
+ widgetConfig: config,
219
+ useConnectWidget: useConnectWidget?.toString(),
220
+ providerPreference: providerPreference ?? "metamask"
223
221
  });
224
222
  }
225
223
 
@@ -231,31 +229,33 @@ $parcel$export($d087956fd1002f80$exports, "ExampleReact", () => $d087956fd1002f8
231
229
 
232
230
 
233
231
  function $d087956fd1002f80$export$fa517eee6594d26c(props) {
234
- const { providerPreference: providerPreference , fromContractAddress: fromContractAddress , amount: amount , fromNetwork: fromNetwork } = props;
235
- const config = window.ImtblCheckoutWidgetConfig;
232
+ const { providerPreference: // eslint-disable-next-line @typescript-eslint/no-unused-vars
233
+ providerPreference , environment: environment , theme: theme } = props;
236
234
  return /*#__PURE__*/ (jsx)("imtbl-example", {
237
- providerPreference: providerPreference ?? ($14d7a2bbb79e0dae$export$2f61dde3bdc320cb).METAMASK,
238
- theme: config.theme ?? ($14d7a2bbb79e0dae$export$c88931fdc51854eb).DARK
235
+ environment: environment ?? (Environment).SANDBOX,
236
+ theme: theme ?? "dark",
237
+ providerPreference: providerPreference
239
238
  });
240
239
  }
241
240
 
242
241
 
243
- var $fa90757d8d7a0962$exports = {};
242
+ var $430e3eda76fa4d5f$exports = {};
244
243
 
245
- $parcel$export($fa90757d8d7a0962$exports, "CheckoutWidgets", () => $fa90757d8d7a0962$export$af210a0808087845);
246
- $parcel$export($fa90757d8d7a0962$exports, "UpdateConfig", () => $fa90757d8d7a0962$export$bf1548ba7e61c17f);
247
- $parcel$export($fa90757d8d7a0962$exports, "SetProvider", () => $fa90757d8d7a0962$export$931068bc678f0d73);
248
- function $fa90757d8d7a0962$export$af210a0808087845(config) {
249
- var checkoutWidgetJS = document.createElement("script");
244
+ $parcel$export($430e3eda76fa4d5f$exports, "CheckoutWidgets", () => $430e3eda76fa4d5f$export$af210a0808087845);
245
+ $parcel$export($430e3eda76fa4d5f$exports, "UpdateConfig", () => $430e3eda76fa4d5f$export$bf1548ba7e61c17f);
246
+ $parcel$export($430e3eda76fa4d5f$exports, "SetProvider", () => $430e3eda76fa4d5f$export$931068bc678f0d73);
247
+ function $430e3eda76fa4d5f$export$af210a0808087845(config) {
248
+ const checkoutWidgetJS = document.createElement("script");
250
249
  checkoutWidgetJS.setAttribute("src", "http://localhost:3000/lib/js/imtbl-checkout.js");
251
250
  document.head.appendChild(checkoutWidgetJS);
252
- window.ImtblCheckoutWidgetConfig = config;
251
+ window.ImtblCheckoutWidgetConfig = JSON.stringify(config);
253
252
  }
254
- function $fa90757d8d7a0962$export$bf1548ba7e61c17f(config) {
255
- window.ImtblCheckoutWidgetConfig = config;
253
+ function $430e3eda76fa4d5f$export$bf1548ba7e61c17f(config) {
254
+ window.ImtblCheckoutWidgetConfig = JSON.stringify(config);
256
255
  }
257
- function $fa90757d8d7a0962$export$931068bc678f0d73(tagName, provider) {
256
+ function $430e3eda76fa4d5f$export$931068bc678f0d73(tagName, provider) {
258
257
  if (!provider) {
258
+ // eslint-disable-next-line no-console
259
259
  console.error("no provider parsed");
260
260
  return;
261
261
  }
@@ -272,6 +272,7 @@ function $fa90757d8d7a0962$export$931068bc678f0d73(tagName, provider) {
272
272
  attempts++;
273
273
  if (attempts >= maxAttempts) {
274
274
  window.clearInterval(timer);
275
+ // eslint-disable-next-line no-console
275
276
  console.error("failed to set the provider");
276
277
  }
277
278
  }
@@ -280,4 +281,4 @@ function $fa90757d8d7a0962$export$931068bc678f0d73(tagName, provider) {
280
281
  attemptToSetProvider();
281
282
  }
282
283
 
283
- export { $15cc9e120aa6f3bf$export$d1bfa21f7c76447a as BridgeEventType, $1f969328e5988c99$export$30f61ebf204c69f6 as BridgeReact, $98cbcca465beec95$export$90db5fe1be5993c1 as BuyEventType, $f22931ca9e2f35b6$export$d13582032b79b401 as BuyReact, $14d7a2bbb79e0dae$export$75be0f6af9650f2c as CheckoutWidgetTagNames, $fa90757d8d7a0962$export$af210a0808087845 as CheckoutWidgets, $a85ecdbd885c58ad$export$e72e7f9969a47dd3 as ConnectEventType, $f2083cd30e2f5c56$export$49d62957f420a1e2 as ConnectReact, $d087956fd1002f80$export$fa517eee6594d26c as ExampleReact, $207ed853f11d19d5$export$5a0ace85cae72d45 as IMTBLWidgetEvents, $14d7a2bbb79e0dae$export$95be4ae94445245a as Network, $66ceef112c0ee49e$export$66ec39c0924078d8 as OnRampEventType, $fa90757d8d7a0962$export$931068bc678f0d73 as SetProvider, $53d219e7f6bf0cd6$export$140a49745ab55563 as SwapEventType, $a4fbb8e3a6aeff58$export$971e031379577f4 as SwapReact, $fa90757d8d7a0962$export$bf1548ba7e61c17f as UpdateConfig, $77b6aac5c353d4a9$export$d9be06b70b28c742 as WalletEventType, $89d55ace0f8f1c07$export$ceaac94f34dba154 as WalletReact, $14d7a2bbb79e0dae$export$2f61dde3bdc320cb as WidgetConnectionProviders, $14d7a2bbb79e0dae$export$c88931fdc51854eb as WidgetTheme };
284
+ export { $15cc9e120aa6f3bf$export$d1bfa21f7c76447a as BridgeEventType, $1f969328e5988c99$export$30f61ebf204c69f6 as BridgeReact, $98cbcca465beec95$export$90db5fe1be5993c1 as BuyEventType, $f22931ca9e2f35b6$export$d13582032b79b401 as BuyReact, $14d7a2bbb79e0dae$export$75be0f6af9650f2c as CheckoutWidgetTagNames, $430e3eda76fa4d5f$export$af210a0808087845 as CheckoutWidgets, $a85ecdbd885c58ad$export$e72e7f9969a47dd3 as ConnectEventType, $f2083cd30e2f5c56$export$49d62957f420a1e2 as ConnectReact, $d087956fd1002f80$export$fa517eee6594d26c as ExampleReact, $207ed853f11d19d5$export$5a0ace85cae72d45 as IMTBLWidgetEvents, $14d7a2bbb79e0dae$export$95be4ae94445245a as Network, $66ceef112c0ee49e$export$66ec39c0924078d8 as OnRampEventType, $430e3eda76fa4d5f$export$931068bc678f0d73 as SetProvider, $53d219e7f6bf0cd6$export$140a49745ab55563 as SwapEventType, $a4fbb8e3a6aeff58$export$971e031379577f4 as SwapReact, $430e3eda76fa4d5f$export$bf1548ba7e61c17f as UpdateConfig, $77b6aac5c353d4a9$export$d9be06b70b28c742 as WalletEventType, $89d55ace0f8f1c07$export$ceaac94f34dba154 as WalletReact, $14d7a2bbb79e0dae$export$c88931fdc51854eb as WidgetTheme };
@@ -15,7 +15,7 @@ const production = () => Config.createConfig({
15
15
  chainID: 1,
16
16
  coreContractAddress: '0x5FDCCA53617f4d2b9134B29090C87D01058e27e9',
17
17
  registrationContractAddress: '0x72a06bf2a1CE5e39cBA06c0CAb824960B587d64c',
18
- sdkVersion: 'ts-immutable-sdk-0.1.6-alpha',
18
+ sdkVersion: 'ts-immutable-sdk-0.1.7-alpha.1',
19
19
  });
20
20
  /**
21
21
  * Set `sdkVersion` on config
@@ -25,7 +25,7 @@ const sandbox = () => Config.createConfig({
25
25
  chainID: 5,
26
26
  coreContractAddress: '0x7917eDb51ecD6CdB3F9854c3cc593F33de10c623',
27
27
  registrationContractAddress: '0x1C97Ada273C9A52253f463042f29117090Cd7D83',
28
- sdkVersion: 'ts-immutable-sdk-0.1.6-alpha',
28
+ sdkVersion: 'ts-immutable-sdk-0.1.7-alpha.1',
29
29
  });
30
30
  class ImxConfiguration {
31
31
  immutableXConfig;