@xylabs/sdk-react 2.9.32 → 2.9.35

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 (87) hide show
  1. package/dist/cjs5/components/EthAccount/EthAccount.stories.d.ts +3 -1
  2. package/dist/cjs5/components/EthAccount/EthAccountProps.d.ts +1 -0
  3. package/dist/cjs5/components/LinkEx/LinkToEx.d.ts +4 -2
  4. package/dist/cjs5/components/LinkEx/index.d.ts +1 -2
  5. package/dist/cjs5/hooks/index.d.ts +2 -0
  6. package/dist/cjs5/hooks/useInterval.d.ts +2 -0
  7. package/dist/cjs5/hooks/useTimeout.d.ts +2 -0
  8. package/dist/cjs5/index.js +42 -4
  9. package/dist/cjs5/index.js.map +1 -1
  10. package/dist/components/BasePage/BasePage.stories.js +2 -1
  11. package/dist/components/BasePage/BasePage.stories.js.map +1 -1
  12. package/dist/components/EthAccount/EthAccount.js +2 -2
  13. package/dist/components/EthAccount/EthAccount.js.map +1 -1
  14. package/dist/components/EthAccount/EthAccount.stories.d.ts +3 -1
  15. package/dist/components/EthAccount/EthAccount.stories.js +18 -1
  16. package/dist/components/EthAccount/EthAccount.stories.js.map +1 -1
  17. package/dist/components/EthAccount/EthAccountProps.d.ts +1 -0
  18. package/dist/components/LinkEx/LinkToEx.d.ts +4 -2
  19. package/dist/components/LinkEx/LinkToEx.js +10 -3
  20. package/dist/components/LinkEx/LinkToEx.js.map +1 -1
  21. package/dist/components/LinkEx/index.d.ts +1 -2
  22. package/dist/components/LinkEx/index.js +1 -2
  23. package/dist/components/LinkEx/index.js.map +1 -1
  24. package/dist/esm2015/components/EthAccount/EthAccount.stories.d.ts +3 -1
  25. package/dist/esm2015/components/EthAccount/EthAccountProps.d.ts +1 -0
  26. package/dist/esm2015/components/LinkEx/LinkToEx.d.ts +4 -2
  27. package/dist/esm2015/components/LinkEx/index.d.ts +1 -2
  28. package/dist/esm2015/hooks/index.d.ts +2 -0
  29. package/dist/esm2015/hooks/useInterval.d.ts +2 -0
  30. package/dist/esm2015/hooks/useTimeout.d.ts +2 -0
  31. package/dist/esm2015/index.js +40 -5
  32. package/dist/esm2015/index.js.map +1 -1
  33. package/dist/esm2017/components/EthAccount/EthAccount.stories.d.ts +3 -1
  34. package/dist/esm2017/components/EthAccount/EthAccountProps.d.ts +1 -0
  35. package/dist/esm2017/components/LinkEx/LinkToEx.d.ts +4 -2
  36. package/dist/esm2017/components/LinkEx/index.d.ts +1 -2
  37. package/dist/esm2017/hooks/index.d.ts +2 -0
  38. package/dist/esm2017/hooks/useInterval.d.ts +2 -0
  39. package/dist/esm2017/hooks/useTimeout.d.ts +2 -0
  40. package/dist/esm2017/index.js +40 -5
  41. package/dist/esm2017/index.js.map +1 -1
  42. package/dist/esm5/components/EthAccount/EthAccount.stories.d.ts +3 -1
  43. package/dist/esm5/components/EthAccount/EthAccountProps.d.ts +1 -0
  44. package/dist/esm5/components/LinkEx/LinkToEx.d.ts +4 -2
  45. package/dist/esm5/components/LinkEx/index.d.ts +1 -2
  46. package/dist/esm5/hooks/index.d.ts +2 -0
  47. package/dist/esm5/hooks/useInterval.d.ts +2 -0
  48. package/dist/esm5/hooks/useTimeout.d.ts +2 -0
  49. package/dist/esm5/index.js +40 -5
  50. package/dist/esm5/index.js.map +1 -1
  51. package/dist/hooks/index.d.ts +2 -0
  52. package/dist/hooks/index.js +2 -0
  53. package/dist/hooks/index.js.map +1 -1
  54. package/dist/hooks/useInterval.d.ts +2 -0
  55. package/dist/hooks/useInterval.js +15 -0
  56. package/dist/hooks/useInterval.js.map +1 -0
  57. package/dist/hooks/useTimeout.d.ts +2 -0
  58. package/dist/hooks/useTimeout.js +15 -0
  59. package/dist/hooks/useTimeout.js.map +1 -0
  60. package/dist/node/components/EthAccount/EthAccount.stories.d.ts +3 -1
  61. package/dist/node/components/EthAccount/EthAccountProps.d.ts +1 -0
  62. package/dist/node/components/LinkEx/LinkToEx.d.ts +4 -2
  63. package/dist/node/components/LinkEx/index.d.ts +1 -2
  64. package/dist/node/hooks/index.d.ts +2 -0
  65. package/dist/node/hooks/useInterval.d.ts +2 -0
  66. package/dist/node/hooks/useTimeout.d.ts +2 -0
  67. package/dist/node/index.js +42 -4
  68. package/dist/node/index.js.map +1 -1
  69. package/dist/node-esm/components/EthAccount/EthAccount.stories.d.ts +3 -1
  70. package/dist/node-esm/components/EthAccount/EthAccountProps.d.ts +1 -0
  71. package/dist/node-esm/components/LinkEx/LinkToEx.d.ts +4 -2
  72. package/dist/node-esm/components/LinkEx/index.d.ts +1 -2
  73. package/dist/node-esm/hooks/index.d.ts +2 -0
  74. package/dist/node-esm/hooks/useInterval.d.ts +2 -0
  75. package/dist/node-esm/hooks/useTimeout.d.ts +2 -0
  76. package/dist/node-esm/index.js +40 -5
  77. package/dist/node-esm/index.js.map +1 -1
  78. package/package.json +11 -11
  79. package/src/components/BasePage/BasePage.stories.tsx +6 -1
  80. package/src/components/EthAccount/EthAccount.stories.tsx +20 -1
  81. package/src/components/EthAccount/EthAccount.tsx +2 -1
  82. package/src/components/EthAccount/EthAccountProps.tsx +1 -0
  83. package/src/components/LinkEx/LinkToEx.tsx +11 -4
  84. package/src/components/LinkEx/index.ts +1 -3
  85. package/src/hooks/index.ts +2 -0
  86. package/src/hooks/useInterval.ts +19 -0
  87. package/src/hooks/useTimeout.ts +19 -0
