thirdweb 5.109.0 → 5.109.1-nightly-b1a780832ed97d80399a650beab537a89c628278-20251018000336

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 (66) hide show
  1. package/dist/cjs/react/web/ui/Bridge/FundWallet.js +1 -1
  2. package/dist/cjs/react/web/ui/Bridge/FundWallet.js.map +1 -1
  3. package/dist/cjs/react/web/ui/Bridge/swap-widget/SearchInput.js +1 -1
  4. package/dist/cjs/react/web/ui/Bridge/swap-widget/SearchInput.js.map +1 -1
  5. package/dist/cjs/react/web/ui/Bridge/swap-widget/select-token-ui.js +1 -1
  6. package/dist/cjs/react/web/ui/Bridge/swap-widget/select-token-ui.js.map +1 -1
  7. package/dist/cjs/react/web/ui/Bridge/swap-widget/swap-ui.js +1 -1
  8. package/dist/cjs/react/web/ui/Bridge/swap-widget/swap-ui.js.map +1 -1
  9. package/dist/cjs/react/web/ui/components/Modal.js +3 -1
  10. package/dist/cjs/react/web/ui/components/Modal.js.map +1 -1
  11. package/dist/cjs/stories/Bridge/BridgeWidget/bridge-widget-script.stories.js +13 -13
  12. package/dist/cjs/stories/Bridge/BridgeWidget/bridge-widget-script.stories.js.map +1 -1
  13. package/dist/cjs/stories/Bridge/Swap/SwapWidget.Prefill.stories.js +14 -9
  14. package/dist/cjs/stories/Bridge/Swap/SwapWidget.Prefill.stories.js.map +1 -1
  15. package/dist/cjs/stories/Bridge/Swap/SwapWidget.stories.js +12 -12
  16. package/dist/cjs/stories/Bridge/Swap/SwapWidget.stories.js.map +1 -1
  17. package/dist/cjs/stories/BuyWidget.stories.js +6 -4
  18. package/dist/cjs/stories/BuyWidget.stories.js.map +1 -1
  19. package/dist/cjs/version.js +1 -1
  20. package/dist/cjs/version.js.map +1 -1
  21. package/dist/esm/react/web/ui/Bridge/FundWallet.js +1 -1
  22. package/dist/esm/react/web/ui/Bridge/FundWallet.js.map +1 -1
  23. package/dist/esm/react/web/ui/Bridge/swap-widget/SearchInput.js +1 -1
  24. package/dist/esm/react/web/ui/Bridge/swap-widget/SearchInput.js.map +1 -1
  25. package/dist/esm/react/web/ui/Bridge/swap-widget/select-token-ui.js +1 -1
  26. package/dist/esm/react/web/ui/Bridge/swap-widget/select-token-ui.js.map +1 -1
  27. package/dist/esm/react/web/ui/Bridge/swap-widget/swap-ui.js +1 -1
  28. package/dist/esm/react/web/ui/Bridge/swap-widget/swap-ui.js.map +1 -1
  29. package/dist/esm/react/web/ui/components/Modal.js +3 -1
  30. package/dist/esm/react/web/ui/components/Modal.js.map +1 -1
  31. package/dist/esm/stories/Bridge/BridgeWidget/bridge-widget-script.stories.js +15 -15
  32. package/dist/esm/stories/Bridge/BridgeWidget/bridge-widget-script.stories.js.map +1 -1
  33. package/dist/esm/stories/Bridge/Swap/SwapWidget.Prefill.stories.js +16 -11
  34. package/dist/esm/stories/Bridge/Swap/SwapWidget.Prefill.stories.js.map +1 -1
  35. package/dist/esm/stories/Bridge/Swap/SwapWidget.stories.js +14 -14
  36. package/dist/esm/stories/Bridge/Swap/SwapWidget.stories.js.map +1 -1
  37. package/dist/esm/stories/BuyWidget.stories.js +6 -4
  38. package/dist/esm/stories/BuyWidget.stories.js.map +1 -1
  39. package/dist/esm/version.js +1 -1
  40. package/dist/esm/version.js.map +1 -1
  41. package/dist/scripts/bridge-widget.js +5 -5
  42. package/dist/types/react/web/ui/Bridge/FundWallet.d.ts.map +1 -1
  43. package/dist/types/react/web/ui/Bridge/swap-widget/SearchInput.d.ts +1 -0
  44. package/dist/types/react/web/ui/Bridge/swap-widget/SearchInput.d.ts.map +1 -1
  45. package/dist/types/react/web/ui/Bridge/swap-widget/swap-ui.d.ts.map +1 -1
  46. package/dist/types/react/web/ui/components/Modal.d.ts +1 -0
  47. package/dist/types/react/web/ui/components/Modal.d.ts.map +1 -1
  48. package/dist/types/stories/Bridge/BridgeWidget/bridge-widget-script.stories.d.ts.map +1 -1
  49. package/dist/types/stories/Bridge/Swap/SwapWidget.Prefill.stories.d.ts +0 -3
  50. package/dist/types/stories/Bridge/Swap/SwapWidget.Prefill.stories.d.ts.map +1 -1
  51. package/dist/types/stories/Bridge/Swap/SwapWidget.stories.d.ts.map +1 -1
  52. package/dist/types/stories/BuyWidget.stories.d.ts +0 -3
  53. package/dist/types/stories/BuyWidget.stories.d.ts.map +1 -1
  54. package/dist/types/version.d.ts +1 -1
  55. package/dist/types/version.d.ts.map +1 -1
  56. package/package.json +1 -1
  57. package/src/react/web/ui/Bridge/FundWallet.tsx +1 -0
  58. package/src/react/web/ui/Bridge/swap-widget/SearchInput.tsx +2 -0
  59. package/src/react/web/ui/Bridge/swap-widget/select-token-ui.tsx +1 -0
  60. package/src/react/web/ui/Bridge/swap-widget/swap-ui.tsx +1 -0
  61. package/src/react/web/ui/components/Modal.tsx +10 -1
  62. package/src/stories/Bridge/BridgeWidget/bridge-widget-script.stories.tsx +25 -18
  63. package/src/stories/Bridge/Swap/SwapWidget.Prefill.stories.tsx +26 -10
  64. package/src/stories/Bridge/Swap/SwapWidget.stories.tsx +24 -17
  65. package/src/stories/BuyWidget.stories.tsx +8 -4
  66. package/src/version.ts +1 -1
