@turnkey/react-wallet-kit 2.0.0 → 2.1.0

package/dist/components/auth/wallet/WalletConnectFlow.mjs

@@ -0,0 +1,310 @@
+import { asyncToGenerator as _asyncToGenerator, regenerator as _regenerator, objectSpread2 as _objectSpread2 } from '../../../_virtual/_rollupPluginBabelHelpers.mjs';
+import { jsx } from 'react/jsx-runtime';
+import { useEffect } from 'react';
+import { useModal } from '../../../providers/modal/Hook.mjs';
+import { useTurnkey } from '../../../providers/client/Hook.mjs';
+import { ExternalWalletChainSelector } from './ExternalWalletChainSelector.mjs';
+import { DesktopWalletConnectScreen } from './DesktopWalletConnectScreen.mjs';
+import { DisconnectWalletScreen } from './DisconnectWalletScreen.mjs';
+import { MobileWalletConnectScreen } from './MobileWalletConnectScreen.mjs';
+import { ShowAllWalletsScreen } from './ShowAllWalletsScreen.mjs';
+import { WalletSelectorMode } from '../../../types/base.mjs';
+
+/**
+ * Orchestrates the WalletConnect connection flow.
+ *
+ * Desktop flow: Chain selector → QR code screen
+ * Mobile flow: App selector → Deep link screen (with QR fallback)
+ */
+function WalletConnectFlow(props) {
+  var providers = props.providers,
+    mode = props.mode,
+    sessionKey = props.sessionKey,
+    onDisconnect = props.onDisconnect;
+  var _useModal = useModal(),
+    pushPage = _useModal.pushPage,
+    popPage = _useModal.popPage,
+    isMobile = _useModal.isMobile;
+  var _useTurnkey = useTurnkey(),
+    connectWalletAccount = _useTurnkey.connectWalletAccount,
+    disconnectWalletAccount = _useTurnkey.disconnectWalletAccount,
+    loginOrSignupWithWallet = _useTurnkey.loginOrSignupWithWallet;
+  var isConnectMode = mode === WalletSelectorMode.Connect;
+  // Check if any provider in the group is already connected
+  var isConnected = isConnectMode && providers.some(function (p) {
+    var _p$connectedAddresses;
+    return ((_p$connectedAddresses = p.connectedAddresses) === null || _p$connectedAddresses === void 0 ? void 0 : _p$connectedAddresses.length) > 0;
+  });
+  // ─────────────────────────────────────────────────────────────────────────────
+  // WalletConnect action handlers
+  // ─────────────────────────────────────────────────────────────────────────────
+  var handleAction = /*#__PURE__*/function () {
+    var _ref = _asyncToGenerator(/*#__PURE__*/_regenerator().m(function _callee(provider) {
+      return _regenerator().w(function (_context) {
+        while (1) switch (_context.n) {
+          case 0:
+            if (!(mode === WalletSelectorMode.Auth)) {
+              _context.n = 2;
+              break;
+            }
+            _context.n = 1;
+            return loginOrSignupWithWallet(_objectSpread2({
+              walletProvider: provider
+            }, sessionKey && {
+              sessionKey: sessionKey
+            }));
+          case 1:
+            _context.n = 3;
+            break;
+          case 2:
+            _context.n = 3;
+            return connectWalletAccount(provider);
+          case 3:
+            return _context.a(2);
+        }
+      }, _callee);
+    }));
+    return function handleAction(_x) {
+      return _ref.apply(this, arguments);
+    };
+  }();
+  var handleDisconnect = /*#__PURE__*/function () {
+    var _ref2 = _asyncToGenerator(/*#__PURE__*/_regenerator().m(function _callee2(provider) {
+      return _regenerator().w(function (_context2) {
+        while (1) switch (_context2.n) {
+          case 0:
+            _context2.n = 1;
+            return disconnectWalletAccount(provider);
+          case 1:
+            return _context2.a(2);
+        }
+      }, _callee2);
+    }));
+    return function handleDisconnect(_x2) {
+      return _ref2.apply(this, arguments);
+    };
+  }();
+  /** Push the DisconnectWalletScreen for a connected provider */
+  var pushDisconnectScreen = /*#__PURE__*/function () {
+    var _ref3 = _asyncToGenerator(/*#__PURE__*/_regenerator().m(function _callee4(provider) {
+      return _regenerator().w(function (_context4) {
+        while (1) switch (_context4.n) {
+          case 0:
+            if (!onDisconnect) {
+              _context4.n = 2;
+              break;
+            }
+            _context4.n = 1;
+            return onDisconnect(provider);
+          case 1:
+            return _context4.a(2);
+          case 2:
+            pushPage({
+              key: "Disconnect ".concat(provider.info.name),
+              content: jsx(DisconnectWalletScreen, {
+                provider: provider,
+                onDisconnect: function () {
+                  var _onDisconnect = _asyncToGenerator(/*#__PURE__*/_regenerator().m(function _callee3(p) {
+                    return _regenerator().w(function (_context3) {
+                      while (1) switch (_context3.n) {
+                        case 0:
+                          _context3.n = 1;
+                          return handleDisconnect(p);
+                        case 1:
+                          popPage();
+                        case 2:
+                          return _context3.a(2);
+                      }
+                    }, _callee3);
+                  }));
+                  function onDisconnect(_x4) {
+                    return _onDisconnect.apply(this, arguments);
+                  }
+                  return onDisconnect;
+                }()
+              }),
+              showTitle: false
+            });
+          case 3:
+            return _context4.a(2);
+        }
+      }, _callee4);
+    }));
+    return function pushDisconnectScreen(_x3) {
+      return _ref3.apply(this, arguments);
+    };
+  }();
+  // ─────────────────────────────────────────────────────────────────────────────
+  // Screen navigation helpers
+  // ─────────────────────────────────────────────────────────────────────────────
+  var pushDesktopQRCodeScreen = function pushDesktopQRCodeScreen(provider, onSelectAllWallets) {
+    pushPage({
+      key: "Connect WalletConnect",
+      content: jsx(DesktopWalletConnectScreen, {
+        provider: provider,
+        onAction: handleAction,
+        onDisconnect: handleDisconnect,
+        onSelectAllWallets: onSelectAllWallets
+      })
+    });
+  };
+  var pushDesktopChainSelector = function pushDesktopChainSelector(onSelectAllWallets) {
+    pushPage({
+      key: "Select chain",
+      content: jsx(ExternalWalletChainSelector, {
+        providers: providers,
+        onDisconnect: isConnectMode ? pushDisconnectScreen : undefined,
+        onSelect: function () {
+          var _onSelect = _asyncToGenerator(/*#__PURE__*/_regenerator().m(function _callee5(provider) {
+            return _regenerator().w(function (_context5) {
+              while (1) switch (_context5.n) {
+                case 0:
+                  return _context5.a(2, pushDesktopQRCodeScreen(provider, onSelectAllWallets));
+              }
+            }, _callee5);
+          }));
+          function onSelect(_x5) {
+            return _onSelect.apply(this, arguments);
+          }
+          return onSelect;
+        }()
+      })
+    });
+  };
+  /** Mobile: Deep link screen to open wallet app */
+  var pushMobileDeepLinkScreen = function pushMobileDeepLinkScreen(provider) {
+    pushPage({
+      key: "Open app",
+      content: jsx(MobileWalletConnectScreen, {
+        provider: provider,
+        onConnect: function () {
+          var _onConnect = _asyncToGenerator(/*#__PURE__*/_regenerator().m(function _callee6(p) {
+            return _regenerator().w(function (_context6) {
+              while (1) switch (_context6.n) {
+                case 0:
+                  _context6.n = 1;
+                  return connectWalletAccount(p);
+                case 1:
+                  return _context6.a(2);
+              }
+            }, _callee6);
+          }));
+          function onConnect(_x6) {
+            return _onConnect.apply(this, arguments);
+          }
+          return onConnect;
+        }(),
+        onSign: mode === WalletSelectorMode.Auth ? (/*#__PURE__*/function () {
+          var _ref4 = _asyncToGenerator(/*#__PURE__*/_regenerator().m(function _callee7(p) {
+            return _regenerator().w(function (_context7) {
+              while (1) switch (_context7.n) {
+                case 0:
+                  _context7.n = 1;
+                  return loginOrSignupWithWallet(_objectSpread2({
+                    walletProvider: p
+                  }, sessionKey && {
+                    sessionKey: sessionKey
+                  }));
+                case 1:
+                  return _context7.a(2);
+              }
+            }, _callee7);
+          }));
+          return function (_x7) {
+            return _ref4.apply(this, arguments);
+          };
+        }()) : undefined,
+        onSelectQRCode: function () {
+          var _onSelectQRCode = _asyncToGenerator(/*#__PURE__*/_regenerator().m(function _callee8(chain) {
+            var chainProvider;
+            return _regenerator().w(function (_context8) {
+              while (1) switch (_context8.n) {
+                case 0:
+                  // Fallback to QR code if deep link doesn't work
+                  chainProvider = providers.find(function (p) {
+                    return p.chainInfo.namespace === chain;
+                  });
+                  pushDesktopQRCodeScreen(chainProvider);
+                case 1:
+                  return _context8.a(2);
+              }
+            }, _callee8);
+          }));
+          function onSelectQRCode(_x8) {
+            return _onSelectQRCode.apply(this, arguments);
+          }
+          return onSelectQRCode;
+        }()
+      })
+    });
+  };
+  /** Mobile: Show all WalletConnect-compatible apps */
+  var pushMobileAppSelector = function pushMobileAppSelector() {
+    pushPage({
+      key: "Connect WalletConnect",
+      content: jsx(ShowAllWalletsScreen, {
+        onSelect: function () {
+          var _onSelect2 = _asyncToGenerator(/*#__PURE__*/_regenerator().m(function _callee9(provider) {
+            return _regenerator().w(function (_context9) {
+              while (1) switch (_context9.n) {
+                case 0:
+                  return _context9.a(2, pushMobileDeepLinkScreen(provider));
+              }
+            }, _callee9);
+          }));
+          function onSelect(_x9) {
+            return _onSelect2.apply(this, arguments);
+          }
+          return onSelect;
+        }(),
+        onSelectQRCode: function () {
+          var _onSelectQRCode2 = _asyncToGenerator(/*#__PURE__*/_regenerator().m(function _callee0() {
+            return _regenerator().w(function (_context0) {
+              while (1) switch (_context0.n) {
+                case 0:
+                  return _context0.a(2, pushDesktopChainSelector());
+              }
+            }, _callee0);
+          }));
+          function onSelectQRCode() {
+            return _onSelectQRCode2.apply(this, arguments);
+          }
+          return onSelectQRCode;
+        }()
+      })
+    });
+  };
+  // ─────────────────────────────────────────────────────────────────────────────
+  // Flow selection
+  // ─────────────────────────────────────────────────────────────────────────────
+  useEffect(function () {
+    // Mobile flow: App list -> deep link to wallet app
+    // Desktop flow: Chain selector -> QR code
+    //
+    // Exception: For "Connect Wallet" screen (disconnect possible),
+    // always use desktop flow since it shows connection status.
+    var useDesktopFlow = !isMobile || isConnected;
+    // Pop the WalletConnectFlow page itself so the back button on the next
+    // screen returns to the wallet list, not this empty orchestrator page.
+    popPage();
+    if (useDesktopFlow) {
+      pushDesktopChainSelector(/*#__PURE__*/_asyncToGenerator(/*#__PURE__*/_regenerator().m(function _callee1() {
+        return _regenerator().w(function (_context1) {
+          while (1) switch (_context1.n) {
+            case 0:
+              pushMobileAppSelector();
+            case 1:
+              return _context1.a(2);
+          }
+        }, _callee1);
+      })));
+    } else {
+      pushMobileAppSelector();
+    }
+  }, []);
+  // This component doesn't render anything - it just orchestrates navigation
+  return null;
+}
+
+export { WalletConnectFlow };
+//# sourceMappingURL=WalletConnectFlow.mjs.map

