@lifi/widget 3.7.0-beta.7 → 3.7.0-beta.8

package/dist/App.tsx

@@ -0,0 +1,45 @@
+'use client'
+import { forwardRef, useMemo } from 'react'
+import { AppDefault } from './AppDefault.js'
+import type { WidgetDrawer } from './AppDrawer.js'
+import { AppDrawer } from './AppDrawer.js'
+import { AppProvider } from './AppProvider.js'
+import type { WidgetConfig, WidgetProps } from './types/widget.js'
+
+export const App = forwardRef<WidgetDrawer, WidgetProps>((props, ref) => {
+  const config: WidgetConfig = useMemo(() => {
+    const config = { ...props, ...props.config }
+    if (config.variant === 'drawer') {
+      config.theme = {
+        ...config.theme,
+        container: {
+          height: '100%',
+          ...config.theme?.container,
+        },
+      }
+    }
+    return config
+  }, [props])
+
+  if (config.variant === 'drawer') {
+    return (
+      <AppProvider config={config} formRef={props.formRef}>
+        <AppDrawer
+          ref={ref}
+          elementRef={props.elementRef}
+          config={config}
+          open={props.open}
+          onClose={props.onClose}
+        >
+          <AppDefault />
+        </AppDrawer>
+      </AppProvider>
+    )
+  }
+
+  return (
+    <AppProvider config={config} formRef={props.formRef}>
+      <AppDefault />
+    </AppProvider>
+  )
+})

package/dist/AppDefault.tsx

@@ -0,0 +1,33 @@
+'use client'
+import { AppRoutes } from './AppRoutes.js'
+import {
+  AppContainer,
+  AppExpandedContainer,
+  FlexContainer,
+} from './components/AppContainer.js'
+import { Header } from './components/Header/Header.js'
+import { Initializer } from './components/Initializer.js'
+import { RoutesExpanded } from './components/Routes/RoutesExpanded.js'
+import { useWideVariant } from './hooks/useWideVariant.js'
+import { useWidgetConfig } from './providers/WidgetProvider/WidgetProvider.js'
+import { ElementId, createElementId } from './utils/elements.js'
+
+export const AppDefault = () => {
+  const { elementId } = useWidgetConfig()
+  const wideVariant = useWideVariant()
+
+  return (
+    <AppExpandedContainer
+      id={createElementId(ElementId.AppExpandedContainer, elementId)}
+    >
+      <AppContainer>
+        <Header />
+        <FlexContainer disableGutters>
+          <AppRoutes />
+        </FlexContainer>
+        <Initializer />
+      </AppContainer>
+      {wideVariant ? <RoutesExpanded /> : null}
+    </AppExpandedContainer>
+  )
+}

package/dist/AppDrawer.style.tsx

@@ -0,0 +1,12 @@
+import { IconButton, styled } from '@mui/material'
+
+export const CloseButtonLayout = styled(IconButton)(() => ({
+  position: 'absolute',
+  top: '12px',
+  right: '26px',
+  zIndex: 1,
+  height: '40px',
+  width: '40px',
+  alignItems: 'center',
+  justifyContent: 'center',
+}))

package/dist/AppDrawer.tsx

