@lifi/widget 3.32.2 → 3.33.0

package/src/stores/chains/createChainOrderStore.ts

@@ -1,6 +1,5 @@
-import type { StateCreator } from 'zustand'
+import { create } from 'zustand'
 import { persist } from 'zustand/middleware'
-import { createWithEqualityFn } from 'zustand/traditional'
 import { widgetEvents } from '../../hooks/useWidgetEvents.js'
 import { WidgetEvent } from '../../types/events.js'
 import type { PersistStoreProps } from '../types.js'
@@ -19,7 +18,7 @@ const defaultChainState = {
 }
 
 export const createChainOrderStore = ({ namePrefix }: PersistStoreProps) =>
-  createWithEqualityFn<ChainOrderState>(
+  create<ChainOrderState>()(
     persist(
       (set, get) => ({
         chainOrder: defaultChainState,
@@ -126,6 +125,5 @@ export const createChainOrderStore = ({ namePrefix }: PersistStoreProps) =>
           pinnedChains: state.pinnedChains,
         }),
       }
-    ) as StateCreator<ChainOrderState, [], [], ChainOrderState>,
-    Object.is
+    )
   )

package/src/stores/chains/useChainOrder.ts

@@ -1,3 +1,4 @@
+import { useMemo } from 'react'
 import type { FormType } from '../form/types.js'
 import { useChainOrderStore } from './ChainOrderStore.js'
 import { maxChainsToOrder } from './createChainOrderStore.js'
@@ -5,8 +6,15 @@ import { maxChainsToOrder } from './createChainOrderStore.js'
 export const useChainOrder = (
   type: FormType
 ): [number[], (chainId: number, type: FormType) => void] => {
-  return useChainOrderStore((state) => [
-    state.chainOrder[type].slice(0, maxChainsToOrder),
+  const [chainOrder, setChain] = useChainOrderStore((state) => [
+    state.chainOrder[type],
     state.setChain,
   ])
+
+  const limitedChainOrder = useMemo(
+    () => chainOrder.slice(0, maxChainsToOrder),
+    [chainOrder]
+  )
+
+  return [limitedChainOrder, setChain]
 }

package/src/stores/form/createFormStore.ts

@@ -1,4 +1,4 @@
-import { createWithEqualityFn } from 'zustand/traditional'
+import { create } from 'zustand'
 
 import type {
   DefaultValues,
@@ -68,7 +68,7 @@ const mergeDefaultFormValues = (
   )
 
 export const createFormStore = (defaultValues?: DefaultValues) =>
-  createWithEqualityFn<FormValuesState>((set, get) => {
+  create<FormValuesState>((set, get) => {
     const _defaultValues = valuesToFormValues({
       ...formDefaultValues,
       ...defaultValues,
@@ -231,4 +231,4 @@ export const createFormStore = (defaultValues?: DefaultValues) =>
         }))
       },
     }
-  }, Object.is)
+  })

package/src/stores/header/useHeaderStore.tsx

@@ -1,6 +1,6 @@
 import { createContext, useContext, useRef } from 'react'
+import { create } from 'zustand'
 import { useShallow } from 'zustand/shallow'
-import { createWithEqualityFn } from 'zustand/traditional'
 import type { PersistStoreProviderProps } from '../types.js'
 import type { HeaderState, HeaderStore } from './types.js'
 
@@ -55,36 +55,33 @@ export function useSetHeaderHeight() {
 }
 
 const createHeaderStore = () =>
-  createWithEqualityFn<HeaderState>(
-    (set, get) => ({
-      headerHeight: 108, // a basic default height
-      setAction: (element) => {
-        set(() => ({
-          element,
-        }))
-        return get().removeAction
-      },
-      setTitle: (title) => {
-        set(() => ({
-          title,
-        }))
-        return get().removeTitle
-      },
-      removeAction: () => {
-        set(() => ({
-          element: null,
-        }))
-      },
-      removeTitle: () => {
-        set(() => ({
-          title: undefined,
-        }))
-      },
-      setHeaderHeight: (headerHeight) => {
-        set(() => ({
-          headerHeight,
-        }))
-      },
-    }),
-    Object.is
-  )
+  create<HeaderState>((set, get) => ({
+    headerHeight: 108, // a basic default height
+    setAction: (element) => {
+      set(() => ({
+        element,
+      }))
+      return get().removeAction
+    },
+    setTitle: (title) => {
+      set(() => ({
+        title,
+      }))
+      return get().removeTitle
+    },
+    removeAction: () => {
+      set(() => ({
+        element: null,
+      }))
+    },
+    removeTitle: () => {
+      set(() => ({
+        title: undefined,
+      }))
+    },
+    setHeaderHeight: (headerHeight) => {
+      set(() => ({
+        headerHeight,
+      }))
+    },
+  }))