package/dist/components/auth/wallet/WalletConnectFlow.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"WalletConnectFlow.mjs","sources":["../../../../src/components/auth/wallet/WalletConnectFlow.tsx"],"sourcesContent":[null],"names":["WalletConnectFlow","props","providers","mode","sessionKey","onDisconnect","_useModal","useModal","pushPage","popPage","isMobile","_useTurnkey","useTurnkey","connectWalletAccount","disconnectWalletAccount","loginOrSignupWithWallet","isConnectMode","WalletSelectorMode","Connect","isConnected","some","p","_p$connectedAddresses","connectedAddresses","length","handleAction","_ref","_asyncToGenerator","_regenerator","m","_callee","provider","w","_context","n","Auth","_objectSpread","walletProvider","a","_x","apply","arguments","handleDisconnect","_ref2","_callee2","_context2","_x2","pushDisconnectScreen","_ref3","_callee4","_context4","key","concat","info","name","content","_jsx","DisconnectWalletScreen","_onDisconnect","_callee3","_context3","_x4","showTitle","_x3","pushDesktopQRCodeScreen","onSelectAllWallets","DesktopWalletConnectScreen","onAction","pushDesktopChainSelector","ExternalWalletChainSelector","undefined","onSelect","_onSelect","_callee5","_context5","_x5","pushMobileDeepLinkScreen","MobileWalletConnectScreen","onConnect","_onConnect","_callee6","_context6","_x6","onSign","_ref4","_callee7","_context7","_x7","onSelectQRCode","_onSelectQRCode","_callee8","chain","chainProvider","_context8","find","chainInfo","namespace","_x8","pushMobileAppSelector","ShowAllWalletsScreen","_onSelect2","_callee9","_context9","_x9","_onSelectQRCode2","_callee0","_context0","useEffect","useDesktopFlow","_callee1","_context1"],"mappings":"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"}