@@ -0,0 +1,96 @@
+import { Drawer } from '@mui/material'
+import type { PropsWithChildren } from 'react'
+import {
+  forwardRef,
+  useCallback,
+  useImperativeHandle,
+  useMemo,
+  useRef,
+  useState,
+} from 'react'
+import type { WidgetDrawerContext } from './AppDrawerContext.js'
+import { DrawerContext } from './AppDrawerContext.js'
+import type { WidgetDrawerProps } from './types/widget.js'
+
+export interface WidgetDrawer {
+  isOpen(): void
+  toggleDrawer(): void
+  openDrawer(): void
+  closeDrawer(): void
+}
+
+export const AppDrawer = forwardRef<
+  WidgetDrawer,
+  PropsWithChildren<WidgetDrawerProps>
+>(({ elementRef, open, onClose, children }, ref) => {
+  const openRef = useRef(Boolean(open))
+  const [drawerOpen, setDrawerOpen] = useState(Boolean(open))
+
+  const toggleDrawer = useCallback(() => {
+    setDrawerOpen((open) => {
+      openRef.current = !open
+      return openRef.current
+    })
+    if (!openRef.current) {
+      onClose?.()
+    }
+  }, [onClose])
+
+  const openDrawer = useCallback(() => {
+    setDrawerOpen(true)
+    openRef.current = true
+  }, [])
+
+  const closeDrawer = useCallback(() => {
+    setDrawerOpen(false)
+    openRef.current = false
+    onClose?.()
+  }, [onClose])
+
+  useImperativeHandle(
+    ref,
+    () => ({
+      isOpen: () => openRef.current,
+      toggleDrawer,
+      openDrawer,
+      closeDrawer,
+    }),
+    [closeDrawer, openDrawer, toggleDrawer]
+  )
+
+  const drawerContext: WidgetDrawerContext = useMemo(
+    () => ({
+      closeDrawer,
+    }),
+    [closeDrawer]
+  )
+
+  return (
+    <DrawerContext.Provider value={drawerContext}>
+      <Drawer
+        ref={elementRef}
+        anchor="right"
+        open={drawerOpen}
+        onClose={closeDrawer}
+        slotProps={{
+          backdrop: {
+            sx: {
+              backgroundColor: 'rgb(0 0 0 / 48%)',
+              backdropFilter: 'blur(3px)',
+            },
+          },
+        }}
+        PaperProps={{
+          sx: (theme) => ({
+            width: theme?.container?.width ?? '100%',
+            minWidth: theme?.container?.minWidth ?? theme.breakpoints.values.xs,
+            maxWidth: theme?.container?.maxWidth ?? theme.breakpoints.values.sm,
+          }),
+        }}
+        keepMounted
+      >
+        {children}
+      </Drawer>
+    </DrawerContext.Provider>
+  )
+})

package/dist/AppDrawerContext.ts

@@ -0,0 +1,9 @@
+import { createContext, useContext } from 'react'
+
+export interface WidgetDrawerContext {
+  closeDrawer?(): void
+}
+
+export const DrawerContext = createContext<WidgetDrawerContext>({})
+
+export const useDrawer = (): WidgetDrawerContext => useContext(DrawerContext)

package/dist/AppProvider.tsx

@@ -0,0 +1,51 @@
+import { QueryClientProvider } from '@tanstack/react-query'
+import type { PropsWithChildren } from 'react'
+import { Fragment } from 'react'
+import { MemoryRouter, useInRouterContext } from 'react-router-dom'
+import { PageEntered } from './components/PageEntered.js'
+import { queryClient } from './config/queryClient.js'
+import { I18nProvider } from './providers/I18nProvider/I18nProvider.js'
+import { ThemeProvider } from './providers/ThemeProvider/ThemeProvider.js'
+import { WalletProvider } from './providers/WalletProvider/WalletProvider.js'
+import {
+  WidgetProvider,
+  useWidgetConfig,
+} from './providers/WidgetProvider/WidgetProvider.js'
+import { StoreProvider } from './stores/StoreProvider.js'
+import { URLSearchParamsBuilder } from './stores/form/URLSearchParamsBuilder.js'
+import type { WidgetConfigProps } from './types/widget.js'
+
+export const AppProvider: React.FC<PropsWithChildren<WidgetConfigProps>> = ({
+  children,
+  config,
+  formRef,
+}) => {
+  return (
+    <QueryClientProvider client={queryClient}>
+      <WidgetProvider config={config}>
+        <I18nProvider>
+          <ThemeProvider>
+            <WalletProvider>
+              <StoreProvider config={config} formRef={formRef}>
+                <AppRouter>{children}</AppRouter>
+              </StoreProvider>
+            </WalletProvider>
+          </ThemeProvider>
+        </I18nProvider>
+      </WidgetProvider>
+    </QueryClientProvider>
+  )
+}
+
+export const AppRouter: React.FC<PropsWithChildren> = ({ children }) => {
+  const { buildUrl } = useWidgetConfig()
+  const inRouterContext = useInRouterContext()
+  const Router = inRouterContext ? Fragment : MemoryRouter
+  return (
+    <Router>
+      {children}
+      {buildUrl ? <URLSearchParamsBuilder /> : null}
+      <PageEntered />
+    </Router>
+  )
+}