package/src/stores/routes/createRouteExecutionStore.ts

@@ -1,7 +1,6 @@
 import type { Route, RouteExtended } from '@lifi/sdk'
-import type { StateCreator } from 'zustand'
+import { create } from 'zustand'
 import { persist } from 'zustand/middleware'
-import { createWithEqualityFn } from 'zustand/traditional'
 import { hasEnumFlag } from '../../utils/enum.js'
 import type { PersistStoreProps } from '../types.js'
 import type { RouteExecutionState } from './types.js'
@@ -14,7 +13,7 @@ import {
 } from './utils.js'
 
 export const createRouteExecutionStore = ({ namePrefix }: PersistStoreProps) =>
-  createWithEqualityFn<RouteExecutionState>(
+  create<RouteExecutionState>()(
     persist(
       (set, get) => ({
         routes: {},
@@ -150,6 +149,5 @@ export const createRouteExecutionStore = ({ namePrefix }: PersistStoreProps) =>
           return state
         },
       }
-    ) as StateCreator<RouteExecutionState, [], [], RouteExecutionState>,
-    Object.is
+    )
   )

package/src/stores/settings/SettingsStore.tsx

@@ -0,0 +1,45 @@
+import {
+  createContext,
+  type PropsWithChildren,
+  useContext,
+  useRef,
+} from 'react'
+import type { StoreApi } from 'zustand'
+import { useShallow } from 'zustand/shallow'
+import type { UseBoundStoreWithEqualityFn } from 'zustand/traditional'
+import { createSettingsStore } from './createSettingsStore.js'
+import type { SettingsState, SettingsStoreProviderProps } from './types.js'
+
+type SettingsStore = UseBoundStoreWithEqualityFn<StoreApi<SettingsState>>
+
+const SettingsStoreContext = createContext<SettingsStore | null>(null)
+
+export const SettingsStoreProvider = ({
+  children,
+  config,
+}: PropsWithChildren<SettingsStoreProviderProps>) => {
+  const storeRef = useRef<SettingsStore>(null)
+  if (!storeRef.current) {
+    storeRef.current = createSettingsStore(config)
+  }
+  return (
+    <SettingsStoreContext.Provider value={storeRef.current}>
+      {children}
+    </SettingsStoreContext.Provider>
+  )
+}
+
+export function useSettingsStoreContext() {
+  const useStore = useContext(SettingsStoreContext)
+  if (!useStore) {
+    throw new Error(
+      'You forgot to wrap your component in SettingsStoreContext.'
+    )
+  }
+  return useStore
+}
+
+export function useSettingsStore<T>(selector: (state: SettingsState) => T): T {
+  const useStore = useSettingsStoreContext()
+  return useStore(useShallow(selector))
+}

package/src/stores/settings/createSettingsStore.ts