@@ -1 +1 @@
1
- {"version":3,"file":"FundWallet.d.ts","sourceRoot":"","sources":["../../../../../../src/react/web/ui/Bridge/FundWallet.tsx"],"names":[],"mappings":"AAIA,OAAO,KAAK,EAAE,eAAe,EAAE,MAAM,mCAAmC,CAAC;AACzE,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,8BAA8B,CAAC;AACnE,OAAO,EAEL,KAAK,qBAAqB,EAC3B,MAAM,iCAAiC,CAAC;AACzC,OAAO,EACL,KAAK,OAAO,EAKb,MAAM,8BAA8B,CAAC;AAEtC,OAAO,EAKL,KAAK,KAAK,EACX,MAAM,sCAAsC,CAAC;AAgB9C,OAAO,KAAK,EAAE,sBAAsB,EAAE,MAAM,gBAAgB,CAAC;AAa7D,KAAK,eAAe,GAAG;IACrB;;OAEG;IACH,eAAe,EAAE,OAAO,GAAG,SAAS,CAAC;IACrC;;OAEG;IACH,MAAM,EAAE,cAAc,CAAC;IAEvB;;OAEG;IACH,UAAU,EAAE,CACV,MAAM,EAAE,MAAM,EACd,KAAK,EAAE,eAAe,EACtB,eAAe,EAAE,OAAO,KACrB,IAAI,CAAC;IAEV;;OAEG;IACH,aAAa,EAAE,CAAC,MAAM,EAAE,MAAM,EAAE,MAAM,CAAC,CAAC;IAExC;;OAEG;IACH,cAAc,EAAE,sBAAsB,GAAG,SAAS,CAAC;IAEnD;;OAEG;IACH,oBAAoB,EAAE,OAAO,CAAC;IAE9B,aAAa,EAAE,aAAa,GAAG,SAAS,CAAC;IACzC,gBAAgB,EAAE,CAAC,KAAK,EAAE,aAAa,GAAG,SAAS,KAAK,IAAI,CAAC;IAC7D,eAAe,EAAE,eAAe,CAAC;IACjC,kBAAkB,EAAE,CAAC,eAAe,EAAE,eAAe,KAAK,IAAI,CAAC;IAE/D;;OAEG;IACH,QAAQ,EAAE,qBAAqB,CAAC;IAEhC;;OAEG;IACH,WAAW,EAAE,MAAM,GAAG,SAAS,CAAC;IAEhC,KAAK,EAAE,OAAO,GAAG,MAAM,GAAG,KAAK,CAAC;IAEhC,YAAY,EAAE,CAAC,MAAM,IAAI,CAAC,GAAG,SAAS,CAAC;IAEvC;;OAEG;IACH,QAAQ,EAAE;QACR,KAAK,EAAE,MAAM,GAAG,SAAS,CAAC;QAC1B,WAAW,EAAE,MAAM,GAAG,SAAS,CAAC;QAChC,KAAK,EAAE,MAAM,GAAG,SAAS,CAAC;KAC3B,CAAC;CACH,CAAC;AAEF,MAAM,MAAM,aAAa,GACrB;IACE,OAAO,EAAE,MAAM,CAAC;IAChB,YAAY,EAAE,MAAM,CAAC;CACtB,GACD,SAAS,CAAC;AAEd,MAAM,MAAM,eAAe,GACvB;IACE,IAAI,EAAE,KAAK,CAAC;IACZ,KAAK,EAAE,MAAM,CAAC;CACf,GACD;IACE,IAAI,EAAE,OAAO,CAAC;IACd,KAAK,EAAE,MAAM,CAAC;CACf,CAAC;AAEN,wBAAgB,UAAU,CAAC,KAAK,EAAE,eAAe,2CAkNhD"}
1
+ {"version":3,"file":"FundWallet.d.ts","sourceRoot":"","sources":["../../../../../../src/react/web/ui/Bridge/FundWallet.tsx"],"names":[],"mappings":"AAIA,OAAO,KAAK,EAAE,eAAe,EAAE,MAAM,mCAAmC,CAAC;AACzE,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,8BAA8B,CAAC;AACnE,OAAO,EAEL,KAAK,qBAAqB,EAC3B,MAAM,iCAAiC,CAAC;AACzC,OAAO,EACL,KAAK,OAAO,EAKb,MAAM,8BAA8B,CAAC;AAEtC,OAAO,EAKL,KAAK,KAAK,EACX,MAAM,sCAAsC,CAAC;AAgB9C,OAAO,KAAK,EAAE,sBAAsB,EAAE,MAAM,gBAAgB,CAAC;AAa7D,KAAK,eAAe,GAAG;IACrB;;OAEG;IACH,eAAe,EAAE,OAAO,GAAG,SAAS,CAAC;IACrC;;OAEG;IACH,MAAM,EAAE,cAAc,CAAC;IAEvB;;OAEG;IACH,UAAU,EAAE,CACV,MAAM,EAAE,MAAM,EACd,KAAK,EAAE,eAAe,EACtB,eAAe,EAAE,OAAO,KACrB,IAAI,CAAC;IAEV;;OAEG;IACH,aAAa,EAAE,CAAC,MAAM,EAAE,MAAM,EAAE,MAAM,CAAC,CAAC;IAExC;;OAEG;IACH,cAAc,EAAE,sBAAsB,GAAG,SAAS,CAAC;IAEnD;;OAEG;IACH,oBAAoB,EAAE,OAAO,CAAC;IAE9B,aAAa,EAAE,aAAa,GAAG,SAAS,CAAC;IACzC,gBAAgB,EAAE,CAAC,KAAK,EAAE,aAAa,GAAG,SAAS,KAAK,IAAI,CAAC;IAC7D,eAAe,EAAE,eAAe,CAAC;IACjC,kBAAkB,EAAE,CAAC,eAAe,EAAE,eAAe,KAAK,IAAI,CAAC;IAE/D;;OAEG;IACH,QAAQ,EAAE,qBAAqB,CAAC;IAEhC;;OAEG;IACH,WAAW,EAAE,MAAM,GAAG,SAAS,CAAC;IAEhC,KAAK,EAAE,OAAO,GAAG,MAAM,GAAG,KAAK,CAAC;IAEhC,YAAY,EAAE,CAAC,MAAM,IAAI,CAAC,GAAG,SAAS,CAAC;IAEvC;;OAEG;IACH,QAAQ,EAAE;QACR,KAAK,EAAE,MAAM,GAAG,SAAS,CAAC;QAC1B,WAAW,EAAE,MAAM,GAAG,SAAS,CAAC;QAChC,KAAK,EAAE,MAAM,GAAG,SAAS,CAAC;KAC3B,CAAC;CACH,CAAC;AAEF,MAAM,MAAM,aAAa,GACrB;IACE,OAAO,EAAE,MAAM,CAAC;IAChB,YAAY,EAAE,MAAM,CAAC;CACtB,GACD,SAAS,CAAC;AAEd,MAAM,MAAM,eAAe,GACvB;IACE,IAAI,EAAE,KAAK,CAAC;IACZ,KAAK,EAAE,MAAM,CAAC;CACf,GACD;IACE,IAAI,EAAE,OAAO,CAAC;IACd,KAAK,EAAE,MAAM,CAAC;CACf,CAAC;AAEN,wBAAgB,UAAU,CAAC,KAAK,EAAE,eAAe,2CAmNhD"}
@@ -2,5 +2,6 @@ export declare function SearchInput(props: {
2
2
  value: string;
3
3
  onChange: (value: string) => void;
4
4
  placeholder: string;
5
+ autoFocus?: boolean;
5
6
  }): import("react/jsx-runtime").JSX.Element;