package/dist/AppRoutes.tsx

@@ -0,0 +1,112 @@
+import type { RouteObject } from 'react-router-dom'
+import { useRoutes } from 'react-router-dom'
+import { NotFound } from './components/NotFound.js'
+import { ActiveTransactionsPage } from './pages/ActiveTransactionsPage/ActiveTransactionsPage.js'
+import { LanguagesPage } from './pages/LanguagesPage.js'
+import { MainPage } from './pages/MainPage/MainPage.js'
+import { RoutesPage } from './pages/RoutesPage/RoutesPage.js'
+import { SelectChainPage } from './pages/SelectChainPage/SelectChainPage.js'
+import { SelectEnabledToolsPage } from './pages/SelectEnabledToolsPage.js'
+import { SelectTokenPage } from './pages/SelectTokenPage/SelectTokenPage.js'
+import { BookmarksPage } from './pages/SendToWallet/BookmarksPage.js'
+import { ConnectedWalletsPage } from './pages/SendToWallet/ConnectedWalletsPage.js'
+import { RecentWalletsPage } from './pages/SendToWallet/RecentWalletsPage.js'
+import { SendToConfiguredWalletPage } from './pages/SendToWallet/SendToConfiguredWalletPage.js'
+import { SendToWalletPage } from './pages/SendToWallet/SendToWalletPage.js'
+import { SettingsPage } from './pages/SettingsPage/SettingsPage.js'
+import { TransactionDetailsPage } from './pages/TransactionDetailsPage/TransactionDetailsPage.js'
+import { TransactionHistoryPage } from './pages/TransactionHistoryPage/TransactionHistoryPage.js'
+import { TransactionPage } from './pages/TransactionPage/TransactionPage.js'
+import { navigationRoutes } from './utils/navigationRoutes.js'
+
+const routes: RouteObject[] = [
+  {
+    path: '/',
+    element: <MainPage />,
+  },
+  {
+    path: navigationRoutes.settings,
+    element: <SettingsPage />,
+  },
+  {
+    path: `${navigationRoutes.settings}/${navigationRoutes.bridges}`,
+    element: <SelectEnabledToolsPage type="Bridges" />,
+  },
+  {
+    path: `${navigationRoutes.settings}/${navigationRoutes.exchanges}`,
+    element: <SelectEnabledToolsPage type="Exchanges" />,
+  },
+  {
+    path: `${navigationRoutes.settings}/${navigationRoutes.languages}`,
+    element: <LanguagesPage />,
+  },
+  {
+    path: navigationRoutes.fromToken,
+    element: <SelectTokenPage formType="from" />,
+  },
+  {
+    path: navigationRoutes.toToken,
+    element: <SelectTokenPage formType="to" />,
+  },
+  {
+    path: navigationRoutes.toTokenNative,
+    element: <SelectChainPage formType="to" selectNativeToken />,
+  },
+  {
+    path: `${navigationRoutes.fromToken}?/${navigationRoutes.fromChain}`,
+    element: <SelectChainPage formType="from" />,
+  },
+  {
+    path: `${navigationRoutes.toToken}?/${navigationRoutes.toChain}`,
+    element: <SelectChainPage formType="to" />,
+  },
+  {
+    path: navigationRoutes.routes,
+    element: <RoutesPage />,
+  },
+  {
+    path: navigationRoutes.activeTransactions,
+    element: <ActiveTransactionsPage />,
+  },
+  {
+    path: navigationRoutes.sendToWallet,
+    element: <SendToWalletPage />,
+  },
+  {
+    path: `${navigationRoutes.sendToWallet}/${navigationRoutes.bookmarks}`,
+    element: <BookmarksPage />,
+  },
+  {
+    path: `${navigationRoutes.sendToWallet}/${navigationRoutes.recentWallets}`,
+    element: <RecentWalletsPage />,
+  },
+  {
+    path: `${navigationRoutes.sendToWallet}/${navigationRoutes.connectedWallets}`,
+    element: <ConnectedWalletsPage />,
+  },
+  {
+    path: navigationRoutes.configuredWallets,
+    element: <SendToConfiguredWalletPage />,
+  },
+  {
+    path: navigationRoutes.transactionHistory,
+    element: <TransactionHistoryPage />,
+  },
+  {
+    path: `${navigationRoutes.transactionHistory}?/${navigationRoutes.routes}?/${navigationRoutes.transactionExecution}?/${navigationRoutes.transactionDetails}`,
+    element: <TransactionDetailsPage />,
+  },
+  {
+    path: `${navigationRoutes.routes}?/${navigationRoutes.activeTransactions}?/${navigationRoutes.transactionExecution}`,
+    element: <TransactionPage />,
+  },
+  {
+    path: '*',
+    element: <NotFound />,
+  },
+]
+
+export const AppRoutes = () => {
+  const element = useRoutes(routes)
+  return element
+}

