@lifi/widget 4.0.0-beta.14 → 4.0.0-beta.18

package/dist/esm/providers/I18nProvider/I18nProvider.js.map

@@ -1 +1 @@
-{"version":3,"file":"I18nProvider.js","names":["enResource"],"sources":["../../../../src/providers/I18nProvider/I18nProvider.tsx"],"sourcesContent":["import { createInstance, type i18n } from 'i18next'\nimport { useEffect, useMemo, useRef } from 'react'\nimport { I18nextProvider } from 'react-i18next'\nimport { useLanguages } from '../../hooks/useLanguages.js'\nimport { useSettingsStore } from '../../stores/settings/SettingsStore.js'\nimport { useSettings } from '../../stores/settings/useSettings.js'\nimport { compactNumberFormatter } from '../../utils/compactNumberFormatter.js'\nimport { currencyExtendedFormatter } from '../../utils/currencyExtendedFormatter.js'\nimport { percentFormatter } from '../../utils/percentFormatter.js'\nimport { useWidgetConfig } from '../WidgetProvider/WidgetProvider.js'\nimport { allLanguages } from './constants.js'\nimport { enResource } from './enResource.js'\nimport { mergeWithLanguageResources } from './i18n.js'\nimport type { LanguageKey, LanguageResource, PartialResource } from './types.js'\n\nexport const I18nProvider: React.FC<React.PropsWithChildren> = ({\n  children,\n}) => {\n  const { languages, languageResources } = useWidgetConfig()\n  const { language, languageCache } = useSettings(['language', 'languageCache'])\n  const i18nInstanceRef = useRef<i18n | null>(null)\n\n  const i18nInstance = useMemo(() => {\n    if (i18nInstanceRef.current) {\n      // Update i18n instance with language and language cache updates\n      if (language && languageCache && language !== 'en') {\n        i18nInstanceRef.current.addResourceBundle(\n          language,\n          'translation',\n          languageCache,\n          true,\n          true\n        )\n      }\n      return i18nInstanceRef.current\n    }\n\n    // Custom language resources (of non-default languages) are added statically.\n    // If custom language resources extend existing languages, they are merged with dynamically loaded resources.\n    const customLanguageKeys = languageResources\n      ? Object.keys(languageResources).filter(\n          (key: string) => !allLanguages.includes(key as LanguageKey)\n        )\n      : []\n    const initialLanguage = language || languages?.default\n    const i18n = createInstance({\n      lng: initialLanguage,\n      fallbackLng: 'en',\n      lowerCaseLng: true,\n      interpolation: { escapeValue: false },\n      resources: {\n        en: {\n          translation: mergeWithLanguageResources(\n            enResource,\n            languageResources?.en\n          ),\n        },\n        ...(initialLanguage &&\n          initialLanguage !== 'en' &&\n          languageCache && {\n            [initialLanguage]: {\n              translation: languageCache,\n            },\n          }),\n        // Add non-existing custom language resources\n        ...customLanguageKeys.reduce(\n          (acc, key) => {\n            const customResource = languageResources?.[key as LanguageKey]\n            if (customResource) {\n              acc[key] = {\n                translation: customResource,\n              }\n            }\n            return acc\n          },\n          {} as Record<\n            string,\n            { translation: PartialResource<LanguageResource> }\n          >\n        ),\n      },\n      detection: {\n        caches: [],\n      },\n      returnEmptyString: false,\n    })\n\n    i18n.init()\n\n    i18n.services.formatter?.addCached('numberExt', compactNumberFormatter)\n    i18n.services.formatter?.addCached('currencyExt', currencyExtendedFormatter)\n    i18n.services.formatter?.addCached('percent', percentFormatter)\n    i18nInstanceRef.current = i18n\n    return i18n\n  }, [language, languageResources, languages?.default, languageCache])\n\n  return (\n    <I18nextProvider i18n={i18nInstance}>\n      {children}\n      <DefaultLanguageHandler />\n    </I18nextProvider>\n  )\n}\n\n// Sync language settings internally when config.languages.default changes externally\nconst DefaultLanguageHandler: React.FC = () => {\n  const { languages } = useWidgetConfig()\n  const [lastDefaultLanguage, setValue] = useSettingsStore((state) => [\n    state.lastDefaultLanguage,\n    state.setValue,\n  ])\n  const { setLanguageWithCode: setLanguage } = useLanguages()\n\n  useEffect(() => {\n    const currentDefaultLanguage = languages?.default\n\n    const defaultLanguageChanged =\n      currentDefaultLanguage && currentDefaultLanguage !== lastDefaultLanguage\n\n    if (!defaultLanguageChanged) {\n      return\n    }\n\n    const updateLanguage = async () => {\n      await setLanguage(currentDefaultLanguage)\n      setValue('lastDefaultLanguage', currentDefaultLanguage)\n    }\n\n    updateLanguage()\n  }, [languages?.default, setValue, lastDefaultLanguage, setLanguage])\n\n  return null\n}\n"],"mappings":";;;;;;;;;;;;;;;AAeA,MAAa,gBAAmD,EAC9D,eACI;CACJ,MAAM,EAAE,WAAW,sBAAsB,iBAAiB;CAC1D,MAAM,EAAE,UAAU,kBAAkB,YAAY,CAAC,YAAY,gBAAgB,CAAC;CAC9E,MAAM,kBAAkB,OAAoB,KAAK;AA4EjD,QACE,qBAAC,iBAAD;EAAiB,MA3EE,cAAc;AACjC,OAAI,gBAAgB,SAAS;AAE3B,QAAI,YAAY,iBAAiB,aAAa,KAC5C,iBAAgB,QAAQ,kBACtB,UACA,eACA,eACA,MACA,KACD;AAEH,WAAO,gBAAgB;;GAKzB,MAAM,qBAAqB,oBACvB,OAAO,KAAK,kBAAkB,CAAC,QAC5B,QAAgB,CAAC,aAAa,SAAS,IAAmB,CAC5D,GACD,EAAE;GACN,MAAM,kBAAkB,YAAY,WAAW;GAC/C,MAAM,OAAO,eAAe;IAC1B,KAAK;IACL,aAAa;IACb,cAAc;IACd,eAAe,EAAE,aAAa,OAAO;IACrC,WAAW;KACT,IAAI,EACF,aAAa,2BACXA,IACA,mBAAmB,GACpB,EACF;KACD,GAAI,mBACF,oBAAoB,QACpB,iBAAiB,GACd,kBAAkB,EACjB,aAAa,eACd,EACF;KAEH,GAAG,mBAAmB,QACnB,KAAK,QAAQ;MACZ,MAAM,iBAAiB,oBAAoB;AAC3C,UAAI,eACF,KAAI,OAAO,EACT,aAAa,gBACd;AAEH,aAAO;QAET,EAAE,CAIH;KACF;IACD,WAAW,EACT,QAAQ,EAAE,EACX;IACD,mBAAmB;IACpB,CAAC;AAEF,QAAK,MAAM;AAEX,QAAK,SAAS,WAAW,UAAU,aAAa,uBAAuB;AACvE,QAAK,SAAS,WAAW,UAAU,eAAe,0BAA0B;AAC5E,QAAK,SAAS,WAAW,UAAU,WAAW,iBAAiB;AAC/D,mBAAgB,UAAU;AAC1B,UAAO;KACN;GAAC;GAAU;GAAmB,WAAW;GAAS;GAAc,CAAC;YAGlE,CACG,UACD,oBAAC,wBAAD,EAA0B,CAAA,CACV;;;AAKtB,MAAM,+BAAyC;CAC7C,MAAM,EAAE,cAAc,iBAAiB;CACvC,MAAM,CAAC,qBAAqB,YAAY,kBAAkB,UAAU,CAClE,MAAM,qBACN,MAAM,SACP,CAAC;CACF,MAAM,EAAE,qBAAqB,gBAAgB,cAAc;AAE3D,iBAAgB;EACd,MAAM,yBAAyB,WAAW;AAK1C,MAAI,EAFF,0BAA0B,2BAA2B,qBAGrD;EAGF,MAAM,iBAAiB,YAAY;AACjC,SAAM,YAAY,uBAAuB;AACzC,YAAS,uBAAuB,uBAAuB;;AAGzD,kBAAgB;IACf;EAAC,WAAW;EAAS;EAAU;EAAqB;EAAY,CAAC;AAEpE,QAAO"}
+{"version":3,"file":"I18nProvider.js","names":["enResource"],"sources":["../../../../src/providers/I18nProvider/I18nProvider.tsx"],"sourcesContent":["import { createInstance, type i18n } from 'i18next'\nimport { useEffect, useMemo, useRef } from 'react'\nimport { I18nextProvider } from 'react-i18next'\nimport { useLanguages } from '../../hooks/useLanguages.js'\nimport { useSettingsStore } from '../../stores/settings/SettingsStore.js'\nimport { useSettings } from '../../stores/settings/useSettings.js'\nimport { compactNumberFormatter } from '../../utils/compactNumberFormatter.js'\nimport { currencyExtendedFormatter } from '../../utils/currencyExtendedFormatter.js'\nimport { percentFormatter } from '../../utils/percentFormatter.js'\nimport { useWidgetConfig } from '../WidgetProvider/WidgetProvider.js'\nimport { allLanguages } from './constants.js'\nimport { enResource } from './enResource.js'\nimport { mergeWithLanguageResources } from './i18n.js'\nimport type { LanguageKey, LanguageResource, PartialResource } from './types.js'\n\nexport const I18nProvider: React.FC<React.PropsWithChildren> = ({\n  children,\n}) => {\n  const { languages, languageResources } = useWidgetConfig()\n  const { language, languageCache } = useSettings(['language', 'languageCache'])\n  const i18nInstanceRef = useRef<i18n | null>(null)\n\n  const i18nInstance = useMemo(() => {\n    if (i18nInstanceRef.current) {\n      // Update i18n instance with language and language cache updates\n      if (language && languageCache && language !== 'en') {\n        i18nInstanceRef.current.addResourceBundle(\n          language,\n          'translation',\n          languageCache,\n          true,\n          true\n        )\n      }\n      return i18nInstanceRef.current\n    }\n\n    // Custom language resources (of non-default languages) are added statically.\n    // If custom language resources extend existing languages, they are merged with dynamically loaded resources.\n    const customLanguageKeys = languageResources\n      ? Object.keys(languageResources).filter(\n          (key: string) => !allLanguages.includes(key as LanguageKey)\n        )\n      : []\n    const initialLanguage = language || languages?.default\n    const i18n = createInstance({\n      lng: initialLanguage,\n      fallbackLng: 'en',\n      lowerCaseLng: true,\n      interpolation: { escapeValue: false },\n      resources: {\n        en: {\n          translation: mergeWithLanguageResources(\n            enResource,\n            languageResources?.en\n          ),\n        },\n        ...(initialLanguage &&\n          initialLanguage !== 'en' &&\n          languageCache && {\n            [initialLanguage]: {\n              translation: languageCache,\n            },\n          }),\n        // Add non-existing custom language resources\n        ...customLanguageKeys.reduce(\n          (acc, key) => {\n            const customResource = languageResources?.[key as LanguageKey]\n            if (customResource) {\n              acc[key] = {\n                translation: customResource,\n              }\n            }\n            return acc\n          },\n          {} as Record<\n            string,\n            { translation: PartialResource<LanguageResource> }\n          >\n        ),\n      },\n      detection: {\n        caches: [],\n      },\n      returnEmptyString: false,\n    })\n\n    i18n.init()\n\n    i18n.services.formatter?.addCached('numberExt', compactNumberFormatter)\n    i18n.services.formatter?.addCached('currencyExt', currencyExtendedFormatter)\n    i18n.services.formatter?.addCached('percent', percentFormatter)\n    i18nInstanceRef.current = i18n\n    return i18n\n  }, [language, languageResources, languages?.default, languageCache])\n\n  return (\n    <I18nextProvider i18n={i18nInstance}>\n      {children}\n      <DefaultLanguageHandler />\n    </I18nextProvider>\n  )\n}\n\n// Sync language settings internally when config.languages.default changes externally\nconst DefaultLanguageHandler: React.FC = () => {\n  const { languages } = useWidgetConfig()\n  const [lastDefaultLanguage, setValue] = useSettingsStore((state) => [\n    state.lastDefaultLanguage,\n    state.setValue,\n  ])\n  const { setLanguageWithCode: setLanguage } = useLanguages()\n\n  useEffect(() => {\n    const currentDefaultLanguage = languages?.default\n\n    const defaultLanguageChanged =\n      currentDefaultLanguage && currentDefaultLanguage !== lastDefaultLanguage\n\n    if (!defaultLanguageChanged) {\n      return\n    }\n\n    const updateLanguage = async () => {\n      await setLanguage(currentDefaultLanguage)\n      setValue('lastDefaultLanguage', currentDefaultLanguage)\n    }\n\n    updateLanguage()\n  }, [languages?.default, setValue, lastDefaultLanguage, setLanguage])\n\n  return null\n}\n"],"mappings":";;;;;;;;;;;;;;;AAeA,MAAa,gBAAmD,EAC9D,eACI;CACJ,MAAM,EAAE,WAAW,sBAAsB,iBAAiB;CAC1D,MAAM,EAAE,UAAU,kBAAkB,YAAY,CAAC,YAAY,gBAAgB,CAAC;CAC9E,MAAM,kBAAkB,OAAoB,KAAK;AA4EjD,QACE,qBAAC,iBAAD;EAAiB,MA3EE,cAAc;AACjC,OAAI,gBAAgB,SAAS;AAE3B,QAAI,YAAY,iBAAiB,aAAa,KAC5C,iBAAgB,QAAQ,kBACtB,UACA,eACA,eACA,MACA,KACD;AAEH,WAAO,gBAAgB;;GAKzB,MAAM,qBAAqB,oBACvB,OAAO,KAAK,kBAAkB,CAAC,QAC5B,QAAgB,CAAC,aAAa,SAAS,IAAmB,CAC5D,GACD,EAAE;GACN,MAAM,kBAAkB,YAAY,WAAW;GAC/C,MAAM,OAAO,eAAe;IAC1B,KAAK;IACL,aAAa;IACb,cAAc;IACd,eAAe,EAAE,aAAa,OAAO;IACrC,WAAW;KACT,IAAI,EACF,aAAa,2BACXA,IACA,mBAAmB,GACpB,EACF;KACD,GAAI,mBACF,oBAAoB,QACpB,iBAAiB,GACd,kBAAkB,EACjB,aAAa,eACd,EACF;KAEH,GAAG,mBAAmB,QACnB,KAAK,QAAQ;MACZ,MAAM,iBAAiB,oBAAoB;AAC3C,UAAI,eACF,KAAI,OAAO,EACT,aAAa,gBACd;AAEH,aAAO;QAET,EAAE,CAIH;KACF;IACD,WAAW,EACT,QAAQ,EAAE,EACX;IACD,mBAAmB;IACpB,CAAC;AAEF,QAAK,MAAM;AAEX,QAAK,SAAS,WAAW,UAAU,aAAa,uBAAuB;AACvE,QAAK,SAAS,WAAW,UAAU,eAAe,0BAA0B;AAC5E,QAAK,SAAS,WAAW,UAAU,WAAW,iBAAiB;AAC/D,mBAAgB,UAAU;AAC1B,UAAO;KACN;GAAC;GAAU;GAAmB,WAAW;GAAS;GAAc,CAG9B;YAAnC,CACG,UACD,oBAAC,wBAAD,EAA0B,CAAA,CACV;;;AAKtB,MAAM,+BAAyC;CAC7C,MAAM,EAAE,cAAc,iBAAiB;CACvC,MAAM,CAAC,qBAAqB,YAAY,kBAAkB,UAAU,CAClE,MAAM,qBACN,MAAM,SACP,CAAC;CACF,MAAM,EAAE,qBAAqB,gBAAgB,cAAc;AAE3D,iBAAgB;EACd,MAAM,yBAAyB,WAAW;AAK1C,MAAI,EAFF,0BAA0B,2BAA2B,qBAGrD;EAGF,MAAM,iBAAiB,YAAY;AACjC,SAAM,YAAY,uBAAuB;AACzC,YAAS,uBAAuB,uBAAuB;;AAGzD,kBAAgB;IACf;EAAC,WAAW;EAAS;EAAU;EAAqB;EAAY,CAAC;AAEpE,QAAO"}

package/dist/esm/providers/I18nProvider/i18n.js.map

@@ -1 +1 @@
-{"version":3,"file":"i18n.js","names":[],"sources":["../../../../src/providers/I18nProvider/i18n.ts"],"sourcesContent":["import { deepMerge } from '../../utils/deepMerge.js'\nimport type { LanguageKey, LanguageResource, PartialResource } from './types.js'\n\n// Dynamically import the JSON file for the specified language\nexport async function loadLocale(\n  lng: LanguageKey,\n  customLanguageResource?: PartialResource<LanguageResource>\n): Promise<LanguageResource> {\n  let languageResource: LanguageResource\n  try {\n    const languageResourceModule = await import(`../../i18n/${lng}.json`)\n    languageResource = languageResourceModule.default as LanguageResource\n  } catch {\n    languageResource = {} as LanguageResource\n  }\n  return mergeWithLanguageResources(languageResource, customLanguageResource)\n}\n\nexport function mergeWithLanguageResources(\n  languageResource: LanguageResource,\n  customLanguageResource?: PartialResource<LanguageResource>\n): LanguageResource {\n  return customLanguageResource\n    ? deepMerge(languageResource, customLanguageResource)\n    : languageResource\n}\n"],"mappings":";;AAIA,eAAsB,WACpB,KACA,wBAC2B;CAC3B,IAAI;AACJ,KAAI;AAEF,sBAD+B,MAAM,OAAO,cAAc,IAAI,SACpB;SACpC;AACN,qBAAmB,EAAE;;AAEvB,QAAO,2BAA2B,kBAAkB,uBAAuB;;AAG7E,SAAgB,2BACd,kBACA,wBACkB;AAClB,QAAO,yBACH,UAAU,kBAAkB,uBAAuB,GACnD"}
+{"version":3,"file":"i18n.js","names":[],"sources":["../../../../src/providers/I18nProvider/i18n.ts"],"sourcesContent":["import { deepMerge } from '../../utils/deepMerge.js'\nimport type { LanguageKey, LanguageResource, PartialResource } from './types.js'\n\n// Dynamically import the JSON file for the specified language\nexport async function loadLocale(\n  lng: LanguageKey,\n  customLanguageResource?: PartialResource<LanguageResource>\n): Promise<LanguageResource> {\n  let languageResource: LanguageResource\n  try {\n    const languageResourceModule = await import(`../../i18n/${lng}.json`)\n    languageResource = languageResourceModule.default as LanguageResource\n  } catch {\n    languageResource = {} as LanguageResource\n  }\n  return mergeWithLanguageResources(languageResource, customLanguageResource)\n}\n\nexport function mergeWithLanguageResources(\n  languageResource: LanguageResource,\n  customLanguageResource?: PartialResource<LanguageResource>\n): LanguageResource {\n  return customLanguageResource\n    ? deepMerge(languageResource, customLanguageResource)\n    : languageResource\n}\n"],"mappings":";;AAIA,eAAsB,WACpB,KACA,wBAC2B;CAC3B,IAAI;AACJ,KAAI;AAEF,sBAAmB,MADkB,OAAO,cAAc,IAAI,SACpB;SACpC;AACN,qBAAmB,EAAE;;AAEvB,QAAO,2BAA2B,kBAAkB,uBAAuB;;AAG7E,SAAgB,2BACd,kBACA,wBACkB;AAClB,QAAO,yBACH,UAAU,kBAAkB,uBAAuB,GACnD"}

package/dist/esm/providers/QueryClientProvider.js.map

@@ -1 +1 @@
-{"version":3,"file":"QueryClientProvider.js","names":["QueryClientProvider","TanstackQueryClientContext","TanstackQueryClientProvider"],"sources":["../../../src/providers/QueryClientProvider.tsx"],"sourcesContent":["import {\n  QueryClientContext as TanstackQueryClientContext,\n  QueryClientProvider as TanstackQueryClientProvider,\n} from '@tanstack/react-query'\nimport type { PropsWithChildren } from 'react'\nimport { useContext } from 'react'\nimport { queryClient } from '../config/queryClient.js'\n\nexport const QueryClientProvider: React.FC<PropsWithChildren> = ({\n  children,\n}) => {\n  const existingQueryClient = useContext(TanstackQueryClientContext)\n  return existingQueryClient ? (\n    children\n  ) : (\n    <TanstackQueryClientProvider client={queryClient}>\n      {children}\n    </TanstackQueryClientProvider>\n  )\n}\n"],"mappings":";;;;;AAQA,MAAaA,yBAAoD,EAC/D,eACI;AAEJ,QAD4B,WAAWC,mBAA2B,GAEhE,WAEA,oBAACC,qBAAD;EAA6B,QAAQ;EAClC;EAC2B,CAAA"}
+{"version":3,"file":"QueryClientProvider.js","names":["QueryClientProvider","TanstackQueryClientContext","TanstackQueryClientProvider"],"sources":["../../../src/providers/QueryClientProvider.tsx"],"sourcesContent":["import {\n  QueryClientContext as TanstackQueryClientContext,\n  QueryClientProvider as TanstackQueryClientProvider,\n} from '@tanstack/react-query'\nimport type { PropsWithChildren } from 'react'\nimport { useContext } from 'react'\nimport { queryClient } from '../config/queryClient.js'\n\nexport const QueryClientProvider: React.FC<PropsWithChildren> = ({\n  children,\n}) => {\n  const existingQueryClient = useContext(TanstackQueryClientContext)\n  return existingQueryClient ? (\n    children\n  ) : (\n    <TanstackQueryClientProvider client={queryClient}>\n      {children}\n    </TanstackQueryClientProvider>\n  )\n}\n"],"mappings":";;;;;AAQA,MAAaA,yBAAoD,EAC/D,eACI;AAEJ,QAD4B,WAAWC,mBACb,GACxB,WAEA,oBAACC,qBAAD;EAA6B,QAAQ;EAClC;EAC2B,CAAA"}