6
7
  //# sourceMappingURL=SearchInput.d.ts.map
@@ -1 +1 @@
1
- {"version":3,"file":"SearchInput.d.ts","sourceRoot":"","sources":["../../../../../../../src/react/web/ui/Bridge/swap-widget/SearchInput.tsx"],"names":[],"mappings":"AASA,wBAAgB,WAAW,CAAC,KAAK,EAAE;IACjC,KAAK,EAAE,MAAM,CAAC;IACd,QAAQ,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;IAClC,WAAW,EAAE,MAAM,CAAC;CACrB,2CAiCA"}
1
+ {"version":3,"file":"SearchInput.d.ts","sourceRoot":"","sources":["../../../../../../../src/react/web/ui/Bridge/swap-widget/SearchInput.tsx"],"names":[],"mappings":"AASA,wBAAgB,WAAW,CAAC,KAAK,EAAE;IACjC,KAAK,EAAE,MAAM,CAAC;IACd,QAAQ,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;IAClC,WAAW,EAAE,MAAM,CAAC;IACpB,SAAS,CAAC,EAAE,OAAO,CAAC;CACrB,2CAkCA"}
@@ -1 +1 @@
1
- {"version":3,"file":"swap-ui.d.ts","sourceRoot":"","sources":["../../../../../../../src/react/web/ui/Bridge/swap-widget/swap-ui.tsx"],"names":[],"mappings":"AAMA,OAAO,KAAK,EAAE,eAAe,EAAE,MAAM,sCAAsC,CAAC;AAC5E,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,iCAAiC,CAAC;AAEtE,OAAO,KAAK,EAAE,qBAAqB,EAAE,MAAM,oCAAoC,CAAC;AAGhF,OAAO,EAKL,KAAK,KAAK,EACX,MAAM,yCAAyC,CAAC;AACjD,OAAO,KAAK,EAAE,oBAAoB,EAAE,MAAM,4CAA4C,CAAC;AAuBvF,OAAO,KAAK,EACV,gBAAgB,EAChB,iBAAiB,EACjB,wBAAwB,EACxB,cAAc,EACf,MAAM,YAAY,CAAC;AAGpB,KAAK,WAAW,GAAG;IACjB,gBAAgB,EAAE,gBAAgB,GAAG,SAAS,CAAC;IAC/C,MAAM,EAAE,cAAc,CAAC;IACvB,KAAK,EAAE,KAAK,GAAG,OAAO,GAAG,MAAM,CAAC;IAChC,cAAc,EAAE,wBAAwB,GAAG,SAAS,CAAC;IACrD,QAAQ,EAAE,qBAAqB,CAAC;IAChC,oBAAoB,EAAE,OAAO,CAAC;IAC9B,MAAM,EAAE,CAAC,IAAI,EAAE;QACb,MAAM,EAAE,iBAAiB,CAAC;QAC1B,OAAO,EAAE,oBAAoB,CAAC;QAC9B,QAAQ,EAAE,eAAe,CAAC;QAC1B,gBAAgB,EAAE,MAAM,CAAC;QACzB,SAAS,EAAE,eAAe,CAAC;QAC3B,IAAI,EAAE,KAAK,GAAG,MAAM,CAAC;KACtB,KAAK,IAAI,CAAC;IACX,QAAQ,EAAE,cAAc,GAAG,SAAS,CAAC;IACrC,SAAS,EAAE,cAAc,GAAG,SAAS,CAAC;IACtC,WAAW,EAAE,CAAC,KAAK,EAAE,cAAc,GAAG,SAAS,KAAK,IAAI,CAAC;IACzD,YAAY,EAAE,CAAC,KAAK,EAAE,cAAc,GAAG,SAAS,KAAK,IAAI,CAAC;IAC1D,eAAe,EAAE;QACf,IAAI,EAAE,KAAK,GAAG,MAAM,CAAC;QACrB,MAAM,EAAE,MAAM,CAAC;KAChB,CAAC;IACF,kBAAkB,EAAE,CAAC,eAAe,EAAE;QACpC,IAAI,EAAE,KAAK,GAAG,MAAM,CAAC;QACrB,MAAM,EAAE,MAAM,CAAC;KAChB,KAAK,IAAI,CAAC;IACX,YAAY,EAAE,CAAC,MAAM,IAAI,CAAC,GAAG,SAAS,CAAC;CACxC,CAAC;AAyBF;;GAEG;AACH,wBAAgB,MAAM,CAAC,KAAK,EAAE,WAAW,2CAoXxC"}
1
+ {"version":3,"file":"swap-ui.d.ts","sourceRoot":"","sources":["../../../../../../../src/react/web/ui/Bridge/swap-widget/swap-ui.tsx"],"names":[],"mappings":"AAMA,OAAO,KAAK,EAAE,eAAe,EAAE,MAAM,sCAAsC,CAAC;AAC5E,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,iCAAiC,CAAC;AAEtE,OAAO,KAAK,EAAE,qBAAqB,EAAE,MAAM,oCAAoC,CAAC;AAGhF,OAAO,EAKL,KAAK,KAAK,EACX,MAAM,yCAAyC,CAAC;AACjD,OAAO,KAAK,EAAE,oBAAoB,EAAE,MAAM,4CAA4C,CAAC;AAuBvF,OAAO,KAAK,EACV,gBAAgB,EAChB,iBAAiB,EACjB,wBAAwB,EACxB,cAAc,EACf,MAAM,YAAY,CAAC;AAGpB,KAAK,WAAW,GAAG;IACjB,gBAAgB,EAAE,gBAAgB,GAAG,SAAS,CAAC;IAC/C,MAAM,EAAE,cAAc,CAAC;IACvB,KAAK,EAAE,KAAK,GAAG,OAAO,GAAG,MAAM,CAAC;IAChC,cAAc,EAAE,wBAAwB,GAAG,SAAS,CAAC;IACrD,QAAQ,EAAE,qBAAqB,CAAC;IAChC,oBAAoB,EAAE,OAAO,CAAC;IAC9B,MAAM,EAAE,CAAC,IAAI,EAAE;QACb,MAAM,EAAE,iBAAiB,CAAC;QAC1B,OAAO,EAAE,oBAAoB,CAAC;QAC9B,QAAQ,EAAE,eAAe,CAAC;QAC1B,gBAAgB,EAAE,MAAM,CAAC;QACzB,SAAS,EAAE,eAAe,CAAC;QAC3B,IAAI,EAAE,KAAK,GAAG,MAAM,CAAC;KACtB,KAAK,IAAI,CAAC;IACX,QAAQ,EAAE,cAAc,GAAG,SAAS,CAAC;IACrC,SAAS,EAAE,cAAc,GAAG,SAAS,CAAC;IACtC,WAAW,EAAE,CAAC,KAAK,EAAE,cAAc,GAAG,SAAS,KAAK,IAAI,CAAC;IACzD,YAAY,EAAE,CAAC,KAAK,EAAE,cAAc,GAAG,SAAS,KAAK,IAAI,CAAC;IAC1D,eAAe,EAAE;QACf,IAAI,EAAE,KAAK,GAAG,MAAM,CAAC;QACrB,MAAM,EAAE,MAAM,CAAC;KAChB,CAAC;IACF,kBAAkB,EAAE,CAAC,eAAe,EAAE;QACpC,IAAI,EAAE,KAAK,GAAG,MAAM,CAAC;QACrB,MAAM,EAAE,MAAM,CAAC;KAChB,KAAK,IAAI,CAAC;IACX,YAAY,EAAE,CAAC,MAAM,IAAI,CAAC,GAAG,SAAS,CAAC;CACxC,CAAC;AAyBF;;GAEG;AACH,wBAAgB,MAAM,CAAC,KAAK,EAAE,WAAW,2CAqXxC"}
@@ -13,5 +13,6 @@ export declare const Modal: React.FC<{
13
13
  title: string;
14
14
  hide?: boolean;
15
15
  crossContainerStyles?: React.CSSProperties;
16
+ autoFocusCrossIcon?: boolean;
16
17
  }>;