package/dist/_esm/App.jsx

@@ -0,0 +1,31 @@
+'use client';
+import { forwardRef, useMemo } from 'react';
+import { AppDefault } from './AppDefault.js';
+import { AppDrawer } from './AppDrawer.js';
+import { AppProvider } from './AppProvider.js';
+export const App = forwardRef((props, ref) => {
+    const config = useMemo(() => {
+        const config = { ...props, ...props.config };
+        if (config.variant === 'drawer') {
+            config.theme = {
+                ...config.theme,
+                container: {
+                    height: '100%',
+                    ...config.theme?.container,
+                },
+            };
+        }
+        return config;
+    }, [props]);
+    if (config.variant === 'drawer') {
+        return (<AppProvider config={config} formRef={props.formRef}>
+        <AppDrawer ref={ref} elementRef={props.elementRef} config={config} open={props.open} onClose={props.onClose}>
+          <AppDefault />
+        </AppDrawer>
+      </AppProvider>);
+    }
+    return (<AppProvider config={config} formRef={props.formRef}>
+      <AppDefault />
+    </AppProvider>);
+});
+//# sourceMappingURL=App.jsx.map

package/dist/_esm/App.jsx.map

@@ -0,0 +1 @@
+{"version":3,"file":"App.jsx","sourceRoot":"","sources":["../App.tsx"],"names":[],"mappings":"AAAA,YAAY,CAAA;AACZ,OAAO,EAAE,UAAU,EAAE,OAAO,EAAE,MAAM,OAAO,CAAA;AAC3C,OAAO,EAAE,UAAU,EAAE,MAAM,iBAAiB,CAAA;AAE5C,OAAO,EAAE,SAAS,EAAE,MAAM,gBAAgB,CAAA;AAC1C,OAAO,EAAE,WAAW,EAAE,MAAM,kBAAkB,CAAA;AAG9C,MAAM,CAAC,MAAM,GAAG,GAAG,UAAU,CAA4B,CAAC,KAAK,EAAE,GAAG,EAAE,EAAE;IACtE,MAAM,MAAM,GAAiB,OAAO,CAAC,GAAG,EAAE;QACxC,MAAM,MAAM,GAAG,EAAE,GAAG,KAAK,EAAE,GAAG,KAAK,CAAC,MAAM,EAAE,CAAA;QAC5C,IAAI,MAAM,CAAC,OAAO,KAAK,QAAQ,EAAE,CAAC;YAChC,MAAM,CAAC,KAAK,GAAG;gBACb,GAAG,MAAM,CAAC,KAAK;gBACf,SAAS,EAAE;oBACT,MAAM,EAAE,MAAM;oBACd,GAAG,MAAM,CAAC,KAAK,EAAE,SAAS;iBAC3B;aACF,CAAA;QACH,CAAC;QACD,OAAO,MAAM,CAAA;IACf,CAAC,EAAE,CAAC,KAAK,CAAC,CAAC,CAAA;IAEX,IAAI,MAAM,CAAC,OAAO,KAAK,QAAQ,EAAE,CAAC;QAChC,OAAO,CACL,CAAC,WAAW,CAAC,MAAM,CAAC,CAAC,MAAM,CAAC,CAAC,OAAO,CAAC,CAAC,KAAK,CAAC,OAAO,CAAC,CAClD;QAAA,CAAC,SAAS,CACR,GAAG,CAAC,CAAC,GAAG,CAAC,CACT,UAAU,CAAC,CAAC,KAAK,CAAC,UAAU,CAAC,CAC7B,MAAM,CAAC,CAAC,MAAM,CAAC,CACf,IAAI,CAAC,CAAC,KAAK,CAAC,IAAI,CAAC,CACjB,OAAO,CAAC,CAAC,KAAK,CAAC,OAAO,CAAC,CAEvB;UAAA,CAAC,UAAU,CAAC,AAAD,EACb;QAAA,EAAE,SAAS,CACb;MAAA,EAAE,WAAW,CAAC,CACf,CAAA;IACH,CAAC;IAED,OAAO,CACL,CAAC,WAAW,CAAC,MAAM,CAAC,CAAC,MAAM,CAAC,CAAC,OAAO,CAAC,CAAC,KAAK,CAAC,OAAO,CAAC,CAClD;MAAA,CAAC,UAAU,CAAC,AAAD,EACb;IAAA,EAAE,WAAW,CAAC,CACf,CAAA;AACH,CAAC,CAAC,CAAA"}

