@unifold/ui-web 0.1.46 → 0.1.47

package/dist/index.js

@@ -43351,6 +43351,9 @@ function getOnrampSessionStartUrl(request, publishableKey) {
   if (request.subdivision_code) {
     params.append("subdivision_code", request.subdivision_code);
   }
+  if (request.external_id) {
+    params.append("external_id", request.external_id);
+  }
   return `${API_BASE_URL}/v1/public/onramps/sessions/start?${params.toString()}`;
 }
 async function getDefaultOnrampToken(params, publishableKey) {
@@ -43674,6 +43677,38 @@ async function getDepositQuote(request, publishableKey) {
   const json = await response.json();
   return json.data;
 }
+function generatePrefixedKSUID(prefix) {
+  const BASE62 = "0123456789ABCDEFGHIJKLMNOPQRSTUVWXYZabcdefghijklmnopqrstuvwxyz";
+  const KSUID_EPOCH = 14e8;
+  const timestampSeconds = Math.floor(Date.now() / 1e3) - KSUID_EPOCH;
+  const payload = new Uint8Array(20);
+  payload[0] = timestampSeconds >>> 24 & 255;
+  payload[1] = timestampSeconds >>> 16 & 255;
+  payload[2] = timestampSeconds >>> 8 & 255;
+  payload[3] = timestampSeconds & 255;
+  if (typeof crypto !== "undefined" && crypto.getRandomValues) {
+    crypto.getRandomValues(payload.subarray(4));
+  } else {
+    for (let i = 4; i < 20; i++) {
+      payload[i] = Math.floor(Math.random() * 256);
+    }
+  }
+  let value = 0n;
+  for (const byte of payload) {
+    value = value << 8n | BigInt(byte);
+  }
+  let encoded = "";
+  while (value > 0n) {
+    encoded = BASE62[Number(value % 62n)] + encoded;
+    value = value / 62n;
+  }
+  encoded = encoded.padStart(27, "0");
+  return `${prefix}_${encoded}`;
+}
+var DepositEventType = /* @__PURE__ */ ((DepositEventType2) => {
+  DepositEventType2["ONRAMP_SESSION_CREATED"] = "onramp_session.created";
+  return DepositEventType2;
+})(DepositEventType || {});
 var REACT_LAZY_TYPE = /* @__PURE__ */ Symbol.for("react.lazy");
 var use = React25[" use ".trim().toString()];
 function isPromiseLike(value) {
@@ -50007,6 +50042,7 @@ function BuyWithCard({
   destinationTokenAddress,
   onDepositSuccess,
   onDepositError,
+  onEvent,
   themeClass = "",
   wallets: externalWallets,
   assetCdnUrl,
@@ -50360,6 +50396,7 @@ function BuyWithCard({
       setQuotesError("Wallet address not available");
       return;
     }
+    const externalId = generatePrefixedKSUID("orsext");
     const sessionRequest = {
       service_provider: selectedProvider.service_provider,
       country_code: selectedProvider.country_code.toUpperCase() || "US",
@@ -50368,7 +50405,8 @@ function BuyWithCard({
       destination_currency: selectedProvider.destination_currency,
       destination_network: selectedProvider.destination_network,
       wallet_address: wallet.address,
-      subdivision_code: userIpInfo?.state || void 0
+      subdivision_code: userIpInfo?.state || void 0,
+      external_id: externalId
     };
     const sessionStartUrl = getOnrampSessionStartUrl(
       sessionRequest,
@@ -50378,7 +50416,14 @@ function BuyWithCard({
       provider: selectedProvider,
       sourceCurrency: currency,
       sourceAmount: amount,
-      sessionUrl: sessionStartUrl
+      sessionUrl: sessionStartUrl,
+      externalId
+    });
+    onEvent?.({
+      id: generatePrefixedKSUID("sevt"),
+      type: DepositEventType.ONRAMP_SESSION_CREATED,
+      created: Math.floor(Date.now() / 1e3),
+      data: { object: { externalId } }
     });
     window.open(sessionStartUrl, "_blank");
     handleViewChange("onramp");
@@ -59141,6 +59186,7 @@ function DepositModal({
   hideDisplayDescription = false,
   onDepositSuccess,
   onDepositError,
+  onEvent,
   theme = "dark",
   hideOverlay = false,
   initialScreen = "main",
@@ -59655,6 +59701,7 @@ function DepositModal({
                     destinationTokenAddress,
                     onDepositSuccess,
                     onDepositError,
+                    onEvent,
                     themeClass,
                     wallets,
                     assetCdnUrl: projectConfig?.asset_cdn_url,
@@ -59838,6 +59885,10 @@ function CheckoutModal({
   publishableKey,
   modalTitle,
   enableConnectWallet = false,
+  defaultSourceChainType,
+  defaultSourceChainId,
+  defaultSourceTokenAddress,
+  defaultSourceSymbol,
   theme = "dark",
   onCheckoutSuccess,
   onCheckoutError
@@ -60335,6 +60386,10 @@ function CheckoutModal({
                   destinationChainType: paymentIntent.destination_chain_type,
                   destinationChainId: paymentIntent.destination_chain_id,
                   destinationTokenAddress: paymentIntent.destination_token_address,
+                  defaultSourceChainType,
+                  defaultSourceChainId,
+                  defaultSourceTokenAddress,
+                  defaultSourceSymbol,
                   depositConfirmationMode: "auto_ui",
                   wallets,
                   onSourceTokenChange: setSelectedSource,
@@ -60987,8 +61042,8 @@ function WithdrawForm({
       setAmount(fiat.toFixed(2));
       setInputUnit("fiat");
     } else {
-      const crypto = val / exchangeRate;
-      setAmount(crypto.toFixed(sourceDecimals > 6 ? 6 : sourceDecimals));
+      const crypto2 = val / exchangeRate;
+      setAmount(crypto2.toFixed(sourceDecimals > 6 ? 6 : sourceDecimals));
       setInputUnit("crypto");
     }
   }, [amount, inputUnit, exchangeRate, sourceDecimals]);
@@ -62185,6 +62240,10 @@ function UnifoldProvider2({
             clientSecret: checkoutConfig.clientSecret,
             publishableKey,
             enableConnectWallet: config?.enableConnectWallet,
+            defaultSourceChainType: checkoutConfig.defaultSourceChainType,
+            defaultSourceChainId: checkoutConfig.defaultSourceChainId,
+            defaultSourceTokenAddress: checkoutConfig.defaultSourceTokenAddress,
+            defaultSourceSymbol: checkoutConfig.defaultSourceSymbol,
             theme: resolvedTheme,
             onCheckoutSuccess: handleCheckoutSuccess,
             onCheckoutError: handleCheckoutError
@@ -62235,6 +62294,7 @@ function UnifoldProvider2({
             enablePayWithExchange: config?.enablePayWithExchange,
             onDepositSuccess: handleDepositSuccess,
             onDepositError: handleDepositError,
+            onEvent: depositConfig.onEvent,
             theme: resolvedTheme,
             initialScreen: depositConfig.initialScreen ?? config?.defaultInitialScreen,
             transferCryptoTitle: config?.transferCryptoTitle,

package/dist/index.mjs

@@ -43338,6 +43338,9 @@ function getOnrampSessionStartUrl(request, publishableKey) {
   if (request.subdivision_code) {
     params.append("subdivision_code", request.subdivision_code);
   }
+  if (request.external_id) {
+    params.append("external_id", request.external_id);
+  }
   return `${API_BASE_URL}/v1/public/onramps/sessions/start?${params.toString()}`;
 }
 async function getDefaultOnrampToken(params, publishableKey) {
@@ -43661,6 +43664,38 @@ async function getDepositQuote(request, publishableKey) {
   const json = await response.json();
   return json.data;
 }
+function generatePrefixedKSUID(prefix) {
+  const BASE62 = "0123456789ABCDEFGHIJKLMNOPQRSTUVWXYZabcdefghijklmnopqrstuvwxyz";
+  const KSUID_EPOCH = 14e8;
+  const timestampSeconds = Math.floor(Date.now() / 1e3) - KSUID_EPOCH;
+  const payload = new Uint8Array(20);
+  payload[0] = timestampSeconds >>> 24 & 255;
+  payload[1] = timestampSeconds >>> 16 & 255;
+  payload[2] = timestampSeconds >>> 8 & 255;
+  payload[3] = timestampSeconds & 255;
+  if (typeof crypto !== "undefined" && crypto.getRandomValues) {
+    crypto.getRandomValues(payload.subarray(4));
+  } else {
+    for (let i = 4; i < 20; i++) {
+      payload[i] = Math.floor(Math.random() * 256);
+    }
+  }
+  let value = 0n;
+  for (const byte of payload) {
+    value = value << 8n | BigInt(byte);
+  }
+  let encoded = "";
+  while (value > 0n) {
+    encoded = BASE62[Number(value % 62n)] + encoded;
+    value = value / 62n;
+  }
+  encoded = encoded.padStart(27, "0");
+  return `${prefix}_${encoded}`;
+}
+var DepositEventType = /* @__PURE__ */ ((DepositEventType2) => {
+  DepositEventType2["ONRAMP_SESSION_CREATED"] = "onramp_session.created";
+  return DepositEventType2;
+})(DepositEventType || {});
 var REACT_LAZY_TYPE = /* @__PURE__ */ Symbol.for("react.lazy");
 var use = React25[" use ".trim().toString()];
 function isPromiseLike(value) {
@@ -49994,6 +50029,7 @@ function BuyWithCard({
   destinationTokenAddress,
   onDepositSuccess,
   onDepositError,
+  onEvent,
   themeClass = "",
   wallets: externalWallets,
   assetCdnUrl,
@@ -50347,6 +50383,7 @@ function BuyWithCard({
       setQuotesError("Wallet address not available");
       return;
     }
+    const externalId = generatePrefixedKSUID("orsext");
     const sessionRequest = {
       service_provider: selectedProvider.service_provider,
       country_code: selectedProvider.country_code.toUpperCase() || "US",
@@ -50355,7 +50392,8 @@ function BuyWithCard({
       destination_currency: selectedProvider.destination_currency,
       destination_network: selectedProvider.destination_network,
       wallet_address: wallet.address,
-      subdivision_code: userIpInfo?.state || void 0
+      subdivision_code: userIpInfo?.state || void 0,
+      external_id: externalId
     };
     const sessionStartUrl = getOnrampSessionStartUrl(
       sessionRequest,
@@ -50365,7 +50403,14 @@ function BuyWithCard({
       provider: selectedProvider,
       sourceCurrency: currency,
       sourceAmount: amount,
-      sessionUrl: sessionStartUrl
+      sessionUrl: sessionStartUrl,
+      externalId
+    });
+    onEvent?.({
+      id: generatePrefixedKSUID("sevt"),
+      type: DepositEventType.ONRAMP_SESSION_CREATED,
+      created: Math.floor(Date.now() / 1e3),
+      data: { object: { externalId } }
     });
     window.open(sessionStartUrl, "_blank");
     handleViewChange("onramp");
@@ -59128,6 +59173,7 @@ function DepositModal({
   hideDisplayDescription = false,
   onDepositSuccess,
   onDepositError,
+  onEvent,
   theme = "dark",
   hideOverlay = false,
   initialScreen = "main",
@@ -59642,6 +59688,7 @@ function DepositModal({
                     destinationTokenAddress,
                     onDepositSuccess,
                     onDepositError,
+                    onEvent,
                     themeClass,
                     wallets,
                     assetCdnUrl: projectConfig?.asset_cdn_url,
@@ -59825,6 +59872,10 @@ function CheckoutModal({
   publishableKey,
   modalTitle,
   enableConnectWallet = false,
+  defaultSourceChainType,
+  defaultSourceChainId,
+  defaultSourceTokenAddress,
+  defaultSourceSymbol,
   theme = "dark",
   onCheckoutSuccess,
   onCheckoutError
@@ -60322,6 +60373,10 @@ function CheckoutModal({
                   destinationChainType: paymentIntent.destination_chain_type,
                   destinationChainId: paymentIntent.destination_chain_id,
                   destinationTokenAddress: paymentIntent.destination_token_address,
+                  defaultSourceChainType,
+                  defaultSourceChainId,
+                  defaultSourceTokenAddress,
+                  defaultSourceSymbol,
                   depositConfirmationMode: "auto_ui",
                   wallets,
                   onSourceTokenChange: setSelectedSource,
@@ -60974,8 +61029,8 @@ function WithdrawForm({
       setAmount(fiat.toFixed(2));
       setInputUnit("fiat");
     } else {
-      const crypto = val / exchangeRate;
-      setAmount(crypto.toFixed(sourceDecimals > 6 ? 6 : sourceDecimals));
+      const crypto2 = val / exchangeRate;
+      setAmount(crypto2.toFixed(sourceDecimals > 6 ? 6 : sourceDecimals));
       setInputUnit("crypto");
     }
   }, [amount, inputUnit, exchangeRate, sourceDecimals]);
@@ -62172,6 +62227,10 @@ function UnifoldProvider2({
             clientSecret: checkoutConfig.clientSecret,
             publishableKey,
             enableConnectWallet: config?.enableConnectWallet,
+            defaultSourceChainType: checkoutConfig.defaultSourceChainType,
+            defaultSourceChainId: checkoutConfig.defaultSourceChainId,
+            defaultSourceTokenAddress: checkoutConfig.defaultSourceTokenAddress,
+            defaultSourceSymbol: checkoutConfig.defaultSourceSymbol,
             theme: resolvedTheme,
             onCheckoutSuccess: handleCheckoutSuccess,
             onCheckoutError: handleCheckoutError
@@ -62222,6 +62281,7 @@ function UnifoldProvider2({
             enablePayWithExchange: config?.enablePayWithExchange,
             onDepositSuccess: handleDepositSuccess,
             onDepositError: handleDepositError,
+            onEvent: depositConfig.onEvent,
             theme: resolvedTheme,
             initialScreen: depositConfig.initialScreen ?? config?.defaultInitialScreen,
             transferCryptoTitle: config?.transferCryptoTitle,

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@unifold/ui-web",
-  "version": "0.1.46",
+  "version": "0.1.47",
   "description": "Unifold UI Web - Framework-agnostic deposit widget",
   "main": "./dist/index.js",
   "module": "./dist/index.mjs",
@@ -27,10 +27,10 @@
     "@types/react-dom": "^19.0.0",
     "tsup": "^8.0.0",
     "typescript": "^5.0.0",
-    "@unifold/connect-react": "0.1.46",
-    "@unifold/react-provider": "0.1.46",
-    "@unifold/core": "0.1.46",
-    "@unifold/ui-react": "0.1.46"
+    "@unifold/connect-react": "0.1.47",
+    "@unifold/core": "0.1.47",
+    "@unifold/ui-react": "0.1.47",
+    "@unifold/react-provider": "0.1.47"
   },
   "keywords": [
     "unifold",