package/dist/components/auth/wallet/constants.d.ts

@@ -0,0 +1,6 @@
+export declare const BUFFER_SIZE = 50;
+export declare const WALLET_BUTTON_HEIGHT = 56;
+export declare const ROW_GAP_PX = 8;
+export declare const ROW_STRIDE: number;
+export declare const INITIAL_VISIBLE_ROWS = 20;
+//# sourceMappingURL=constants.d.ts.map

package/dist/components/auth/wallet/constants.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"constants.d.ts","sourceRoot":"","sources":["../../../../src/components/auth/wallet/constants.ts"],"names":[],"mappings":"AAAA,eAAO,MAAM,WAAW,KAAK,CAAC;AAC9B,eAAO,MAAM,oBAAoB,KAAK,CAAC;AACvC,eAAO,MAAM,UAAU,IAAI,CAAC;AAC5B,eAAO,MAAM,UAAU,QAAoC,CAAC;AAC5D,eAAO,MAAM,oBAAoB,KAAK,CAAC"}

package/dist/components/auth/wallet/constants.js

@@ -0,0 +1,14 @@
+'use strict';
+
+const BUFFER_SIZE = 50; // Number of items to render outside visible area
+const WALLET_BUTTON_HEIGHT = 56; // Height of each wallet button in pixels.
+const ROW_GAP_PX = 8; // matches Tailwind `gap-2` on the wallet list flex container
+const ROW_STRIDE = WALLET_BUTTON_HEIGHT + ROW_GAP_PX;
+const INITIAL_VISIBLE_ROWS = 20; // pre-mount this many rows before first scroll
+
+exports.BUFFER_SIZE = BUFFER_SIZE;
+exports.INITIAL_VISIBLE_ROWS = INITIAL_VISIBLE_ROWS;
+exports.ROW_GAP_PX = ROW_GAP_PX;
+exports.ROW_STRIDE = ROW_STRIDE;
+exports.WALLET_BUTTON_HEIGHT = WALLET_BUTTON_HEIGHT;
+//# sourceMappingURL=constants.js.map

package/dist/components/auth/wallet/constants.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"constants.js","sources":["../../../../src/components/auth/wallet/constants.ts"],"sourcesContent":[null],"names":["BUFFER_SIZE","WALLET_BUTTON_HEIGHT","ROW_GAP_PX","ROW_STRIDE","INITIAL_VISIBLE_ROWS"],"mappings":";;AAAO,MAAMA,WAAW,GAAG,GAAG;AACvB,MAAMC,oBAAoB,GAAG,GAAG;AAChC,MAAMC,UAAU,GAAG,EAAE;AACrB,MAAMC,UAAU,GAAGF,oBAAoB,GAAGC;AAC1C,MAAME,oBAAoB,GAAG,GAAG;;;;;;;;"}

package/dist/components/auth/wallet/constants.mjs

@@ -0,0 +1,8 @@
+var BUFFER_SIZE = 50; // Number of items to render outside visible area
+var WALLET_BUTTON_HEIGHT = 56; // Height of each wallet button in pixels.
+var ROW_GAP_PX = 8; // matches Tailwind `gap-2` on the wallet list flex container
+var ROW_STRIDE = WALLET_BUTTON_HEIGHT + ROW_GAP_PX;
+var INITIAL_VISIBLE_ROWS = 20; // pre-mount this many rows before first scroll
+
+export { BUFFER_SIZE, INITIAL_VISIBLE_ROWS, ROW_GAP_PX, ROW_STRIDE, WALLET_BUTTON_HEIGHT };
+//# sourceMappingURL=constants.mjs.map