package/dist/_esm/AppDefault.d.ts

@@ -0,0 +1 @@
+export declare const AppDefault: () => import("react").JSX.Element;

package/dist/_esm/AppDefault.jsx

@@ -0,0 +1,24 @@
+'use client';
+import { AppRoutes } from './AppRoutes.js';
+import { AppContainer, AppExpandedContainer, FlexContainer, } from './components/AppContainer.js';
+import { Header } from './components/Header/Header.js';
+import { Initializer } from './components/Initializer.js';
+import { RoutesExpanded } from './components/Routes/RoutesExpanded.js';
+import { useWideVariant } from './hooks/useWideVariant.js';
+import { useWidgetConfig } from './providers/WidgetProvider/WidgetProvider.js';
+import { ElementId, createElementId } from './utils/elements.js';
+export const AppDefault = () => {
+    const { elementId } = useWidgetConfig();
+    const wideVariant = useWideVariant();
+    return (<AppExpandedContainer id={createElementId(ElementId.AppExpandedContainer, elementId)}>
+      <AppContainer>
+        <Header />
+        <FlexContainer disableGutters>
+          <AppRoutes />
+        </FlexContainer>
+        <Initializer />
+      </AppContainer>
+      {wideVariant ? <RoutesExpanded /> : null}
+    </AppExpandedContainer>);
+};
+//# sourceMappingURL=AppDefault.jsx.map

package/dist/_esm/AppDefault.jsx.map