package/dist/esm/providers/ThemeProvider/ThemeProvider.js.map

@@ -1 +1 @@
-{"version":3,"file":"ThemeProvider.js","names":["ThemeProvider","MuiThemeProvider","createTheme"],"sources":["../../../../src/providers/ThemeProvider/ThemeProvider.tsx"],"sourcesContent":["import {\n  ThemeProvider as MuiThemeProvider,\n  useColorScheme,\n} from '@mui/material'\nimport { useEffect, useMemo } from 'react'\nimport { createTheme } from '../../themes/createTheme.js'\nimport { useWidgetConfig } from '../WidgetProvider/WidgetProvider.js'\n\nexport const ThemeProvider: React.FC<React.PropsWithChildren> = ({\n  children,\n}) => {\n  const { appearance: colorSchemeMode, theme: themeConfig } = useWidgetConfig()\n  const { setMode } = useColorScheme()\n\n  // biome-ignore lint/correctness/useExhaustiveDependencies: setMode is stable\n  useEffect(() => {\n    if (colorSchemeMode) {\n      setMode(colorSchemeMode)\n    }\n  }, [colorSchemeMode])\n\n  const theme = useMemo(() => createTheme(themeConfig), [themeConfig])\n\n  return (\n    <MuiThemeProvider\n      theme={theme}\n      defaultMode={colorSchemeMode ?? 'system'}\n      modeStorageKey=\"li.fi-widget-mode\"\n      colorSchemeStorageKey=\"li.fi-widget-color-scheme\"\n      disableTransitionOnChange\n    >\n      {children}\n    </MuiThemeProvider>\n  )\n}\n"],"mappings":";;;;;;AAQA,MAAaA,mBAAoD,EAC/D,eACI;CACJ,MAAM,EAAE,YAAY,iBAAiB,OAAO,gBAAgB,iBAAiB;CAC7E,MAAM,EAAE,YAAY,gBAAgB;AAGpC,iBAAgB;AACd,MAAI,gBACF,SAAQ,gBAAgB;IAEzB,CAAC,gBAAgB,CAAC;AAIrB,QACE,oBAACC,eAAD;EACE,OAJU,cAAcC,cAAY,YAAY,EAAE,CAAC,YAAY,CAAC;EAKhE,aAAa,mBAAmB;EAChC,gBAAe;EACf,uBAAsB;EACtB,2BAAA;EAEC;EACgB,CAAA"}
+{"version":3,"file":"ThemeProvider.js","names":["ThemeProvider","MuiThemeProvider","createTheme"],"sources":["../../../../src/providers/ThemeProvider/ThemeProvider.tsx"],"sourcesContent":["import {\n  ThemeProvider as MuiThemeProvider,\n  useColorScheme,\n} from '@mui/material'\nimport { useEffect, useMemo } from 'react'\nimport { createTheme } from '../../themes/createTheme.js'\nimport { useWidgetConfig } from '../WidgetProvider/WidgetProvider.js'\n\nexport const ThemeProvider: React.FC<React.PropsWithChildren> = ({\n  children,\n}) => {\n  const { appearance: colorSchemeMode, theme: themeConfig } = useWidgetConfig()\n  const { setMode } = useColorScheme()\n\n  // biome-ignore lint/correctness/useExhaustiveDependencies: setMode is stable\n  useEffect(() => {\n    if (colorSchemeMode) {\n      setMode(colorSchemeMode)\n    }\n  }, [colorSchemeMode])\n\n  const theme = useMemo(() => createTheme(themeConfig), [themeConfig])\n\n  return (\n    <MuiThemeProvider\n      theme={theme}\n      defaultMode={colorSchemeMode ?? 'system'}\n      modeStorageKey=\"li.fi-widget-mode\"\n      colorSchemeStorageKey=\"li.fi-widget-color-scheme\"\n      disableTransitionOnChange\n    >\n      {children}\n    </MuiThemeProvider>\n  )\n}\n"],"mappings":";;;;;;AAQA,MAAaA,mBAAoD,EAC/D,eACI;CACJ,MAAM,EAAE,YAAY,iBAAiB,OAAO,gBAAgB,iBAAiB;CAC7E,MAAM,EAAE,YAAY,gBAAgB;AAGpC,iBAAgB;AACd,MAAI,gBACF,SAAQ,gBAAgB;IAEzB,CAAC,gBAAgB,CAAC;AAIrB,QACE,oBAACC,eAAD;EACE,OAJU,cAAcC,cAAY,YAAY,EAAE,CAAC,YAAY,CAInD;EACZ,aAAa,mBAAmB;EAChC,gBAAe;EACf,uBAAsB;EACtB,2BAAA;EAEC;EACgB,CAAA"}

package/dist/esm/providers/WalletProvider/WalletProvider.js.map

@@ -1 +1 @@
-{"version":3,"file":"WalletProvider.js","names":[],"sources":["../../../../src/providers/WalletProvider/WalletProvider.tsx"],"sourcesContent":["import { WalletManagementProviders } from '@lifi/wallet-management'\nimport type { WidgetProviderProps } from '@lifi/widget-provider'\nimport {\n  type FC,\n  type JSX,\n  type PropsWithChildren,\n  type ReactNode,\n  useMemo,\n} from 'react'\nimport { useTranslation } from 'react-i18next'\nimport { useAvailableChains } from '../../hooks/useAvailableChains.js'\nimport { useInitializeSDKProviders } from '../../hooks/useInitializeSDKProviders.js'\nimport { useWidgetConfig } from '../WidgetProvider/WidgetProvider.js'\nimport { useExternalWalletProvider } from './useExternalWalletProvider.js'\n\ninterface WalletProviderProps extends PropsWithChildren {\n  providers: ((props: PropsWithChildren<WidgetProviderProps>) => ReactNode)[]\n}\n\nexport const WalletProvider = ({\n  children,\n  providers,\n}: PropsWithChildren<WalletProviderProps>): JSX.Element => {\n  const { walletConfig } = useWidgetConfig()\n  const { chains } = useAvailableChains()\n  const { i18n } = useTranslation()\n  const { useExternalWalletProvidersOnly, internalChainTypes } =\n    useExternalWalletProvider()\n\n  if (\n    !providers.length &&\n    !useExternalWalletProvidersOnly &&\n    process.env.NODE_ENV === 'development'\n  ) {\n    console.warn('No widget providers specified')\n  }\n\n  const effectiveProviders = useExternalWalletProvidersOnly ? [] : providers\n\n  const walletManagementConfig = useMemo(\n    () => ({\n      locale: i18n.resolvedLanguage as never,\n      enabledChainTypes: internalChainTypes,\n      walletEcosystemsOrder: walletConfig?.walletEcosystemsOrder,\n    }),\n    [\n      i18n.resolvedLanguage,\n      internalChainTypes,\n      walletConfig?.walletEcosystemsOrder,\n    ]\n  )\n\n  return (\n    <WalletManagementProviders\n      config={walletManagementConfig}\n      providers={effectiveProviders}\n      chains={chains}\n      forceInternalWalletManagement={\n        walletConfig?.forceInternalWalletManagement\n      }\n    >\n      <SDKProviderInitializer>{children}</SDKProviderInitializer>\n    </WalletManagementProviders>\n  )\n}\n\nconst SDKProviderInitializer: FC<PropsWithChildren> = ({ children }) => {\n  useInitializeSDKProviders()\n  return children\n}\n"],"mappings":";;;;;;;;;AAmBA,MAAa,kBAAkB,EAC7B,UACA,gBACyD;CACzD,MAAM,EAAE,iBAAiB,iBAAiB;CAC1C,MAAM,EAAE,WAAW,oBAAoB;CACvC,MAAM,EAAE,SAAS,gBAAgB;CACjC,MAAM,EAAE,gCAAgC,uBACtC,2BAA2B;AAE7B,KACE,CAAC,UAAU,UACX,CAAC,kCACD,QAAQ,IAAI,aAAa,cAEzB,SAAQ,KAAK,gCAAgC;CAG/C,MAAM,qBAAqB,iCAAiC,EAAE,GAAG;AAejE,QACE,oBAAC,2BAAD;EACE,QAf2B,eACtB;GACL,QAAQ,KAAK;GACb,mBAAmB;GACnB,uBAAuB,cAAc;GACtC,GACD;GACE,KAAK;GACL;GACA,cAAc;GACf,CACF;EAKG,WAAW;EACH;EACR,+BACE,cAAc;YAGhB,oBAAC,wBAAD,EAAyB,UAAkC,CAAA;EACjC,CAAA;;AAIhC,MAAM,0BAAiD,EAAE,eAAe;AACtE,4BAA2B;AAC3B,QAAO"}
+{"version":3,"file":"WalletProvider.js","names":[],"sources":["../../../../src/providers/WalletProvider/WalletProvider.tsx"],"sourcesContent":["import { WalletManagementProviders } from '@lifi/wallet-management'\nimport type { WidgetProviderProps } from '@lifi/widget-provider'\nimport {\n  type FC,\n  type JSX,\n  type PropsWithChildren,\n  type ReactNode,\n  useMemo,\n} from 'react'\nimport { useTranslation } from 'react-i18next'\nimport { useAvailableChains } from '../../hooks/useAvailableChains.js'\nimport { useInitializeSDKProviders } from '../../hooks/useInitializeSDKProviders.js'\nimport { useWidgetConfig } from '../WidgetProvider/WidgetProvider.js'\nimport { useExternalWalletProvider } from './useExternalWalletProvider.js'\n\ninterface WalletProviderProps extends PropsWithChildren {\n  providers: ((props: PropsWithChildren<WidgetProviderProps>) => ReactNode)[]\n}\n\nexport const WalletProvider = ({\n  children,\n  providers,\n}: PropsWithChildren<WalletProviderProps>): JSX.Element => {\n  const { walletConfig } = useWidgetConfig()\n  const { chains } = useAvailableChains()\n  const { i18n } = useTranslation()\n  const { useExternalWalletProvidersOnly, internalChainTypes } =\n    useExternalWalletProvider()\n\n  if (\n    !providers.length &&\n    !useExternalWalletProvidersOnly &&\n    process.env.NODE_ENV === 'development'\n  ) {\n    console.warn('No widget providers specified')\n  }\n\n  const effectiveProviders = useExternalWalletProvidersOnly ? [] : providers\n\n  const walletManagementConfig = useMemo(\n    () => ({\n      locale: i18n.resolvedLanguage as never,\n      enabledChainTypes: internalChainTypes,\n      walletEcosystemsOrder: walletConfig?.walletEcosystemsOrder,\n    }),\n    [\n      i18n.resolvedLanguage,\n      internalChainTypes,\n      walletConfig?.walletEcosystemsOrder,\n    ]\n  )\n\n  return (\n    <WalletManagementProviders\n      config={walletManagementConfig}\n      providers={effectiveProviders}\n      chains={chains}\n      forceInternalWalletManagement={\n        walletConfig?.forceInternalWalletManagement\n      }\n    >\n      <SDKProviderInitializer>{children}</SDKProviderInitializer>\n    </WalletManagementProviders>\n  )\n}\n\nconst SDKProviderInitializer: FC<PropsWithChildren> = ({ children }) => {\n  useInitializeSDKProviders()\n  return children\n}\n"],"mappings":";;;;;;;;;AAmBA,MAAa,kBAAkB,EAC7B,UACA,gBACyD;CACzD,MAAM,EAAE,iBAAiB,iBAAiB;CAC1C,MAAM,EAAE,WAAW,oBAAoB;CACvC,MAAM,EAAE,SAAS,gBAAgB;CACjC,MAAM,EAAE,gCAAgC,uBACtC,2BAA2B;AAE7B,KACE,CAAC,UAAU,UACX,CAAC,kCACD,QAAQ,IAAI,aAAa,cAEzB,SAAQ,KAAK,gCAAgC;CAG/C,MAAM,qBAAqB,iCAAiC,EAAE,GAAG;AAejE,QACE,oBAAC,2BAAD;EACE,QAf2B,eACtB;GACL,QAAQ,KAAK;GACb,mBAAmB;GACnB,uBAAuB,cAAc;GACtC,GACD;GACE,KAAK;GACL;GACA,cAAc;GACf,CAK+B;EAC9B,WAAW;EACH;EACR,+BACE,cAAc;YAGhB,oBAAC,wBAAD,EAAyB,UAAkC,CAAA;EACjC,CAAA;;AAIhC,MAAM,0BAAiD,EAAE,eAAe;AACtE,4BAA2B;AAC3B,QAAO"}

package/dist/esm/providers/WalletProvider/useExternalWalletProvider.js

@@ -1,13 +1,14 @@
 import { useWidgetConfig } from "../WidgetProvider/WidgetProvider.js";
 import { ChainType } from "@lifi/sdk";
 import { useMemo } from "react";