@@ -0,0 +1,223 @@
+/** biome-ignore-all lint/correctness/noUnusedVariables: allowed in this store */
+import { create } from 'zustand'
+import { persist } from 'zustand/middleware'
+import { allLanguages } from '../../providers/I18nProvider/constants.js'
+import { loadLocale } from '../../providers/I18nProvider/i18n.js'
+import type { LanguageKey } from '../../providers/I18nProvider/types.js'
+import type { WidgetConfig } from '../../types/widget.js'
+import type { SettingsProps, SettingsState } from './types.js'
+import { SettingsToolTypes } from './types.js'
+import { getStateValues } from './utils/getStateValues.js'
+
+export const defaultSlippage = undefined
+
+export const defaultConfigurableSettings: Pick<
+  SettingsState,
+  'routePriority' | 'slippage' | 'gasPrice'
+> = {
+  routePriority: 'CHEAPEST',
+  slippage: defaultSlippage,
+  gasPrice: 'normal',
+}
+
+const defaultSettings: SettingsProps = {
+  gasPrice: 'normal',
+  enabledAutoRefuel: true,
+  disabledBridges: [],
+  disabledExchanges: [],
+  enabledBridges: [],
+  enabledExchanges: [],
+  _enabledBridges: {},
+  _enabledExchanges: {},
+}
+
+export const createSettingsStore = (config: WidgetConfig) =>
+  create<SettingsState>()(
+    persist(
+      (set, get) => ({
+        ...defaultSettings,
+        setValue: (key, value) =>
+          set(() => ({
+            [key]: value,
+          })),
+        setValues: (values: Partial<SettingsProps>) =>
+          set(() => ({
+            ...values,
+          })),
+        getSettings: () => getStateValues(get()),
+        getValue: (key) => get()[key],
+        initializeTools: (toolType, tools, reset) => {
+          if (!tools.length) {
+            return
+          }
+          set((state) => {
+            const updatedState = { ...state }
+            if (!reset) {
+              // Add new tools
+              tools.forEach((tool) => {
+                if (!Object.hasOwn(updatedState[`_enabled${toolType}`], tool)) {
+                  updatedState[`_enabled${toolType}`][tool] = true
+                }
+              })
+              // Filter tools we no longer have
+              updatedState[`_enabled${toolType}`] = Object.fromEntries(
+                Object.entries(updatedState[`_enabled${toolType}`]).filter(
+                  ([key]) => tools.includes(key)
+                )
+              )
+            } else {
+              tools.forEach((tool) => {
+                updatedState[`_enabled${toolType}`][tool] = true
+              })
+            }
+            const enabledToolKeys = Object.keys(
+              updatedState[`_enabled${toolType}`]
+            )
+            updatedState[`enabled${toolType}`] = enabledToolKeys.filter(
+              (key) => updatedState[`_enabled${toolType}`][key]
+            )
+            updatedState[`disabled${toolType}`] = enabledToolKeys.filter(
+              (key) => !updatedState[`_enabled${toolType}`][key]
+            )
+            return updatedState
+          })
+        },
+        setToolValue: (toolType, tool, value) =>
+          set((state) => {
+            const enabledTools = {
+              ...state[`_enabled${toolType}`],
+              [tool]: value,
+            }
+            const enabledToolKeys = Object.keys(enabledTools)
+            return {
+              [`_enabled${toolType}`]: enabledTools,
+              [`enabled${toolType}`]: enabledToolKeys.filter(
+                (key) => enabledTools[key]
+              ),
+              [`disabled${toolType}`]: enabledToolKeys.filter(
+                (key) => !enabledTools[key]
+              ),
+            }
+          }),
+        toggleToolKeys: (toolType, toolKeys) =>
+          set((state) => {
+            const allKeysInCollectionEnabled = toolKeys.every(
+              (toolKey) => state[`_enabled${toolType}`][toolKey]
+            )
+
+            // then toggle those keys to false
+            const updatedTools = toolKeys.reduce(
+              (accum, toolKey) => {
+                accum[toolKey] = !allKeysInCollectionEnabled
+                return accum
+              },
+              {
+                ...state[`_enabled${toolType}`],
+              }
+            )
+
+            const enableKeys: string[] = []
+            const disabledKeys: string[] = []
+
+            Object.entries(updatedTools).forEach(([key, value]) => {
+              if (value) {
+                enableKeys.push(key)
+              } else {
+                disabledKeys.push(key)
+              }
+            })
+
+            return {
+              [`_enabled${toolType}`]: updatedTools,
+              [`enabled${toolType}`]: enableKeys,
+              [`disabled${toolType}`]: disabledKeys,
+            }
+          }),
+        reset: (bridges, exchanges) => {
+          set(() => ({
+            ...defaultSettings,
+            ...defaultConfigurableSettings,
+          }))
+          get().initializeTools('Bridges', bridges, true)
+          get().initializeTools('Exchanges', exchanges, true)
+          return { ...get() }
+        },
+      }),
+      {
+        name: 'li.fi-widget-settings',
+        version: 5,
+        partialize: (state) => {
+          const {
+            disabledBridges,
+            disabledExchanges,
+            enabledBridges,
+            enabledExchanges,
+            ...partializedState
+          } = state
+          return partializedState
+        },
+        merge: (persistedState: any, currentState: SettingsState) => {
+          const state = { ...currentState, ...persistedState }
+          SettingsToolTypes.forEach((toolType) => {
+            if (persistedState?.[`_enabled${toolType}`]) {
+              const enabledToolKeys = Object.keys(
+                persistedState[`_enabled${toolType}`]
+              )
+              state[`enabled${toolType}`] = enabledToolKeys.filter(
+                (key) => persistedState[`_enabled${toolType}`][key]
+              )
+              state[`disabled${toolType}`] = enabledToolKeys.filter(
+                (key) => !persistedState[`_enabled${toolType}`][key]
+              )
+            }
+          })
+          return state
+        },
+        migrate: (persistedState: any, version) => {
+          if (version === 1) {
+            persistedState.slippage = defaultConfigurableSettings.slippage
+          }
+          if (version <= 3) {
+            persistedState.routePriority = 'CHEAPEST'
+          }
+          return persistedState as SettingsState
+        },
+        onRehydrateStorage: () => {
+          const initializeLanguageSettings = async (
+            state: SettingsState,
+            initialLanguage?: string
+          ) => {
+            const customLanguages = Object.keys(
+              config?.languageResources || {}
+            ).filter((key) => !allLanguages.includes(key as LanguageKey))
+            if (
+              initialLanguage &&
+              // Custom language resources and English are added statically.
+              initialLanguage !== 'en' &&
+              !customLanguages.includes(initialLanguage)
+            ) {
+              await loadLocale(
+                initialLanguage as LanguageKey,
+                config?.languageResources?.[initialLanguage as LanguageKey]
+              ).then((languageResource) => {
+                state.setValues({
+                  language: initialLanguage,
+                  languageCache: languageResource,
+                })
+              })
+            }
+          }
+          return (state?: SettingsState) => {
+            // Preload translations (from existing translation files)
+            if (state) {
+              // NB: State always exists unless there is any error
+              initializeLanguageSettings(
+                state,
+                state.getValue('language') || config?.languages?.default
+              )
+            }
+          }
+        },
+      }
+    )
+  )