@@ -0,0 +1 @@
+{"version":3,"file":"AppDefault.jsx","sourceRoot":"","sources":["../AppDefault.tsx"],"names":[],"mappings":"AAAA,YAAY,CAAA;AACZ,OAAO,EAAE,SAAS,EAAE,MAAM,gBAAgB,CAAA;AAC1C,OAAO,EACL,YAAY,EACZ,oBAAoB,EACpB,aAAa,GACd,MAAM,8BAA8B,CAAA;AACrC,OAAO,EAAE,MAAM,EAAE,MAAM,+BAA+B,CAAA;AACtD,OAAO,EAAE,WAAW,EAAE,MAAM,6BAA6B,CAAA;AACzD,OAAO,EAAE,cAAc,EAAE,MAAM,uCAAuC,CAAA;AACtE,OAAO,EAAE,cAAc,EAAE,MAAM,2BAA2B,CAAA;AAC1D,OAAO,EAAE,eAAe,EAAE,MAAM,8CAA8C,CAAA;AAC9E,OAAO,EAAE,SAAS,EAAE,eAAe,EAAE,MAAM,qBAAqB,CAAA;AAEhE,MAAM,CAAC,MAAM,UAAU,GAAG,GAAG,EAAE;IAC7B,MAAM,EAAE,SAAS,EAAE,GAAG,eAAe,EAAE,CAAA;IACvC,MAAM,WAAW,GAAG,cAAc,EAAE,CAAA;IAEpC,OAAO,CACL,CAAC,oBAAoB,CACnB,EAAE,CAAC,CAAC,eAAe,CAAC,SAAS,CAAC,oBAAoB,EAAE,SAAS,CAAC,CAAC,CAE/D;MAAA,CAAC,YAAY,CACX;QAAA,CAAC,MAAM,CAAC,AAAD,EACP;QAAA,CAAC,aAAa,CAAC,cAAc,CAC3B;UAAA,CAAC,SAAS,CAAC,AAAD,EACZ;QAAA,EAAE,aAAa,CACf;QAAA,CAAC,WAAW,CAAC,AAAD,EACd;MAAA,EAAE,YAAY,CACd;MAAA,CAAC,WAAW,CAAC,CAAC,CAAC,CAAC,cAAc,CAAC,AAAD,EAAG,CAAC,CAAC,CAAC,IAAI,CAC1C;IAAA,EAAE,oBAAoB,CAAC,CACxB,CAAA;AACH,CAAC,CAAA"}

package/dist/_esm/AppDrawer.jsx

@@ -0,0 +1,53 @@
+import { Drawer } from '@mui/material';
+import { forwardRef, useCallback, useImperativeHandle, useMemo, useRef, useState, } from 'react';
+import { DrawerContext } from './AppDrawerContext.js';
+export const AppDrawer = forwardRef(({ elementRef, open, onClose, children }, ref) => {
+    const openRef = useRef(Boolean(open));
+    const [drawerOpen, setDrawerOpen] = useState(Boolean(open));
+    const toggleDrawer = useCallback(() => {
+        setDrawerOpen((open) => {
+            openRef.current = !open;
+            return openRef.current;
+        });
+        if (!openRef.current) {
+            onClose?.();
+        }
+    }, [onClose]);
+    const openDrawer = useCallback(() => {
+        setDrawerOpen(true);
+        openRef.current = true;
+    }, []);
+    const closeDrawer = useCallback(() => {
+        setDrawerOpen(false);
+        openRef.current = false;
+        onClose?.();
+    }, [onClose]);
+    useImperativeHandle(ref, () => ({
+        isOpen: () => openRef.current,
+        toggleDrawer,
+        openDrawer,
+        closeDrawer,
+    }), [closeDrawer, openDrawer, toggleDrawer]);
+    const drawerContext = useMemo(() => ({
+        closeDrawer,
+    }), [closeDrawer]);
+    return (<DrawerContext.Provider value={drawerContext}>
+      <Drawer ref={elementRef} anchor="right" open={drawerOpen} onClose={closeDrawer} slotProps={{
+            backdrop: {
+                sx: {
+                    backgroundColor: 'rgb(0 0 0 / 48%)',
+                    backdropFilter: 'blur(3px)',
+                },
+            },
+        }} PaperProps={{
+            sx: (theme) => ({
+                width: theme?.container?.width ?? '100%',
+                minWidth: theme?.container?.minWidth ?? theme.breakpoints.values.xs,
+                maxWidth: theme?.container?.maxWidth ?? theme.breakpoints.values.sm,
+            }),
+        }} keepMounted>
+        {children}
+      </Drawer>
+    </DrawerContext.Provider>);
+});
+//# sourceMappingURL=AppDrawer.jsx.map

package/dist/_esm/AppDrawer.jsx.map

@@ -0,0 +1 @@
+{"version":3,"file":"AppDrawer.jsx","sourceRoot":"","sources":["../AppDrawer.tsx"],"names":[],"mappings":"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"}