package/dist/components/auth/wallet/constants.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"constants.mjs","sources":["../../../../src/components/auth/wallet/constants.ts"],"sourcesContent":[null],"names":["BUFFER_SIZE","WALLET_BUTTON_HEIGHT","ROW_GAP_PX","ROW_STRIDE","INITIAL_VISIBLE_ROWS"],"mappings":"AAAO,IAAMA,WAAW,GAAG,GAAG;AACvB,IAAMC,oBAAoB,GAAG,GAAG;AAChC,IAAMC,UAAU,GAAG,EAAE;AACrB,IAAMC,UAAU,GAAGF,oBAAoB,GAAGC;AAC1C,IAAME,oBAAoB,GAAG,GAAG;;;;"}

package/dist/components/auth/wallet/utils.d.ts

@@ -0,0 +1,4 @@
+import type { WalletProvider } from "@turnkey/core";
+/** @internal */
+export declare const canDisconnect: (provider: WalletProvider, shouldShowDisconnect?: boolean) => boolean | undefined;
+//# sourceMappingURL=utils.d.ts.map

package/dist/components/auth/wallet/utils.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"utils.d.ts","sourceRoot":"","sources":["../../../../src/components/auth/wallet/utils.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,eAAe,CAAC;AAEpD,gBAAgB;AAChB,eAAO,MAAM,aAAa,aACd,cAAc,yBACD,OAAO,wBAO/B,CAAC"}

package/dist/components/auth/wallet/utils.js

@@ -0,0 +1,9 @@
+'use strict';
+
+/** @internal */
+const canDisconnect = (provider, shouldShowDisconnect) => {
+  return shouldShowDisconnect && provider.connectedAddresses && provider.connectedAddresses.length > 0;
+};
+
+exports.canDisconnect = canDisconnect;
+//# sourceMappingURL=utils.js.map

package/dist/components/auth/wallet/utils.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"utils.js","sources":["../../../../src/components/auth/wallet/utils.ts"],"sourcesContent":[null],"names":["canDisconnect","provider","shouldShowDisconnect","connectedAddresses","length"],"mappings":";;AAEA;MACaA,aAAa,GAAGA,CAC3BC,QAAwB,EACxBC,oBAA8B,KAC5B;AACF,EAAA,OACEA,oBAAoB,IACpBD,QAAQ,CAACE,kBAAkB,IAC3BF,QAAQ,CAACE,kBAAkB,CAACC,MAAM,GAAG,CAAC;AAE1C;;;;"}

package/dist/components/auth/wallet/utils.mjs

@@ -0,0 +1,7 @@
+/** @internal */
+var canDisconnect = function canDisconnect(provider, shouldShowDisconnect) {
+  return shouldShowDisconnect && provider.connectedAddresses && provider.connectedAddresses.length > 0;
+};
+
+export { canDisconnect };
+//# sourceMappingURL=utils.mjs.map

package/dist/components/auth/wallet/utils.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"utils.mjs","sources":["../../../../src/components/auth/wallet/utils.ts"],"sourcesContent":[null],"names":["canDisconnect","provider","shouldShowDisconnect","connectedAddresses","length"],"mappings":"AAEA;AACO,IAAMA,aAAa,GAAG,SAAhBA,aAAaA,CACxBC,QAAwB,EACxBC,oBAA8B,EAC5B;AACF,EAAA,OACEA,oBAAoB,IACpBD,QAAQ,CAACE,kBAAkB,IAC3BF,QAAQ,CAACE,kBAAkB,CAACC,MAAM,GAAG,CAAC;AAE1C;;;;"}

package/dist/components/design/Buttons.d.ts

@@ -20,6 +20,7 @@ interface ActionButtonProps {
     loading?: boolean;
     loadingText?: string;
     className?: string;
+    style?: React.CSSProperties;
     spinnerClassName?: string;
     name?: string;
 }

package/dist/components/design/Buttons.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"Buttons.d.ts","sourceRoot":"","sources":["../../../src/components/design/Buttons.tsx"],"names":[],"mappings":";AAAA,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,mCAAmC,CAAC;AAMxE,UAAU,eAAe;IACvB,IAAI,EAAE,cAAc,CAAC;IACrB,OAAO,CAAC,EAAE,MAAM,IAAI,CAAC;IACrB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,gBAAgB,CAAC,EAAE,MAAM,CAAC;IAC1B,IAAI,CAAC,EAAE,MAAM,CAAC;CACf;AAED,wBAAgB,UAAU,CACxB,KAAK,EAAE,KAAK,CAAC,oBAAoB,CAAC,iBAAiB,CAAC,2CAcrD;AACD,wBAAgB,UAAU,CAAC,KAAK,EAAE,eAAe,2CA8BhD;AAED,UAAU,iBAAiB;IACzB,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC;IAC1B,OAAO,CAAC,EAAE,MAAM,IAAI,CAAC;IACrB,YAAY,CAAC,EAAE,MAAM,IAAI,CAAC;IAC1B,YAAY,CAAC,EAAE,MAAM,IAAI,CAAC;IAC1B,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,gBAAgB,CAAC,EAAE,MAAM,CAAC;IAC1B,IAAI,CAAC,EAAE,MAAM,CAAC;CACf;AAED,wBAAgB,YAAY,CAAC,KAAK,EAAE,iBAAiB,2CAsCpD"}
+{"version":3,"file":"Buttons.d.ts","sourceRoot":"","sources":["../../../src/components/design/Buttons.tsx"],"names":[],"mappings":";AAAA,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,mCAAmC,CAAC;AAMxE,UAAU,eAAe;IACvB,IAAI,EAAE,cAAc,CAAC;IACrB,OAAO,CAAC,EAAE,MAAM,IAAI,CAAC;IACrB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,gBAAgB,CAAC,EAAE,MAAM,CAAC;IAC1B,IAAI,CAAC,EAAE,MAAM,CAAC;CACf;AAED,wBAAgB,UAAU,CACxB,KAAK,EAAE,KAAK,CAAC,oBAAoB,CAAC,iBAAiB,CAAC,2CAcrD;AACD,wBAAgB,UAAU,CAAC,KAAK,EAAE,eAAe,2CA8BhD;AAED,UAAU,iBAAiB;IACzB,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC;IAC1B,OAAO,CAAC,EAAE,MAAM,IAAI,CAAC;IACrB,YAAY,CAAC,EAAE,MAAM,IAAI,CAAC;IAC1B,YAAY,CAAC,EAAE,MAAM,IAAI,CAAC;IAC1B,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,KAAK,CAAC,EAAE,KAAK,CAAC,aAAa,CAAC;IAC5B,gBAAgB,CAAC,EAAE,MAAM,CAAC;IAC1B,IAAI,CAAC,EAAE,MAAM,CAAC;CACf;AAED,wBAAgB,YAAY,CAAC,KAAK,EAAE,iBAAiB,2CAwCpD"}

