@imtbl/checkout-widgets 2.4.10-alpha.4 → 2.4.11-alpha.0

package/dist/browser/{index.umd-Bxn3k6Zk.js → index.umd-BIod9WXR.js}

@@ -1,4 +1,4 @@
-import { ay as getDefaultExportFromCjs } from './index-CrRYmsHp.js';
+import { ay as getDefaultExportFromCjs } from './index-Ccm0tWQA.js';
 
 function _mergeNamespaces(n, m) {
 	m.forEach(function (e) {

package/dist/browser/{useInterval--aqrNrGa.js → useInterval-lE5hntN7.js}

@@ -1,4 +1,4 @@
-import { r as reactExports, dV as useBrowserLayoutEffect } from './index-CrRYmsHp.js';
+import { r as reactExports, dV as useBrowserLayoutEffect } from './index-Ccm0tWQA.js';
 
 // Inspired by https://usehooks-ts.com/react-hook/use-interval
 function useInterval(callback, delay) {

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@imtbl/checkout-widgets",
-  "version": "2.4.10-alpha.4",
+  "version": "2.4.11-alpha.0",
   "browserslist": {
     "production": [
       ">0.2%",
@@ -18,12 +18,12 @@
     "@biom3/design-tokens": "^0.4.5",
     "@biom3/react": "^0.29.4",
     "@emotion/react": "^11.11.3",
-    "@imtbl/bridge-sdk": "2.4.10-alpha.4",
-    "@imtbl/checkout-sdk": "2.4.10-alpha.4",
-    "@imtbl/config": "2.4.10-alpha.4",
-    "@imtbl/cryptofiat": "2.4.10-alpha.4",
-    "@imtbl/dex-sdk": "2.4.10-alpha.4",
-    "@imtbl/passport": "2.4.10-alpha.4",
+    "@imtbl/bridge-sdk": "2.4.11-alpha.0",
+    "@imtbl/checkout-sdk": "2.4.11-alpha.0",
+    "@imtbl/config": "2.4.11-alpha.0",
+    "@imtbl/cryptofiat": "2.4.11-alpha.0",
+    "@imtbl/dex-sdk": "2.4.11-alpha.0",
+    "@imtbl/passport": "2.4.11-alpha.0",
     "@imtbl/react-analytics": "0.3.2-alpha",
     "@rive-app/react-canvas-lite": "^4.9.0",
     "@walletconnect/ethereum-provider": "^2.11.1",

package/src/widgets/immutable-commerce/functions/getCommerceWidgetEvent.ts

@@ -12,6 +12,7 @@ import {
   PurchaseEventType,
   SaleEventType,
   SwapEventType,
+  TransferEventType,
   WalletEventType,
 } from '@imtbl/checkout-sdk';
 
@@ -348,6 +349,41 @@ function mapPurchaseWidgetEvent(
   }
 }
 
+/**
+ * Map Transfer Widget Events
+ */
+function mapTransferWidgetEvent(
+  event: CustomEvent<{ type: TransferEventType; data: Record<string, unknown> }>,
+): CommerceEventDetail {
+  const { type, data } = event.detail;
+
+  switch (type) {
+    case TransferEventType.SUCCESS:
+      return {
+        type: CommerceEventType.SUCCESS,
+        data: {
+          type: CommerceSuccessEventType.TRANSFER_SUCCESS,
+          data,
+        },
+      };
+    case TransferEventType.FAILURE:
+      return {
+        type: CommerceEventType.FAILURE,
+        data: {
+          type: CommerceFailureEventType.TRANSFER_FAILED,
+          data,
+        },
+      };
+    case TransferEventType.CLOSE_WIDGET:
+      return {
+        type: CommerceEventType.CLOSE,
+        data: {},
+      };
+    default:
+      throw new Error(`Unknown transfer event type "${event.detail.type}"`);
+  }
+}
+
 /**
  * Map widget events to commerce widget event detail
  */
@@ -378,6 +414,8 @@ export function getCommerceWidgetEvent(
       return mapSaleWidgetEvent(event);
     case IMTBLWidgetEvents.IMTBL_PURCHASE_WIDGET_EVENT:
       return mapPurchaseWidgetEvent(event);
+    case IMTBLWidgetEvents.IMTBL_TRANSFER_WIDGET_EVENT:
+      return mapTransferWidgetEvent(event);
     default:
       throw new Error(`Unknown widget event type "${event.type}"`);
   }

package/src/widgets/immutable-commerce/hooks/useWidgetEvents.ts

@@ -26,6 +26,7 @@ const widgetEvents = [
   IMTBLWidgetEvents.IMTBL_SALE_WIDGET_EVENT,
   IMTBLWidgetEvents.IMTBL_ADD_TOKENS_WIDGET_EVENT,
   IMTBLWidgetEvents.IMTBL_PURCHASE_WIDGET_EVENT,
+  IMTBLWidgetEvents.IMTBL_TRANSFER_WIDGET_EVENT,
 ];
 
 /**