-import { useBitcoinContext, useEthereumContext, useSolanaContext, useSuiContext } from "@lifi/widget-provider";
+import { useBitcoinContext, useEthereumContext, useSolanaContext, useSuiContext, useTronContext } from "@lifi/widget-provider";
 //#region src/providers/WalletProvider/useExternalWalletProvider.ts
 const internalChainTypes = [
 	ChainType.EVM,
 	ChainType.SVM,
 	ChainType.UTXO,
-	ChainType.MVM
+	ChainType.MVM,
+	ChainType.TVM
 ];
 function useExternalWalletProvider() {
 	const { walletConfig } = useWidgetConfig();
@@ -15,14 +16,16 @@ function useExternalWalletProvider() {
 	const { isExternalContext: hasExternalSolanaContext } = useSolanaContext();
 	const { isExternalContext: hasExternalBitcoinContext } = useBitcoinContext();
 	const { isExternalContext: hasExternalSuiContext } = useSuiContext();
+	const { isExternalContext: hasExternalTronContext } = useTronContext();
 	return useMemo(() => {
 		const providers = [];
 		if (hasExternalEthereumContext) providers.push(ChainType.EVM);
 		if (hasExternalSolanaContext) providers.push(ChainType.SVM);
 		if (hasExternalBitcoinContext) providers.push(ChainType.UTXO);
 		if (hasExternalSuiContext) providers.push(ChainType.MVM);
+		if (hasExternalTronContext) providers.push(ChainType.TVM);
 		return {
-			useExternalWalletProvidersOnly: (hasExternalEthereumContext || hasExternalSolanaContext || hasExternalBitcoinContext || hasExternalSuiContext) && !walletConfig?.usePartialWalletManagement && !walletConfig?.forceInternalWalletManagement,
+			useExternalWalletProvidersOnly: (hasExternalEthereumContext || hasExternalSolanaContext || hasExternalBitcoinContext || hasExternalSuiContext || hasExternalTronContext) && !walletConfig?.usePartialWalletManagement && !walletConfig?.forceInternalWalletManagement,
 			externalChainTypes: providers,
 			internalChainTypes: internalChainTypes.filter((chainType) => !providers.includes(chainType))
 		};
@@ -31,6 +34,7 @@ function useExternalWalletProvider() {
 		hasExternalSolanaContext,
 		hasExternalBitcoinContext,
 		hasExternalSuiContext,
+		hasExternalTronContext,
 		walletConfig?.usePartialWalletManagement,
 		walletConfig?.forceInternalWalletManagement
 	]);

package/dist/esm/providers/WalletProvider/useExternalWalletProvider.js.map

@@ -1 +1 @@
-{"version":3,"file":"useExternalWalletProvider.js","names":[],"sources":["../../../../src/providers/WalletProvider/useExternalWalletProvider.ts"],"sourcesContent":["import { ChainType } from '@lifi/sdk'\nimport {\n  useBitcoinContext,\n  useEthereumContext,\n  useSolanaContext,\n  useSuiContext,\n} from '@lifi/widget-provider'\nimport { useMemo } from 'react'\nimport { useWidgetConfig } from '../WidgetProvider/WidgetProvider.js'\n\ninterface ExternalWalletProvider {\n  useExternalWalletProvidersOnly: boolean\n  externalChainTypes: ChainType[]\n  internalChainTypes: ChainType[]\n}\n\nconst internalChainTypes = [\n  ChainType.EVM,\n  ChainType.SVM,\n  ChainType.UTXO,\n  ChainType.MVM,\n]\n\nexport function useExternalWalletProvider(): ExternalWalletProvider {\n  const { walletConfig } = useWidgetConfig()\n  const { isExternalContext: hasExternalEthereumContext } = useEthereumContext()\n  const { isExternalContext: hasExternalSolanaContext } = useSolanaContext()\n  const { isExternalContext: hasExternalBitcoinContext } = useBitcoinContext()\n  const { isExternalContext: hasExternalSuiContext } = useSuiContext()\n  const data = useMemo(() => {\n    const providers: ChainType[] = []\n    if (hasExternalEthereumContext) {\n      providers.push(ChainType.EVM)\n    }\n    if (hasExternalSolanaContext) {\n      providers.push(ChainType.SVM)\n    }\n    if (hasExternalBitcoinContext) {\n      providers.push(ChainType.UTXO)\n    }\n    if (hasExternalSuiContext) {\n      providers.push(ChainType.MVM)\n    }\n    const hasExternalProvider =\n      hasExternalEthereumContext ||\n      hasExternalSolanaContext ||\n      hasExternalBitcoinContext ||\n      hasExternalSuiContext\n\n    const useExternalWalletProvidersOnly =\n      hasExternalProvider &&\n      !walletConfig?.usePartialWalletManagement &&\n      !walletConfig?.forceInternalWalletManagement\n    return {\n      useExternalWalletProvidersOnly,\n      externalChainTypes: providers,\n      internalChainTypes: internalChainTypes.filter(\n        (chainType) => !providers.includes(chainType)\n      ),\n    }\n  }, [\n    hasExternalEthereumContext,\n    hasExternalSolanaContext,\n    hasExternalBitcoinContext,\n    hasExternalSuiContext,\n    walletConfig?.usePartialWalletManagement,\n    walletConfig?.forceInternalWalletManagement,\n  ])\n\n  return data\n}\n"],"mappings":";;;;;AAgBA,MAAM,qBAAqB;CACzB,UAAU;CACV,UAAU;CACV,UAAU;CACV,UAAU;CACX;AAED,SAAgB,4BAAoD;CAClE,MAAM,EAAE,iBAAiB,iBAAiB;CAC1C,MAAM,EAAE,mBAAmB,+BAA+B,oBAAoB;CAC9E,MAAM,EAAE,mBAAmB,6BAA6B,kBAAkB;CAC1E,MAAM,EAAE,mBAAmB,8BAA8B,mBAAmB;CAC5E,MAAM,EAAE,mBAAmB,0BAA0B,eAAe;AAyCpE,QAxCa,cAAc;EACzB,MAAM,YAAyB,EAAE;AACjC,MAAI,2BACF,WAAU,KAAK,UAAU,IAAI;AAE/B,MAAI,yBACF,WAAU,KAAK,UAAU,IAAI;AAE/B,MAAI,0BACF,WAAU,KAAK,UAAU,KAAK;AAEhC,MAAI,sBACF,WAAU,KAAK,UAAU,IAAI;AAY/B,SAAO;GACL,iCAVA,8BACA,4BACA,6BACA,0BAIA,CAAC,cAAc,8BACf,CAAC,cAAc;GAGf,oBAAoB;GACpB,oBAAoB,mBAAmB,QACpC,cAAc,CAAC,UAAU,SAAS,UAAU,CAC9C;GACF;IACA;EACD;EACA;EACA;EACA;EACA,cAAc;EACd,cAAc;EACf,CAAC"}
+{"version":3,"file":"useExternalWalletProvider.js","names":[],"sources":["../../../../src/providers/WalletProvider/useExternalWalletProvider.ts"],"sourcesContent":["import { ChainType } from '@lifi/sdk'\nimport {\n  useBitcoinContext,\n  useEthereumContext,\n  useSolanaContext,\n  useSuiContext,\n  useTronContext,\n} from '@lifi/widget-provider'\nimport { useMemo } from 'react'\nimport { useWidgetConfig } from '../WidgetProvider/WidgetProvider.js'\n\ninterface ExternalWalletProvider {\n  useExternalWalletProvidersOnly: boolean\n  externalChainTypes: ChainType[]\n  internalChainTypes: ChainType[]\n}\n\nconst internalChainTypes = [\n  ChainType.EVM,\n  ChainType.SVM,\n  ChainType.UTXO,\n  ChainType.MVM,\n  ChainType.TVM,\n]\n\nexport function useExternalWalletProvider(): ExternalWalletProvider {\n  const { walletConfig } = useWidgetConfig()\n  const { isExternalContext: hasExternalEthereumContext } = useEthereumContext()\n  const { isExternalContext: hasExternalSolanaContext } = useSolanaContext()\n  const { isExternalContext: hasExternalBitcoinContext } = useBitcoinContext()\n  const { isExternalContext: hasExternalSuiContext } = useSuiContext()\n  const { isExternalContext: hasExternalTronContext } = useTronContext()\n  const data = useMemo(() => {\n    const providers: ChainType[] = []\n    if (hasExternalEthereumContext) {\n      providers.push(ChainType.EVM)\n    }\n    if (hasExternalSolanaContext) {\n      providers.push(ChainType.SVM)\n    }\n    if (hasExternalBitcoinContext) {\n      providers.push(ChainType.UTXO)\n    }\n    if (hasExternalSuiContext) {\n      providers.push(ChainType.MVM)\n    }\n    if (hasExternalTronContext) {\n      providers.push(ChainType.TVM)\n    }\n    const hasExternalProvider =\n      hasExternalEthereumContext ||\n      hasExternalSolanaContext ||\n      hasExternalBitcoinContext ||\n      hasExternalSuiContext ||\n      hasExternalTronContext\n\n    const useExternalWalletProvidersOnly =\n      hasExternalProvider &&\n      !walletConfig?.usePartialWalletManagement &&\n      !walletConfig?.forceInternalWalletManagement\n    return {\n      useExternalWalletProvidersOnly,\n      externalChainTypes: providers,\n      internalChainTypes: internalChainTypes.filter(\n        (chainType) => !providers.includes(chainType)\n      ),\n    }\n  }, [\n    hasExternalEthereumContext,\n    hasExternalSolanaContext,\n    hasExternalBitcoinContext,\n    hasExternalSuiContext,\n    hasExternalTronContext,\n    walletConfig?.usePartialWalletManagement,\n    walletConfig?.forceInternalWalletManagement,\n  ])\n\n  return data\n}\n"],"mappings":";;;;;AAiBA,MAAM,qBAAqB;CACzB,UAAU;CACV,UAAU;CACV,UAAU;CACV,UAAU;CACV,UAAU;CACX;AAED,SAAgB,4BAAoD;CAClE,MAAM,EAAE,iBAAiB,iBAAiB;CAC1C,MAAM,EAAE,mBAAmB,+BAA+B,oBAAoB;CAC9E,MAAM,EAAE,mBAAmB,6BAA6B,kBAAkB;CAC1E,MAAM,EAAE,mBAAmB,8BAA8B,mBAAmB;CAC5E,MAAM,EAAE,mBAAmB,0BAA0B,eAAe;CACpE,MAAM,EAAE,mBAAmB,2BAA2B,gBAAgB;AA8CtE,QA7Ca,cAAc;EACzB,MAAM,YAAyB,EAAE;AACjC,MAAI,2BACF,WAAU,KAAK,UAAU,IAAI;AAE/B,MAAI,yBACF,WAAU,KAAK,UAAU,IAAI;AAE/B,MAAI,0BACF,WAAU,KAAK,UAAU,KAAK;AAEhC,MAAI,sBACF,WAAU,KAAK,UAAU,IAAI;AAE/B,MAAI,uBACF,WAAU,KAAK,UAAU,IAAI;AAa/B,SAAO;GACL,iCAXA,8BACA,4BACA,6BACA,yBACA,2BAIA,CAAC,cAAc,8BACf,CAAC,cAAc;GAGf,oBAAoB;GACpB,oBAAoB,mBAAmB,QACpC,cAAc,CAAC,UAAU,SAAS,UAAU,CAC9C;GACF;IACA;EACD;EACA;EACA;EACA;EACA;EACA,cAAc;EACd,cAAc;EACf,CAEU"}

package/dist/esm/providers/WidgetProvider/WidgetProvider.js.map

@@ -1 +1 @@
-{"version":3,"file":"WidgetProvider.js","names":[],"sources":["../../../../src/providers/WidgetProvider/WidgetProvider.tsx"],"sourcesContent":["import { createContext, useContext, useId, useMemo } from 'react'\nimport { useSettingsActions } from '../../stores/settings/useSettingsActions.js'\nimport type { WidgetContextProps, WidgetProviderProps } from './types.js'\n\nconst initialContext: WidgetContextProps = {\n  elementId: '',\n  integrator: '',\n}\n\nconst WidgetContext = createContext<WidgetContextProps>(initialContext)\n\nexport const useWidgetConfig = (): WidgetContextProps =>\n  useContext(WidgetContext)\n\nexport const WidgetProvider: React.FC<\n  React.PropsWithChildren<WidgetProviderProps>\n> = ({ children, config: widgetConfig }) => {\n  const elementId = useId()\n  const { setDefaultSettings } = useSettingsActions()\n\n  if (!widgetConfig?.integrator) {\n    throw new Error('Required property \"integrator\" is missing.')\n  }\n\n  const value = useMemo((): WidgetContextProps => {\n    try {\n      // Create widget configuration object\n      const value = {\n        ...widgetConfig,\n        elementId,\n      } as WidgetContextProps\n\n      // Set default settings for widget settings store\n      setDefaultSettings(value)\n\n      return value\n    } catch (e) {\n      console.warn(e)\n      return {\n        ...widgetConfig,\n        elementId,\n        integrator: widgetConfig.integrator,\n      }\n    }\n  }, [elementId, widgetConfig, setDefaultSettings])\n  return (\n    <WidgetContext.Provider value={value}>{children}</WidgetContext.Provider>\n  )\n}\n"],"mappings":";;;;AASA,MAAM,gBAAgB,cALqB;CACzC,WAAW;CACX,YAAY;CACb,CAEsE;AAEvE,MAAa,wBACX,WAAW,cAAc;AAE3B,MAAa,kBAER,EAAE,UAAU,QAAQ,mBAAmB;CAC1C,MAAM,YAAY,OAAO;CACzB,MAAM,EAAE,uBAAuB,oBAAoB;AAEnD,KAAI,CAAC,cAAc,WACjB,OAAM,IAAI,MAAM,+CAA6C;CAG/D,MAAM,QAAQ,cAAkC;AAC9C,MAAI;GAEF,MAAM,QAAQ;IACZ,GAAG;IACH;IACD;AAGD,sBAAmB,MAAM;AAEzB,UAAO;WACA,GAAG;AACV,WAAQ,KAAK,EAAE;AACf,UAAO;IACL,GAAG;IACH;IACA,YAAY,aAAa;IAC1B;;IAEF;EAAC;EAAW;EAAc;EAAmB,CAAC;AACjD,QACE,oBAAC,cAAc,UAAf;EAA+B;EAAQ;EAAkC,CAAA"}
+{"version":3,"file":"WidgetProvider.js","names":[],"sources":["../../../../src/providers/WidgetProvider/WidgetProvider.tsx"],"sourcesContent":["import { createContext, useContext, useId, useMemo } from 'react'\nimport { useSettingsActions } from '../../stores/settings/useSettingsActions.js'\nimport type { WidgetContextProps, WidgetProviderProps } from './types.js'\n\nconst initialContext: WidgetContextProps = {\n  elementId: '',\n  integrator: '',\n}\n\nconst WidgetContext = createContext<WidgetContextProps>(initialContext)\n\nexport const useWidgetConfig = (): WidgetContextProps =>\n  useContext(WidgetContext)\n\nexport const WidgetProvider: React.FC<\n  React.PropsWithChildren<WidgetProviderProps>\n> = ({ children, config: widgetConfig }) => {\n  const elementId = useId()\n  const { setDefaultSettings } = useSettingsActions()\n\n  if (!widgetConfig?.integrator) {\n    throw new Error('Required property \"integrator\" is missing.')\n  }\n\n  const value = useMemo((): WidgetContextProps => {\n    try {\n      // Create widget configuration object\n      const value = {\n        ...widgetConfig,\n        elementId,\n      } as WidgetContextProps\n\n      // Set default settings for widget settings store\n      setDefaultSettings(value)\n\n      return value\n    } catch (e) {\n      console.warn(e)\n      return {\n        ...widgetConfig,\n        elementId,\n        integrator: widgetConfig.integrator,\n      }\n    }\n  }, [elementId, widgetConfig, setDefaultSettings])\n  return (\n    <WidgetContext.Provider value={value}>{children}</WidgetContext.Provider>\n  )\n}\n"],"mappings":";;;;AASA,MAAM,gBAAgB,cAAkC;CAJtD,WAAW;CACX,YAAY;CAGwD,CAAC;AAEvE,MAAa,wBACX,WAAW,cAAc;AAE3B,MAAa,kBAER,EAAE,UAAU,QAAQ,mBAAmB;CAC1C,MAAM,YAAY,OAAO;CACzB,MAAM,EAAE,uBAAuB,oBAAoB;AAEnD,KAAI,CAAC,cAAc,WACjB,OAAM,IAAI,MAAM,+CAA6C;CAG/D,MAAM,QAAQ,cAAkC;AAC9C,MAAI;GAEF,MAAM,QAAQ;IACZ,GAAG;IACH;IACD;AAGD,sBAAmB,MAAM;AAEzB,UAAO;WACA,GAAG;AACV,WAAQ,KAAK,EAAE;AACf,UAAO;IACL,GAAG;IACH;IACA,YAAY,aAAa;IAC1B;;IAEF;EAAC;EAAW;EAAc;EAAmB,CAAC;AACjD,QACE,oBAAC,cAAc,UAAf;EAA+B;EAAQ;EAAkC,CAAA"}

package/dist/esm/stores/bookmarks/useBookmarkActions.js.map

@@ -1 +1 @@
-{"version":3,"file":"useBookmarkActions.js","names":[],"sources":["../../../../src/stores/bookmarks/useBookmarkActions.ts"],"sourcesContent":["import { useBookmarkStore } from './BookmarkStore.js'\nimport type { BookmarkActions } from './types.js'\n\nexport const useBookmarkActions = (): BookmarkActions => {\n  const actions = useBookmarkStore<BookmarkActions>((store) => ({\n    getBookmark: store.getBookmark,\n    addBookmark: store.addBookmark,\n    removeBookmark: store.removeBookmark,\n    setSelectedBookmark: store.setSelectedBookmark,\n    getSelectedBookmark: store.getSelectedBookmark,\n    addRecentWallet: store.addRecentWallet,\n    removeRecentWallet: store.removeRecentWallet,\n  }))\n\n  return actions\n}\n"],"mappings":";;AAGA,MAAa,2BAA4C;AAWvD,QAVgB,kBAAmC,WAAW;EAC5D,aAAa,MAAM;EACnB,aAAa,MAAM;EACnB,gBAAgB,MAAM;EACtB,qBAAqB,MAAM;EAC3B,qBAAqB,MAAM;EAC3B,iBAAiB,MAAM;EACvB,oBAAoB,MAAM;EAC3B,EAAE"}
+{"version":3,"file":"useBookmarkActions.js","names":[],"sources":["../../../../src/stores/bookmarks/useBookmarkActions.ts"],"sourcesContent":["import { useBookmarkStore } from './BookmarkStore.js'\nimport type { BookmarkActions } from './types.js'\n\nexport const useBookmarkActions = (): BookmarkActions => {\n  const actions = useBookmarkStore<BookmarkActions>((store) => ({\n    getBookmark: store.getBookmark,\n    addBookmark: store.addBookmark,\n    removeBookmark: store.removeBookmark,\n    setSelectedBookmark: store.setSelectedBookmark,\n    getSelectedBookmark: store.getSelectedBookmark,\n    addRecentWallet: store.addRecentWallet,\n    removeRecentWallet: store.removeRecentWallet,\n  }))\n\n  return actions\n}\n"],"mappings":";;AAGA,MAAa,2BAA4C;AAWvD,QAVgB,kBAAmC,WAAW;EAC5D,aAAa,MAAM;EACnB,aAAa,MAAM;EACnB,gBAAgB,MAAM;EACtB,qBAAqB,MAAM;EAC3B,qBAAqB,MAAM;EAC3B,iBAAiB,MAAM;EACvB,oBAAoB,MAAM;EAC3B,EAEa"}

package/dist/esm/stores/chains/ChainOrderStore.js

@@ -1,5 +1,5 @@
 import { useWidgetConfig } from "../../providers/WidgetProvider/WidgetProvider.js";
-import { HiddenUI } from "../../types/widget.js";
+import "../../types/widget.js";
 import { useSwapOnly } from "../../hooks/useSwapOnly.js";
 import { getConfigItemSets, isItemAllowedForSets } from "../../utils/item.js";
 import { useChains } from "../../hooks/useChains.js";
@@ -33,7 +33,7 @@ function ChainOrderStoreProvider({ children, ...props }) {
 			});
 			const chainOrder = storeRef.current?.getState().initializeChains(filteredChains.map((chain) => chain.id), key);
 			const isSwapTo = swapOnly && key === "to";
-			const showAllNetworks = filteredChains.length > 1 && !hiddenUI?.includes(HiddenUI.AllNetworks) && !isSwapTo;
+			const showAllNetworks = filteredChains.length > 1 && !hiddenUI?.includes("allNetworks") && !isSwapTo;
 			const urlValues = getDefaultValuesFromQueryString({ buildUrl });
 			const urlChainValue = key === "from" ? urlValues.fromChain : urlValues.toChain;
 			const initialIsAllNetworks = showAllNetworks && !(key === "from" ? fromChainConfig : toChainConfig) && !urlChainValue;

package/dist/esm/stores/chains/ChainOrderStore.js.map

@@ -1 +1 @@
-{"version":3,"file":"ChainOrderStore.js","names":[],"sources":["../../../../src/stores/chains/ChainOrderStore.tsx"],"sourcesContent":["import { createContext, type JSX, useContext, useEffect, useRef } from 'react'\nimport type { StoreApi, UseBoundStore } from 'zustand'\nimport { useShallow } from 'zustand/shallow'\nimport { useChains } from '../../hooks/useChains.js'\nimport { useSwapOnly } from '../../hooks/useSwapOnly.js'\nimport { useExternalWalletProvider } from '../../providers/WalletProvider/useExternalWalletProvider.js'\nimport { useWidgetConfig } from '../../providers/WidgetProvider/WidgetProvider.js'\nimport { HiddenUI } from '../../types/widget.js'\nimport { getConfigItemSets, isItemAllowedForSets } from '../../utils/item.js'\nimport { getDefaultValuesFromQueryString } from '../form/getDefaultValuesFromQueryString.js'\nimport type { FormType } from '../form/types.js'\nimport { useFieldActions } from '../form/useFieldActions.js'\nimport type { PersistStoreProviderProps } from '../types.js'\nimport { createChainOrderStore } from './createChainOrderStore.js'\nimport type { ChainOrderState } from './types.js'\n\ntype ChainOrderStore = UseBoundStore<StoreApi<ChainOrderState>>\n\nconst ChainOrderStoreContext = createContext<ChainOrderStore | null>(null)\n\nexport function ChainOrderStoreProvider({\n  children,\n  ...props\n}: PersistStoreProviderProps): JSX.Element {\n  const {\n    chains: chainsConfig,\n    hiddenUI,\n    fromChain: fromChainConfig,\n    toChain: toChainConfig,\n    buildUrl,\n  } = useWidgetConfig()\n  const storeRef = useRef<ChainOrderStore>(null)\n  const { chains } = useChains()\n  const { setFieldValue, getFieldValues } = useFieldActions()\n  const swapOnly = useSwapOnly()\n  const { variant, subvariantOptions } = useWidgetConfig()\n  const { externalChainTypes, useExternalWalletProvidersOnly } =\n    useExternalWalletProvider()\n\n  if (!storeRef.current) {\n    storeRef.current = createChainOrderStore({\n      ...props,\n    })\n  }\n\n  useEffect(() => {\n    if (chains) {\n      ;(['from', 'to'] as FormType[]).forEach((key) => {\n        const configChainIds = chainsConfig?.[key]\n        const isFromKey = key === 'from'\n\n        // Convert configChainIds to Sets for O(1) lookup\n        const configChainIdsSet = getConfigItemSets(\n          configChainIds,\n          (chainIds) => new Set(chainIds)\n        )\n        const filteredChains = chains.filter((chain) => {\n          const passesChainsConfigFilter = configChainIdsSet\n            ? isItemAllowedForSets(chain.id, configChainIdsSet)\n            : true\n          // If the integrator uses external wallet management and has not opted in for partial wallet management,\n          // restrict the displayed chains to those compatible with external wallet management.\n          // This ensures users only see chains for which they can sign transactions.\n          const passesWalletConfigFilter = isFromKey\n            ? !useExternalWalletProvidersOnly ||\n              externalChainTypes.includes(chain.chainType)\n            : true\n          return passesChainsConfigFilter && passesWalletConfigFilter\n        })\n\n        const chainOrder = storeRef.current?.getState().initializeChains(\n          filteredChains.map((chain) => chain.id),\n          key\n        )\n\n        const isSwapTo = swapOnly && key === 'to'\n\n        // Show \"All networks\" button if there are multiple networks\n        const showAllNetworks =\n          filteredChains.length > 1 &&\n          !hiddenUI?.includes(HiddenUI.AllNetworks) &&\n          !isSwapTo\n\n        // Initialize the isAllNetworks with true if the tab is shown,\n        // there is no config chain value and no url chain value\n        const urlValues = getDefaultValuesFromQueryString({ buildUrl })\n        const urlChainValue =\n          key === 'from' ? urlValues.fromChain : urlValues.toChain\n        const configChainValue =\n          key === 'from' ? fromChainConfig : toChainConfig\n        const initialIsAllNetworks =\n          showAllNetworks && !configChainValue && !urlChainValue\n        storeRef.current?.getState().setIsAllNetworks(initialIsAllNetworks, key)\n        storeRef.current?.getState().setShowAllNetworks(showAllNetworks, key)\n\n        // If swap only, set the to chain to the from chain\n        if (isSwapTo) {\n          const [fromChainValue] = getFieldValues('fromChain')\n          setFieldValue('toChain', fromChainValue)\n        }\n\n        // When \"All Networks\" is active, don't auto-select a chain from the\n        // persisted chain order. This prevents stale cross-ecosystem selections\n        // (e.g. EVM from + Solana to) from triggering the \"destination wallet\n        // address required\" message after a page refresh.\n        if (initialIsAllNetworks) {\n          return\n        }\n\n        const [chainValue] = getFieldValues(`${key}Chain`)\n        if (chainValue) {\n          return\n        }\n\n        const firstAllowedPinnedChain = storeRef.current\n          ?.getState()\n          .pinnedChains?.find((chainId) =>\n            filteredChains.some((chain) => chain.id === chainId)\n          )\n        if (\n          variant === 'wide' &&\n          !subvariantOptions?.wide?.disableChainSidebar &&\n          firstAllowedPinnedChain\n        ) {\n          setFieldValue(`${key}Chain`, firstAllowedPinnedChain)\n        } else if (chainOrder?.length) {\n          setFieldValue(`${key}Chain`, chainOrder[0])\n        }\n      })\n    }\n  }, [\n    chains,\n    chainsConfig,\n    externalChainTypes,\n    getFieldValues,\n    setFieldValue,\n    useExternalWalletProvidersOnly,\n    variant,\n    subvariantOptions?.wide?.disableChainSidebar,\n    hiddenUI,\n    swapOnly,\n    fromChainConfig,\n    toChainConfig,\n    buildUrl,\n  ])\n\n  return (\n    <ChainOrderStoreContext.Provider value={storeRef.current}>\n      {children}\n    </ChainOrderStoreContext.Provider>\n  )\n}\n\nfunction useChainOrderStoreContext() {\n  const useStore = useContext(ChainOrderStoreContext)\n  if (!useStore) {\n    throw new Error(\n      `You forgot to wrap your component in <${ChainOrderStoreProvider.name}>.`\n    )\n  }\n  return useStore\n}\n\nexport function useChainOrderStore<T>(\n  selector: (state: ChainOrderState) => T\n): T {\n  const useStore = useChainOrderStoreContext()\n  return useStore(useShallow(selector))\n}\n"],"mappings":";;;;;;;;;;;;;AAkBA,MAAM,yBAAyB,cAAsC,KAAK;AAE1E,SAAgB,wBAAwB,EACtC,UACA,GAAG,SACsC;CACzC,MAAM,EACJ,QAAQ,cACR,UACA,WAAW,iBACX,SAAS,eACT,aACE,iBAAiB;CACrB,MAAM,WAAW,OAAwB,KAAK;CAC9C,MAAM,EAAE,WAAW,WAAW;CAC9B,MAAM,EAAE,eAAe,mBAAmB,iBAAiB;CAC3D,MAAM,WAAW,aAAa;CAC9B,MAAM,EAAE,SAAS,sBAAsB,iBAAiB;CACxD,MAAM,EAAE,oBAAoB,mCAC1B,2BAA2B;AAE7B,KAAI,CAAC,SAAS,QACZ,UAAS,UAAU,sBAAsB,EACvC,GAAG,OACJ,CAAC;AAGJ,iBAAgB;AACd,MAAI,OACA,EAAC,QAAQ,KAAK,CAAgB,SAAS,QAAQ;GAC/C,MAAM,iBAAiB,eAAe;GACtC,MAAM,YAAY,QAAQ;GAG1B,MAAM,oBAAoB,kBACxB,iBACC,aAAa,IAAI,IAAI,SAAS,CAChC;GACD,MAAM,iBAAiB,OAAO,QAAQ,UAAU;IAC9C,MAAM,2BAA2B,oBAC7B,qBAAqB,MAAM,IAAI,kBAAkB,GACjD;IAIJ,MAAM,2BAA2B,YAC7B,CAAC,kCACD,mBAAmB,SAAS,MAAM,UAAU,GAC5C;AACJ,WAAO,4BAA4B;KACnC;GAEF,MAAM,aAAa,SAAS,SAAS,UAAU,CAAC,iBAC9C,eAAe,KAAK,UAAU,MAAM,GAAG,EACvC,IACD;GAED,MAAM,WAAW,YAAY,QAAQ;GAGrC,MAAM,kBACJ,eAAe,SAAS,KACxB,CAAC,UAAU,SAAS,SAAS,YAAY,IACzC,CAAC;GAIH,MAAM,YAAY,gCAAgC,EAAE,UAAU,CAAC;GAC/D,MAAM,gBACJ,QAAQ,SAAS,UAAU,YAAY,UAAU;GAGnD,MAAM,uBACJ,mBAAmB,EAFnB,QAAQ,SAAS,kBAAkB,kBAEK,CAAC;AAC3C,YAAS,SAAS,UAAU,CAAC,iBAAiB,sBAAsB,IAAI;AACxE,YAAS,SAAS,UAAU,CAAC,mBAAmB,iBAAiB,IAAI;AAGrE,OAAI,UAAU;IACZ,MAAM,CAAC,kBAAkB,eAAe,YAAY;AACpD,kBAAc,WAAW,eAAe;;AAO1C,OAAI,qBACF;GAGF,MAAM,CAAC,cAAc,eAAe,GAAG,IAAI,OAAO;AAClD,OAAI,WACF;GAGF,MAAM,0BAA0B,SAAS,SACrC,UAAU,CACX,cAAc,MAAM,YACnB,eAAe,MAAM,UAAU,MAAM,OAAO,QAAQ,CACrD;AACH,OACE,YAAY,UACZ,CAAC,mBAAmB,MAAM,uBAC1B,wBAEA,eAAc,GAAG,IAAI,QAAQ,wBAAwB;YAC5C,YAAY,OACrB,eAAc,GAAG,IAAI,QAAQ,WAAW,GAAG;IAE7C;IAEH;EACD;EACA;EACA;EACA;EACA;EACA;EACA;EACA,mBAAmB,MAAM;EACzB;EACA;EACA;EACA;EACA;EACD,CAAC;AAEF,QACE,oBAAC,uBAAuB,UAAxB;EAAiC,OAAO,SAAS;EAC9C;EAC+B,CAAA;;AAItC,SAAS,4BAA4B;CACnC,MAAM,WAAW,WAAW,uBAAuB;AACnD,KAAI,CAAC,SACH,OAAM,IAAI,MACR,yCAAyC,wBAAwB,KAAK,IACvE;AAEH,QAAO;;AAGT,SAAgB,mBACd,UACG;AAEH,QADiB,2BAA2B,CAC5B,WAAW,SAAS,CAAC"}
+{"version":3,"file":"ChainOrderStore.js","names":[],"sources":["../../../../src/stores/chains/ChainOrderStore.tsx"],"sourcesContent":["import { createContext, type JSX, useContext, useEffect, useRef } from 'react'\nimport type { StoreApi, UseBoundStore } from 'zustand'\nimport { useShallow } from 'zustand/shallow'\nimport { useChains } from '../../hooks/useChains.js'\nimport { useSwapOnly } from '../../hooks/useSwapOnly.js'\nimport { useExternalWalletProvider } from '../../providers/WalletProvider/useExternalWalletProvider.js'\nimport { useWidgetConfig } from '../../providers/WidgetProvider/WidgetProvider.js'\nimport { HiddenUI } from '../../types/widget.js'\nimport { getConfigItemSets, isItemAllowedForSets } from '../../utils/item.js'\nimport { getDefaultValuesFromQueryString } from '../form/getDefaultValuesFromQueryString.js'\nimport type { FormType } from '../form/types.js'\nimport { useFieldActions } from '../form/useFieldActions.js'\nimport type { PersistStoreProviderProps } from '../types.js'\nimport { createChainOrderStore } from './createChainOrderStore.js'\nimport type { ChainOrderState } from './types.js'\n\ntype ChainOrderStore = UseBoundStore<StoreApi<ChainOrderState>>\n\nconst ChainOrderStoreContext = createContext<ChainOrderStore | null>(null)\n\nexport function ChainOrderStoreProvider({\n  children,\n  ...props\n}: PersistStoreProviderProps): JSX.Element {\n  const {\n    chains: chainsConfig,\n    hiddenUI,\n    fromChain: fromChainConfig,\n    toChain: toChainConfig,\n    buildUrl,\n  } = useWidgetConfig()\n  const storeRef = useRef<ChainOrderStore>(null)\n  const { chains } = useChains()\n  const { setFieldValue, getFieldValues } = useFieldActions()\n  const swapOnly = useSwapOnly()\n  const { variant, subvariantOptions } = useWidgetConfig()\n  const { externalChainTypes, useExternalWalletProvidersOnly } =\n    useExternalWalletProvider()\n\n  if (!storeRef.current) {\n    storeRef.current = createChainOrderStore({\n      ...props,\n    })\n  }\n\n  useEffect(() => {\n    if (chains) {\n      ;(['from', 'to'] as FormType[]).forEach((key) => {\n        const configChainIds = chainsConfig?.[key]\n        const isFromKey = key === 'from'\n\n        // Convert configChainIds to Sets for O(1) lookup\n        const configChainIdsSet = getConfigItemSets(\n          configChainIds,\n          (chainIds) => new Set(chainIds)\n        )\n        const filteredChains = chains.filter((chain) => {\n          const passesChainsConfigFilter = configChainIdsSet\n            ? isItemAllowedForSets(chain.id, configChainIdsSet)\n            : true\n          // If the integrator uses external wallet management and has not opted in for partial wallet management,\n          // restrict the displayed chains to those compatible with external wallet management.\n          // This ensures users only see chains for which they can sign transactions.\n          const passesWalletConfigFilter = isFromKey\n            ? !useExternalWalletProvidersOnly ||\n              externalChainTypes.includes(chain.chainType)\n            : true\n          return passesChainsConfigFilter && passesWalletConfigFilter\n        })\n\n        const chainOrder = storeRef.current?.getState().initializeChains(\n          filteredChains.map((chain) => chain.id),\n          key\n        )\n\n        const isSwapTo = swapOnly && key === 'to'\n\n        // Show \"All networks\" button if there are multiple networks\n        const showAllNetworks =\n          filteredChains.length > 1 &&\n          !hiddenUI?.includes(HiddenUI.AllNetworks) &&\n          !isSwapTo\n\n        // Initialize the isAllNetworks with true if the tab is shown,\n        // there is no config chain value and no url chain value\n        const urlValues = getDefaultValuesFromQueryString({ buildUrl })\n        const urlChainValue =\n          key === 'from' ? urlValues.fromChain : urlValues.toChain\n        const configChainValue =\n          key === 'from' ? fromChainConfig : toChainConfig\n        const initialIsAllNetworks =\n          showAllNetworks && !configChainValue && !urlChainValue\n        storeRef.current?.getState().setIsAllNetworks(initialIsAllNetworks, key)\n        storeRef.current?.getState().setShowAllNetworks(showAllNetworks, key)\n\n        // If swap only, set the to chain to the from chain\n        if (isSwapTo) {\n          const [fromChainValue] = getFieldValues('fromChain')\n          setFieldValue('toChain', fromChainValue)\n        }\n\n        // When \"All Networks\" is active, don't auto-select a chain from the\n        // persisted chain order. This prevents stale cross-ecosystem selections\n        // (e.g. EVM from + Solana to) from triggering the \"destination wallet\n        // address required\" message after a page refresh.\n        if (initialIsAllNetworks) {\n          return\n        }\n\n        const [chainValue] = getFieldValues(`${key}Chain`)\n        if (chainValue) {\n          return\n        }\n\n        const firstAllowedPinnedChain = storeRef.current\n          ?.getState()\n          .pinnedChains?.find((chainId) =>\n            filteredChains.some((chain) => chain.id === chainId)\n          )\n        if (\n          variant === 'wide' &&\n          !subvariantOptions?.wide?.disableChainSidebar &&\n          firstAllowedPinnedChain\n        ) {\n          setFieldValue(`${key}Chain`, firstAllowedPinnedChain)\n        } else if (chainOrder?.length) {\n          setFieldValue(`${key}Chain`, chainOrder[0])\n        }\n      })\n    }\n  }, [\n    chains,\n    chainsConfig,\n    externalChainTypes,\n    getFieldValues,\n    setFieldValue,\n    useExternalWalletProvidersOnly,\n    variant,\n    subvariantOptions?.wide?.disableChainSidebar,\n    hiddenUI,\n    swapOnly,\n    fromChainConfig,\n    toChainConfig,\n    buildUrl,\n  ])\n\n  return (\n    <ChainOrderStoreContext.Provider value={storeRef.current}>\n      {children}\n    </ChainOrderStoreContext.Provider>\n  )\n}\n\nfunction useChainOrderStoreContext() {\n  const useStore = useContext(ChainOrderStoreContext)\n  if (!useStore) {\n    throw new Error(\n      `You forgot to wrap your component in <${ChainOrderStoreProvider.name}>.`\n    )\n  }\n  return useStore\n}\n\nexport function useChainOrderStore<T>(\n  selector: (state: ChainOrderState) => T\n): T {\n  const useStore = useChainOrderStoreContext()\n  return useStore(useShallow(selector))\n}\n"],"mappings":";;;;;;;;;;;;;AAkBA,MAAM,yBAAyB,cAAsC,KAAK;AAE1E,SAAgB,wBAAwB,EACtC,UACA,GAAG,SACsC;CACzC,MAAM,EACJ,QAAQ,cACR,UACA,WAAW,iBACX,SAAS,eACT,aACE,iBAAiB;CACrB,MAAM,WAAW,OAAwB,KAAK;CAC9C,MAAM,EAAE,WAAW,WAAW;CAC9B,MAAM,EAAE,eAAe,mBAAmB,iBAAiB;CAC3D,MAAM,WAAW,aAAa;CAC9B,MAAM,EAAE,SAAS,sBAAsB,iBAAiB;CACxD,MAAM,EAAE,oBAAoB,mCAC1B,2BAA2B;AAE7B,KAAI,CAAC,SAAS,QACZ,UAAS,UAAU,sBAAsB,EACvC,GAAG,OACJ,CAAC;AAGJ,iBAAgB;AACd,MAAI,OACA,EAAC,QAAQ,KAAK,CAAgB,SAAS,QAAQ;GAC/C,MAAM,iBAAiB,eAAe;GACtC,MAAM,YAAY,QAAQ;GAG1B,MAAM,oBAAoB,kBACxB,iBACC,aAAa,IAAI,IAAI,SAAS,CAChC;GACD,MAAM,iBAAiB,OAAO,QAAQ,UAAU;IAC9C,MAAM,2BAA2B,oBAC7B,qBAAqB,MAAM,IAAI,kBAAkB,GACjD;IAIJ,MAAM,2BAA2B,YAC7B,CAAC,kCACD,mBAAmB,SAAS,MAAM,UAAU,GAC5C;AACJ,WAAO,4BAA4B;KACnC;GAEF,MAAM,aAAa,SAAS,SAAS,UAAU,CAAC,iBAC9C,eAAe,KAAK,UAAU,MAAM,GAAG,EACvC,IACD;GAED,MAAM,WAAW,YAAY,QAAQ;GAGrC,MAAM,kBACJ,eAAe,SAAS,KACxB,CAAC,UAAU,SAAA,cAA8B,IACzC,CAAC;GAIH,MAAM,YAAY,gCAAgC,EAAE,UAAU,CAAC;GAC/D,MAAM,gBACJ,QAAQ,SAAS,UAAU,YAAY,UAAU;GAGnD,MAAM,uBACJ,mBAAmB,EAFnB,QAAQ,SAAS,kBAAkB,kBAEK,CAAC;AAC3C,YAAS,SAAS,UAAU,CAAC,iBAAiB,sBAAsB,IAAI;AACxE,YAAS,SAAS,UAAU,CAAC,mBAAmB,iBAAiB,IAAI;AAGrE,OAAI,UAAU;IACZ,MAAM,CAAC,kBAAkB,eAAe,YAAY;AACpD,kBAAc,WAAW,eAAe;;AAO1C,OAAI,qBACF;GAGF,MAAM,CAAC,cAAc,eAAe,GAAG,IAAI,OAAO;AAClD,OAAI,WACF;GAGF,MAAM,0BAA0B,SAAS,SACrC,UAAU,CACX,cAAc,MAAM,YACnB,eAAe,MAAM,UAAU,MAAM,OAAO,QAAQ,CACrD;AACH,OACE,YAAY,UACZ,CAAC,mBAAmB,MAAM,uBAC1B,wBAEA,eAAc,GAAG,IAAI,QAAQ,wBAAwB;YAC5C,YAAY,OACrB,eAAc,GAAG,IAAI,QAAQ,WAAW,GAAG;IAE7C;IAEH;EACD;EACA;EACA;EACA;EACA;EACA;EACA;EACA,mBAAmB,MAAM;EACzB;EACA;EACA;EACA;EACA;EACD,CAAC;AAEF,QACE,oBAAC,uBAAuB,UAAxB;EAAiC,OAAO,SAAS;EAC9C;EAC+B,CAAA;;AAItC,SAAS,4BAA4B;CACnC,MAAM,WAAW,WAAW,uBAAuB;AACnD,KAAI,CAAC,SACH,OAAM,IAAI,MACR,yCAAyC,wBAAwB,KAAK,IACvE;AAEH,QAAO;;AAGT,SAAgB,mBACd,UACG;AAEH,QADiB,2BACF,CAAC,WAAW,SAAS,CAAC"}

package/dist/esm/stores/chains/createChainOrderStore.js

@@ -1,5 +1,5 @@
 import { widgetEvents } from "../../hooks/useWidgetEvents.js";
-import { WidgetEvent } from "../../types/events.js";
+import "../../types/events.js";
 import { create } from "zustand";
 import { persist } from "zustand/middleware";
 const defaultChainState = {
@@ -68,7 +68,7 @@ const createChainOrderStore = ({ namePrefix }) => create()(persist((set, get) =>
 			pinnedChains.push(chainId);
 			return { pinnedChains };
 		});
-		widgetEvents.emit(WidgetEvent.ChainPinned, {
+		widgetEvents.emit("chainPinned", {
 			chainId,
 			pinned: !wasAlreadyPinned
 		});

package/dist/esm/stores/chains/createChainOrderStore.js.map

@@ -1 +1 @@
-{"version":3,"file":"createChainOrderStore.js","names":[],"sources":["../../../../src/stores/chains/createChainOrderStore.ts"],"sourcesContent":["import type { StoreApi, UseBoundStore } from 'zustand'\nimport { create } from 'zustand'\nimport { persist } from 'zustand/middleware'\nimport { widgetEvents } from '../../hooks/useWidgetEvents.js'\nimport { WidgetEvent } from '../../types/events.js'\nimport type { PersistStoreProps } from '../types.js'\nimport type { ChainOrderState } from './types.js'\n\n// (10 tiles: 9 + 1 for \"All chains\")\nexport const maxGridItemsToShow = 10\nexport const maxChainsToShow: number = maxGridItemsToShow - 1\n// If there are more than maxChainsToShow chains to show,\n// -1 tile to show a button \"+ N\" more chains\nexport const maxChainsToOrder: number = maxChainsToShow - 1\n\nconst defaultChainState = {\n  from: [],\n  to: [],\n}\n\nexport const createChainOrderStore = ({\n  namePrefix,\n}: PersistStoreProps): UseBoundStore<StoreApi<ChainOrderState>> =>\n  create<ChainOrderState>()(\n    persist(\n      (set, get) => ({\n        chainOrder: defaultChainState,\n        fromIsAllNetworks: true,\n        toIsAllNetworks: true,\n        fromShowAllNetworks: true,\n        toShowAllNetworks: true,\n        availableChains: defaultChainState,\n        pinnedChains: [],\n        initializeChains: (chainIds, type) => {\n          set((state: ChainOrderState) => {\n            const chainOrder = state.chainOrder[type].filter((chainId) =>\n              chainIds.includes(chainId)\n            )\n            const chainsToAdd = chainIds.filter(\n              (chainId) => !chainOrder.includes(chainId)\n            )\n            if (chainOrder.length === maxChainsToOrder || !chainsToAdd.length) {\n              return {\n                availableChains: {\n                  ...state.availableChains,\n                  [type]: chainIds,\n                },\n                chainOrder: {\n                  ...state.chainOrder,\n                  [type]: chainOrder,\n                },\n              }\n            }\n            const chainsToAddLength = maxChainsToOrder - chainOrder.length\n            for (let index = 0; index < chainsToAddLength; index++) {\n              chainOrder.push(chainsToAdd[index])\n            }\n            return {\n              availableChains: {\n                ...state.availableChains,\n                [type]: chainIds,\n              },\n              chainOrder: {\n                ...state.chainOrder,\n                [type]: chainOrder,\n              },\n            }\n          })\n          return get().chainOrder[type].slice(0, maxChainsToOrder)\n        },\n        setChain: (chainId, type) => {\n          const state = get()\n          if (\n            state.chainOrder[type].includes(chainId) ||\n            !state.availableChains[type].includes(chainId)\n          ) {\n            return\n          }\n          set((state: ChainOrderState) => {\n            const chainOrder = [chainId, ...state.chainOrder[type]].slice(\n              0,\n              maxChainsToOrder\n            )\n            return {\n              chainOrder: {\n                ...state.chainOrder,\n                [type]: chainOrder,\n              },\n            }\n          })\n        },\n        setIsAllNetworks: (isAllNetworks, formType) => {\n          set({ [`${formType}IsAllNetworks`]: isAllNetworks })\n        },\n        setShowAllNetworks: (showAllNetworks, formType) => {\n          set({ [`${formType}ShowAllNetworks`]: showAllNetworks })\n        },\n        setPinnedChain: (chainId) => {\n          const currentPinnedChains = get().pinnedChains\n          const wasAlreadyPinned = currentPinnedChains.includes(chainId)\n          set((state: ChainOrderState) => {\n            const pinnedChains = [...state.pinnedChains]\n            if (wasAlreadyPinned) {\n              return {\n                pinnedChains: pinnedChains.filter((id) => id !== chainId),\n              }\n            }\n            pinnedChains.push(chainId)\n            return {\n              pinnedChains,\n            }\n          })\n          widgetEvents.emit(WidgetEvent.ChainPinned, {\n            chainId,\n            pinned: !wasAlreadyPinned,\n          })\n        },\n      }),\n      {\n        name: `${namePrefix || 'li.fi'}-widget-chains-order`,\n        version: 4,\n        partialize: (state) => ({\n          chainOrder: state.chainOrder,\n          pinnedChains: state.pinnedChains,\n        }),\n      }\n    )\n  )\n"],"mappings":";;;;AAeA,MAAM,oBAAoB;CACxB,MAAM,EAAE;CACR,IAAI,EAAE;CACP;AAED,MAAa,yBAAyB,EACpC,iBAEA,QAAyB,CACvB,SACG,KAAK,SAAS;CACb,YAAY;CACZ,mBAAmB;CACnB,iBAAiB;CACjB,qBAAqB;CACrB,mBAAmB;CACnB,iBAAiB;CACjB,cAAc,EAAE;CAChB,mBAAmB,UAAU,SAAS;AACpC,OAAK,UAA2B;GAC9B,MAAM,aAAa,MAAM,WAAW,MAAM,QAAQ,YAChD,SAAS,SAAS,QAAQ,CAC3B;GACD,MAAM,cAAc,SAAS,QAC1B,YAAY,CAAC,WAAW,SAAS,QAAQ,CAC3C;AACD,OAAI,WAAW,WAAA,KAA+B,CAAC,YAAY,OACzD,QAAO;IACL,iBAAiB;KACf,GAAG,MAAM;MACR,OAAO;KACT;IACD,YAAY;KACV,GAAG,MAAM;MACR,OAAO;KACT;IACF;GAEH,MAAM,oBAAA,IAAuC,WAAW;AACxD,QAAK,IAAI,QAAQ,GAAG,QAAQ,mBAAmB,QAC7C,YAAW,KAAK,YAAY,OAAO;AAErC,UAAO;IACL,iBAAiB;KACf,GAAG,MAAM;MACR,OAAO;KACT;IACD,YAAY;KACV,GAAG,MAAM;MACR,OAAO;KACT;IACF;IACD;AACF,SAAO,KAAK,CAAC,WAAW,MAAM,MAAM,GAAA,EAAoB;;CAE1D,WAAW,SAAS,SAAS;EAC3B,MAAM,QAAQ,KAAK;AACnB,MACE,MAAM,WAAW,MAAM,SAAS,QAAQ,IACxC,CAAC,MAAM,gBAAgB,MAAM,SAAS,QAAQ,CAE9C;AAEF,OAAK,UAA2B;GAC9B,MAAM,aAAa,CAAC,SAAS,GAAG,MAAM,WAAW,MAAM,CAAC,MACtD,GAAA,EAED;AACD,UAAO,EACL,YAAY;IACV,GAAG,MAAM;KACR,OAAO;IACT,EACF;IACD;;CAEJ,mBAAmB,eAAe,aAAa;AAC7C,MAAI,GAAG,GAAG,SAAS,iBAAiB,eAAe,CAAC;;CAEtD,qBAAqB,iBAAiB,aAAa;AACjD,MAAI,GAAG,GAAG,SAAS,mBAAmB,iBAAiB,CAAC;;CAE1D,iBAAiB,YAAY;EAE3B,MAAM,mBADsB,KAAK,CAAC,aACW,SAAS,QAAQ;AAC9D,OAAK,UAA2B;GAC9B,MAAM,eAAe,CAAC,GAAG,MAAM,aAAa;AAC5C,OAAI,iBACF,QAAO,EACL,cAAc,aAAa,QAAQ,OAAO,OAAO,QAAQ,EAC1D;AAEH,gBAAa,KAAK,QAAQ;AAC1B,UAAO,EACL,cACD;IACD;AACF,eAAa,KAAK,YAAY,aAAa;GACzC;GACA,QAAQ,CAAC;GACV,CAAC;;CAEL,GACD;CACE,MAAM,GAAG,cAAc,QAAQ;CAC/B,SAAS;CACT,aAAa,WAAW;EACtB,YAAY,MAAM;EAClB,cAAc,MAAM;EACrB;CACF,CACF,CACF"}
+{"version":3,"file":"createChainOrderStore.js","names":[],"sources":["../../../../src/stores/chains/createChainOrderStore.ts"],"sourcesContent":["import type { StoreApi, UseBoundStore } from 'zustand'\nimport { create } from 'zustand'\nimport { persist } from 'zustand/middleware'\nimport { widgetEvents } from '../../hooks/useWidgetEvents.js'\nimport { WidgetEvent } from '../../types/events.js'\nimport type { PersistStoreProps } from '../types.js'\nimport type { ChainOrderState } from './types.js'\n\n// (10 tiles: 9 + 1 for \"All chains\")\nexport const maxGridItemsToShow = 10\nexport const maxChainsToShow: number = maxGridItemsToShow - 1\n// If there are more than maxChainsToShow chains to show,\n// -1 tile to show a button \"+ N\" more chains\nexport const maxChainsToOrder: number = maxChainsToShow - 1\n\nconst defaultChainState = {\n  from: [],\n  to: [],\n}\n\nexport const createChainOrderStore = ({\n  namePrefix,\n}: PersistStoreProps): UseBoundStore<StoreApi<ChainOrderState>> =>\n  create<ChainOrderState>()(\n    persist(\n      (set, get) => ({\n        chainOrder: defaultChainState,\n        fromIsAllNetworks: true,\n        toIsAllNetworks: true,\n        fromShowAllNetworks: true,\n        toShowAllNetworks: true,\n        availableChains: defaultChainState,\n        pinnedChains: [],\n        initializeChains: (chainIds, type) => {\n          set((state: ChainOrderState) => {\n            const chainOrder = state.chainOrder[type].filter((chainId) =>\n              chainIds.includes(chainId)\n            )\n            const chainsToAdd = chainIds.filter(\n              (chainId) => !chainOrder.includes(chainId)\n            )\n            if (chainOrder.length === maxChainsToOrder || !chainsToAdd.length) {\n              return {\n                availableChains: {\n                  ...state.availableChains,\n                  [type]: chainIds,\n                },\n                chainOrder: {\n                  ...state.chainOrder,\n                  [type]: chainOrder,\n                },\n              }\n            }\n            const chainsToAddLength = maxChainsToOrder - chainOrder.length\n            for (let index = 0; index < chainsToAddLength; index++) {\n              chainOrder.push(chainsToAdd[index])\n            }\n            return {\n              availableChains: {\n                ...state.availableChains,\n                [type]: chainIds,\n              },\n              chainOrder: {\n                ...state.chainOrder,\n                [type]: chainOrder,\n              },\n            }\n          })\n          return get().chainOrder[type].slice(0, maxChainsToOrder)\n        },\n        setChain: (chainId, type) => {\n          const state = get()\n          if (\n            state.chainOrder[type].includes(chainId) ||\n            !state.availableChains[type].includes(chainId)\n          ) {\n            return\n          }\n          set((state: ChainOrderState) => {\n            const chainOrder = [chainId, ...state.chainOrder[type]].slice(\n              0,\n              maxChainsToOrder\n            )\n            return {\n              chainOrder: {\n                ...state.chainOrder,\n                [type]: chainOrder,\n              },\n            }\n          })\n        },\n        setIsAllNetworks: (isAllNetworks, formType) => {\n          set({ [`${formType}IsAllNetworks`]: isAllNetworks })\n        },\n        setShowAllNetworks: (showAllNetworks, formType) => {\n          set({ [`${formType}ShowAllNetworks`]: showAllNetworks })\n        },\n        setPinnedChain: (chainId) => {\n          const currentPinnedChains = get().pinnedChains\n          const wasAlreadyPinned = currentPinnedChains.includes(chainId)\n          set((state: ChainOrderState) => {\n            const pinnedChains = [...state.pinnedChains]\n            if (wasAlreadyPinned) {\n              return {\n                pinnedChains: pinnedChains.filter((id) => id !== chainId),\n              }\n            }\n            pinnedChains.push(chainId)\n            return {\n              pinnedChains,\n            }\n          })\n          widgetEvents.emit(WidgetEvent.ChainPinned, {\n            chainId,\n            pinned: !wasAlreadyPinned,\n          })\n        },\n      }),\n      {\n        name: `${namePrefix || 'li.fi'}-widget-chains-order`,\n        version: 4,\n        partialize: (state) => ({\n          chainOrder: state.chainOrder,\n          pinnedChains: state.pinnedChains,\n        }),\n      }\n    )\n  )\n"],"mappings":";;;;AAeA,MAAM,oBAAoB;CACxB,MAAM,EAAE;CACR,IAAI,EAAE;CACP;AAED,MAAa,yBAAyB,EACpC,iBAEA,QAAyB,CACvB,SACG,KAAK,SAAS;CACb,YAAY;CACZ,mBAAmB;CACnB,iBAAiB;CACjB,qBAAqB;CACrB,mBAAmB;CACnB,iBAAiB;CACjB,cAAc,EAAE;CAChB,mBAAmB,UAAU,SAAS;AACpC,OAAK,UAA2B;GAC9B,MAAM,aAAa,MAAM,WAAW,MAAM,QAAQ,YAChD,SAAS,SAAS,QAAQ,CAC3B;GACD,MAAM,cAAc,SAAS,QAC1B,YAAY,CAAC,WAAW,SAAS,QAAQ,CAC3C;AACD,OAAI,WAAW,WAAA,KAA+B,CAAC,YAAY,OACzD,QAAO;IACL,iBAAiB;KACf,GAAG,MAAM;MACR,OAAO;KACT;IACD,YAAY;KACV,GAAG,MAAM;MACR,OAAO;KACT;IACF;GAEH,MAAM,oBAAA,IAAuC,WAAW;AACxD,QAAK,IAAI,QAAQ,GAAG,QAAQ,mBAAmB,QAC7C,YAAW,KAAK,YAAY,OAAO;AAErC,UAAO;IACL,iBAAiB;KACf,GAAG,MAAM;MACR,OAAO;KACT;IACD,YAAY;KACV,GAAG,MAAM;MACR,OAAO;KACT;IACF;IACD;AACF,SAAO,KAAK,CAAC,WAAW,MAAM,MAAM,GAAA,EAAoB;;CAE1D,WAAW,SAAS,SAAS;EAC3B,MAAM,QAAQ,KAAK;AACnB,MACE,MAAM,WAAW,MAAM,SAAS,QAAQ,IACxC,CAAC,MAAM,gBAAgB,MAAM,SAAS,QAAQ,CAE9C;AAEF,OAAK,UAA2B;GAC9B,MAAM,aAAa,CAAC,SAAS,GAAG,MAAM,WAAW,MAAM,CAAC,MACtD,GAAA,EAED;AACD,UAAO,EACL,YAAY;IACV,GAAG,MAAM;KACR,OAAO;IACT,EACF;IACD;;CAEJ,mBAAmB,eAAe,aAAa;AAC7C,MAAI,GAAG,GAAG,SAAS,iBAAiB,eAAe,CAAC;;CAEtD,qBAAqB,iBAAiB,aAAa;AACjD,MAAI,GAAG,GAAG,SAAS,mBAAmB,iBAAiB,CAAC;;CAE1D,iBAAiB,YAAY;EAE3B,MAAM,mBADsB,KAAK,CAAC,aACW,SAAS,QAAQ;AAC9D,OAAK,UAA2B;GAC9B,MAAM,eAAe,CAAC,GAAG,MAAM,aAAa;AAC5C,OAAI,iBACF,QAAO,EACL,cAAc,aAAa,QAAQ,OAAO,OAAO,QAAQ,EAC1D;AAEH,gBAAa,KAAK,QAAQ;AAC1B,UAAO,EACL,cACD;IACD;AACF,eAAa,KAAA,eAA8B;GACzC;GACA,QAAQ,CAAC;GACV,CAAC;;CAEL,GACD;CACE,MAAM,GAAG,cAAc,QAAQ;CAC/B,SAAS;CACT,aAAa,WAAW;EACtB,YAAY,MAAM;EAClB,cAAc,MAAM;EACrB;CACF,CACF,CACF"}

package/dist/esm/stores/chains/useChainOrder.js.map

@@ -1 +1 @@
-{"version":3,"file":"useChainOrder.js","names":[],"sources":["../../../../src/stores/chains/useChainOrder.ts"],"sourcesContent":["import { useMemo } from 'react'\nimport type { FormType } from '../form/types.js'\nimport { useChainOrderStore } from './ChainOrderStore.js'\nimport { maxChainsToOrder } from './createChainOrderStore.js'\n\nexport const useChainOrder = (\n  type: FormType\n): [number[], (chainId: number, type: FormType) => void] => {\n  const [chainOrder, setChain] = useChainOrderStore((state) => [\n    state.chainOrder[type],\n    state.setChain,\n  ])\n\n  const limitedChainOrder = useMemo(\n    () => chainOrder.slice(0, maxChainsToOrder),\n    [chainOrder]\n  )\n\n  return [limitedChainOrder, setChain]\n}\n"],"mappings":";;;AAKA,MAAa,iBACX,SAC0D;CAC1D,MAAM,CAAC,YAAY,YAAY,oBAAoB,UAAU,CAC3D,MAAM,WAAW,OACjB,MAAM,SACP,CAAC;AAOF,QAAO,CALmB,cAClB,WAAW,MAAM,GAAA,EAAoB,EAC3C,CAAC,WAAW,CACb,EAE0B,SAAS"}
+{"version":3,"file":"useChainOrder.js","names":[],"sources":["../../../../src/stores/chains/useChainOrder.ts"],"sourcesContent":["import { useMemo } from 'react'\nimport type { FormType } from '../form/types.js'\nimport { useChainOrderStore } from './ChainOrderStore.js'\nimport { maxChainsToOrder } from './createChainOrderStore.js'\n\nexport const useChainOrder = (\n  type: FormType\n): [number[], (chainId: number, type: FormType) => void] => {\n  const [chainOrder, setChain] = useChainOrderStore((state) => [\n    state.chainOrder[type],\n    state.setChain,\n  ])\n\n  const limitedChainOrder = useMemo(\n    () => chainOrder.slice(0, maxChainsToOrder),\n    [chainOrder]\n  )\n\n  return [limitedChainOrder, setChain]\n}\n"],"mappings":";;;AAKA,MAAa,iBACX,SAC0D;CAC1D,MAAM,CAAC,YAAY,YAAY,oBAAoB,UAAU,CAC3D,MAAM,WAAW,OACjB,MAAM,SACP,CAAC;AAOF,QAAO,CALmB,cAClB,WAAW,MAAM,GAAA,EAAoB,EAC3C,CAAC,WAAW,CAGW,EAAE,SAAS"}

package/dist/esm/stores/form/URLSearchParamsBuilder.js.map

@@ -1 +1 @@
-{"version":3,"file":"URLSearchParamsBuilder.js","names":[],"sources":["../../../../src/stores/form/URLSearchParamsBuilder.tsx"],"sourcesContent":["import { useLocation } from '@tanstack/react-router'\nimport { useEffect } from 'react'\nimport { useAddressValidation } from '../../hooks/useAddressValidation.js'\nimport { useWidgetConfig } from '../../providers/WidgetProvider/WidgetProvider.js'\nimport { useBookmarkActions } from '../bookmarks/useBookmarkActions.js'\nimport type { FormFieldNames } from '../form/types.js'\nimport { useFieldActions } from '../form/useFieldActions.js'\nimport { useFieldValues } from '../form/useFieldValues.js'\nimport { useTouchedFields } from '../form/useTouchedFields.js'\nimport { getDefaultValuesFromQueryString } from './getDefaultValuesFromQueryString.js'\n\nconst formValueKeys: FormFieldNames[] = [\n  'fromAmount',\n  'fromChain',\n  'fromToken',\n  'toAddress',\n  'toChain',\n  'toToken',\n]\n\nexport const URLSearchParamsBuilder = () => {\n  const { pathname } = useLocation()\n  const touchedFields = useTouchedFields()\n  const values = useFieldValues(...formValueKeys)\n  const { setSelectedBookmark, addRecentWallet } = useBookmarkActions()\n  const { validateAddress } = useAddressValidation()\n  const { buildUrl } = useWidgetConfig()\n  // Using these methods as trying to use the touchedFields and values above\n  // often has a lag that can effect the widgets initialisation sequence\n  // and accidentally cause values to be wiped from the query string\n  const { getFieldValues, isTouched, setUserAndDefaultValues } =\n    useFieldActions()\n\n  useEffect(() => {\n    // get the initial values from the querystring\n    const formValues = getDefaultValuesFromQueryString({ buildUrl })\n    const { toAddress, ...initialFormValues } = formValues\n\n    /**\n     * When URL builder is enabled and user opens a page with toAddress parameter,\n     * validate the address and set it up as a bookmark. This allows direct linking\n     * to the widget with a pre-filled destination address that will be treated the\n     * same way as a manually entered and validated address.\n     */\n    const initializeFromAddress = async () => {\n      if (toAddress) {\n        try {\n          const validationResult = await validateAddress({\n            value: toAddress,\n          })\n          if (validationResult.isValid && toAddress) {\n            const bookmark = {\n              address: validationResult.address,\n              chainType: validationResult.chainType,\n            }\n            setUserAndDefaultValues({ toAddress })\n            setSelectedBookmark(bookmark)\n            addRecentWallet(bookmark)\n          }\n        } catch (_) {\n          // Address validation failed\n        }\n      }\n    }\n\n    setUserAndDefaultValues(initialFormValues)\n    initializeFromAddress()\n  }, [\n    setUserAndDefaultValues,\n    validateAddress,\n    setSelectedBookmark,\n    addRecentWallet,\n    buildUrl,\n  ])\n\n  // biome-ignore lint/correctness/useExhaustiveDependencies: run only when pathname changes\n  useEffect(() => {\n    // set the values on the querysting\n    const url = new URL(window.location as any)\n    formValueKeys.forEach((key, _index) => {\n      const value = getFieldValues(key)[0]\n      if (isTouched(key) && value) {\n        url.searchParams.set(key, value.toString())\n      } else if (url.searchParams.has(key) && !value) {\n        url.searchParams.delete(key)\n      }\n    })\n    url.searchParams.sort()\n    window.history.replaceState(window.history.state, '', url)\n  }, [pathname, touchedFields, values, isTouched, getFieldValues])\n\n  return null\n}\n"],"mappings":";;;;;;;;;;AAWA,MAAM,gBAAkC;CACtC;CACA;CACA;CACA;CACA;CACA;CACD;AAED,MAAa,+BAA+B;CAC1C,MAAM,EAAE,aAAa,aAAa;CAClC,MAAM,gBAAgB,kBAAkB;CACxC,MAAM,SAAS,eAAe,GAAG,cAAc;CAC/C,MAAM,EAAE,qBAAqB,oBAAoB,oBAAoB;CACrE,MAAM,EAAE,oBAAoB,sBAAsB;CAClD,MAAM,EAAE,aAAa,iBAAiB;CAItC,MAAM,EAAE,gBAAgB,WAAW,4BACjC,iBAAiB;AAEnB,iBAAgB;EAGd,MAAM,EAAE,WAAW,GAAG,sBADH,gCAAgC,EAAE,UAAU,CAAC;;;;;;;EAShE,MAAM,wBAAwB,YAAY;AACxC,OAAI,UACF,KAAI;IACF,MAAM,mBAAmB,MAAM,gBAAgB,EAC7C,OAAO,WACR,CAAC;AACF,QAAI,iBAAiB,WAAW,WAAW;KACzC,MAAM,WAAW;MACf,SAAS,iBAAiB;MAC1B,WAAW,iBAAiB;MAC7B;AACD,6BAAwB,EAAE,WAAW,CAAC;AACtC,yBAAoB,SAAS;AAC7B,qBAAgB,SAAS;;YAEpB,GAAG;;AAMhB,0BAAwB,kBAAkB;AAC1C,yBAAuB;IACtB;EACD;EACA;EACA;EACA;EACA;EACD,CAAC;AAGF,iBAAgB;EAEd,MAAM,MAAM,IAAI,IAAI,OAAO,SAAgB;AAC3C,gBAAc,SAAS,KAAK,WAAW;GACrC,MAAM,QAAQ,eAAe,IAAI,CAAC;AAClC,OAAI,UAAU,IAAI,IAAI,MACpB,KAAI,aAAa,IAAI,KAAK,MAAM,UAAU,CAAC;YAClC,IAAI,aAAa,IAAI,IAAI,IAAI,CAAC,MACvC,KAAI,aAAa,OAAO,IAAI;IAE9B;AACF,MAAI,aAAa,MAAM;AACvB,SAAO,QAAQ,aAAa,OAAO,QAAQ,OAAO,IAAI,IAAI;IACzD;EAAC;EAAU;EAAe;EAAQ;EAAW;EAAe,CAAC;AAEhE,QAAO"}
+{"version":3,"file":"URLSearchParamsBuilder.js","names":[],"sources":["../../../../src/stores/form/URLSearchParamsBuilder.tsx"],"sourcesContent":["import { useLocation } from '@tanstack/react-router'\nimport { useEffect } from 'react'\nimport { useAddressValidation } from '../../hooks/useAddressValidation.js'\nimport { useWidgetConfig } from '../../providers/WidgetProvider/WidgetProvider.js'\nimport { useBookmarkActions } from '../bookmarks/useBookmarkActions.js'\nimport type { FormFieldNames } from '../form/types.js'\nimport { useFieldActions } from '../form/useFieldActions.js'\nimport { useFieldValues } from '../form/useFieldValues.js'\nimport { useTouchedFields } from '../form/useTouchedFields.js'\nimport { getDefaultValuesFromQueryString } from './getDefaultValuesFromQueryString.js'\n\nconst formValueKeys: FormFieldNames[] = [\n  'fromAmount',\n  'fromChain',\n  'fromToken',\n  'toAddress',\n  'toChain',\n  'toToken',\n]\n\nexport const URLSearchParamsBuilder = () => {\n  const { pathname } = useLocation()\n  const touchedFields = useTouchedFields()\n  const values = useFieldValues(...formValueKeys)\n  const { setSelectedBookmark, addRecentWallet } = useBookmarkActions()\n  const { validateAddress } = useAddressValidation()\n  const { buildUrl } = useWidgetConfig()\n  // Using these methods as trying to use the touchedFields and values above\n  // often has a lag that can effect the widgets initialisation sequence\n  // and accidentally cause values to be wiped from the query string\n  const { getFieldValues, isTouched, setUserAndDefaultValues } =\n    useFieldActions()\n\n  useEffect(() => {\n    // get the initial values from the querystring\n    const formValues = getDefaultValuesFromQueryString({ buildUrl })\n    const { toAddress, ...initialFormValues } = formValues\n\n    /**\n     * When URL builder is enabled and user opens a page with toAddress parameter,\n     * validate the address and set it up as a bookmark. This allows direct linking\n     * to the widget with a pre-filled destination address that will be treated the\n     * same way as a manually entered and validated address.\n     */\n    const initializeFromAddress = async () => {\n      if (toAddress) {\n        try {\n          const validationResult = await validateAddress({\n            value: toAddress,\n          })\n          if (validationResult.isValid && toAddress) {\n            const bookmark = {\n              address: validationResult.address,\n              chainType: validationResult.chainType,\n            }\n            setUserAndDefaultValues({ toAddress })\n            setSelectedBookmark(bookmark)\n            addRecentWallet(bookmark)\n          }\n        } catch (_) {\n          // Address validation failed\n        }\n      }\n    }\n\n    setUserAndDefaultValues(initialFormValues)\n    initializeFromAddress()\n  }, [\n    setUserAndDefaultValues,\n    validateAddress,\n    setSelectedBookmark,\n    addRecentWallet,\n    buildUrl,\n  ])\n\n  // biome-ignore lint/correctness/useExhaustiveDependencies: run only when pathname changes\n  useEffect(() => {\n    // set the values on the querysting\n    const url = new URL(window.location as any)\n    formValueKeys.forEach((key, _index) => {\n      const value = getFieldValues(key)[0]\n      if (isTouched(key) && value) {\n        url.searchParams.set(key, value.toString())\n      } else if (url.searchParams.has(key) && !value) {\n        url.searchParams.delete(key)\n      }\n    })\n    url.searchParams.sort()\n    window.history.replaceState(window.history.state, '', url)\n  }, [pathname, touchedFields, values, isTouched, getFieldValues])\n\n  return null\n}\n"],"mappings":";;;;;;;;;;AAWA,MAAM,gBAAkC;CACtC;CACA;CACA;CACA;CACA;CACA;CACD;AAED,MAAa,+BAA+B;CAC1C,MAAM,EAAE,aAAa,aAAa;CAClC,MAAM,gBAAgB,kBAAkB;CACxC,MAAM,SAAS,eAAe,GAAG,cAAc;CAC/C,MAAM,EAAE,qBAAqB,oBAAoB,oBAAoB;CACrE,MAAM,EAAE,oBAAoB,sBAAsB;CAClD,MAAM,EAAE,aAAa,iBAAiB;CAItC,MAAM,EAAE,gBAAgB,WAAW,4BACjC,iBAAiB;AAEnB,iBAAgB;EAGd,MAAM,EAAE,WAAW,GAAG,sBADH,gCAAgC,EAAE,UAAU,CACT;;;;;;;EAQtD,MAAM,wBAAwB,YAAY;AACxC,OAAI,UACF,KAAI;IACF,MAAM,mBAAmB,MAAM,gBAAgB,EAC7C,OAAO,WACR,CAAC;AACF,QAAI,iBAAiB,WAAW,WAAW;KACzC,MAAM,WAAW;MACf,SAAS,iBAAiB;MAC1B,WAAW,iBAAiB;MAC7B;AACD,6BAAwB,EAAE,WAAW,CAAC;AACtC,yBAAoB,SAAS;AAC7B,qBAAgB,SAAS;;YAEpB,GAAG;;AAMhB,0BAAwB,kBAAkB;AAC1C,yBAAuB;IACtB;EACD;EACA;EACA;EACA;EACA;EACD,CAAC;AAGF,iBAAgB;EAEd,MAAM,MAAM,IAAI,IAAI,OAAO,SAAgB;AAC3C,gBAAc,SAAS,KAAK,WAAW;GACrC,MAAM,QAAQ,eAAe,IAAI,CAAC;AAClC,OAAI,UAAU,IAAI,IAAI,MACpB,KAAI,aAAa,IAAI,KAAK,MAAM,UAAU,CAAC;YAClC,IAAI,aAAa,IAAI,IAAI,IAAI,CAAC,MACvC,KAAI,aAAa,OAAO,IAAI;IAE9B;AACF,MAAI,aAAa,MAAM;AACvB,SAAO,QAAQ,aAAa,OAAO,QAAQ,OAAO,IAAI,IAAI;IACzD;EAAC;EAAU;EAAe;EAAQ;EAAW;EAAe,CAAC;AAEhE,QAAO"}

package/dist/esm/stores/form/createFormStore.js.map

@@ -1 +1 @@
-{"version":3,"file":"createFormStore.js","names":[],"sources":["../../../../src/stores/form/createFormStore.ts"],"sourcesContent":["import type { StoreApi, UseBoundStore } from 'zustand'\nimport { create } from 'zustand'\n\nimport type {\n  DefaultValues,\n  FormFieldArray,\n  FormFieldNames,\n  FormValueControl,\n  FormValues,\n  FormValuesState,\n} from './types.js'\n\nexport const formDefaultValues: DefaultValues = {\n  fromAmount: '',\n  toAmount: '',\n  tokenSearchFilter: '',\n}\n\nconst defaultValueToFormValue = <T>(value: T): FormValueControl<T> => ({\n  isTouched: false,\n  isDirty: false,\n  value,\n})\n\nconst valuesToFormValues = (defaultValues: DefaultValues): FormValues => {\n  return (Object.keys(defaultValues) as FormFieldNames[]).reduce(\n    (accum, key) => {\n      accum[key] = defaultValueToFormValue(defaultValues[key]) as never\n      return accum\n    },\n    {} as FormValues\n  )\n}\n\nconst isString = (str: any) => typeof str === 'string' || str instanceof String\n\nconst getUpdatedTouchedFields = (userValues: FormValues) => {\n  return (Object.keys(userValues) as FormFieldNames[]).reduce(\n    (accum, key) => {\n      if (userValues[key]?.isTouched) {\n        accum[key] = true\n      }\n      return accum\n    },\n    {} as Record<FormFieldNames, boolean>\n  )\n}\n\nconst mergeDefaultFormValues = (\n  userValues: FormValues,\n  defaultValues: FormValues\n) =>\n  (Object.keys(defaultValues) as FormFieldNames[]).reduce<FormValues>(\n    (accum, key) => {\n      const formValue = {\n        isTouched: !!(\n          userValues[key]?.isTouched || defaultValues[key]?.isTouched\n        ),\n        isDirty: !!(userValues[key]?.isDirty || defaultValues[key]?.isTouched),\n        value:\n          userValues[key]?.value || Number.isFinite(userValues[key]?.value)\n            ? userValues[key]?.value\n            : defaultValues[key]?.value,\n      }\n      accum[key] = formValue as never\n      return accum\n    },\n    { ...valuesToFormValues(formDefaultValues) }\n  )\n\nexport const createFormStore = (\n  defaultValues?: DefaultValues\n): UseBoundStore<StoreApi<FormValuesState>> =>\n  create<FormValuesState>((set, get) => {\n    const _defaultValues = valuesToFormValues({\n      ...formDefaultValues,\n      ...defaultValues,\n    })\n    return {\n      defaultValues: _defaultValues,\n      userValues: _defaultValues,\n      touchedFields: {},\n      isValid: true,\n      isValidating: false,\n      errors: {},\n      validation: {},\n      setDefaultValues: (defaultValue) => {\n        const defaultFormValues = valuesToFormValues(defaultValue)\n        set((state) => ({\n          defaultValues: defaultFormValues,\n          userValues: mergeDefaultFormValues(\n            state.userValues,\n            defaultFormValues\n          ),\n        }))\n      },\n      setUserAndDefaultValues: (formValues) => {\n        const currentUserValues = get().userValues\n        ;(Object.keys(formValues) as FormFieldNames[]).forEach((key) => {\n          if (formValues[key] !== currentUserValues[key]?.value) {\n            get().resetField(key, { defaultValue: formValues[key] })\n            get().setFieldValue(key, formValues[key], { isTouched: true })\n          }\n        })\n      },\n      isTouched: (fieldName: FormFieldNames) =>\n        !!get().userValues[fieldName]?.isTouched,\n      isDirty: (fieldName: FormFieldNames) =>\n        !!get().userValues[fieldName]?.isDirty,\n      setAsTouched: (fieldName: FormFieldNames) => {\n        const userValues = {\n          ...get().userValues,\n          [fieldName]: {\n            ...get().userValues[fieldName],\n            isTouched: true,\n          },\n        }\n\n        const touchedFields = getUpdatedTouchedFields(userValues)\n\n        set(() => ({\n          userValues,\n          touchedFields,\n        }))\n      },\n      resetField: (fieldName, { defaultValue } = {}) => {\n        if (defaultValue) {\n          const fieldValues = {\n            ...get().defaultValues[fieldName],\n            value: defaultValue,\n          }\n          const defaultValues = {\n            ...get().defaultValues,\n            [fieldName]: { ...fieldValues },\n          }\n          const userValues = {\n            ...get().userValues,\n            [fieldName]: { ...fieldValues },\n          }\n          const touchedFields = getUpdatedTouchedFields(userValues)\n\n          set(() => {\n            return {\n              defaultValues,\n              userValues,\n              touchedFields,\n            }\n          })\n        } else {\n          const userValues = {\n            ...get().userValues,\n            [fieldName]: { ...get().defaultValues[fieldName] },\n          }\n          const touchedFields = getUpdatedTouchedFields(userValues)\n\n          set(() => ({\n            userValues,\n            touchedFields,\n          }))\n        }\n      },\n      setFieldValue: (fieldName, value, { isDirty, isTouched } = {}) => {\n        const userValues = {\n          ...get().userValues,\n          [fieldName]: {\n            value,\n            isDirty:\n              isDirty === undefined\n                ? get().userValues[fieldName]?.isDirty\n                : isDirty,\n            isTouched:\n              isTouched === undefined\n                ? get().userValues[fieldName]?.isTouched\n                : isTouched,\n          },\n        }\n\n        const touchedFields = getUpdatedTouchedFields(userValues)\n\n        set(() => ({\n          userValues,\n          touchedFields,\n        }))\n      },\n      getFieldValues: <T extends FormFieldNames[]>(...names: T) =>\n        names.map((name) => get().userValues[name]?.value) as FormFieldArray<T>,\n      addFieldValidation: (name, validationFn) => {\n        set((state) => ({\n          validation: {\n            ...state.validation,\n            [name]: validationFn,\n          },\n        }))\n      },\n      triggerFieldValidation: async (name) => {\n        try {\n          let valid = true\n          set(() => ({ isValid: false, isValidating: true }))\n\n          const validationFn = get().validation[name]\n\n          if (validationFn) {\n            const result = await validationFn(get().userValues?.[name]?.value)\n            if (isString(result)) {\n              valid = false\n              set((state) => ({\n                errors: {\n                  ...state.errors,\n                  [name]: result,\n                },\n              }))\n            } else {\n              valid = result as boolean\n              if (valid) {\n                get().clearErrors(name)\n              }\n            }\n          }\n\n          set(() => ({ isValid: valid, isValidating: false }))\n          return valid\n        } catch (err) {\n          set(() => ({ isValidating: false }))\n          throw err\n        }\n      },\n      clearErrors: (name) => {\n        const newErrors = { ...get().errors }\n\n        delete newErrors[name]\n\n        set(() => ({\n          errors: newErrors,\n        }))\n      },\n    }\n  })\n"],"mappings":"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"}
+{"version":3,"file":"createFormStore.js","names":[],"sources":["../../../../src/stores/form/createFormStore.ts"],"sourcesContent":["import type { StoreApi, UseBoundStore } from 'zustand'\nimport { create } from 'zustand'\n\nimport type {\n  DefaultValues,\n  FormFieldArray,\n  FormFieldNames,\n  FormValueControl,\n  FormValues,\n  FormValuesState,\n} from './types.js'\n\nexport const formDefaultValues: DefaultValues = {\n  fromAmount: '',\n  toAmount: '',\n  tokenSearchFilter: '',\n}\n\nconst defaultValueToFormValue = <T>(value: T): FormValueControl<T> => ({\n  isTouched: false,\n  isDirty: false,\n  value,\n})\n\nconst valuesToFormValues = (defaultValues: DefaultValues): FormValues => {\n  return (Object.keys(defaultValues) as FormFieldNames[]).reduce(\n    (accum, key) => {\n      accum[key] = defaultValueToFormValue(defaultValues[key]) as never\n      return accum\n    },\n    {} as FormValues\n  )\n}\n\nconst isString = (str: any) => typeof str === 'string' || str instanceof String\n\nconst getUpdatedTouchedFields = (userValues: FormValues) => {\n  return (Object.keys(userValues) as FormFieldNames[]).reduce(\n    (accum, key) => {\n      if (userValues[key]?.isTouched) {\n        accum[key] = true\n      }\n      return accum\n    },\n    {} as Record<FormFieldNames, boolean>\n  )\n}\n\nconst mergeDefaultFormValues = (\n  userValues: FormValues,\n  defaultValues: FormValues\n) =>\n  (Object.keys(defaultValues) as FormFieldNames[]).reduce<FormValues>(\n    (accum, key) => {\n      const formValue = {\n        isTouched: !!(\n          userValues[key]?.isTouched || defaultValues[key]?.isTouched\n        ),\n        isDirty: !!(userValues[key]?.isDirty || defaultValues[key]?.isTouched),\n        value:\n          userValues[key]?.value || Number.isFinite(userValues[key]?.value)\n            ? userValues[key]?.value\n            : defaultValues[key]?.value,\n      }\n      accum[key] = formValue as never\n      return accum\n    },\n    { ...valuesToFormValues(formDefaultValues) }\n  )\n\nexport const createFormStore = (\n  defaultValues?: DefaultValues\n): UseBoundStore<StoreApi<FormValuesState>> =>\n  create<FormValuesState>((set, get) => {\n    const _defaultValues = valuesToFormValues({\n      ...formDefaultValues,\n      ...defaultValues,\n    })\n    return {\n      defaultValues: _defaultValues,\n      userValues: _defaultValues,\n      touchedFields: {},\n      isValid: true,\n      isValidating: false,\n      errors: {},\n      validation: {},\n      setDefaultValues: (defaultValue) => {\n        const defaultFormValues = valuesToFormValues(defaultValue)\n        set((state) => ({\n          defaultValues: defaultFormValues,\n          userValues: mergeDefaultFormValues(\n            state.userValues,\n            defaultFormValues\n          ),\n        }))\n      },\n      setUserAndDefaultValues: (formValues) => {\n        const currentUserValues = get().userValues\n        ;(Object.keys(formValues) as FormFieldNames[]).forEach((key) => {\n          if (formValues[key] !== currentUserValues[key]?.value) {\n            get().resetField(key, { defaultValue: formValues[key] })\n            get().setFieldValue(key, formValues[key], { isTouched: true })\n          }\n        })\n      },\n      isTouched: (fieldName: FormFieldNames) =>\n        !!get().userValues[fieldName]?.isTouched,\n      isDirty: (fieldName: FormFieldNames) =>\n        !!get().userValues[fieldName]?.isDirty,\n      setAsTouched: (fieldName: FormFieldNames) => {\n        const userValues = {\n          ...get().userValues,\n          [fieldName]: {\n            ...get().userValues[fieldName],\n            isTouched: true,\n          },\n        }\n\n        const touchedFields = getUpdatedTouchedFields(userValues)\n\n        set(() => ({\n          userValues,\n          touchedFields,\n        }))\n      },\n      resetField: (fieldName, { defaultValue } = {}) => {\n        if (defaultValue) {\n          const fieldValues = {\n            ...get().defaultValues[fieldName],\n            value: defaultValue,\n          }\n          const defaultValues = {\n            ...get().defaultValues,\n            [fieldName]: { ...fieldValues },\n          }\n          const userValues = {\n            ...get().userValues,\n            [fieldName]: { ...fieldValues },\n          }\n          const touchedFields = getUpdatedTouchedFields(userValues)\n\n          set(() => {\n            return {\n              defaultValues,\n              userValues,\n              touchedFields,\n            }\n          })\n        } else {\n          const userValues = {\n            ...get().userValues,\n            [fieldName]: { ...get().defaultValues[fieldName] },\n          }\n          const touchedFields = getUpdatedTouchedFields(userValues)\n\n          set(() => ({\n            userValues,\n            touchedFields,\n          }))\n        }\n      },\n      setFieldValue: (fieldName, value, { isDirty, isTouched } = {}) => {\n        const userValues = {\n          ...get().userValues,\n          [fieldName]: {\n            value,\n            isDirty:\n              isDirty === undefined\n                ? get().userValues[fieldName]?.isDirty\n                : isDirty,\n            isTouched:\n              isTouched === undefined\n                ? get().userValues[fieldName]?.isTouched\n                : isTouched,\n          },\n        }\n\n        const touchedFields = getUpdatedTouchedFields(userValues)\n\n        set(() => ({\n          userValues,\n          touchedFields,\n        }))\n      },\n      getFieldValues: <T extends FormFieldNames[]>(...names: T) =>\n        names.map((name) => get().userValues[name]?.value) as FormFieldArray<T>,\n      addFieldValidation: (name, validationFn) => {\n        set((state) => ({\n          validation: {\n            ...state.validation,\n            [name]: validationFn,\n          },\n        }))\n      },\n      triggerFieldValidation: async (name) => {\n        try {\n          let valid = true\n          set(() => ({ isValid: false, isValidating: true }))\n\n          const validationFn = get().validation[name]\n\n          if (validationFn) {\n            const result = await validationFn(get().userValues?.[name]?.value)\n            if (isString(result)) {\n              valid = false\n              set((state) => ({\n                errors: {\n                  ...state.errors,\n                  [name]: result,\n                },\n              }))\n            } else {\n              valid = result as boolean\n              if (valid) {\n                get().clearErrors(name)\n              }\n            }\n          }\n\n          set(() => ({ isValid: valid, isValidating: false }))\n          return valid\n        } catch (err) {\n          set(() => ({ isValidating: false }))\n          throw err\n        }\n      },\n      clearErrors: (name) => {\n        const newErrors = { ...get().errors }\n\n        delete newErrors[name]\n\n        set(() => ({\n          errors: newErrors,\n        }))\n      },\n    }\n  })\n"],"mappings":"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"}

package/dist/esm/stores/form/useFieldActions.js

@@ -1,5 +1,5 @@
 import { useWidgetEvents } from "../../hooks/useWidgetEvents.js";
-import { WidgetEvent } from "../../types/events.js";
+import "../../types/events.js";
 import { useFormStore } from "./useFormStore.js";
 import { useCallback } from "react";
 //#region src/stores/form/useFieldActions.ts
@@ -18,7 +18,7 @@ const useFieldActions = () => {
 	const setFieldValueWithEmittedEvents = useCallback((fieldName, newValue, options) => {
 		const oldValue = actions.getFieldValues(fieldName)[0];
 		actions.setFieldValue(fieldName, newValue, options);
-		if (newValue !== oldValue) emitter.emit(WidgetEvent.FormFieldChanged, {
+		if (newValue !== oldValue) emitter.emit("formFieldChanged", {
 			fieldName,
 			newValue,
 			oldValue
@@ -37,7 +37,7 @@ const useFieldActions = () => {
 		}, []);
 		actions.setUserAndDefaultValues(formValues);
 		changedValues.forEach(({ fieldName, newValue, oldValue }) => {
-			emitter.emit(WidgetEvent.FormFieldChanged, {
+			emitter.emit("formFieldChanged", {
 				fieldName,
 				newValue,
 				oldValue

package/dist/esm/stores/form/useFieldActions.js.map

@@ -1 +1 @@
-{"version":3,"file":"useFieldActions.js","names":[],"sources":["../../../../src/stores/form/useFieldActions.ts"],"sourcesContent":["import { useCallback } from 'react'\nimport { useWidgetEvents } from '../../hooks/useWidgetEvents.js'\nimport type { FormFieldChanged } from '../../types/events.js'\nimport { WidgetEvent } from '../../types/events.js'\nimport type {\n  DefaultValues,\n  FormActions,\n  FormFieldNames,\n  GenericFormValue,\n  SetOptions,\n} from './types.js'\nimport { useFormStore } from './useFormStore.js'\n\nexport const useFieldActions = (): FormActions => {\n  const emitter = useWidgetEvents()\n  const actions = useFormStore<FormActions>((store) => ({\n    getFieldValues: store.getFieldValues,\n    isTouched: store.isTouched,\n    isDirty: store.isDirty,\n    resetField: store.resetField,\n    setAsTouched: store.setAsTouched,\n    setDefaultValues: store.setDefaultValues,\n    setFieldValue: store.setFieldValue,\n    setUserAndDefaultValues: store.setUserAndDefaultValues,\n  }))\n\n  const setFieldValueWithEmittedEvents = useCallback(\n    (\n      fieldName: FormFieldNames,\n      newValue: GenericFormValue,\n      options?: SetOptions\n    ) => {\n      const oldValue = actions.getFieldValues(fieldName)[0]\n\n      actions.setFieldValue(fieldName, newValue, options)\n\n      if (newValue !== oldValue) {\n        emitter.emit(WidgetEvent.FormFieldChanged, {\n          fieldName,\n          newValue,\n          oldValue,\n        } as FormFieldChanged)\n      }\n    },\n    [actions, emitter]\n  )\n\n  const setUserAndDefaultValuesWithEmittedEvents = useCallback(\n    (formValues: Partial<DefaultValues>) => {\n      const formValuesKeys = Object.keys(formValues) as FormFieldNames[]\n\n      const changedValues = formValuesKeys.reduce(\n        (accum, fieldName) => {\n          const oldValue = actions.getFieldValues(fieldName)[0]\n          const newValue = formValues[fieldName]\n\n          if (newValue !== oldValue) {\n            accum.push({ fieldName, newValue, oldValue })\n          }\n\n          return accum\n        },\n        [] as {\n          fieldName: FormFieldNames\n          newValue: GenericFormValue\n          oldValue: GenericFormValue\n        }[]\n      )\n\n      actions.setUserAndDefaultValues(formValues)\n\n      changedValues.forEach(({ fieldName, newValue, oldValue }) => {\n        emitter.emit(WidgetEvent.FormFieldChanged, {\n          fieldName,\n          newValue,\n          oldValue,\n        } as FormFieldChanged)\n      })\n    },\n    [actions, emitter]\n  )\n\n  return {\n    getFieldValues: actions.getFieldValues,\n    isTouched: actions.isTouched,\n    isDirty: actions.isDirty,\n    resetField: actions.resetField,\n    setAsTouched: actions.setAsTouched,\n    setDefaultValues: actions.setDefaultValues,\n    setFieldValue: setFieldValueWithEmittedEvents,\n    setUserAndDefaultValues: setUserAndDefaultValuesWithEmittedEvents,\n  }\n}\n"],"mappings":";;;;;AAaA,MAAa,wBAAqC;CAChD,MAAM,UAAU,iBAAiB;CACjC,MAAM,UAAU,cAA2B,WAAW;EACpD,gBAAgB,MAAM;EACtB,WAAW,MAAM;EACjB,SAAS,MAAM;EACf,YAAY,MAAM;EAClB,cAAc,MAAM;EACpB,kBAAkB,MAAM;EACxB,eAAe,MAAM;EACrB,yBAAyB,MAAM;EAChC,EAAE;CAEH,MAAM,iCAAiC,aAEnC,WACA,UACA,YACG;EACH,MAAM,WAAW,QAAQ,eAAe,UAAU,CAAC;AAEnD,UAAQ,cAAc,WAAW,UAAU,QAAQ;AAEnD,MAAI,aAAa,SACf,SAAQ,KAAK,YAAY,kBAAkB;GACzC;GACA;GACA;GACD,CAAqB;IAG1B,CAAC,SAAS,QAAQ,CACnB;CAED,MAAM,2CAA2C,aAC9C,eAAuC;EAGtC,MAAM,gBAFiB,OAAO,KAAK,WAAW,CAET,QAClC,OAAO,cAAc;GACpB,MAAM,WAAW,QAAQ,eAAe,UAAU,CAAC;GACnD,MAAM,WAAW,WAAW;AAE5B,OAAI,aAAa,SACf,OAAM,KAAK;IAAE;IAAW;IAAU;IAAU,CAAC;AAG/C,UAAO;KAET,EAAE,CAKH;AAED,UAAQ,wBAAwB,WAAW;AAE3C,gBAAc,SAAS,EAAE,WAAW,UAAU,eAAe;AAC3D,WAAQ,KAAK,YAAY,kBAAkB;IACzC;IACA;IACA;IACD,CAAqB;IACtB;IAEJ,CAAC,SAAS,QAAQ,CACnB;AAED,QAAO;EACL,gBAAgB,QAAQ;EACxB,WAAW,QAAQ;EACnB,SAAS,QAAQ;EACjB,YAAY,QAAQ;EACpB,cAAc,QAAQ;EACtB,kBAAkB,QAAQ;EAC1B,eAAe;EACf,yBAAyB;EAC1B"}
+{"version":3,"file":"useFieldActions.js","names":[],"sources":["../../../../src/stores/form/useFieldActions.ts"],"sourcesContent":["import { useCallback } from 'react'\nimport { useWidgetEvents } from '../../hooks/useWidgetEvents.js'\nimport type { FormFieldChanged } from '../../types/events.js'\nimport { WidgetEvent } from '../../types/events.js'\nimport type {\n  DefaultValues,\n  FormActions,\n  FormFieldNames,\n  GenericFormValue,\n  SetOptions,\n} from './types.js'\nimport { useFormStore } from './useFormStore.js'\n\nexport const useFieldActions = (): FormActions => {\n  const emitter = useWidgetEvents()\n  const actions = useFormStore<FormActions>((store) => ({\n    getFieldValues: store.getFieldValues,\n    isTouched: store.isTouched,\n    isDirty: store.isDirty,\n    resetField: store.resetField,\n    setAsTouched: store.setAsTouched,\n    setDefaultValues: store.setDefaultValues,\n    setFieldValue: store.setFieldValue,\n    setUserAndDefaultValues: store.setUserAndDefaultValues,\n  }))\n\n  const setFieldValueWithEmittedEvents = useCallback(\n    (\n      fieldName: FormFieldNames,\n      newValue: GenericFormValue,\n      options?: SetOptions\n    ) => {\n      const oldValue = actions.getFieldValues(fieldName)[0]\n\n      actions.setFieldValue(fieldName, newValue, options)\n\n      if (newValue !== oldValue) {\n        emitter.emit(WidgetEvent.FormFieldChanged, {\n          fieldName,\n          newValue,\n          oldValue,\n        } as FormFieldChanged)\n      }\n    },\n    [actions, emitter]\n  )\n\n  const setUserAndDefaultValuesWithEmittedEvents = useCallback(\n    (formValues: Partial<DefaultValues>) => {\n      const formValuesKeys = Object.keys(formValues) as FormFieldNames[]\n\n      const changedValues = formValuesKeys.reduce(\n        (accum, fieldName) => {\n          const oldValue = actions.getFieldValues(fieldName)[0]\n          const newValue = formValues[fieldName]\n\n          if (newValue !== oldValue) {\n            accum.push({ fieldName, newValue, oldValue })\n          }\n\n          return accum\n        },\n        [] as {\n          fieldName: FormFieldNames\n          newValue: GenericFormValue\n          oldValue: GenericFormValue\n        }[]\n      )\n\n      actions.setUserAndDefaultValues(formValues)\n\n      changedValues.forEach(({ fieldName, newValue, oldValue }) => {\n        emitter.emit(WidgetEvent.FormFieldChanged, {\n          fieldName,\n          newValue,\n          oldValue,\n        } as FormFieldChanged)\n      })\n    },\n    [actions, emitter]\n  )\n\n  return {\n    getFieldValues: actions.getFieldValues,\n    isTouched: actions.isTouched,\n    isDirty: actions.isDirty,\n    resetField: actions.resetField,\n    setAsTouched: actions.setAsTouched,\n    setDefaultValues: actions.setDefaultValues,\n    setFieldValue: setFieldValueWithEmittedEvents,\n    setUserAndDefaultValues: setUserAndDefaultValuesWithEmittedEvents,\n  }\n}\n"],"mappings":";;;;;AAaA,MAAa,wBAAqC;CAChD,MAAM,UAAU,iBAAiB;CACjC,MAAM,UAAU,cAA2B,WAAW;EACpD,gBAAgB,MAAM;EACtB,WAAW,MAAM;EACjB,SAAS,MAAM;EACf,YAAY,MAAM;EAClB,cAAc,MAAM;EACpB,kBAAkB,MAAM;EACxB,eAAe,MAAM;EACrB,yBAAyB,MAAM;EAChC,EAAE;CAEH,MAAM,iCAAiC,aAEnC,WACA,UACA,YACG;EACH,MAAM,WAAW,QAAQ,eAAe,UAAU,CAAC;AAEnD,UAAQ,cAAc,WAAW,UAAU,QAAQ;AAEnD,MAAI,aAAa,SACf,SAAQ,KAAA,oBAAmC;GACzC;GACA;GACA;GACD,CAAqB;IAG1B,CAAC,SAAS,QAAQ,CACnB;CAED,MAAM,2CAA2C,aAC9C,eAAuC;EAGtC,MAAM,gBAFiB,OAAO,KAAK,WAEC,CAAC,QAClC,OAAO,cAAc;GACpB,MAAM,WAAW,QAAQ,eAAe,UAAU,CAAC;GACnD,MAAM,WAAW,WAAW;AAE5B,OAAI,aAAa,SACf,OAAM,KAAK;IAAE;IAAW;IAAU;IAAU,CAAC;AAG/C,UAAO;KAET,EAAE,CAKH;AAED,UAAQ,wBAAwB,WAAW;AAE3C,gBAAc,SAAS,EAAE,WAAW,UAAU,eAAe;AAC3D,WAAQ,KAAA,oBAAmC;IACzC;IACA;IACA;IACD,CAAqB;IACtB;IAEJ,CAAC,SAAS,QAAQ,CACnB;AAED,QAAO;EACL,gBAAgB,QAAQ;EACxB,WAAW,QAAQ;EACnB,SAAS,QAAQ;EACjB,YAAY,QAAQ;EACpB,cAAc,QAAQ;EACtB,kBAAkB,QAAQ;EAC1B,eAAe;EACf,yBAAyB;EAC1B"}

package/dist/esm/stores/form/useFieldValues.js.map

@@ -1 +1 @@
-{"version":3,"file":"useFieldValues.js","names":[],"sources":["../../../../src/stores/form/useFieldValues.ts"],"sourcesContent":["import type { FormFieldArray, FormFieldNames } from './types.js'\nimport { useFormStore } from './useFormStore.js'\n\n// We should return a strongly-typed array based on the specific field names we pass to the function.\nexport const useFieldValues = <T extends FormFieldNames[]>(\n  ...names: T\n): FormFieldArray<T> => {\n  const values = useFormStore(\n    (store) =>\n      names.map((name) => store.userValues[name]?.value) as FormFieldArray<T>\n  )\n\n  return values\n}\n"],"mappings":";;AAIA,MAAa,kBACX,GAAG,UACmB;AAMtB,QALe,cACZ,UACC,MAAM,KAAK,SAAS,MAAM,WAAW,OAAO,MAAM,CACrD"}
+{"version":3,"file":"useFieldValues.js","names":[],"sources":["../../../../src/stores/form/useFieldValues.ts"],"sourcesContent":["import type { FormFieldArray, FormFieldNames } from './types.js'\nimport { useFormStore } from './useFormStore.js'\n\n// We should return a strongly-typed array based on the specific field names we pass to the function.\nexport const useFieldValues = <T extends FormFieldNames[]>(\n  ...names: T\n): FormFieldArray<T> => {\n  const values = useFormStore(\n    (store) =>\n      names.map((name) => store.userValues[name]?.value) as FormFieldArray<T>\n  )\n\n  return values\n}\n"],"mappings":";;AAIA,MAAa,kBACX,GAAG,UACmB;AAMtB,QALe,cACZ,UACC,MAAM,KAAK,SAAS,MAAM,WAAW,OAAO,MAAM,CAGzC"}

package/dist/esm/stores/form/useFormRef.js

@@ -1,5 +1,5 @@
 import { widgetEvents } from "../../hooks/useWidgetEvents.js";
-import { WidgetEvent } from "../../types/events.js";
+import "../../types/events.js";
 import { useBookmarkActions } from "../bookmarks/useBookmarkActions.js";
 import { formDefaultValues } from "./createFormStore.js";
 import { useImperativeHandle } from "react";
@@ -22,7 +22,7 @@ const useFormRef = (formStore, formRef) => {
 			const fieldValueOptions = options?.setUrlSearchParam ? { isTouched: options?.setUrlSearchParam } : void 0;
 			const oldValue = formStore.getState().getFieldValues(fieldName)[0];
 			formStore.getState().setFieldValue(fieldName, sanitizedValue, fieldValueOptions);
-			if (sanitizedValue !== oldValue) widgetEvents.emit(WidgetEvent.FormFieldChanged, {
+			if (sanitizedValue !== oldValue) widgetEvents.emit("formFieldChanged", {
 				fieldName,
 				newValue: sanitizedValue,
 				oldValue

package/dist/esm/stores/form/useFormRef.js.map

@@ -1 +1 @@
-{"version":3,"file":"useFormRef.js","names":[],"sources":["../../../../src/stores/form/useFormRef.ts"],"sourcesContent":["import { useImperativeHandle } from 'react'\nimport { widgetEvents } from '../../hooks/useWidgetEvents.js'\nimport { useBookmarkActions } from '../../stores/bookmarks/useBookmarkActions.js'\nimport { formDefaultValues } from '../../stores/form/createFormStore.js'\nimport type { FormFieldChanged } from '../../types/events.js'\nimport { WidgetEvent } from '../../types/events.js'\nimport type { FormRef } from '../../types/widget.js'\nimport type {\n  FormFieldNames,\n  FormStoreStore,\n  GenericFormValue,\n} from './types.js'\n\nexport const useFormRef = (\n  formStore: FormStoreStore,\n  formRef?: FormRef\n): void => {\n  const { setSelectedBookmark } = useBookmarkActions()\n\n  useImperativeHandle(formRef, () => {\n    const sanitizeValue: {\n      [key: string]: (value: any) => GenericFormValue\n    } = {\n      fromAmount: (value) =>\n        (typeof value === 'number' ? value?.toPrecision() : value) ||\n        formDefaultValues.fromAmount,\n      toAmount: (value) =>\n        (typeof value === 'number' ? value?.toPrecision() : value) ||\n        formDefaultValues.toAmount,\n      toAddress: (value) => {\n        const isToAddressObj = typeof value !== 'string'\n\n        const address =\n          (isToAddressObj ? value?.address : value) ||\n          formDefaultValues.toAddress\n\n        // we can assume that the toAddress has been passed as ToAddress object\n        // and display it accordingly - this ensures that if a name is included\n        // that it is displayed in the Send To Wallet form field correctly\n        if (isToAddressObj) {\n          setSelectedBookmark(value)\n        }\n\n        return address\n      },\n    }\n\n    return {\n      setFieldValue: (fieldName, value, options) => {\n        const sanitizedValue = (\n          sanitizeValue[fieldName] ? sanitizeValue[fieldName](value) : value\n        ) as GenericFormValue\n\n        const fieldValueOptions = options?.setUrlSearchParam\n          ? { isTouched: options?.setUrlSearchParam }\n          : undefined\n\n        const oldValue = formStore\n          .getState()\n          .getFieldValues(fieldName as FormFieldNames)[0]\n\n        formStore\n          .getState()\n          .setFieldValue(fieldName, sanitizedValue, fieldValueOptions)\n\n        if (sanitizedValue !== oldValue) {\n          widgetEvents.emit(WidgetEvent.FormFieldChanged, {\n            fieldName,\n            newValue: sanitizedValue,\n            oldValue,\n          } as FormFieldChanged)\n        }\n      },\n    }\n  }, [formStore, setSelectedBookmark])\n}\n"],"mappings":";;;;;;AAaA,MAAa,cACX,WACA,YACS;CACT,MAAM,EAAE,wBAAwB,oBAAoB;AAEpD,qBAAoB,eAAe;EACjC,MAAM,gBAEF;GACF,aAAa,WACV,OAAO,UAAU,WAAW,OAAO,aAAa,GAAG,UACpD,kBAAkB;GACpB,WAAW,WACR,OAAO,UAAU,WAAW,OAAO,aAAa,GAAG,UACpD,kBAAkB;GACpB,YAAY,UAAU;IACpB,MAAM,iBAAiB,OAAO,UAAU;IAExC,MAAM,WACH,iBAAiB,OAAO,UAAU,UACnC,kBAAkB;AAKpB,QAAI,eACF,qBAAoB,MAAM;AAG5B,WAAO;;GAEV;AAED,SAAO,EACL,gBAAgB,WAAW,OAAO,YAAY;GAC5C,MAAM,iBACJ,cAAc,aAAa,cAAc,WAAW,MAAM,GAAG;GAG/D,MAAM,oBAAoB,SAAS,oBAC/B,EAAE,WAAW,SAAS,mBAAmB,GACzC,KAAA;GAEJ,MAAM,WAAW,UACd,UAAU,CACV,eAAe,UAA4B,CAAC;AAE/C,aACG,UAAU,CACV,cAAc,WAAW,gBAAgB,kBAAkB;AAE9D,OAAI,mBAAmB,SACrB,cAAa,KAAK,YAAY,kBAAkB;IAC9C;IACA,UAAU;IACV;IACD,CAAqB;KAG3B;IACA,CAAC,WAAW,oBAAoB,CAAC"}
+{"version":3,"file":"useFormRef.js","names":[],"sources":["../../../../src/stores/form/useFormRef.ts"],"sourcesContent":["import { useImperativeHandle } from 'react'\nimport { widgetEvents } from '../../hooks/useWidgetEvents.js'\nimport { useBookmarkActions } from '../../stores/bookmarks/useBookmarkActions.js'\nimport { formDefaultValues } from '../../stores/form/createFormStore.js'\nimport type { FormFieldChanged } from '../../types/events.js'\nimport { WidgetEvent } from '../../types/events.js'\nimport type { FormRef } from '../../types/widget.js'\nimport type {\n  FormFieldNames,\n  FormStoreStore,\n  GenericFormValue,\n} from './types.js'\n\nexport const useFormRef = (\n  formStore: FormStoreStore,\n  formRef?: FormRef\n): void => {\n  const { setSelectedBookmark } = useBookmarkActions()\n\n  useImperativeHandle(formRef, () => {\n    const sanitizeValue: {\n      [key: string]: (value: any) => GenericFormValue\n    } = {\n      fromAmount: (value) =>\n        (typeof value === 'number' ? value?.toPrecision() : value) ||\n        formDefaultValues.fromAmount,\n      toAmount: (value) =>\n        (typeof value === 'number' ? value?.toPrecision() : value) ||\n        formDefaultValues.toAmount,\n      toAddress: (value) => {\n        const isToAddressObj = typeof value !== 'string'\n\n        const address =\n          (isToAddressObj ? value?.address : value) ||\n          formDefaultValues.toAddress\n\n        // we can assume that the toAddress has been passed as ToAddress object\n        // and display it accordingly - this ensures that if a name is included\n        // that it is displayed in the Send To Wallet form field correctly\n        if (isToAddressObj) {\n          setSelectedBookmark(value)\n        }\n\n        return address\n      },\n    }\n\n    return {\n      setFieldValue: (fieldName, value, options) => {\n        const sanitizedValue = (\n          sanitizeValue[fieldName] ? sanitizeValue[fieldName](value) : value\n        ) as GenericFormValue\n\n        const fieldValueOptions = options?.setUrlSearchParam\n          ? { isTouched: options?.setUrlSearchParam }\n          : undefined\n\n        const oldValue = formStore\n          .getState()\n          .getFieldValues(fieldName as FormFieldNames)[0]\n\n        formStore\n          .getState()\n          .setFieldValue(fieldName, sanitizedValue, fieldValueOptions)\n\n        if (sanitizedValue !== oldValue) {\n          widgetEvents.emit(WidgetEvent.FormFieldChanged, {\n            fieldName,\n            newValue: sanitizedValue,\n            oldValue,\n          } as FormFieldChanged)\n        }\n      },\n    }\n  }, [formStore, setSelectedBookmark])\n}\n"],"mappings":";;;;;;AAaA,MAAa,cACX,WACA,YACS;CACT,MAAM,EAAE,wBAAwB,oBAAoB;AAEpD,qBAAoB,eAAe;EACjC,MAAM,gBAEF;GACF,aAAa,WACV,OAAO,UAAU,WAAW,OAAO,aAAa,GAAG,UACpD,kBAAkB;GACpB,WAAW,WACR,OAAO,UAAU,WAAW,OAAO,aAAa,GAAG,UACpD,kBAAkB;GACpB,YAAY,UAAU;IACpB,MAAM,iBAAiB,OAAO,UAAU;IAExC,MAAM,WACH,iBAAiB,OAAO,UAAU,UACnC,kBAAkB;AAKpB,QAAI,eACF,qBAAoB,MAAM;AAG5B,WAAO;;GAEV;AAED,SAAO,EACL,gBAAgB,WAAW,OAAO,YAAY;GAC5C,MAAM,iBACJ,cAAc,aAAa,cAAc,WAAW,MAAM,GAAG;GAG/D,MAAM,oBAAoB,SAAS,oBAC/B,EAAE,WAAW,SAAS,mBAAmB,GACzC,KAAA;GAEJ,MAAM,WAAW,UACd,UAAU,CACV,eAAe,UAA4B,CAAC;AAE/C,aACG,UAAU,CACV,cAAc,WAAW,gBAAgB,kBAAkB;AAE9D,OAAI,mBAAmB,SACrB,cAAa,KAAA,oBAAmC;IAC9C;IACA,UAAU;IACV;IACD,CAAqB;KAG3B;IACA,CAAC,WAAW,oBAAoB,CAAC"}

package/dist/esm/stores/form/useTouchedFields.js.map

@@ -1 +1 @@
-{"version":3,"file":"useTouchedFields.js","names":[],"sources":["../../../../src/stores/form/useTouchedFields.ts"],"sourcesContent":["import type { TouchedFields } from './types.js'\nimport { useFormStore } from './useFormStore.js'\n\nexport const useTouchedFields = (): TouchedFields => {\n  const touchedFields = useFormStore((store) => store.touchedFields)\n\n  return touchedFields\n}\n"],"mappings":";;AAGA,MAAa,yBAAwC;AAGnD,QAFsB,cAAc,UAAU,MAAM,cAAc"}
+{"version":3,"file":"useTouchedFields.js","names":[],"sources":["../../../../src/stores/form/useTouchedFields.ts"],"sourcesContent":["import type { TouchedFields } from './types.js'\nimport { useFormStore } from './useFormStore.js'\n\nexport const useTouchedFields = (): TouchedFields => {\n  const touchedFields = useFormStore((store) => store.touchedFields)\n\n  return touchedFields\n}\n"],"mappings":";;AAGA,MAAa,yBAAwC;AAGnD,QAFsB,cAAc,UAAU,MAAM,cAEhC"}

package/dist/esm/stores/header/useHeaderStore.js.map

@@ -1 +1 @@
-{"version":3,"file":"useHeaderStore.js","names":[],"sources":["../../../../src/stores/header/useHeaderStore.tsx"],"sourcesContent":["import { createContext, useContext, useRef } from 'react'\nimport { create } from 'zustand'\nimport { useShallow } from 'zustand/shallow'\nimport type { PersistStoreProviderProps } from '../types.js'\nimport type { HeaderState, HeaderStore } from './types.js'\n\nconst HeaderStoreContext = createContext<HeaderStore | null>(null)\n\nexport function HeaderStoreProvider({\n  children,\n}: PersistStoreProviderProps): any {\n  const storeRef = useRef<HeaderStore>(null)\n  if (!storeRef.current) {\n    storeRef.current = createHeaderStore()\n  }\n  return (\n    <HeaderStoreContext.Provider value={storeRef.current}>\n      {children}\n    </HeaderStoreContext.Provider>\n  )\n}\n\nfunction useHeaderStoreContext() {\n  const useStore = useContext(HeaderStoreContext)\n  if (!useStore) {\n    throw new Error(\n      `You forgot to wrap your component in <${HeaderStoreProvider.name}>.`\n    )\n  }\n  return useStore\n}\n\nexport function useHeaderStore<T>(selector: (state: HeaderState) => T): T {\n  const useStore = useHeaderStoreContext()\n  return useStore(useShallow(selector))\n}\n\n// We use fixed position on the header when Widget is in Full Height layout.\n// We do this to get it to work like the sticky header does in the other layout modes.\n// As the header is position fixed its not in the document flow anymore.\n// To prevent the remaining page content from appearing behind the header we need to\n// pass the headers height so that the position of the page content can be adjusted\nexport function useHeaderHeight(): any {\n  const headerHeight = useHeaderStore((state) => state.headerHeight)\n\n  return {\n    headerHeight,\n  }\n}\n\nexport function useSetHeaderHeight(): any {\n  const setHeaderHeight = useHeaderStore((state) => state.setHeaderHeight)\n\n  return {\n    setHeaderHeight,\n  }\n}\n\nconst createHeaderStore = () =>\n  create<HeaderState>((set, get) => ({\n    headerHeight: 108, // a basic default height\n    setAction: (element) => {\n      set(() => ({\n        element,\n      }))\n      return get().removeAction\n    },\n    setTitle: (title) => {\n      set(() => ({\n        title,\n      }))\n      return get().removeTitle\n    },\n    removeAction: () => {\n      set(() => ({\n        element: null,\n      }))\n    },\n    removeTitle: () => {\n      set(() => ({\n        title: undefined,\n      }))\n    },\n    setHeaderHeight: (headerHeight) => {\n      set(() => ({\n        headerHeight,\n      }))\n    },\n    setBackAction: (action) => {\n      set(() => ({\n        backAction: action,\n      }))\n    },\n    executeBackAction: () => {\n      const { backAction } = get()\n      if (backAction) {\n        backAction()\n        set(() => ({\n          backAction: undefined,\n        }))\n      }\n    },\n  }))\n"],"mappings":";;;;;AAMA,MAAM,qBAAqB,cAAkC,KAAK;AAElE,SAAgB,oBAAoB,EAClC,YACiC;CACjC,MAAM,WAAW,OAAoB,KAAK;AAC1C,KAAI,CAAC,SAAS,QACZ,UAAS,UAAU,mBAAmB;AAExC,QACE,oBAAC,mBAAmB,UAApB;EAA6B,OAAO,SAAS;EAC1C;EAC2B,CAAA;;AAIlC,SAAS,wBAAwB;CAC/B,MAAM,WAAW,WAAW,mBAAmB;AAC/C,KAAI,CAAC,SACH,OAAM,IAAI,MACR,yCAAyC,oBAAoB,KAAK,IACnE;AAEH,QAAO;;AAGT,SAAgB,eAAkB,UAAwC;AAExE,QADiB,uBAAuB,CACxB,WAAW,SAAS,CAAC;;AAQvC,SAAgB,kBAAuB;AAGrC,QAAO,EACL,cAHmB,gBAAgB,UAAU,MAAM,aAAa,EAIjE;;AAGH,SAAgB,qBAA0B;AAGxC,QAAO,EACL,iBAHsB,gBAAgB,UAAU,MAAM,gBAAgB,EAIvE;;AAGH,MAAM,0BACJ,QAAqB,KAAK,SAAS;CACjC,cAAc;CACd,YAAY,YAAY;AACtB,aAAW,EACT,SACD,EAAE;AACH,SAAO,KAAK,CAAC;;CAEf,WAAW,UAAU;AACnB,aAAW,EACT,OACD,EAAE;AACH,SAAO,KAAK,CAAC;;CAEf,oBAAoB;AAClB,aAAW,EACT,SAAS,MACV,EAAE;;CAEL,mBAAmB;AACjB,aAAW,EACT,OAAO,KAAA,GACR,EAAE;;CAEL,kBAAkB,iBAAiB;AACjC,aAAW,EACT,cACD,EAAE;;CAEL,gBAAgB,WAAW;AACzB,aAAW,EACT,YAAY,QACb,EAAE;;CAEL,yBAAyB;EACvB,MAAM,EAAE,eAAe,KAAK;AAC5B,MAAI,YAAY;AACd,eAAY;AACZ,cAAW,EACT,YAAY,KAAA,GACb,EAAE;;;CAGR,EAAE"}
+{"version":3,"file":"useHeaderStore.js","names":[],"sources":["../../../../src/stores/header/useHeaderStore.tsx"],"sourcesContent":["import { createContext, useContext, useRef } from 'react'\nimport { create } from 'zustand'\nimport { useShallow } from 'zustand/shallow'\nimport type { PersistStoreProviderProps } from '../types.js'\nimport type { HeaderState, HeaderStore } from './types.js'\n\nconst HeaderStoreContext = createContext<HeaderStore | null>(null)\n\nexport function HeaderStoreProvider({\n  children,\n}: PersistStoreProviderProps): any {\n  const storeRef = useRef<HeaderStore>(null)\n  if (!storeRef.current) {\n    storeRef.current = createHeaderStore()\n  }\n  return (\n    <HeaderStoreContext.Provider value={storeRef.current}>\n      {children}\n    </HeaderStoreContext.Provider>\n  )\n}\n\nfunction useHeaderStoreContext() {\n  const useStore = useContext(HeaderStoreContext)\n  if (!useStore) {\n    throw new Error(\n      `You forgot to wrap your component in <${HeaderStoreProvider.name}>.`\n    )\n  }\n  return useStore\n}\n\nexport function useHeaderStore<T>(selector: (state: HeaderState) => T): T {\n  const useStore = useHeaderStoreContext()\n  return useStore(useShallow(selector))\n}\n\n// We use fixed position on the header when Widget is in Full Height layout.\n// We do this to get it to work like the sticky header does in the other layout modes.\n// As the header is position fixed its not in the document flow anymore.\n// To prevent the remaining page content from appearing behind the header we need to\n// pass the headers height so that the position of the page content can be adjusted\nexport function useHeaderHeight(): any {\n  const headerHeight = useHeaderStore((state) => state.headerHeight)\n\n  return {\n    headerHeight,\n  }\n}\n\nexport function useSetHeaderHeight(): any {\n  const setHeaderHeight = useHeaderStore((state) => state.setHeaderHeight)\n\n  return {\n    setHeaderHeight,\n  }\n}\n\nconst createHeaderStore = () =>\n  create<HeaderState>((set, get) => ({\n    headerHeight: 108, // a basic default height\n    setAction: (element) => {\n      set(() => ({\n        element,\n      }))\n      return get().removeAction\n    },\n    setTitle: (title) => {\n      set(() => ({\n        title,\n      }))\n      return get().removeTitle\n    },\n    removeAction: () => {\n      set(() => ({\n        element: null,\n      }))\n    },\n    removeTitle: () => {\n      set(() => ({\n        title: undefined,\n      }))\n    },\n    setHeaderHeight: (headerHeight) => {\n      set(() => ({\n        headerHeight,\n      }))\n    },\n    setBackAction: (action) => {\n      set(() => ({\n        backAction: action,\n      }))\n    },\n    executeBackAction: () => {\n      const { backAction } = get()\n      if (backAction) {\n        backAction()\n        set(() => ({\n          backAction: undefined,\n        }))\n      }\n    },\n  }))\n"],"mappings":";;;;;AAMA,MAAM,qBAAqB,cAAkC,KAAK;AAElE,SAAgB,oBAAoB,EAClC,YACiC;CACjC,MAAM,WAAW,OAAoB,KAAK;AAC1C,KAAI,CAAC,SAAS,QACZ,UAAS,UAAU,mBAAmB;AAExC,QACE,oBAAC,mBAAmB,UAApB;EAA6B,OAAO,SAAS;EAC1C;EAC2B,CAAA;;AAIlC,SAAS,wBAAwB;CAC/B,MAAM,WAAW,WAAW,mBAAmB;AAC/C,KAAI,CAAC,SACH,OAAM,IAAI,MACR,yCAAyC,oBAAoB,KAAK,IACnE;AAEH,QAAO;;AAGT,SAAgB,eAAkB,UAAwC;AAExE,QADiB,uBACF,CAAC,WAAW,SAAS,CAAC;;AAQvC,SAAgB,kBAAuB;AAGrC,QAAO,EACL,cAHmB,gBAAgB,UAAU,MAAM,aAGvC,EACb;;AAGH,SAAgB,qBAA0B;AAGxC,QAAO,EACL,iBAHsB,gBAAgB,UAAU,MAAM,gBAGvC,EAChB;;AAGH,MAAM,0BACJ,QAAqB,KAAK,SAAS;CACjC,cAAc;CACd,YAAY,YAAY;AACtB,aAAW,EACT,SACD,EAAE;AACH,SAAO,KAAK,CAAC;;CAEf,WAAW,UAAU;AACnB,aAAW,EACT,OACD,EAAE;AACH,SAAO,KAAK,CAAC;;CAEf,oBAAoB;AAClB,aAAW,EACT,SAAS,MACV,EAAE;;CAEL,mBAAmB;AACjB,aAAW,EACT,OAAO,KAAA,GACR,EAAE;;CAEL,kBAAkB,iBAAiB;AACjC,aAAW,EACT,cACD,EAAE;;CAEL,gBAAgB,WAAW;AACzB,aAAW,EACT,YAAY,QACb,EAAE;;CAEL,yBAAyB;EACvB,MAAM,EAAE,eAAe,KAAK;AAC5B,MAAI,YAAY;AACd,eAAY;AACZ,cAAW,EACT,YAAY,KAAA,GACb,EAAE;;;CAGR,EAAE"}

package/dist/esm/stores/routes/RouteExecutionStore.js.map

@@ -1 +1 @@
-{"version":3,"file":"RouteExecutionStore.js","names":[],"sources":["../../../../src/stores/routes/RouteExecutionStore.tsx"],"sourcesContent":["import { createContext, type JSX, useContext, useRef } from 'react'\nimport type { StoreApi, UseBoundStore } from 'zustand'\nimport { useShallow } from 'zustand/shallow'\nimport type { PersistStoreProviderProps } from '../types.js'\nimport { createRouteExecutionStore } from './createRouteExecutionStore.js'\nimport type { RouteExecutionState } from './types.js'\n\ntype RouteExecutionStore = UseBoundStore<StoreApi<RouteExecutionState>>\n\nconst RouteExecutionStoreContext = createContext<RouteExecutionStore | null>(\n  null\n)\n\nexport function RouteExecutionStoreProvider({\n  children,\n  ...props\n}: PersistStoreProviderProps): JSX.Element {\n  const storeRef = useRef<RouteExecutionStore>(null)\n  if (!storeRef.current) {\n    storeRef.current = createRouteExecutionStore(props)\n  }\n  return (\n    <RouteExecutionStoreContext.Provider value={storeRef.current}>\n      {children}\n    </RouteExecutionStoreContext.Provider>\n  )\n}\n\nexport function useRouteExecutionStoreContext(): any {\n  const useStore = useContext(RouteExecutionStoreContext)\n  if (!useStore) {\n    throw new Error(\n      `You forgot to wrap your component in <${RouteExecutionStoreProvider.name}>.`\n    )\n  }\n  return useStore\n}\n\nexport function useRouteExecutionStore<T>(\n  selector: (state: RouteExecutionState) => T\n): T {\n  const useStore = useRouteExecutionStoreContext()\n  return useStore(useShallow(selector))\n}\n"],"mappings":";;;;;AASA,MAAM,6BAA6B,cACjC,KACD;AAED,SAAgB,4BAA4B,EAC1C,UACA,GAAG,SACsC;CACzC,MAAM,WAAW,OAA4B,KAAK;AAClD,KAAI,CAAC,SAAS,QACZ,UAAS,UAAU,0BAA0B,MAAM;AAErD,QACE,oBAAC,2BAA2B,UAA5B;EAAqC,OAAO,SAAS;EAClD;EACmC,CAAA;;AAI1C,SAAgB,gCAAqC;CACnD,MAAM,WAAW,WAAW,2BAA2B;AACvD,KAAI,CAAC,SACH,OAAM,IAAI,MACR,yCAAyC,4BAA4B,KAAK,IAC3E;AAEH,QAAO;;AAGT,SAAgB,uBACd,UACG;AAEH,QADiB,+BAA+B,CAChC,WAAW,SAAS,CAAC"}
+{"version":3,"file":"RouteExecutionStore.js","names":[],"sources":["../../../../src/stores/routes/RouteExecutionStore.tsx"],"sourcesContent":["import { createContext, type JSX, useContext, useRef } from 'react'\nimport type { StoreApi, UseBoundStore } from 'zustand'\nimport { useShallow } from 'zustand/shallow'\nimport type { PersistStoreProviderProps } from '../types.js'\nimport { createRouteExecutionStore } from './createRouteExecutionStore.js'\nimport type { RouteExecutionState } from './types.js'\n\ntype RouteExecutionStore = UseBoundStore<StoreApi<RouteExecutionState>>\n\nconst RouteExecutionStoreContext = createContext<RouteExecutionStore | null>(\n  null\n)\n\nexport function RouteExecutionStoreProvider({\n  children,\n  ...props\n}: PersistStoreProviderProps): JSX.Element {\n  const storeRef = useRef<RouteExecutionStore>(null)\n  if (!storeRef.current) {\n    storeRef.current = createRouteExecutionStore(props)\n  }\n  return (\n    <RouteExecutionStoreContext.Provider value={storeRef.current}>\n      {children}\n    </RouteExecutionStoreContext.Provider>\n  )\n}\n\nexport function useRouteExecutionStoreContext(): any {\n  const useStore = useContext(RouteExecutionStoreContext)\n  if (!useStore) {\n    throw new Error(\n      `You forgot to wrap your component in <${RouteExecutionStoreProvider.name}>.`\n    )\n  }\n  return useStore\n}\n\nexport function useRouteExecutionStore<T>(\n  selector: (state: RouteExecutionState) => T\n): T {\n  const useStore = useRouteExecutionStoreContext()\n  return useStore(useShallow(selector))\n}\n"],"mappings":";;;;;AASA,MAAM,6BAA6B,cACjC,KACD;AAED,SAAgB,4BAA4B,EAC1C,UACA,GAAG,SACsC;CACzC,MAAM,WAAW,OAA4B,KAAK;AAClD,KAAI,CAAC,SAAS,QACZ,UAAS,UAAU,0BAA0B,MAAM;AAErD,QACE,oBAAC,2BAA2B,UAA5B;EAAqC,OAAO,SAAS;EAClD;EACmC,CAAA;;AAI1C,SAAgB,gCAAqC;CACnD,MAAM,WAAW,WAAW,2BAA2B;AACvD,KAAI,CAAC,SACH,OAAM,IAAI,MACR,yCAAyC,4BAA4B,KAAK,IAC3E;AAEH,QAAO;;AAGT,SAAgB,uBACd,UACG;AAEH,QADiB,+BACF,CAAC,WAAW,SAAS,CAAC"}

package/dist/esm/stores/routes/createRouteExecutionStore.js

@@ -1,5 +1,4 @@
 import { hasEnumFlag } from "../../utils/enum.js";
-import { RouteExecutionStatus } from "./types.js";
 import { isRouteDone, isRouteFailed, isRoutePartiallyDone, isRouteRefunded } from "./utils.js";
 import { create } from "zustand";
 import { persist } from "zustand/middleware";
@@ -9,12 +8,12 @@ const createRouteExecutionStore = ({ namePrefix }) => create()(persist((set, get
 	setExecutableRoute: (route, observableRouteIds) => {
 		if (!get().routes[route.id]) set((state) => {
 			const routes = { ...state.routes };
-			Object.keys(routes).filter((routeId) => !observableRouteIds?.includes(routeId) && hasEnumFlag(routes[routeId].status, RouteExecutionStatus.Idle)).forEach((routeId) => {
+			Object.keys(routes).filter((routeId) => !observableRouteIds?.includes(routeId) && hasEnumFlag(routes[routeId].status, 1)).forEach((routeId) => {
 				delete routes[routeId];
 			});
 			routes[route.id] = {
 				route,
-				status: RouteExecutionStatus.Idle
+				status: 1
 			};
 			return { routes };
 		});
@@ -29,16 +28,16 @@ const createRouteExecutionStore = ({ namePrefix }) => create()(persist((set, get
 				}
 			} };
 			if (isRouteFailed(route)) {
-				updatedState.routes[route.id].status = RouteExecutionStatus.Failed;
+				updatedState.routes[route.id].status = 8;
 				return updatedState;
 			}
 			if (isRouteDone(route)) {
-				updatedState.routes[route.id].status = RouteExecutionStatus.Done;
-				if (isRoutePartiallyDone(route)) updatedState.routes[route.id].status |= RouteExecutionStatus.Partial;
-				else if (isRouteRefunded(route)) updatedState.routes[route.id].status |= RouteExecutionStatus.Refunded;
+				updatedState.routes[route.id].status = 4;
+				if (isRoutePartiallyDone(route)) updatedState.routes[route.id].status |= 16;
+				else if (isRouteRefunded(route)) updatedState.routes[route.id].status |= 32;
 				return updatedState;
 			}
-			if (route.steps.some((step) => step.execution)) updatedState.routes[route.id].status = RouteExecutionStatus.Pending;
+			if (route.steps.some((step) => step.execution)) updatedState.routes[route.id].status = 2;
 			return updatedState;
 		});
 	},
@@ -47,7 +46,7 @@ const createRouteExecutionStore = ({ namePrefix }) => create()(persist((set, get
 		Object.keys(routes).filter((routeId) => {
 			const route = routes[routeId];
 			if (accountAddresses && !accountAddresses.includes(route?.route.fromAddress ?? "")) return false;
-			return type === "completed" ? hasEnumFlag(route?.status ?? 0, RouteExecutionStatus.Done) : type === "failed" ? hasEnumFlag(route?.status ?? 0, RouteExecutionStatus.Failed) : !hasEnumFlag(route?.status ?? 0, RouteExecutionStatus.Done);
+			return type === "completed" ? hasEnumFlag(route?.status ?? 0, 4) : type === "failed" ? hasEnumFlag(route?.status ?? 0, 8) : !hasEnumFlag(route?.status ?? 0, 4);
 		}).forEach((routeId) => {
 			delete routes[routeId];
 		});