@lifi/widget 4.0.0 → 4.2.0

package/dist/esm/stores/settings/useSplitModeStore.js

@@ -1,36 +0,0 @@
-import { createContext, useContext, useRef } from "react";
-import { create } from "zustand";
-import { useShallow } from "zustand/shallow";
-import { jsx } from "react/jsx-runtime";
-//#region src/stores/settings/useSplitModeStore.tsx
-const SplitModeStoreContext = createContext(null);
-const shouldRecreateStore = (store, props) => {
-	const { state } = store.getState();
-	return state !== props.state;
-};
-function SplitModeStoreProvider({ children, ...props }) {
-	const storeRef = useRef(null);
-	if (!storeRef.current || shouldRecreateStore(storeRef.current, props)) storeRef.current = createSplitModeStore(props);
-	return /* @__PURE__ */ jsx(SplitModeStoreContext.Provider, {
-		value: storeRef.current,
-		children
-	});
-}
-function useSplitModeStoreContext() {
-	const useStore = useContext(SplitModeStoreContext);
-	if (!useStore) throw new Error(`You forgot to wrap your component in <${SplitModeStoreProvider.name}>.`);
-	return useStore;
-}
-function useSplitModeStore(selector) {
-	return useSplitModeStoreContext()(useShallow(selector));
-}
-const createSplitModeStore = ({ state }) => create((set) => ({
-	state,
-	setState(state) {
-		set(() => ({ state }));
-	}
-}));
-//#endregion
-export { SplitModeStoreProvider, useSplitModeStore };
-
-//# sourceMappingURL=useSplitModeStore.js.map

package/dist/esm/stores/settings/useSplitModeStore.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"useSplitModeStore.js","names":[],"sources":["../../../../src/stores/settings/useSplitModeStore.tsx"],"sourcesContent":["import { createContext, type JSX, useContext, useRef } from 'react'\nimport { create } from 'zustand'\nimport { useShallow } from 'zustand/shallow'\nimport type {\n  SplitModeProps,\n  SplitModeProviderProps,\n  SplitModeState,\n  SplitModeStore,\n} from './types.js'\n\nconst SplitModeStoreContext = createContext<SplitModeStore | null>(null)\n\nconst shouldRecreateStore = (store: SplitModeStore, props: SplitModeProps) => {\n  const { state } = store.getState()\n  return state !== props.state\n}\n\nexport function SplitModeStoreProvider({\n  children,\n  ...props\n}: SplitModeProviderProps): JSX.Element {\n  const storeRef = useRef<SplitModeStore>(null)\n  if (!storeRef.current || shouldRecreateStore(storeRef.current, props)) {\n    storeRef.current = createSplitModeStore(props)\n  }\n  return (\n    <SplitModeStoreContext.Provider value={storeRef.current}>\n      {children}\n    </SplitModeStoreContext.Provider>\n  )\n}\n\nfunction useSplitModeStoreContext() {\n  const useStore = useContext(SplitModeStoreContext)\n  if (!useStore) {\n    throw new Error(\n      `You forgot to wrap your component in <${SplitModeStoreProvider.name}>.`\n    )\n  }\n  return useStore\n}\n\nexport function useSplitModeStore<T>(\n  selector: (state: SplitModeState) => T\n): T {\n  const useStore = useSplitModeStoreContext()\n  return useStore(useShallow(selector))\n}\n\nconst createSplitModeStore = ({ state }: SplitModeProps) =>\n  create<SplitModeState>((set) => ({\n    state,\n    setState(state) {\n      set(() => ({\n        state,\n      }))\n    },\n  }))\n"],"mappings":";;;;;AAUA,MAAM,wBAAwB,cAAqC,IAAI;AAEvE,MAAM,uBAAuB,OAAuB,UAA0B;CAC5E,MAAM,EAAE,UAAU,MAAM,SAAS;CACjC,OAAO,UAAU,MAAM;AACzB;AAEA,SAAgB,uBAAuB,EACrC,UACA,GAAG,SACmC;CACtC,MAAM,WAAW,OAAuB,IAAI;CAC5C,IAAI,CAAC,SAAS,WAAW,oBAAoB,SAAS,SAAS,KAAK,GAClE,SAAS,UAAU,qBAAqB,KAAK;CAE/C,OACE,oBAAC,sBAAsB,UAAvB;EAAgC,OAAO,SAAS;EAC7C;CAC6B,CAAA;AAEpC;AAEA,SAAS,2BAA2B;CAClC,MAAM,WAAW,WAAW,qBAAqB;CACjD,IAAI,CAAC,UACH,MAAM,IAAI,MACR,yCAAyC,uBAAuB,KAAK,GACvE;CAEF,OAAO;AACT;AAEA,SAAgB,kBACd,UACG;CAEH,OADiB,yBACH,EAAE,WAAW,QAAQ,CAAC;AACtC;AAEA,MAAM,wBAAwB,EAAE,YAC9B,QAAwB,SAAS;CAC/B;CACA,SAAS,OAAO;EACd,WAAW,EACT,MACF,EAAE;CACJ;AACF,EAAE"}