package/dist/components/design/Buttons.js

@@ -57,6 +57,7 @@ function ActionButton(props) {
     loading,
     loadingText,
     className,
+    style,
     spinnerClassName,
     name
   } = props;
@@ -67,6 +68,7 @@ function ActionButton(props) {
     disabled: disabled || loading,
     name: name,
     className: clsx("w-full px-4 py-3 rounded-md border border-modal-background-dark/15 dark:border-modal-background-light/15 focus:outline-primary-light focus:dark:outline-primary-dark focus:outline-[1px] focus:outline-offset-0 transition-all duration-300", (disabled || loading) && "opacity-50 cursor-not-allowed", className),
+    style: style,
     children: loading ? jsxRuntime.jsxs("div", {
       className: "flex justify-center space-x-2 items-center text-sm",
       children: [jsxRuntime.jsx(Spinners.Spinner, {

package/dist/components/design/Buttons.js.map

@@ -1 +1 @@
-{"version":3,"file":"Buttons.js","sources":["../../../src/components/design/Buttons.tsx"],"sourcesContent":[null],"names":["BaseButton","props","children","className","disabled","name","buttonProps","_jsx","clsx","IconButton","icon","onClick","loading","spinnerClassName","Spinner","FontAwesomeIcon","ActionButton","onMouseEnter","onMouseLeave","loadingText","_jsxs"],"mappings":";;;;;;;;AAgBM,SAAUA,UAAUA,CACxBC,KAAoD,EAAA;EAEpD,MAAM;IAAEC,QAAQ;IAAEC,SAAS;IAAEC,QAAQ;IAAEC,IAAI;IAAE,GAAGC;AAAW,GAAE,GAAGL,KAAK;EAErE,OACEM,cAAA,CAAA,QAAA,EAAA;AAAA,IAAA,aAAA,EACeF,IAAI;AACjBF,IAAAA,SAAS,EAAEK,IAAI,CAAC,gBAAgB,EAAEL,SAAS,CAAC;IAC5CC,QAAQ,EAAE,CAAC,CAACA,QAAQ;AAAA,IAAA,GAChBE,WAAW;AAAAJ,IAAAA,QAAA,EAEdA;AAAQ,GAAA,CACF;AAEb;AACM,SAAUO,UAAUA,CAACR,KAAsB,EAAA;EAC/C,MAAM;IACJS,IAAI;IACJC,OAAO;IACPP,QAAQ;IACRQ,OAAO;IACPT,SAAS;IACTU,gBAAgB;AAChBR,IAAAA;AAAI,GACL,GAAGJ,KAAK;EACT,OACEM,cAAA,CAACP,UAAU,EAAA;IACTG,SAAS,EAAEK,IAAI,CACb,kPAAkP,EAClPJ,QAAQ,IAAI,+BAA+B,EAC3CD,SAAS,CACV;AACDQ,IAAAA,OAAO,EAAEA,OAAO;IAChBP,QAAQ,EAAE,CAAC,CAACA,QAAQ;AACpBC,IAAAA,IAAI,EAAEA,IAAI;AAAAH,IAAAA,QAAA,EAETU,OAAO,GACNL,cAAA,CAAA,KAAA,EAAA;AAAKJ,MAAAA,SAAS,EAAC,kCAAkC;gBAC/CI,cAAA,CAACO,gBAAO,EAAA;AAACX,QAAAA,SAAS,EAAEK,IAAI,CAAC,SAAS,EAAEK,gBAAgB;OAAC;AAAI,KAAA,CACrD,GAENN,cAAA,CAACQ,gCAAe,EAAA;AAACL,MAAAA,IAAI,EAAEA;KAAI;AAC5B,GAAA,CACU;AAEjB;AAeM,SAAUM,YAAYA,CAACf,KAAwB,EAAA;EACnD,MAAM;IACJC,QAAQ;IACRS,OAAO;IACPM,YAAY;IACZC,YAAY;IACZd,QAAQ;IACRQ,OAAO;IACPO,WAAW;IACXhB,SAAS;IACTU,gBAAgB;AAChBR,IAAAA;AAAI,GACL,GAAGJ,KAAK;EACT,OACEM,cAAA,CAACP,UAAU;AACTW,IAAAA,OAAO,EAAEA,OAAO;AAChBM,IAAAA,YAAY,EAAEA,YAAY;AAC1BC,IAAAA,YAAY,EAAEA,YAAY;IAC1Bd,QAAQ,EAAEA,QAAQ,IAAIQ,OAAO;AAC7BP,IAAAA,IAAI,EAAEA,IAAI;AACVF,IAAAA,SAAS,EAAEK,IAAI,CACb,6OAA6O,EAC7O,CAACJ,QAAQ,IAAIQ,OAAO,KAAK,+BAA+B,EACxDT,SAAS,CACV;AAAAD,IAAAA,QAAA,EAEAU,OAAO,GACNQ;AAAKjB,MAAAA,SAAS,EAAC,oDAAoD;AAAAD,MAAAA,QAAA,EAAA,CACjEK,cAAA,CAACO,gBAAO,EAAA;AAACX,QAAAA,SAAS,EAAEK,IAAI,CAAC,SAAS,EAAEK,gBAAgB;AAAC,OAAA,CAAI,EACxDM,WAAW,IACVZ,cAAA,CAAA,MAAA,EAAA;AAAMJ,QAAAA,SAAS,EAAEU,gBAAgB;AAAAX,QAAAA,QAAA,EAAGiB;AAAW,OAAA,CAChD;MACG,GAENjB;AACD,GAAA,CACU;AAEjB;;;;;;"}
+{"version":3,"file":"Buttons.js","sources":["../../../src/components/design/Buttons.tsx"],"sourcesContent":[null],"names":["BaseButton","props","children","className","disabled","name","buttonProps","_jsx","clsx","IconButton","icon","onClick","loading","spinnerClassName","Spinner","FontAwesomeIcon","ActionButton","onMouseEnter","onMouseLeave","loadingText","style","_jsxs"],"mappings":";;;;;;;;AAgBM,SAAUA,UAAUA,CACxBC,KAAoD,EAAA;EAEpD,MAAM;IAAEC,QAAQ;IAAEC,SAAS;IAAEC,QAAQ;IAAEC,IAAI;IAAE,GAAGC;AAAW,GAAE,GAAGL,KAAK;EAErE,OACEM,cAAA,CAAA,QAAA,EAAA;AAAA,IAAA,aAAA,EACeF,IAAI;AACjBF,IAAAA,SAAS,EAAEK,IAAI,CAAC,gBAAgB,EAAEL,SAAS,CAAC;IAC5CC,QAAQ,EAAE,CAAC,CAACA,QAAQ;AAAA,IAAA,GAChBE,WAAW;AAAAJ,IAAAA,QAAA,EAEdA;AAAQ,GAAA,CACF;AAEb;AACM,SAAUO,UAAUA,CAACR,KAAsB,EAAA;EAC/C,MAAM;IACJS,IAAI;IACJC,OAAO;IACPP,QAAQ;IACRQ,OAAO;IACPT,SAAS;IACTU,gBAAgB;AAChBR,IAAAA;AAAI,GACL,GAAGJ,KAAK;EACT,OACEM,cAAA,CAACP,UAAU,EAAA;IACTG,SAAS,EAAEK,IAAI,CACb,kPAAkP,EAClPJ,QAAQ,IAAI,+BAA+B,EAC3CD,SAAS,CACV;AACDQ,IAAAA,OAAO,EAAEA,OAAO;IAChBP,QAAQ,EAAE,CAAC,CAACA,QAAQ;AACpBC,IAAAA,IAAI,EAAEA,IAAI;AAAAH,IAAAA,QAAA,EAETU,OAAO,GACNL,cAAA,CAAA,KAAA,EAAA;AAAKJ,MAAAA,SAAS,EAAC,kCAAkC;gBAC/CI,cAAA,CAACO,gBAAO,EAAA;AAACX,QAAAA,SAAS,EAAEK,IAAI,CAAC,SAAS,EAAEK,gBAAgB;OAAC;AAAI,KAAA,CACrD,GAENN,cAAA,CAACQ,gCAAe,EAAA;AAACL,MAAAA,IAAI,EAAEA;KAAI;AAC5B,GAAA,CACU;AAEjB;AAgBM,SAAUM,YAAYA,CAACf,KAAwB,EAAA;EACnD,MAAM;IACJC,QAAQ;IACRS,OAAO;IACPM,YAAY;IACZC,YAAY;IACZd,QAAQ;IACRQ,OAAO;IACPO,WAAW;IACXhB,SAAS;IACTiB,KAAK;IACLP,gBAAgB;AAChBR,IAAAA;AAAI,GACL,GAAGJ,KAAK;EACT,OACEM,cAAA,CAACP,UAAU;AACTW,IAAAA,OAAO,EAAEA,OAAO;AAChBM,IAAAA,YAAY,EAAEA,YAAY;AAC1BC,IAAAA,YAAY,EAAEA,YAAY;IAC1Bd,QAAQ,EAAEA,QAAQ,IAAIQ,OAAO;AAC7BP,IAAAA,IAAI,EAAEA,IAAI;AACVF,IAAAA,SAAS,EAAEK,IAAI,CACb,6OAA6O,EAC7O,CAACJ,QAAQ,IAAIQ,OAAO,KAAK,+BAA+B,EACxDT,SAAS,CACV;AACDiB,IAAAA,KAAK,EAAEA,KAAK;AAAAlB,IAAAA,QAAA,EAEXU,OAAO,GACNS,eAAA,CAAA,KAAA,EAAA;AAAKlB,MAAAA,SAAS,EAAC,oDAAoD;AAAAD,MAAAA,QAAA,EAAA,CACjEK,eAACO,gBAAO,EAAA;AAACX,QAAAA,SAAS,EAAEK,IAAI,CAAC,SAAS,EAAEK,gBAAgB;AAAC,OAAA,CAAI,EACxDM,WAAW,IACVZ,cAAA,CAAA,MAAA,EAAA;AAAMJ,QAAAA,SAAS,EAAEU,gBAAgB;AAAAX,QAAAA,QAAA,EAAGiB;AAAW,OAAA,CAChD;MACG,GAENjB;AACD,GAAA,CACU;AAEjB;;;;;;"}

package/dist/components/design/Buttons.mjs

@@ -52,6 +52,7 @@ function ActionButton(props) {
     loading = props.loading,
     loadingText = props.loadingText,
     className = props.className,
+    style = props.style,
     spinnerClassName = props.spinnerClassName,
     name = props.name;
   return jsx(BaseButton, {
@@ -61,6 +62,7 @@ function ActionButton(props) {
     disabled: disabled || loading,
     name: name,
     className: clsx("w-full px-4 py-3 rounded-md border border-modal-background-dark/15 dark:border-modal-background-light/15 focus:outline-primary-light focus:dark:outline-primary-dark focus:outline-[1px] focus:outline-offset-0 transition-all duration-300", (disabled || loading) && "opacity-50 cursor-not-allowed", className),
+    style: style,
     children: loading ? jsxs("div", {
       className: "flex justify-center space-x-2 items-center text-sm",
       children: [jsx(Spinner, {

package/dist/components/design/Buttons.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"Buttons.mjs","sources":["../../../src/components/design/Buttons.tsx"],"sourcesContent":[null],"names":["BaseButton","props","children","className","disabled","name","buttonProps","_objectWithoutProperties","_excluded","_jsx","_objectSpread","clsx","IconButton","icon","onClick","loading","spinnerClassName","Spinner","FontAwesomeIcon","ActionButton","onMouseEnter","onMouseLeave","loadingText","_jsxs"],"mappings":"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"}
+{"version":3,"file":"Buttons.mjs","sources":["../../../src/components/design/Buttons.tsx"],"sourcesContent":[null],"names":["BaseButton","props","children","className","disabled","name","buttonProps","_objectWithoutProperties","_excluded","_jsx","_objectSpread","clsx","IconButton","icon","onClick","loading","spinnerClassName","Spinner","FontAwesomeIcon","ActionButton","onMouseEnter","onMouseLeave","loadingText","style","_jsxs"],"mappings":"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"}

package/dist/components/design/ConnectedIndicator.d.ts

@@ -0,0 +1,6 @@
+interface ConnectedIndicatorProps {
+    isPinging?: boolean;
+}
+export declare function ConnectedIndicator(props: ConnectedIndicatorProps): import("react/jsx-runtime").JSX.Element;
+export {};
+//# sourceMappingURL=ConnectedIndicator.d.ts.map

package/dist/components/design/ConnectedIndicator.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"ConnectedIndicator.d.ts","sourceRoot":"","sources":["../../../src/components/design/ConnectedIndicator.tsx"],"names":[],"mappings":"AAAA,UAAU,uBAAuB;IAC/B,SAAS,CAAC,EAAE,OAAO,CAAC;CACrB;AACD,wBAAgB,kBAAkB,CAAC,KAAK,EAAE,uBAAuB,2CAUhE"}

package/dist/components/design/ConnectedIndicator.js

@@ -0,0 +1,20 @@
+'use strict';
+
+var jsxRuntime = require('react/jsx-runtime');
+
+function ConnectedIndicator(props) {
+  const {
+    isPinging = false
+  } = props;
+  return jsxRuntime.jsxs("div", {
+    className: "flex absolute top-[-2px] right-0",
+    children: [isPinging && jsxRuntime.jsx("div", {
+      className: "absolute animate-ping size-[6px] bg-success-light dark:bg-success-dark rounded-full border border-modal-background-light dark:border-modal-background-dark"
+    }), jsxRuntime.jsx("div", {
+      className: "size-[6px] bg-success-light dark:bg-success-dark rounded-full border border-modal-background-light dark:border-modal-background-dark"
+    })]
+  });
+}
+
+exports.ConnectedIndicator = ConnectedIndicator;
+//# sourceMappingURL=ConnectedIndicator.js.map

package/dist/components/design/ConnectedIndicator.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ConnectedIndicator.js","sources":["../../../src/components/design/ConnectedIndicator.tsx"],"sourcesContent":[null],"names":["ConnectedIndicator","props","isPinging","_jsxs","className","children","_jsx"],"mappings":";;;;AAGM,SAAUA,kBAAkBA,CAACC,KAA8B,EAAA;EAC/D,MAAM;AAAEC,IAAAA,SAAS,GAAG;AAAK,GAAE,GAAGD,KAAK;EACnC,OACEE;AAAKC,IAAAA,SAAS,EAAC,kCAAkC;AAAAC,IAAAA,QAAA,EAAA,CAC9CH,SAAS,IACRI,cAAA,CAAA,KAAA,EAAA;AAAKF,MAAAA,SAAS,EAAC;AAA4J,KAAA,CAC5K,EACDE,cAAA,CAAA,KAAA,EAAA;AAAKF,MAAAA,SAAS,EAAC;AAAsI,KAAA,CAAG;AAAA,GAAA,CACpJ;AAEV;;;;"}

package/dist/components/design/ConnectedIndicator.mjs

@@ -0,0 +1,17 @@
+import { jsxs, jsx } from 'react/jsx-runtime';
+
+function ConnectedIndicator(props) {
+  var _props$isPinging = props.isPinging,
+    isPinging = _props$isPinging === void 0 ? false : _props$isPinging;
+  return jsxs("div", {
+    className: "flex absolute top-[-2px] right-0",
+    children: [isPinging && jsx("div", {
+      className: "absolute animate-ping size-[6px] bg-success-light dark:bg-success-dark rounded-full border border-modal-background-light dark:border-modal-background-dark"
+    }), jsx("div", {
+      className: "size-[6px] bg-success-light dark:bg-success-dark rounded-full border border-modal-background-light dark:border-modal-background-dark"
+    })]
+  });
+}
+
+export { ConnectedIndicator };
+//# sourceMappingURL=ConnectedIndicator.mjs.map

package/dist/components/design/ConnectedIndicator.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"ConnectedIndicator.mjs","sources":["../../../src/components/design/ConnectedIndicator.tsx"],"sourcesContent":[null],"names":["ConnectedIndicator","props","_props$isPinging","isPinging","_jsxs","className","children","_jsx"],"mappings":";;AAGM,SAAUA,kBAAkBA,CAACC,KAA8B,EAAA;AAC/D,EAAA,IAAAC,gBAAA,GAA8BD,KAAK,CAA3BE,SAAS;AAATA,IAAAA,SAAS,GAAAD,gBAAA,KAAA,MAAA,GAAG,KAAK,GAAAA,gBAAA;EACzB,OACEE;AAAKC,IAAAA,SAAS,EAAC,kCAAkC;AAAAC,IAAAA,QAAA,EAAA,CAC9CH,SAAS,IACRI,GAAA,CAAA,KAAA,EAAA;AAAKF,MAAAA,SAAS,EAAC;AAA4J,KAAA,CAC5K,EACDE,GAAA,CAAA,KAAA,EAAA;AAAKF,MAAAA,SAAS,EAAC;AAAsI,KAAA,CAAG;AAAA,GAAA,CACpJ;AAEV;;;;"}

package/dist/components/design/Inputs.d.ts

@@ -6,4 +6,11 @@ export interface PhoneInputBoxProps {
     onEnter?: () => void;
 }
 export declare function PhoneInputBox(props: PhoneInputBoxProps): import("react/jsx-runtime").JSX.Element;
+export interface SearchInputBoxProps {
+    value: string;
+    onChange: (value: string) => void;
+    onClear?: () => void;
+    placeholder?: string;
+}
+export declare function SearchInputBox(props: SearchInputBoxProps): import("react/jsx-runtime").JSX.Element;
 //# sourceMappingURL=Inputs.d.ts.map

package/dist/components/design/Inputs.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"Inputs.d.ts","sourceRoot":"","sources":["../../../src/components/design/Inputs.tsx"],"names":[],"mappings":"AAwKA,MAAM,WAAW,kBAAkB;IACjC,KAAK,EAAE,MAAM,CAAC;IACd,QAAQ,EAAE,CAAC,KAAK,EAAE,MAAM,EAAE,cAAc,EAAE,MAAM,EAAE,OAAO,EAAE,OAAO,KAAK,IAAI,CAAC;IAC5E,OAAO,CAAC,EAAE,MAAM,IAAI,CAAC;IACrB,MAAM,CAAC,EAAE,MAAM,IAAI,CAAC;IACpB,OAAO,CAAC,EAAE,MAAM,IAAI,CAAC;CACtB;AAUD,wBAAgB,aAAa,CAAC,KAAK,EAAE,kBAAkB,2CA8GtD"}
+{"version":3,"file":"Inputs.d.ts","sourceRoot":"","sources":["../../../src/components/design/Inputs.tsx"],"names":[],"mappings":"AAyKA,MAAM,WAAW,kBAAkB;IACjC,KAAK,EAAE,MAAM,CAAC;IACd,QAAQ,EAAE,CAAC,KAAK,EAAE,MAAM,EAAE,cAAc,EAAE,MAAM,EAAE,OAAO,EAAE,OAAO,KAAK,IAAI,CAAC;IAC5E,OAAO,CAAC,EAAE,MAAM,IAAI,CAAC;IACrB,MAAM,CAAC,EAAE,MAAM,IAAI,CAAC;IACpB,OAAO,CAAC,EAAE,MAAM,IAAI,CAAC;CACtB;AAUD,wBAAgB,aAAa,CAAC,KAAK,EAAE,kBAAkB,2CA8GtD;AAED,MAAM,WAAW,mBAAmB;IAClC,KAAK,EAAE,MAAM,CAAC;IACd,QAAQ,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;IAClC,OAAO,CAAC,EAAE,MAAM,IAAI,CAAC;IACrB,WAAW,CAAC,EAAE,MAAM,CAAC;CACtB;AAED,wBAAgB,cAAc,CAAC,KAAK,EAAE,mBAAmB,2CAsCxD"}

package/dist/components/design/Inputs.js

@@ -8,6 +8,7 @@ var freeSolidSvgIcons = require('@fortawesome/free-solid-svg-icons');
 var parsePhoneNumberFromString = require('libphonenumber-js');
 var react = require('react');
 var utils = require('../../utils/utils.js');
+var Buttons = require('./Buttons.js');
 
 const FlagImage = reactInternationalPhone.FlagImage;
 // Supported country dial codes
@@ -130,6 +131,42 @@ function PhoneInputBox(props) {
     })]
   });
 }
+function SearchInputBox(props) {
+  const {
+    value,
+    onChange,
+    onClear,
+    placeholder = "Search..."
+  } = props;
+  const inputRef = react.useRef(null);
+  const handleClear = () => {
+    onChange("");
+    onClear?.();
+    if (inputRef.current) {
+      inputRef.current.value = "";
+    }
+  };
+  return jsxRuntime.jsxs("div", {
+    className: "w-full flex items-center gap-2 rounded-md text-inherit bg-button-light dark:bg-button-dark border border-modal-background-dark/20 dark:border-modal-background-light/20 focus-within:outline-primary-light focus-within:dark:outline-primary-dark focus-within:outline-[1px] focus-within:outline-offset-0 box-border transition-all",
+    children: [jsxRuntime.jsx(reactFontawesome.FontAwesomeIcon, {
+      icon: freeSolidSvgIcons.faSearch,
+      className: "relative text-icon-text-light dark:text-icon-text-dark px-2"
+    }), jsxRuntime.jsx(react$1.Input, {
+      ref: inputRef,
+      type: "text",
+      autoCapitalize: "none",
+      autoComplete: "off",
+      placeholder: placeholder,
+      onChange: e => onChange(e.target.value),
+      className: "w-full py-3 bg-transparent border-none text-inherit placeholder-icon-text-light dark:placeholder-icon-text-dark focus:outline-none focus:ring-0 focus:border-none"
+    }), value && jsxRuntime.jsx(Buttons.BaseButton, {
+      className: "flex text-icon-text-light dark:text-icon-text-dark text-sm border-none self-stretch px-2 items-center justify-center",
+      onClick: handleClear,
+      children: "Clear"
+    })]
+  });
+}
 
 exports.PhoneInputBox = PhoneInputBox;
+exports.SearchInputBox = SearchInputBox;
 //# sourceMappingURL=Inputs.js.map