package/dist/_esm/AppDrawer.style.jsx

@@ -0,0 +1,12 @@
+import { IconButton, styled } from '@mui/material';
+export const CloseButtonLayout = styled(IconButton)(() => ({
+    position: 'absolute',
+    top: '12px',
+    right: '26px',
+    zIndex: 1,
+    height: '40px',
+    width: '40px',
+    alignItems: 'center',
+    justifyContent: 'center',
+}));
+//# sourceMappingURL=AppDrawer.style.jsx.map

package/dist/_esm/AppDrawer.style.jsx.map

@@ -0,0 +1 @@
+{"version":3,"file":"AppDrawer.style.jsx","sourceRoot":"","sources":["../AppDrawer.style.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,UAAU,EAAE,MAAM,EAAE,MAAM,eAAe,CAAA;AAElD,MAAM,CAAC,MAAM,iBAAiB,GAAG,MAAM,CAAC,UAAU,CAAC,CAAC,GAAG,EAAE,CAAC,CAAC;IACzD,QAAQ,EAAE,UAAU;IACpB,GAAG,EAAE,MAAM;IACX,KAAK,EAAE,MAAM;IACb,MAAM,EAAE,CAAC;IACT,MAAM,EAAE,MAAM;IACd,KAAK,EAAE,MAAM;IACb,UAAU,EAAE,QAAQ;IACpB,cAAc,EAAE,QAAQ;CACzB,CAAC,CAAC,CAAA"}

package/dist/_esm/AppDrawerContext.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"AppDrawerContext.js","sourceRoot":"","sources":["../AppDrawerContext.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,aAAa,EAAE,UAAU,EAAE,MAAM,OAAO,CAAA;AAMjD,MAAM,CAAC,MAAM,aAAa,GAAG,aAAa,CAAsB,EAAE,CAAC,CAAA;AAEnE,MAAM,CAAC,MAAM,SAAS,GAAG,GAAwB,EAAE,CAAC,UAAU,CAAC,aAAa,CAAC,CAAA"}

package/dist/_esm/AppProvider.d.ts

@@ -0,0 +1,4 @@
+import type { PropsWithChildren } from 'react';
+import type { WidgetConfigProps } from './types/widget.js';
+export declare const AppProvider: React.FC<PropsWithChildren<WidgetConfigProps>>;
+export declare const AppRouter: React.FC<PropsWithChildren>;

package/dist/_esm/AppProvider.jsx

@@ -0,0 +1,37 @@
+import { QueryClientProvider } from '@tanstack/react-query';
+import { Fragment } from 'react';
+import { MemoryRouter, useInRouterContext } from 'react-router-dom';
+import { PageEntered } from './components/PageEntered.js';
+import { queryClient } from './config/queryClient.js';
+import { I18nProvider } from './providers/I18nProvider/I18nProvider.js';
+import { ThemeProvider } from './providers/ThemeProvider/ThemeProvider.js';
+import { WalletProvider } from './providers/WalletProvider/WalletProvider.js';
+import { WidgetProvider, useWidgetConfig, } from './providers/WidgetProvider/WidgetProvider.js';
+import { StoreProvider } from './stores/StoreProvider.js';
+import { URLSearchParamsBuilder } from './stores/form/URLSearchParamsBuilder.js';
+export const AppProvider = ({ children, config, formRef, }) => {
+    return (<QueryClientProvider client={queryClient}>
+      <WidgetProvider config={config}>
+        <I18nProvider>
+          <ThemeProvider>
+            <WalletProvider>
+              <StoreProvider config={config} formRef={formRef}>
+                <AppRouter>{children}</AppRouter>
+              </StoreProvider>
+            </WalletProvider>
+          </ThemeProvider>
+        </I18nProvider>
+      </WidgetProvider>
+    </QueryClientProvider>);
+};
+export const AppRouter = ({ children }) => {
+    const { buildUrl } = useWidgetConfig();
+    const inRouterContext = useInRouterContext();
+    const Router = inRouterContext ? Fragment : MemoryRouter;
+    return (<Router>
+      {children}
+      {buildUrl ? <URLSearchParamsBuilder /> : null}
+      <PageEntered />
+    </Router>);
+};
+//# sourceMappingURL=AppProvider.jsx.map

package/dist/_esm/AppProvider.jsx.map

@@ -0,0 +1 @@
+{"version":3,"file":"AppProvider.jsx","sourceRoot":"","sources":["../AppProvider.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,mBAAmB,EAAE,MAAM,uBAAuB,CAAA;AAE3D,OAAO,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAA;AAChC,OAAO,EAAE,YAAY,EAAE,kBAAkB,EAAE,MAAM,kBAAkB,CAAA;AACnE,OAAO,EAAE,WAAW,EAAE,MAAM,6BAA6B,CAAA;AACzD,OAAO,EAAE,WAAW,EAAE,MAAM,yBAAyB,CAAA;AACrD,OAAO,EAAE,YAAY,EAAE,MAAM,0CAA0C,CAAA;AACvE,OAAO,EAAE,aAAa,EAAE,MAAM,4CAA4C,CAAA;AAC1E,OAAO,EAAE,cAAc,EAAE,MAAM,8CAA8C,CAAA;AAC7E,OAAO,EACL,cAAc,EACd,eAAe,GAChB,MAAM,8CAA8C,CAAA;AACrD,OAAO,EAAE,aAAa,EAAE,MAAM,2BAA2B,CAAA;AACzD,OAAO,EAAE,sBAAsB,EAAE,MAAM,yCAAyC,CAAA;AAGhF,MAAM,CAAC,MAAM,WAAW,GAAmD,CAAC,EAC1E,QAAQ,EACR,MAAM,EACN,OAAO,GACR,EAAE,EAAE;IACH,OAAO,CACL,CAAC,mBAAmB,CAAC,MAAM,CAAC,CAAC,WAAW,CAAC,CACvC;MAAA,CAAC,cAAc,CAAC,MAAM,CAAC,CAAC,MAAM,CAAC,CAC7B;QAAA,CAAC,YAAY,CACX;UAAA,CAAC,aAAa,CACZ;YAAA,CAAC,cAAc,CACb;cAAA,CAAC,aAAa,CAAC,MAAM,CAAC,CAAC,MAAM,CAAC,CAAC,OAAO,CAAC,CAAC,OAAO,CAAC,CAC9C;gBAAA,CAAC,SAAS,CAAC,CAAC,QAAQ,CAAC,EAAE,SAAS,CAClC;cAAA,EAAE,aAAa,CACjB;YAAA,EAAE,cAAc,CAClB;UAAA,EAAE,aAAa,CACjB;QAAA,EAAE,YAAY,CAChB;MAAA,EAAE,cAAc,CAClB;IAAA,EAAE,mBAAmB,CAAC,CACvB,CAAA;AACH,CAAC,CAAA;AAED,MAAM,CAAC,MAAM,SAAS,GAAgC,CAAC,EAAE,QAAQ,EAAE,EAAE,EAAE;IACrE,MAAM,EAAE,QAAQ,EAAE,GAAG,eAAe,EAAE,CAAA;IACtC,MAAM,eAAe,GAAG,kBAAkB,EAAE,CAAA;IAC5C,MAAM,MAAM,GAAG,eAAe,CAAC,CAAC,CAAC,QAAQ,CAAC,CAAC,CAAC,YAAY,CAAA;IACxD,OAAO,CACL,CAAC,MAAM,CACL;MAAA,CAAC,QAAQ,CACT;MAAA,CAAC,QAAQ,CAAC,CAAC,CAAC,CAAC,sBAAsB,CAAC,AAAD,EAAG,CAAC,CAAC,CAAC,IAAI,CAC7C;MAAA,CAAC,WAAW,CAAC,AAAD,EACd;IAAA,EAAE,MAAM,CAAC,CACV,CAAA;AACH,CAAC,CAAA"}