package/dist/esm/utils/variant.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"variant.js","names":[],"sources":["../../../src/utils/variant.ts"],"sourcesContent":["import type { SplitMode, SplitModeOptions } from '../types/widget.js'\n\nexport const getSplitMode = (\n  split?: SplitMode | SplitModeOptions\n): SplitMode => {\n  if (!split) {\n    return 'swap'\n  }\n  if (typeof split === 'string') {\n    return split\n  }\n  return split.defaultTab\n}\n"],"mappings":";AAEA,MAAa,gBACX,UACc;CACd,IAAI,CAAC,OACH,OAAO;CAET,IAAI,OAAO,UAAU,UACnB,OAAO;CAET,OAAO,MAAM;AACf"}

package/src/components/Header/SplitNavigationTabs.tsx

@@ -1,32 +0,0 @@
-import type { JSX } from 'react'
-import { useTranslation } from 'react-i18next'
-import { useFieldActions } from '../../stores/form/useFieldActions.js'
-import { useSplitModeStore } from '../../stores/settings/useSplitModeStore.js'
-import { NavigationTab, NavigationTabs } from '../Tabs/NavigationTabs.js'
-
-export const SplitNavigationTabs = (): JSX.Element => {
-  const { t } = useTranslation()
-  const [state, setState] = useSplitModeStore((state) => [
-    state.state,
-    state.setState,
-  ])
-
-  const { setFieldValue } = useFieldActions()
-  const handleChange = (_: React.SyntheticEvent, value: number) => {
-    setFieldValue('fromAmount', '')
-    setFieldValue('fromToken', '')
-    setFieldValue('toToken', '')
-    setState(value === 0 ? 'swap' : 'bridge')
-  }
-
-  return (
-    <NavigationTabs
-      value={state === 'swap' ? 0 : 1}
-      onChange={handleChange}
-      aria-label="tabs"
-    >
-      <NavigationTab label={t('header.swap')} disableRipple />
-      <NavigationTab label={t('header.bridge')} disableRipple />
-    </NavigationTabs>
-  )
-}

package/src/stores/settings/useSplitModeStore.tsx

@@ -1,58 +0,0 @@
-import { createContext, type JSX, useContext, useRef } from 'react'
-import { create } from 'zustand'
-import { useShallow } from 'zustand/shallow'
-import type {
-  SplitModeProps,
-  SplitModeProviderProps,
-  SplitModeState,
-  SplitModeStore,
-} from './types.js'
-
-const SplitModeStoreContext = createContext<SplitModeStore | null>(null)
-
-const shouldRecreateStore = (store: SplitModeStore, props: SplitModeProps) => {
-  const { state } = store.getState()
-  return state !== props.state
-}
-
-export function SplitModeStoreProvider({
-  children,
-  ...props
-}: SplitModeProviderProps): JSX.Element {
-  const storeRef = useRef<SplitModeStore>(null)
-  if (!storeRef.current || shouldRecreateStore(storeRef.current, props)) {
-    storeRef.current = createSplitModeStore(props)
-  }
-  return (
-    <SplitModeStoreContext.Provider value={storeRef.current}>
-      {children}
-    </SplitModeStoreContext.Provider>
-  )
-}
-
-function useSplitModeStoreContext() {
-  const useStore = useContext(SplitModeStoreContext)
-  if (!useStore) {
-    throw new Error(
-      `You forgot to wrap your component in <${SplitModeStoreProvider.name}>.`
-    )
-  }
-  return useStore
-}
-
-export function useSplitModeStore<T>(
-  selector: (state: SplitModeState) => T
-): T {
-  const useStore = useSplitModeStoreContext()
-  return useStore(useShallow(selector))
-}
-
-const createSplitModeStore = ({ state }: SplitModeProps) =>
-  create<SplitModeState>((set) => ({
-    state,
-    setState(state) {
-      set(() => ({
-        state,
-      }))
-    },
-  }))