package/src/stores/settings/types.ts

@@ -2,7 +2,8 @@ import type { Order } from '@lifi/sdk'
 import type { PropsWithChildren } from 'react'
 import type { StoreApi } from 'zustand'
 import type { UseBoundStoreWithEqualityFn } from 'zustand/traditional'
-import type { SplitSubvariant } from '../../types/widget.js'
+import type { LanguageResource } from '../../providers/I18nProvider/types.js'
+import type { SplitSubvariant, WidgetConfig } from '../../types/widget.js'
 
 export type ValueSetter<S> = <K extends keyof S>(
   key: K,
@@ -17,6 +18,7 @@ export type SettingsToolType = (typeof SettingsToolTypes)[number]
 export interface SettingsProps {
   gasPrice?: string
   language?: string
+  languageCache?: LanguageResource
   routePriority?: Order
   enabledAutoRefuel: boolean
   slippage?: string
@@ -30,6 +32,7 @@ export interface SettingsProps {
 
 export interface SettingsActions {
   setValue: ValueSetter<SettingsProps>
+  setValues: (values: Partial<SettingsProps>) => void
   getValue: ValueGetter<SettingsProps>
   getSettings: () => SettingsProps
   initializeTools(
@@ -67,3 +70,7 @@ export interface SplitSubvariantProps {
 
 export type SplitSubvariantProviderProps =
   PropsWithChildren<SplitSubvariantProps>
+
+export interface SettingsStoreProviderProps {
+  config: WidgetConfig
+}

package/src/stores/settings/useSendToWalletStore.ts

@@ -1,17 +1,14 @@
+import { create } from 'zustand'
 import { useShallow } from 'zustand/shallow'
-import { createWithEqualityFn } from 'zustand/traditional'
 import type { SendToWalletStore } from './types.js'
 
-export const sendToWalletStore = createWithEqualityFn<SendToWalletStore>(
-  (set) => ({
-    showSendToWallet: false,
-    setSendToWallet: (value) =>
-      set({
-        showSendToWallet: value,
-      }),
-  }),
-  Object.is
-)
+export const sendToWalletStore = create<SendToWalletStore>((set) => ({
+  showSendToWallet: false,
+  setSendToWallet: (value) =>
+    set({
+      showSendToWallet: value,
+    }),
+}))
 
 export const useSendToWalletStore = <T>(
   selector: (state: SendToWalletStore) => T

package/src/stores/settings/useSettings.ts

@@ -1,5 +1,5 @@
+import { useSettingsStore } from './SettingsStore.js'
 import type { SettingsState } from './types.js'
-import { useSettingsStore } from './useSettingsStore.js'
 
 export const useSettings = <K extends keyof SettingsState>(
   keys: Array<K>

package/src/stores/settings/useSettingsActions.ts

@@ -4,16 +4,14 @@ import { useWidgetEvents } from '../../hooks/useWidgetEvents.js'
 import { WidgetEvent } from '../../types/events.js'
 import type { WidgetConfig } from '../../types/widget.js'
 import { deepEqual } from '../../utils/deepEqual.js'
+import { defaultConfigurableSettings } from './createSettingsStore.js'
+import { useSettingsStore } from './SettingsStore.js'
 import type {
   SettingsActions,
   SettingsProps,
   SettingsToolType,
   ValueSetter,
 } from './types.js'
-import {
-  defaultConfigurableSettings,
-  useSettingsStore,
-} from './useSettingsStore.js'
 
 const emitEventOnChange = <T extends (...args: any[]) => any>(
   emitter: typeof widgetEvents,
@@ -48,6 +46,7 @@ export const useSettingsActions = () => {
   const emitter = useWidgetEvents()
   const actions = useSettingsStore((state) => ({
     setValue: state.setValue,
+    setValues: state.setValues,
     getValue: state.getValue,
     getSettings: state.getSettings,
     reset: state.reset,
@@ -63,6 +62,15 @@ export const useSettingsActions = () => {
     [emitter, actions]
   )
 
+  const setValuesWithEmittedEvent = useCallback(
+    (values: Partial<SettingsProps>) => {
+      Object.entries(values).forEach(([key, value]) => {
+        setValueWithEmittedEvent(key as keyof SettingsProps, value)
+      })
+    },
+    [setValueWithEmittedEvent]
+  )
+
   const setDefaultSettingsWithEmittedEvents = useCallback(
     (config?: WidgetConfig) => {
       const slippage = actions.getValue('slippage')
@@ -140,6 +148,7 @@ export const useSettingsActions = () => {
 
   return {
     setValue: setValueWithEmittedEvent,
+    setValues: setValuesWithEmittedEvent,
     setDefaultSettings: setDefaultSettingsWithEmittedEvents,
     resetSettings: resetWithEmittedEvents,
     setToolValue: setToolValueWithEmittedEvents,

package/src/stores/settings/useSplitSubvariantStore.tsx

@@ -1,6 +1,6 @@
 import { createContext, useContext, useRef } from 'react'
+import { create } from 'zustand'
 import { useShallow } from 'zustand/shallow'
-import { createWithEqualityFn } from 'zustand/traditional'
 import type {
   SplitSubvariantProps,
   SplitSubvariantProviderProps,
@@ -53,14 +53,11 @@ export function useSplitSubvariantStore<T>(
 }
 
 const createSplitSubvariantStore = ({ state }: SplitSubvariantProps) =>
-  createWithEqualityFn<SplitSubvariantState>(
-    (set) => ({
-      state,
-      setState(state) {
-        set(() => ({
-          state,
-        }))
-      },
-    }),
-    Object.is
-  )
+  create<SplitSubvariantState>((set) => ({
+    state,
+    setState(state) {
+      set(() => ({
+        state,
+      }))
+    },
+  }))

package/src/stores/settings/utils/getStateValues.ts

@@ -3,6 +3,7 @@ import type { SettingsProps, SettingsState } from '../types.js'
 export const getStateValues = (state: SettingsState): SettingsProps => ({
   gasPrice: state.gasPrice,
   language: state.language,
+  languageCache: state.languageCache,
   routePriority: state.routePriority,
   enabledAutoRefuel: state.enabledAutoRefuel,
   slippage: state.slippage,

package/src/themes/types.ts

@@ -10,9 +10,6 @@ import type {} from '@mui/material/themeCssVarsAugmentation'
 import type { CSSProperties } from 'react'
 import type { NavigationProps } from '../types/widget.js'
 
-// @mui/icons-material ESM issue
-// https://github.com/mui/material-ui/issues/30671
-
 // https://mui.com/customization/palette/
 declare module '@mui/material/styles' {
   interface TypographyVariants {

package/src/utils/tokenList.ts

@@ -14,14 +14,14 @@ const sortByVolume = (a: TokenExtended, b: TokenExtended) =>
 
 export const processTokenBalances = (
   isBalanceLoading: boolean,
-  isAllNetworks: boolean,
+  noCategories: boolean,
   configTokens?: WidgetTokens,
   selectedChainId?: number,
   tokens?: TokenExtended[],
   tokensWithBalances?: TokenAmount[]
 ) => {
   if (isBalanceLoading) {
-    if (isAllNetworks) {
+    if (noCategories) {
       const sortedTokens = [...(tokens ?? [])].sort(sortByVolume)
       return {
         processedTokens: sortedTokens,
@@ -54,7 +54,7 @@ export const processTokenBalances = (
       })
       .sort(sortByVolume) ?? []
 
-  if (isAllNetworks) {
+  if (noCategories) {
     return {
       processedTokens: [...sortedTokensWithBalances, ...tokensWithoutBalances],
       withCategories: false,

package/dist/esm/i18n/index.d.ts

@@ -1,16 +0,0 @@
-import bn from './bn.json';
-import de from './de.json';
-import en from './en.json';
-import es from './es.json';
-import fr from './fr.json';
-import id from './id.json';
-import it from './it.json';
-import ja from './ja.json';
-import ko from './ko.json';
-import pt from './pt.json';
-import th from './th.json';
-import tr from './tr.json';
-import uk from './uk.json';
-import vi from './vi.json';
-import zh from './zh.json';
-export { bn, de, en, es, fr, id, it, ja, ko, pt, th, tr, uk, vi, zh };

package/dist/esm/i18n/index.js

@@ -1,17 +0,0 @@
-import bn from './bn.json' with { type: 'json' };
-import de from './de.json' with { type: 'json' };
-import en from './en.json' with { type: 'json' };
-import es from './es.json' with { type: 'json' };
-import fr from './fr.json' with { type: 'json' };
-import id from './id.json' with { type: 'json' };
-import it from './it.json' with { type: 'json' };
-import ja from './ja.json' with { type: 'json' };
-import ko from './ko.json' with { type: 'json' };
-import pt from './pt.json' with { type: 'json' };
-import th from './th.json' with { type: 'json' };
-import tr from './tr.json' with { type: 'json' };
-import uk from './uk.json' with { type: 'json' };
-import vi from './vi.json' with { type: 'json' };
-import zh from './zh.json' with { type: 'json' };
-export { bn, de, en, es, fr, id, it, ja, ko, pt, th, tr, uk, vi, zh };
-//# sourceMappingURL=index.js.map

package/dist/esm/i18n/index.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/i18n/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,MAAM,WAAW,CAAC,OAAO,IAAI,EAAE,MAAM,EAAE,CAAA;AAChD,OAAO,EAAE,MAAM,WAAW,CAAC,OAAO,IAAI,EAAE,MAAM,EAAE,CAAA;AAChD,OAAO,EAAE,MAAM,WAAW,CAAC,OAAO,IAAI,EAAE,MAAM,EAAE,CAAA;AAChD,OAAO,EAAE,MAAM,WAAW,CAAC,OAAO,IAAI,EAAE,MAAM,EAAE,CAAA;AAChD,OAAO,EAAE,MAAM,WAAW,CAAC,OAAO,IAAI,EAAE,MAAM,EAAE,CAAA;AAChD,OAAO,EAAE,MAAM,WAAW,CAAC,OAAO,IAAI,EAAE,MAAM,EAAE,CAAA;AAChD,OAAO,EAAE,MAAM,WAAW,CAAC,OAAO,IAAI,EAAE,MAAM,EAAE,CAAA;AAChD,OAAO,EAAE,MAAM,WAAW,CAAC,OAAO,IAAI,EAAE,MAAM,EAAE,CAAA;AAChD,OAAO,EAAE,MAAM,WAAW,CAAC,OAAO,IAAI,EAAE,MAAM,EAAE,CAAA;AAChD,OAAO,EAAE,MAAM,WAAW,CAAC,OAAO,IAAI,EAAE,MAAM,EAAE,CAAA;AAChD,OAAO,EAAE,MAAM,WAAW,CAAC,OAAO,IAAI,EAAE,MAAM,EAAE,CAAA;AAChD,OAAO,EAAE,MAAM,WAAW,CAAC,OAAO,IAAI,EAAE,MAAM,EAAE,CAAA;AAChD,OAAO,EAAE,MAAM,WAAW,CAAC,OAAO,IAAI,EAAE,MAAM,EAAE,CAAA;AAChD,OAAO,EAAE,MAAM,WAAW,CAAC,OAAO,IAAI,EAAE,MAAM,EAAE,CAAA;AAChD,OAAO,EAAE,MAAM,WAAW,CAAC,OAAO,IAAI,EAAE,MAAM,EAAE,CAAA;AAEhD,OAAO,EAAE,EAAE,EAAE,EAAE,EAAE,EAAE,EAAE,EAAE,EAAE,EAAE,EAAE,EAAE,EAAE,EAAE,EAAE,EAAE,EAAE,EAAE,EAAE,EAAE,EAAE,EAAE,EAAE,EAAE,EAAE,EAAE,EAAE,EAAE,EAAE,EAAE,EAAE,CAAA"}