@@ -1 +1 @@
1
- {"version":3,"file":"EthAccount.stories.js","sourceRoot":"","sources":["../../../src/components/EthAccount/EthAccount.stories.tsx"],"names":[],"mappings":";AACA,OAAO,EAAE,UAAU,EAAE,MAAM,gBAAgB,CAAA;AAE3C,OAAO,EAAE,OAAO,EAAE,MAAM,YAAY,CAAA;AACpC,OAAO,EAAE,UAAU,EAAE,MAAM,cAAc,CAAA;AAEzC,MAAM,cAAc,GAAG;IACrB,QAAQ,EAAE,EAAE;IACZ,SAAS,EAAE,UAAU;IACrB,UAAU,EAAE;QACV,IAAI,EAAE;YACJ,IAAI,EAAE,IAAI;SACX;KACF;IACD,KAAK,EAAE,uBAAuB;CACK,CAAA;AAErC,MAAM,QAAQ,GAAsC,CAAC,IAAI,EAAE,EAAE,CAAC,CAC5D,KAAC,OAAO,cACN,KAAC,UAAU,kBAAC,OAAO,EAAC,UAAU,IAAK,IAAI,UAAe,WAC9C,CACX,CAAA;AAED,MAAM,IAAI,GAAG,QAAQ,CAAC,IAAI,CAAC,EAAE,CAAC,CAAA;AAC9B,IAAI,CAAC,IAAI,GAAG;IACV,OAAO,EAAE,UAAU,CAAC,UAAU,CAAC,4CAA4C,CAAC;IAC5E,aAAa,EAAE,MAAM;IACrB,IAAI,EAAE,IAAI;IACV,KAAK,EAAE,mBAAmB;IAC1B,WAAW,EAAE,IAAI;CAClB,CAAA;AAED,MAAM,SAAS,GAAG,QAAQ,CAAC,IAAI,CAAC,EAAE,CAAC,CAAA;AACnC,SAAS,CAAC,IAAI,GAAG;IACf,aAAa,EAAE,MAAM;IACrB,IAAI,EAAE,IAAI;IACV,KAAK,EAAE,mBAAmB;IAC1B,WAAW,EAAE,IAAI;CAClB,CAAA;AAED,MAAM,KAAK,GAAG,QAAQ,CAAC,IAAI,CAAC,EAAE,CAAC,CAAA;AAC/B,KAAK,CAAC,IAAI,GAAG;IACX,OAAO,EAAE,UAAU,CAAC,UAAU,CAAC,4CAA4C,CAAC;IAC5E,aAAa,EAAE,OAAO;IACtB,IAAI,EAAE,IAAI;IACV,KAAK,EAAE,mBAAmB;IAC1B,WAAW,EAAE,IAAI;CAClB,CAAA;AAED,MAAM,UAAU,GAAG,QAAQ,CAAC,IAAI,CAAC,EAAE,CAAC,CAAA;AACpC,UAAU,CAAC,IAAI,GAAG;IAChB,aAAa,EAAE,OAAO;IACtB,IAAI,EAAE,IAAI;IACV,KAAK,EAAE,mBAAmB;IAC1B,WAAW,EAAE,IAAI;CAClB,CAAA;AAED,MAAM,IAAI,GAAG,QAAQ,CAAC,IAAI,CAAC,EAAE,CAAC,CAAA;AAC9B,IAAI,CAAC,IAAI,GAAG;IACV,OAAO,EAAE,UAAU,CAAC,UAAU,CAAC,4CAA4C,CAAC;IAC5E,aAAa,EAAE,MAAM;IACrB,IAAI,EAAE,IAAI;IACV,KAAK,EAAE,mBAAmB;IAC1B,WAAW,EAAE,IAAI;CAClB,CAAA;AAED,MAAM,SAAS,GAAG,QAAQ,CAAC,IAAI,CAAC,EAAE,CAAC,CAAA;AACnC,SAAS,CAAC,IAAI,GAAG;IACf,aAAa,EAAE,MAAM;IACrB,IAAI,EAAE,IAAI;IACV,KAAK,EAAE,mBAAmB;IAC1B,WAAW,EAAE,IAAI;CAClB,CAAA;AAED,OAAO,EAAE,IAAI,EAAE,SAAS,EAAE,IAAI,EAAE,SAAS,EAAE,KAAK,EAAE,UAAU,EAAE,CAAA;AAE9D,oDAAoD;AACpD,eAAe,cAAc,CAAA"}
1
+ {"version":3,"file":"EthAccount.stories.js","sourceRoot":"","sources":["../../../src/components/EthAccount/EthAccount.stories.tsx"],"names":[],"mappings":"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"}
@@ -4,6 +4,7 @@ import { ButtonExProps } from '../ButtonEx';
4
4
  interface EthAccountProps extends ButtonExProps {
5
5
  address?: EthAddress | null;
6
6
  addressLength?: 'auto' | 'short' | 'long';
7
+ shortenedLength?: number;
7
8
  full?: boolean;
8
9
  icon?: boolean;
9
10
  iconSize?: number;
@@ -2,7 +2,9 @@ import { LinkProps } from '@mui/material';
2
2
  import React from 'react';
3
3
  import { To } from 'react-router-dom';
4
4
  interface Props extends LinkProps {
5
- to: To;
5
+ to?: To;
6
6
  }
7
+ declare const LinkEx: React.FC<Props>;
8
+ /** @deprecated use LinkEx instead */
7
9
  declare const LinkToEx: React.FC<Props>;
8
- export { LinkToEx };
10
+ export { LinkEx, LinkToEx };
@@ -2,9 +2,16 @@ import { __rest } from "tslib";
2
2
  import { jsx as _jsx } from "react/jsx-runtime";
3
3
  import { Link } from '@mui/material';
4
4
  import { Link as RouterLink } from 'react-router-dom';
5
- const LinkToEx = (_a) => {
5
+ const LinkEx = (_a) => {
6
6
  var { to } = _a, props = __rest(_a, ["to"]);
7
- return _jsx(Link, Object.assign({ component: RouterLink, to: to }, props), void 0);
7
+ if (to) {
8
+ return _jsx(Link, Object.assign({ component: RouterLink, to: to }, props), void 0);
9
+ }
10
+ else {
11
+ return _jsx(Link, Object.assign({}, props), void 0);
12
+ }
8
13
  };
9
- export { LinkToEx };
14
+ /** @deprecated use LinkEx instead */
15
+ const LinkToEx = LinkEx;
16
+ export { LinkEx, LinkToEx };
10
17
  //# sourceMappingURL=LinkToEx.js.map
@@ -1 +1 @@
1
- {"version":3,"file":"LinkToEx.js","sourceRoot":"","sources":["../../../src/components/LinkEx/LinkToEx.tsx"],"names":[],"mappings":";;AAAA,OAAO,EAAE,IAAI,EAAa,MAAM,eAAe,CAAA;AAE/C,OAAO,EAAE,IAAI,IAAI,UAAU,EAAM,MAAM,kBAAkB,CAAA;AAMzD,MAAM,QAAQ,GAAoB,CAAC,EAAgB,EAAE,EAAE;QAApB,EAAE,EAAE,OAAY,EAAP,KAAK,cAAd,MAAgB,CAAF;IAC/C,OAAO,KAAC,IAAI,kBAAC,SAAS,EAAE,UAAU,EAAE,EAAE,EAAE,EAAE,IAAM,KAAK,UAAI,CAAA;AAC3D,CAAC,CAAA;AAED,OAAO,EAAE,QAAQ,EAAE,CAAA"}
1
+ {"version":3,"file":"LinkToEx.js","sourceRoot":"","sources":["../../../src/components/LinkEx/LinkToEx.tsx"],"names":[],"mappings":";;AAAA,OAAO,EAAE,IAAI,EAAa,MAAM,eAAe,CAAA;AAE/C,OAAO,EAAE,IAAI,IAAI,UAAU,EAAM,MAAM,kBAAkB,CAAA;AAMzD,MAAM,MAAM,GAAoB,CAAC,EAAgB,EAAE,EAAE;QAApB,EAAE,EAAE,OAAY,EAAP,KAAK,cAAd,MAAgB,CAAF;IAC7C,IAAI,EAAE,EAAE;QACN,OAAO,KAAC,IAAI,kBAAC,SAAS,EAAE,UAAU,EAAE,EAAE,EAAE,EAAE,IAAM,KAAK,UAAI,CAAA;KAC1D;SAAM;QACL,OAAO,KAAC,IAAI,oBAAK,KAAK,UAAI,CAAA;KAC3B;AACH,CAAC,CAAA;AAED,qCAAqC;AACrC,MAAM,QAAQ,GAAG,MAAM,CAAA;AAEvB,OAAO,EAAE,MAAM,EAAE,QAAQ,EAAE,CAAA"}
@@ -1,2 +1 @@
1
- import { LinkToEx } from './LinkToEx';
2
- export { LinkToEx };
1
+ export * from './LinkToEx';
@@ -1,3 +1,2 @@
1
- import { LinkToEx } from './LinkToEx';
2
- export { LinkToEx };
1
+ export * from './LinkToEx';
3
2
  //# sourceMappingURL=index.js.map
@@ -1 +1 @@
1
- {"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/components/LinkEx/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,QAAQ,EAAE,MAAM,YAAY,CAAA;AAErC,OAAO,EAAE,QAAQ,EAAE,CAAA"}
1
+ {"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/components/LinkEx/index.ts"],"names":[],"mappings":"AAAA,cAAc,YAAY,CAAA"}
@@ -3,9 +3,11 @@ import { ComponentMeta, ComponentStory } from '@storybook/react';
3
3
  declare const StorybookEntry: ComponentMeta<import("react").FC<import("./EthAccountProps").EthAccountProps>>;
4
4
  declare const Long: ComponentStory<import("react").FC<import("./EthAccountProps").EthAccountProps>>;
5
5
  declare const LongEmpty: ComponentStory<import("react").FC<import("./EthAccountProps").EthAccountProps>>;
6
+ declare const Medium: ComponentStory<import("react").FC<import("./EthAccountProps").EthAccountProps>>;
7
+ declare const MediumEmpty: ComponentStory<import("react").FC<import("./EthAccountProps").EthAccountProps>>;
6
8
  declare const Short: ComponentStory<import("react").FC<import("./EthAccountProps").EthAccountProps>>;
7
9
  declare const ShortEmpty: ComponentStory<import("react").FC<import("./EthAccountProps").EthAccountProps>>;
8
10
  declare const Auto: ComponentStory<import("react").FC<import("./EthAccountProps").EthAccountProps>>;
9
11
  declare const AutoEmpty: ComponentStory<import("react").FC<import("./EthAccountProps").EthAccountProps>>;
10
- export { Auto, AutoEmpty, Long, LongEmpty, Short, ShortEmpty };
12
+ export { Auto, AutoEmpty, Long, LongEmpty, Medium, MediumEmpty, Short, ShortEmpty };
11
13
  export default StorybookEntry;
@@ -4,6 +4,7 @@ import { ButtonExProps } from '../ButtonEx';
4
4
  interface EthAccountProps extends ButtonExProps {
5
5
  address?: EthAddress | null;
6
6
  addressLength?: 'auto' | 'short' | 'long';
7
+ shortenedLength?: number;
7
8
  full?: boolean;
8
9
  icon?: boolean;
9
10
  iconSize?: number;
@@ -2,7 +2,9 @@ import { LinkProps } from '@mui/material';
2
2
  import React from 'react';
3
3
  import { To } from 'react-router-dom';
4
4
  interface Props extends LinkProps {
5
- to: To;
5
+ to?: To;
6
6
  }
7
+ declare const LinkEx: React.FC<Props>;
8
+ /** @deprecated use LinkEx instead */
7
9
  declare const LinkToEx: React.FC<Props>;
8
- export { LinkToEx };
10
+ export { LinkEx, LinkToEx };
@@ -1,2 +1 @@
1
- import { LinkToEx } from './LinkToEx';
2
- export { LinkToEx };
1
+ export * from './LinkToEx';
@@ -1,9 +1,11 @@
1
1
  export * from './useBreakpoint';
2
+ export * from './useInterval';
2
3
  export * from './useLocalStorage';
3
4
  export * from './useMediaQuery';
4
5
  export * from './useMounted';
5
6
  export * from './useNavigateToEthAddress';
6
7
  export * from './useSpacing';
8
+ export * from './useTimeout';
7
9
  export * from './useUserEvents';
8
10
  export * from './useWebP';
9
11
  export * from './useWindowSize';
@@ -0,0 +1,2 @@
1
+ /// <reference types="react" />
2
+ export declare const useInterval: (callback: () => void, delay: number) => import("react").MutableRefObject<number>;
@@ -0,0 +1,2 @@
1
+ /// <reference types="react" />
2
+ export declare const useTimeout: (callback: () => void, delay: number) => import("react").MutableRefObject<number>;
@@ -1795,6 +1795,20 @@ const useBreakpoint = () => {
1795
1795
  }
1796
1796
  };
1797
1797
 
1798
+ const useInterval = (callback, delay) => {
1799
+ const intervalRef = useRef(-1);
1800
+ const savedCallback = useRef(callback);
1801
+ useEffect(() => {
1802
+ savedCallback.current = callback;
1803
+ }, [callback]);
1804
+ useEffect(() => {
1805
+ const tick = () => savedCallback.current();
1806
+ intervalRef.current = window.setInterval(tick, delay);
1807
+ return () => window.clearInterval(intervalRef.current);
1808
+ }, [delay]);
1809
+ return intervalRef;
1810
+ };
1811
+
1798
1812
  const useLocalStorage = (key, defaultValue) => {
1799
1813
  const [storedValue, setStoredValue] = useState(() => {
1800
1814
  try {
@@ -1869,6 +1883,20 @@ const useSpacing = (value) => {
1869
1883
  return theme.spacing(typeof value === 'string' ? parseInt(value) : value);
1870
1884
  };
1871
1885
 
1886
+ const useTimeout = (callback, delay) => {
1887
+ const timeoutRef = useRef(-1);
1888
+ const savedCallback = useRef(callback);
1889
+ useEffect(() => {
1890
+ savedCallback.current = callback;
1891
+ }, [callback]);
1892
+ useEffect(() => {
1893
+ const tick = () => savedCallback.current();
1894
+ timeoutRef.current = window.setTimeout(tick, delay);
1895
+ return () => window.clearTimeout(timeoutRef.current);
1896
+ }, [delay]);
1897
+ return timeoutRef;
1898
+ };
1899
+
1872
1900
  const useUserEvents = () => {
1873
1901
  const { userEvents } = useContext(UserEventsContext);
1874
1902
  if (!userEvents) {
@@ -1919,7 +1947,7 @@ function useWindowSize() {
1919
1947
  }
1920
1948
 
1921
1949
  const EthAccount = (_a) => {
1922
- var { address, icon = false, iconSize = 16, iconOnly = false, addressLength = 'auto', fontFamily = '"Source Code Pro",monospace', toEtherScan, onButtonClick } = _a, props = __rest(_a, ["address", "icon", "iconSize", "iconOnly", "addressLength", "fontFamily", "toEtherScan", "onButtonClick"]);
1950
+ var { address, icon = false, iconSize = 16, iconOnly = false, shortenedLength, addressLength = 'auto', fontFamily = '"Source Code Pro",monospace', toEtherScan, onButtonClick } = _a, props = __rest(_a, ["address", "icon", "iconSize", "iconOnly", "shortenedLength", "addressLength", "fontFamily", "toEtherScan", "onButtonClick"]);
1923
1951
  const { localAddress } = useContext(EthersContext);
1924
1952
  const theme = useTheme();
1925
1953
  const large = useMediaQuery(theme.breakpoints.up('md'));
@@ -1934,7 +1962,7 @@ const EthAccount = (_a) => {
1934
1962
  const testToDisplay = addressLength === 'long'
1935
1963
  ? addressToDisplay.toString()
1936
1964
  : addressLength === 'short'
1937
- ? addressToDisplay.toShortString()
1965
+ ? addressToDisplay.toShortString(shortenedLength)
1938
1966
  : large
1939
1967
  ? addressToDisplay.toString()
1940
1968
  : addressToDisplay.toShortString();
@@ -2066,10 +2094,17 @@ const ExperimentsDebugger = (_a) => {
2066
2094
  }) }), void 0));
2067
2095
  };
2068
2096
 
2069
- const LinkToEx = (_a) => {
2097
+ const LinkEx = (_a) => {
2070
2098
  var { to } = _a, props = __rest(_a, ["to"]);
2071
- return jsx(Link, Object.assign({ component: Link$1, to: to }, props), void 0);
2099
+ if (to) {
2100
+ return jsx(Link, Object.assign({ component: Link$1, to: to }, props), void 0);
2101
+ }
2102
+ else {
2103
+ return jsx(Link, Object.assign({}, props), void 0);
2104
+ }
2072
2105
  };
2106
+ /** @deprecated use LinkEx instead */
2107
+ const LinkToEx = LinkEx;
2073
2108
 
2074
2109
  const MenuEx = (_a) => {
2075
2110
  var { MenuListProps = {}, mode = 'light', colorize } = _a, props = __rest(_a, ["MenuListProps", "mode", "colorize"]);
@@ -2249,5 +2284,5 @@ const TokenAmount = (_a) => {
2249
2284
  return (jsx(ButtonEx, Object.assign({ style: Object.assign({ backgroundColor: statusColor }, style), variant: "outlined", onClick: onButtonClick }, props, { children: jsxs(FlexRow, Object.assign({ justifyContent: "space-between", width: "100%", busy: amount === undefined, busySize: 16 }, { children: [jsxs(FlexRow, { children: [logo ? jsx("img", { src: img, height: 24 }, void 0) : null, label ? (jsx(Typography, Object.assign({ marginRight: 1, marginLeft: logo ? 1 : 0, noWrap: true, fontFamily: textFontFamily, variant: "caption" }, { children: label }), void 0)) : null] }, void 0), jsx(Typography, Object.assign({ color: textColor, noWrap: true, fontFamily: textFontFamily, variant: "body1", style: { textTransform: 'none' } }, { children: amountString }), void 0)] }), void 0) }), void 0));
2250
2285
  };
2251
2286
 
2252
- export { ActionStatusType, AppBarEx, Background, BasePage, BreadcrumbsEx, BusyBox, ButtonEx, ContactPointOption, CookieConsent, CookieConsentBody, CookieConsentContext, CookieConsentLoader, CoverProgress, DebugUserEventsContext, DripCustomEvent, DripStandardEvents, ErrorDialog, EthAccount, EthersContext, EthersLoader, Experiment, Experiments, ExperimentsDebugger, FacebookCustomEvent, FacebookStandardEvents, Fbq, FlexCol, FlexGrowCol, FlexGrowRow, FlexRow, GoogleBaseEvent, GoogleCustomEvent, GoogleStandardEvents, GoogleUserEventHandler, Gtag, Gtm, HoverScale, Identicon, InvertableThemeProvider, ItemAvailability, LinkToEx, MapCategoryType, MenuEx, MessageDialog, NetworkSettingsContext, NetworkSettingsLoader, NumberStatus, PixelDebugger, PixelDebuggerProvider, PixelDebuggerToggle, Portal, QuickTipButton, Rdt, RedditCustomEvent, RedditStandardEvents, RedirectWithQuery, Referrer, RichResult, ScrollToTop, ScrollToTopButton, SelectEx, SnapTr, SnapchatStandardEvents, TiktokCustomEvent, TiktokStandardEvents, TokenAmount, Ttq, UserEventsContext, UserEventsLoader, XyBaseEvent, XyCustomEvent, XyUserEventHandler, XyoUserEventHandler, enableProfileLogging, getApiStage, getLocalStorageObject, getSessionStorageObject, isLocalhost, profileBlock, profileResults, resolveThemeColors, setLocalStorageObject, setSessionStorageObject, useAsyncEffect, useBreakpoint, useCookieConsent, useLocalStorage, useMounted, useNavigateToEthAddress, useSpacing, useUserEvents, useWebP, useWindowSize };
2287
+ export { ActionStatusType, AppBarEx, Background, BasePage, BreadcrumbsEx, BusyBox, ButtonEx, ContactPointOption, CookieConsent, CookieConsentBody, CookieConsentContext, CookieConsentLoader, CoverProgress, DebugUserEventsContext, DripCustomEvent, DripStandardEvents, ErrorDialog, EthAccount, EthersContext, EthersLoader, Experiment, Experiments, ExperimentsDebugger, FacebookCustomEvent, FacebookStandardEvents, Fbq, FlexCol, FlexGrowCol, FlexGrowRow, FlexRow, GoogleBaseEvent, GoogleCustomEvent, GoogleStandardEvents, GoogleUserEventHandler, Gtag, Gtm, HoverScale, Identicon, InvertableThemeProvider, ItemAvailability, LinkEx, LinkToEx, MapCategoryType, MenuEx, MessageDialog, NetworkSettingsContext, NetworkSettingsLoader, NumberStatus, PixelDebugger, PixelDebuggerProvider, PixelDebuggerToggle, Portal, QuickTipButton, Rdt, RedditCustomEvent, RedditStandardEvents, RedirectWithQuery, Referrer, RichResult, ScrollToTop, ScrollToTopButton, SelectEx, SnapTr, SnapchatStandardEvents, TiktokCustomEvent, TiktokStandardEvents, TokenAmount, Ttq, UserEventsContext, UserEventsLoader, XyBaseEvent, XyCustomEvent, XyUserEventHandler, XyoUserEventHandler, enableProfileLogging, getApiStage, getLocalStorageObject, getSessionStorageObject, isLocalhost, profileBlock, profileResults, resolveThemeColors, setLocalStorageObject, setSessionStorageObject, useAsyncEffect, useBreakpoint, useCookieConsent, useInterval, useLocalStorage, useMounted, useNavigateToEthAddress, useSpacing, useTimeout, useUserEvents, useWebP, useWindowSize };
2253
2288
  //# sourceMappingURL=index.js.map