17
18
  //# sourceMappingURL=Modal.d.ts.map
@@ -1 +1 @@
1
- {"version":3,"file":"Modal.d.ts","sourceRoot":"","sources":["../../../../../../src/react/web/ui/components/Modal.tsx"],"names":[],"mappings":"AA4BA;;GAEG;AACH,eAAO,MAAM,KAAK,EAAE,KAAK,CAAC,EAAE,CAAC;IAC3B,OAAO,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC1B,IAAI,CAAC,EAAE,OAAO,CAAC;IACf,OAAO,CAAC,EAAE,CAAC,IAAI,EAAE,OAAO,KAAK,IAAI,CAAC;IAClC,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC;IAC1B,SAAS,EAAE,MAAM,CAAC;IAClB,KAAK,CAAC,EAAE,KAAK,CAAC,aAAa,CAAC;IAC5B,aAAa,CAAC,EAAE,OAAO,CAAC;IACxB,IAAI,EAAE,MAAM,GAAG,SAAS,CAAC;IACzB,KAAK,EAAE,MAAM,CAAC;IACd,IAAI,CAAC,EAAE,OAAO,CAAC;IACf,oBAAoB,CAAC,EAAE,KAAK,CAAC,aAAa,CAAC;CAC5C,CAwHA,CAAC"}
1
+ {"version":3,"file":"Modal.d.ts","sourceRoot":"","sources":["../../../../../../src/react/web/ui/components/Modal.tsx"],"names":[],"mappings":"AA4BA;;GAEG;AACH,eAAO,MAAM,KAAK,EAAE,KAAK,CAAC,EAAE,CAAC;IAC3B,OAAO,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC1B,IAAI,CAAC,EAAE,OAAO,CAAC;IACf,OAAO,CAAC,EAAE,CAAC,IAAI,EAAE,OAAO,KAAK,IAAI,CAAC;IAClC,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC;IAC1B,SAAS,EAAE,MAAM,CAAC;IAClB,KAAK,CAAC,EAAE,KAAK,CAAC,aAAa,CAAC;IAC5B,aAAa,CAAC,EAAE,OAAO,CAAC;IACxB,IAAI,EAAE,MAAM,GAAG,SAAS,CAAC;IACzB,KAAK,EAAE,MAAM,CAAC;IACd,IAAI,CAAC,EAAE,OAAO,CAAC;IACf,oBAAoB,CAAC,EAAE,KAAK,CAAC,aAAa,CAAC;IAC3C,kBAAkB,CAAC,EAAE,OAAO,CAAC;CAC9B,CAgIA,CAAC"}
@@ -1 +1 @@
1
- {"version":3,"file":"bridge-widget-script.stories.d.ts","sourceRoot":"","sources":["../../../../../src/stories/Bridge/BridgeWidget/bridge-widget-script.stories.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,IAAI,EAAE,MAAM,kBAAkB,CAAC;AAC7C,OAAO,EAAE,kBAAkB,EAAE,MAAM,iDAAiD,CAAC;AAGrF,QAAA,MAAM,IAAI,EAAE,IAAI,CAAC,OAAO,kBAAkB,CAczC,CAAC;AACF,eAAe,IAAI,CAAC;AAEpB,wBAAgB,UAAU,4CAOzB;AAED,wBAAgB,UAAU,4CAQzB;AAED,wBAAgB,WAAW,4CAQ1B;AAED,wBAAgB,kBAAkB,4CASjC;AAED,wBAAgB,WAAW,4CAiB1B"}
1
+ {"version":3,"file":"bridge-widget-script.stories.d.ts","sourceRoot":"","sources":["../../../../../src/stories/Bridge/BridgeWidget/bridge-widget-script.stories.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,IAAI,EAAE,MAAM,kBAAkB,CAAC;AAC7C,OAAO,EACL,kBAAkB,EAEnB,MAAM,iDAAiD,CAAC;AAGzD,QAAA,MAAM,IAAI,EAAE,IAAI,CAAC,OAAO,kBAAkB,CAEzC,CAAC;AACF,eAAe,IAAI,CAAC;AAEpB,wBAAgB,UAAU,4CAOzB;AAED,wBAAgB,UAAU,4CAQzB;AAED,wBAAgB,WAAW,4CAQ1B;AAED,wBAAgB,kBAAkB,4CASjC;AAED,wBAAgB,WAAW,4CAiB1B"}
@@ -1,7 +1,4 @@
1
1
  declare const meta: {
2
- parameters: {
3
- layout: string;
4
- };
5
2
  title: string;
6
3
  };
7
4
  export default meta;
@@ -1 +1 @@
1
- {"version":3,"file":"SwapWidget.Prefill.stories.d.ts","sourceRoot":"","sources":["../../../../../src/stories/Bridge/Swap/SwapWidget.Prefill.stories.tsx"],"names":[],"mappings":"AAKA,QAAA,MAAM,IAAI;;;;;CAKyB,CAAC;AACpC,eAAe,IAAI,CAAC;AAEpB,wBAAgB,eAAe,4CAW9B;AAED,wBAAgB,aAAa,4CAY5B;AAED,wBAAgB,2BAA2B,4CAa1C;AAED,wBAAgB,gBAAgB,4CAW/B;AAED,wBAAgB,cAAc,4CAY7B;AAED,wBAAgB,4BAA4B,4CAa3C;AAED,wBAAgB,wBAAwB,4CAkBvC"}
1
+ {"version":3,"file":"SwapWidget.Prefill.stories.d.ts","sourceRoot":"","sources":["../../../../../src/stories/Bridge/Swap/SwapWidget.Prefill.stories.tsx"],"names":[],"mappings":"AAQA,QAAA,MAAM,IAAI;;CAEyB,CAAC;AACpC,eAAe,IAAI,CAAC;AAEpB,wBAAgB,eAAe,4CAW9B;AAED,wBAAgB,aAAa,4CAY5B;AAED,wBAAgB,2BAA2B,4CAa1C;AAED,wBAAgB,gBAAgB,4CAW/B;AAED,wBAAgB,cAAc,4CAY7B;AAED,wBAAgB,4BAA4B,4CAa3C;AAED,wBAAgB,wBAAwB,4CAkBvC"}
@@ -1 +1 @@
1
- {"version":3,"file":"SwapWidget.stories.d.ts","sourceRoot":"","sources":["../../../../../src/stories/Bridge/Swap/SwapWidget.stories.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,IAAI,EAAE,MAAM,kBAAkB,CAAC;AAE7C,OAAO,EAAE,UAAU,EAAE,MAAM,wDAAwD,CAAC;AAGpF,QAAA,MAAM,IAAI,EAAE,IAAI,CAAC,OAAO,UAAU,CAcjC,CAAC;AACF,eAAe,IAAI,CAAC;AAEpB,wBAAgB,UAAU,4CAEzB;AAED,wBAAgB,WAAW,4CAQ1B;AAED,wBAAgB,SAAS,4CASxB;AAED,wBAAgB,kBAAkB,4CASjC;AAED,wBAAgB,WAAW,4CAiB1B"}
1
+ {"version":3,"file":"SwapWidget.stories.d.ts","sourceRoot":"","sources":["../../../../../src/stories/Bridge/Swap/SwapWidget.stories.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,IAAI,EAAE,MAAM,kBAAkB,CAAC;AAE7C,OAAO,EACL,UAAU,EAEX,MAAM,wDAAwD,CAAC;AAGhE,QAAA,MAAM,IAAI,EAAE,IAAI,CAAC,OAAO,UAAU,CAEjC,CAAC;AACF,eAAe,IAAI,CAAC;AAEpB,wBAAgB,UAAU,4CAEzB;AAED,wBAAgB,WAAW,4CAQ1B;AAED,wBAAgB,SAAS,4CASxB;AAED,wBAAgB,kBAAkB,4CASjC;AAED,wBAAgB,WAAW,4CAiB1B"}
@@ -1,7 +1,4 @@
1
1
  declare const meta: {
2
- parameters: {
3
- layout: string;
4
- };
5
2
  title: string;
6
3
  };
7
4
  export default meta;
@@ -1 +1 @@
1
- {"version":3,"file":"BuyWidget.stories.d.ts","sourceRoot":"","sources":["../../../src/stories/BuyWidget.stories.tsx"],"names":[],"mappings":"AAUA,QAAA,MAAM,IAAI;;;;;CAKwB,CAAC;AACnC,eAAe,IAAI,CAAC;AAEpB,wBAAgB,KAAK,4CAEpB;AAED,wBAAgB,gBAAgB,4CAU/B;AAED,wBAAgB,kBAAkB,4CAEjC;AAED,wBAAgB,WAAW,4CAI1B;AAED,wBAAgB,kBAAkB,4CAUjC;AAED,wBAAgB,WAAW,4CAS1B;AAED,wBAAgB,oCAAoC,4CAYnD;AAED,wBAAgB,SAAS,4CAUxB;AAED,wBAAgB,gBAAgB,4CAI/B;AAED,wBAAgB,gBAAgB,4CAS/B;AAED,wBAAgB,iBAAiB,4CAShC;AAED,wBAAgB,mBAAmB,4CASlC;AAED,wBAAgB,WAAW,4CAS1B"}
1
+ {"version":3,"file":"BuyWidget.stories.d.ts","sourceRoot":"","sources":["../../../src/stories/BuyWidget.stories.tsx"],"names":[],"mappings":"AAUA,QAAA,MAAM,IAAI;;CAEwB,CAAC;AACnC,eAAe,IAAI,CAAC;AAEpB,wBAAgB,KAAK,4CAEpB;AAED,wBAAgB,gBAAgB,4CAU/B;AAED,wBAAgB,kBAAkB,4CAEjC;AAED,wBAAgB,WAAW,4CAI1B;AAED,wBAAgB,kBAAkB,4CAUjC;AAED,wBAAgB,WAAW,4CAS1B;AAED,wBAAgB,oCAAoC,4CAYnD;AAED,wBAAgB,SAAS,4CAUxB;AAED,wBAAgB,gBAAgB,4CAI/B;AAED,wBAAgB,gBAAgB,4CAS/B;AAED,wBAAgB,iBAAiB,4CAShC;AAED,wBAAgB,mBAAmB,4CASlC;AAED,wBAAgB,WAAW,4CAS1B"}
@@ -1,2 +1,2 @@
1
- export declare const version = "5.109.0";
1
+ export declare const version = "5.109.1-nightly-b1a780832ed97d80399a650beab537a89c628278-20251018000336";
2
2
  //# sourceMappingURL=version.d.ts.map
@@ -1 +1 @@
1
- {"version":3,"file":"version.d.ts","sourceRoot":"","sources":["../../src/version.ts"],"names":[],"mappings":"AAAA,eAAO,MAAM,OAAO,YAAY,CAAC"}
1
+ {"version":3,"file":"version.d.ts","sourceRoot":"","sources":["../../src/version.ts"],"names":[],"mappings":"AAAA,eAAO,MAAM,OAAO,4EAA4E,CAAC"}
package/package.json CHANGED
@@ -399,7 +399,7 @@
399
399
  }
400
400
  },
401
401
  "typings": "./dist/types/exports/thirdweb.d.ts",
402
- "version": "5.109.0",
402
+ "version": "5.109.1-nightly-b1a780832ed97d80399a650beab537a89c628278-20251018000336",
403
403
  "scripts": {
404
404
  "bench": "vitest -c ./test/vitest.config.ts bench",
405
405
  "bench:compare": "bun run ./benchmarks/run.ts",
@@ -205,6 +205,7 @@ export function FundWallet(props: FundWalletProps) {
205
205
  transform: "none",
206
206
  }}
207
207
  setOpen={(v) => setIsTokenSelectionOpen(v)}
208
+ autoFocusCrossIcon={false}
208
209
  >
209
210
  <SelectToken
210
211
  activeWalletInfo={activeWalletInfo}
@@ -11,6 +11,7 @@ export function SearchInput(props: {
11
11
  value: string;
12
12
  onChange: (value: string) => void;
13
13
  placeholder: string;
14
+ autoFocus?: boolean;
14
15
  }) {
15
16
  return (
16
17
  <div
@@ -41,6 +42,7 @@ export function SearchInput(props: {
41
42
  paddingLeft: "44px",
42
43
  }}
43
44
  onChange={(e) => props.onChange(e.target.value)}
45
+ autoFocus={props.autoFocus}
44
46
  />
45
47
  </div>
46
48
  );
@@ -496,6 +496,7 @@ function TokenSelectionScreen(props: {
496
496
  value={props.search}
497
497
  onChange={props.setSearch}
498
498
  placeholder="Search by token or address"
499
+ autoFocus={!props.isMobile}
499
500
  />
500
501
  </Container>
501
502
 
@@ -204,6 +204,7 @@ export function SwapUI(props: SwapUIProps) {
204
204
  <Container p="md">
205
205
  <Modal
206
206
  hide={false}
207
+ autoFocusCrossIcon={false}
207
208
  className="tw-modal__swap-widget"
208
209
  size={isMobile ? "compact" : "wide"}
209
210
  title="Select Token"
@@ -41,6 +41,7 @@ export const Modal: React.FC<{
41
41
  title: string;
42
42
  hide?: boolean;
43
43
  crossContainerStyles?: React.CSSProperties;
44
+ autoFocusCrossIcon?: boolean;
44
45
  }> = (props) => {
45
46
  const [open, setOpen] = useState(props.open);
46
47
  const contentRef = useRef<HTMLDivElement>(null);
@@ -143,7 +144,15 @@ export const Modal: React.FC<{
143
144
  }}
144
145
  >
145
146
  <Dialog.Close asChild>
146
- <IconButton aria-label="Close" autoFocus type="button">
147
+ <IconButton
148
+ aria-label="Close"
149
+ autoFocus={
150
+ props.autoFocusCrossIcon === undefined
151
+ ? true
152
+ : props.autoFocusCrossIcon
153
+ }
154
+ type="button"
155
+ >
147
156
  <Cross2Icon
148
157
  height={iconSize.md}
149
158
  style={{
@@ -1,27 +1,18 @@
1
1
  import type { Meta } from "@storybook/react";
2
- import { BridgeWidgetScript } from "../../../script-exports/bridge-widget-script.js";
2
+ import {
3
+ BridgeWidgetScript,
4
+ type BridgeWidgetScriptProps,
5
+ } from "../../../script-exports/bridge-widget-script.js";
3
6
  import { storyClient } from "../../utils.js";
4
7
 
5
8
  const meta: Meta<typeof BridgeWidgetScript> = {
6
9
  title: "Bridge/BridgeWidgetScript",
7
- parameters: {
8
- layout: "centered",
9
- },
10
- decorators: [
11
- (Story) => {
12
- return (
13
- <div>
14
- <Story />
15
- </div>
16
- );
17
- },
18
- ],
19
10
  };
20
11
  export default meta;
21
12
 
22
13
  export function BasicUsage() {
23
14
  return (
24
- <BridgeWidgetScript
15
+ <Variant
25
16
  clientId={storyClient.clientId}
26
17
  buy={{ chainId: 8453, amount: "0.1" }}
27
18
  />
@@ -30,7 +21,7 @@ export function BasicUsage() {
30
21
 
31
22
  export function LightTheme() {
32
23
  return (
33
- <BridgeWidgetScript
24
+ <Variant
34
25
  clientId={storyClient.clientId}
35
26
  theme="light"
36
27
  buy={{ chainId: 8453, amount: "0.1" }}
@@ -40,7 +31,7 @@ export function LightTheme() {
40
31
 
41
32
  export function CurrencySet() {
42
33
  return (
43
- <BridgeWidgetScript
34
+ <Variant
44
35
  clientId={storyClient.clientId}
45
36
  currency="JPY"
46
37
  buy={{ chainId: 8453, amount: "0.1" }}
@@ -50,7 +41,7 @@ export function CurrencySet() {
50
41
 
51
42
  export function NoThirdwebBranding() {
52
43
  return (
53
- <BridgeWidgetScript
44
+ <Variant
54
45
  clientId={storyClient.clientId}
55
46
  theme="light"
56
47
  buy={{ chainId: 8453, amount: "0.1" }}
@@ -61,7 +52,7 @@ export function NoThirdwebBranding() {
61
52
 
62
53
  export function CustomTheme() {
63
54
  return (
64
- <BridgeWidgetScript
55
+ <Variant
65
56
  clientId={storyClient.clientId}
66
57
  buy={{ chainId: 8453, amount: "0.1" }}
67
58
  theme={{
@@ -77,3 +68,19 @@ export function CustomTheme() {
77
68
  />
78
69
  );
79
70
  }
71
+
72
+ function Variant(props: BridgeWidgetScriptProps) {
73
+ return (
74
+ <div
75
+ style={{
76
+ display: "flex",
77
+ flexDirection: "column",
78
+ gap: "40px",
79
+ alignItems: "center",
80
+ }}
81
+ >
82
+ <BridgeWidgetScript {...props} theme="dark" />
83
+ <BridgeWidgetScript {...props} theme="light" />
84
+ </div>
85
+ );
86
+ }
@@ -1,19 +1,19 @@
1
1
  import type { Meta } from "@storybook/react-vite";
2
2
  import { NATIVE_TOKEN_ADDRESS } from "../../../constants/addresses.js";
3
- import { SwapWidget } from "../../../react/web/ui/Bridge/swap-widget/SwapWidget.js";
3
+ import {
4
+ SwapWidget,
5
+ type SwapWidgetProps,
6
+ } from "../../../react/web/ui/Bridge/swap-widget/SwapWidget.js";
4
7
  import { storyClient } from "../../utils.js";
5
8
 
6
9
  const meta = {
7
- parameters: {
8
- layout: "centered",
9
- },
10
10
  title: "Bridge/Swap/SwapWidget/Prefill",
11
11
  } satisfies Meta<typeof SwapWidget>;
12
12
  export default meta;
13
13
 
14
14
  export function Buy_NativeToken() {
15
15
  return (
16
- <SwapWidget
16
+ <Variant
17
17
  client={storyClient}
18
18
  prefill={{
19
19
  buyToken: {
@@ -26,7 +26,7 @@ export function Buy_NativeToken() {
26
26
 
27
27
  export function Buy_Base_USDC() {
28
28
  return (
29
- <SwapWidget
29
+ <Variant
30
30
  client={storyClient}
31
31
  prefill={{
32
32
  buyToken: {
@@ -40,7 +40,7 @@ export function Buy_Base_USDC() {
40
40
 
41
41
  export function Buy_NativeToken_With_Amount() {
42
42
  return (
43
- <SwapWidget
43
+ <Variant
44
44
  client={storyClient}
45
45
  prefill={{
46
46
  buyToken: {
@@ -55,7 +55,7 @@ export function Buy_NativeToken_With_Amount() {
55
55
 
56
56
  export function Sell_NativeToken() {
57
57
  return (
58
- <SwapWidget
58
+ <Variant
59
59
  client={storyClient}
60
60
  prefill={{
61
61
  sellToken: {
@@ -82,7 +82,7 @@ export function Sell_Base_USDC() {
82
82
 
83
83
  export function Sell_NativeToken_With_Amount() {
84
84
  return (
85
- <SwapWidget
85
+ <Variant
86
86
  client={storyClient}
87
87
  prefill={{
88
88
  sellToken: {
@@ -97,7 +97,7 @@ export function Sell_NativeToken_With_Amount() {
97
97
 
98
98
  export function Buy_And_Sell_NativeToken() {
99
99
  return (
100
- <SwapWidget
100
+ <Variant
101
101
  client={storyClient}
102
102
  prefill={{
103
103
  // base native token
@@ -114,3 +114,19 @@ export function Buy_And_Sell_NativeToken() {
114
114
  />
115
115
  );
116
116
  }
117
+
118
+ function Variant(props: SwapWidgetProps) {
119
+ return (
120
+ <div
121
+ style={{
122
+ display: "flex",
123
+ flexDirection: "column",
124
+ gap: "40px",
125
+ alignItems: "center",
126
+ }}
127
+ >
128
+ <SwapWidget {...props} theme="dark" />
129
+ <SwapWidget {...props} theme="light" />
130
+ </div>
131
+ );
132
+ }
@@ -1,22 +1,13 @@
1
1
  import type { Meta } from "@storybook/react";
2
2
  import { lightTheme } from "../../../react/core/design-system/index.js";
3
- import { SwapWidget } from "../../../react/web/ui/Bridge/swap-widget/SwapWidget.js";
3
+ import {
4
+ SwapWidget,
5
+ type SwapWidgetProps,
6
+ } from "../../../react/web/ui/Bridge/swap-widget/SwapWidget.js";
4
7
  import { storyClient } from "../../utils.js";
5
8
 
6
9
  const meta: Meta<typeof SwapWidget> = {
7
- parameters: {
8
- layout: "centered",
9
- },
10
10
  title: "Bridge/Swap/SwapWidget",
11
- decorators: [
12
- (Story) => {
13
- return (
14
- <div>
15
- <Story />
16
- </div>
17
- );
18
- },
19
- ],
20
11
  };
21
12
  export default meta;
22
13
 
@@ -26,7 +17,7 @@ export function BasicUsage() {
26
17
 
27
18
  export function CurrencySet() {
28
19
  return (
29
- <SwapWidget
20
+ <Variant
30
21
  client={storyClient}
31
22
  currency="JPY"
32
23
  persistTokenSelections={false}
@@ -36,7 +27,7 @@ export function CurrencySet() {
36
27
 
37
28
  export function LightMode() {
38
29
  return (
39
- <SwapWidget
30
+ <Variant
40
31
  client={storyClient}
41
32
  currency="JPY"
42
33
  theme="light"
@@ -47,7 +38,7 @@ export function LightMode() {
47
38
 
48
39
  export function NoThirdwebBranding() {
49
40
  return (
50
- <SwapWidget
41
+ <Variant
51
42
  client={storyClient}
52
43
  currency="JPY"
53
44
  showThirdwebBranding={false}
@@ -58,7 +49,7 @@ export function NoThirdwebBranding() {
58
49
 
59
50
  export function CustomTheme() {
60
51
  return (
61
- <SwapWidget
52
+ <Variant
62
53
  client={storyClient}
63
54
  currency="JPY"
64
55
  persistTokenSelections={false}
@@ -74,3 +65,19 @@ export function CustomTheme() {
74
65
  />
75
66
  );
76
67
  }
68
+
69
+ function Variant(props: SwapWidgetProps) {
70
+ return (
71
+ <div
72
+ style={{
73
+ display: "flex",
74
+ flexDirection: "column",
75
+ gap: "40px",
76
+ alignItems: "center",
77
+ }}
78
+ >
79
+ <SwapWidget {...props} theme="dark" />
80
+ <SwapWidget {...props} theme="light" />
81
+ </div>
82
+ );
83
+ }
@@ -9,9 +9,6 @@ import {
9
9
  import { storyClient } from "./utils.js";
10
10
 
11
11
  const meta = {
12
- parameters: {
13
- layout: "centered",
14
- },
15
12
  title: "Bridge/Buy/BuyWidget",
16
13
  } satisfies Meta<typeof BuyWidget>;
17
14
  export default meta;
@@ -143,7 +140,14 @@ export function LargeAmount() {
143
140
 
144
141
  function Variant(props: BuyWidgetProps) {
145
142
  return (
146
- <div style={{ display: "flex", flexDirection: "column", gap: "40px" }}>
143
+ <div
144
+ style={{
145
+ display: "flex",
146
+ flexDirection: "column",
147
+ gap: "40px",
148
+ alignItems: "center",
149
+ }}
150
+ >
147
151
  <BuyWidget {...props} theme="dark" />
148
152
  <BuyWidget {...props} theme="light" />
149
153
  </div>
package/src/version.ts CHANGED
@@ -1 +1 @@
1
- export const version = "5.109.0";
1
+ export const version = "5.109.1-nightly-b1a780832ed97d80399a650beab537a89c628278-20251018000336";