@lifi/widget 3.0.0-alpha.11 → 3.0.0-alpha.13

package/stores/form/FormUpdater.tsx

@@ -1,15 +1,17 @@
 /* eslint-disable @typescript-eslint/no-unused-vars */
+import type { PropsWithChildren } from 'react';
 import { useEffect, useRef } from 'react';
-import type { FormFieldNames } from './types';
 import { useAccount } from '../../hooks';
+import { useWidgetConfig } from '../../providers';
+import { isItemAllowed } from '../../utils';
+import type { DefaultValues, FormFieldNames } from './types';
 import { useFieldActions } from './useFieldActions';
-import { isItemAllowed, useWidgetConfig } from '../../providers';
-import type { DefaultValues } from './types';
-import { FormKey } from './types';
 
-export const FormUpdater: React.FC<{
-  defaultValues: Partial<DefaultValues>;
-}> = ({ defaultValues }) => {
+export const FormUpdater: React.FC<
+  PropsWithChildren<{
+    defaultValues: Partial<DefaultValues>;
+  }>
+> = ({ defaultValues, children }) => {
   const { fromChain, toChain, chains } = useWidgetConfig();
   const { account } = useAccount();
   const { isTouched, resetField, setFieldValue, getFieldValues } =
@@ -20,6 +22,7 @@ export const FormUpdater: React.FC<{
   useEffect(() => {
     const chainAllowed =
       account.chainId && isItemAllowed(account.chainId, chains);
+
     if (!account.isConnected || !account.chainId || !chainAllowed) {
       return;
     }
@@ -54,7 +57,7 @@ export const FormUpdater: React.FC<{
         const value =
           defaultValues[key] ||
           // set the chain to the current user one if it is not present in the config
-          (key === FormKey.FromChain || key === FormKey.ToChain
+          (key === 'fromChain' || key === 'toChain'
             ? account.chainId || ''
             : '');
         setFieldValue(key, value);
@@ -65,5 +68,5 @@ export const FormUpdater: React.FC<{
     // eslint-disable-next-line react-hooks/exhaustive-deps
   }, [defaultValues, getFieldValues, resetField, setFieldValue]);
 
-  return null;
+  return children;
 };

package/stores/form/URLSearchParamsBuilder.tsx

@@ -11,6 +11,7 @@ const formValueKeys: FormFieldNames[] = [
   'toChain',
   'toToken',
 ];
+
 export const URLSearchParamsBuilder = () => {
   const { pathname } = useLocation();
   const touchedFields = useTouchedFields();
@@ -19,8 +20,9 @@ export const URLSearchParamsBuilder = () => {
   useEffect(() => {
     const url = new URL(window.location as any);
     formValueKeys.forEach((key, index) => {
-      if (touchedFields[key] && values[index]) {
-        url.searchParams.set(key, values[index]);
+      const value = values[index];
+      if (touchedFields[key] && value) {
+        url.searchParams.set(key, value.toString());
       } else if (url.searchParams.has(key) && !values[index]) {
         url.searchParams.delete(key);
       }

package/stores/form/createFormStore.ts

@@ -2,11 +2,12 @@ import { createWithEqualityFn } from 'zustand/traditional';
 
 import type {
   DefaultValues,
+  FormFieldArray,
   FormFieldNames,
-  GenericFormValue,
   FormValueControl,
   FormValues,
   FormValuesState,
+  GenericFormValue,
 } from './types';
 
 export const formDefaultValues: DefaultValues = {
@@ -27,6 +28,7 @@ const defaultValueToFormValue = (
   isDirty: false,
   value,
 });
+
 const valuesToFormValues = (defaultValues: DefaultValues): FormValues => {
   return (Object.keys(defaultValues) as FormFieldNames[]).reduce(
     (accum, key) => {
@@ -47,6 +49,7 @@ const getUpdatedTouchedFields = (userValues: FormValues) => {
     {},
   );
 };
+
 const mergeDefaultFormValues = (
   userValues: FormValues,
   defaultValues: FormValues,
@@ -72,12 +75,20 @@ const mergeDefaultFormValues = (
     { ...valuesToFormValues(formDefaultValues) },
   );
 
-export const createFormStore = () =>
-  createWithEqualityFn<FormValuesState>(
-    (set, get) => ({
-      defaultValues: valuesToFormValues(formDefaultValues),
-      userValues: valuesToFormValues(formDefaultValues),
+export const createFormStore = (defaultValues?: DefaultValues) =>
+  createWithEqualityFn<FormValuesState>((set, get) => {
+    const _defaultValues = valuesToFormValues({
+      ...formDefaultValues,
+      ...defaultValues,
+    });
+    return {
+      defaultValues: _defaultValues,
+      userValues: _defaultValues,
       touchedFields: {},
+      isValid: true,
+      isValidating: false,
+      errors: {},
+      validation: {},
       setDefaultValues: (defaultValue) => {
         const defaultFormValues = valuesToFormValues(defaultValue);
         set((state) => ({
@@ -165,12 +176,8 @@ export const createFormStore = () =>
           touchedFields,
         }));
       },
-      getFieldValues: (...names) =>
-        names.map((name) => get().userValues[name]?.value),
-      isValid: true,
-      isValidating: false,
-      errors: {},
-      validation: {},
+      getFieldValues: <T extends FormFieldNames[]>(...names: T) =>
+        names.map((name) => get().userValues[name]?.value) as FormFieldArray<T>,
       addFieldValidation: (name, validationFn) => {
         set((state) => ({
           validation: {
@@ -220,6 +227,5 @@ export const createFormStore = () =>
           errors: newErrors,
         }));
       },
-    }),
-    Object.is,
-  );
+    };
+  }, Object.is);

package/stores/form/types.ts

@@ -1,19 +1,19 @@
-import type { UseBoundStoreWithEqualityFn } from 'zustand/traditional';
 import type { StoreApi } from 'zustand';
+import type { UseBoundStoreWithEqualityFn } from 'zustand/traditional';
 
 export interface DefaultValues {
-  toAddress: string;
-  tokenSearchFilter: string;
   contractOutputsToken: string;
-  toContractAddress: string;
-  toContractCallData: string;
-  toContractGasLimit: string;
-  toAmount: string;
   fromAmount: string;
-  toChain?: number;
   fromChain?: number;
   fromToken?: string;
-  toToken?: string | undefined;
+  toAddress: string;
+  toAmount: string;
+  toChain?: number;
+  toContractAddress: string;
+  toContractCallData: string;
+  toContractGasLimit: string;
+  toToken?: string;
+  tokenSearchFilter: string;
 }
 
 export type GenericFormValue = string | number | undefined;
@@ -24,21 +24,27 @@ export interface FormValueControl<T> {
 }
 
 export interface FormValues {
-  toAddress: FormValueControl<string>;
-  tokenSearchFilter: FormValueControl<string>;
   contractOutputsToken: FormValueControl<string>;
+  fromAmount: FormValueControl<string>;
+  fromChain?: FormValueControl<number | undefined>;
+  fromToken?: FormValueControl<string | undefined>;
+  toAddress: FormValueControl<string>;
+  toAmount: FormValueControl<string>;
+  toChain?: FormValueControl<number | undefined>;
   toContractAddress: FormValueControl<string>;
   toContractCallData: FormValueControl<string>;
   toContractGasLimit: FormValueControl<string>;
-  toAmount: FormValueControl<string>;
-  fromAmount: FormValueControl<string>;
-  fromToken?: FormValueControl<string | undefined>;
   toToken?: FormValueControl<string | undefined>;
-  toChain?: FormValueControl<number | undefined>;
-  fromChain?: FormValueControl<number | undefined>;
+  tokenSearchFilter: FormValueControl<string>;
 }
 
 export type FormFieldNames = keyof FormValues;
+export type ExtractValueType<T> = T extends FormValueControl<infer U>
+  ? U
+  : never;
+export type FormFieldArray<T extends FormFieldNames[]> = {
+  [K in keyof T]: ExtractValueType<FormValues[T[K]]>;
+};
 
 export type TouchedFields = { [key in FormFieldNames]?: boolean };
 
@@ -62,10 +68,6 @@ export interface ValidationActions {
   triggerFieldValidation: (name: FormFieldNames) => Promise<boolean>;
   clearErrors: (name: FormFieldNames) => void;
 }
-export type ValidationActionNames = keyof ValidationActions;
-export type ValidationActionFunctions = Array<
-  ValidationActions[ValidationActionNames]
->;
 
 export interface FormProps {
   defaultValues: FormValues;
@@ -87,12 +89,11 @@ export interface FormActions {
     value: GenericFormValue,
     options?: SetOptions,
   ) => void;
-  getFieldValues: (...names: FormFieldNames[]) => Array<any>;
+  getFieldValues: <T extends FormFieldNames[]>(
+    ...names: T
+  ) => FormFieldArray<T>;
 }
 
-export type FormActionNames = keyof FormActions;
-export type FormActionFunctions = Array<FormActions[FormActionNames]>;
-
 export type FormValuesState = FormProps &
   FormActions &
   ValidationProps &
@@ -107,21 +108,6 @@ interface SetOptions {
   isTouched?: boolean;
 }
 
-export enum FormKey {
-  ContractOutputsToken = 'contractOutputsToken',
-  FromAmount = 'fromAmount',
-  FromChain = 'fromChain',
-  FromToken = 'fromToken',
-  ToAddress = 'toAddress',
-  ToAmount = 'toAmount',
-  ToChain = 'toChain',
-  ToContractAddress = 'toContractAddress',
-  ToContractCallData = 'toContractCallData',
-  ToContractGasLimit = 'ToContractGasLimit',
-  ToToken = 'toToken',
-  TokenSearchFilter = 'tokenSearchFilter',
-}
-
 export type FormType = 'from' | 'to';
 
 export interface FormTypeProps {

package/stores/form/useFieldActions.ts

@@ -1,28 +1,19 @@
 import { shallow } from 'zustand/shallow';
-import type {
-  FormActions,
-  FormActionNames,
-  FormActionFunctions,
-} from './types';
 import { useFormStore } from './FormStore';
-
-const actionFunctions: FormActionNames[] = [
-  'setDefaultValues',
-  'isTouched',
-  'setAsTouched',
-  'resetField',
-  'setFieldValue',
-  'getFieldValues',
-];
+import type { FormActions } from './types';
 
 export const useFieldActions = () => {
-  const actions: FormActionFunctions = useFormStore(
-    (store) => actionFunctions.map((actionName) => store[actionName]),
+  const actions = useFormStore<FormActions>(
+    (store) => ({
+      getFieldValues: store.getFieldValues,
+      isTouched: store.isTouched,
+      resetField: store.resetField,
+      setAsTouched: store.setAsTouched,
+      setDefaultValues: store.setDefaultValues,
+      setFieldValue: store.setFieldValue,
+    }),
     shallow,
   );
 
-  return actions.reduce(
-    (accum, actionName, i) => ({ ...accum, [actionFunctions[i]]: actionName }),
-    {},
-  ) as FormActions;
+  return actions;
 };

package/stores/form/useFieldValues.ts

@@ -1,10 +1,12 @@
-import type { FormFieldNames } from './types';
-import { useFormStore } from './FormStore';
 import { shallow } from 'zustand/shallow';
+import { useFormStore } from './FormStore';
+import type { FormFieldArray, FormFieldNames } from './types';
 
-export const useFieldValues = (...names: FormFieldNames[]) => {
+// We should return a strongly-typed array based on the specific field names we pass to the function.
+export const useFieldValues = <T extends FormFieldNames[]>(...names: T) => {
   const values = useFormStore(
-    (store) => names.map((name) => store.userValues[name]?.value),
+    (store) =>
+      names.map((name) => store.userValues[name]!.value) as FormFieldArray<T>,
     shallow,
   );
 

package/stores/form/useValidationActions.ts

@@ -1,24 +1,16 @@
-import type { ValidationActions } from './types';
-import { useFormStore } from './FormStore';
 import { shallow } from 'zustand/shallow';
-import type { ValidationActionFunctions, ValidationActionNames } from './types';
+import { useFormStore } from './FormStore';
+import type { ValidationActions } from './types';
 
-const validationFunctions: ValidationActionNames[] = [
-  'addFieldValidation',
-  'triggerFieldValidation',
-  'clearErrors',
-];
 export const useValidationActions = () => {
-  const actions: ValidationActionFunctions = useFormStore(
-    (store) => validationFunctions.map((actionName) => store[actionName]),
+  const actions = useFormStore<ValidationActions>(
+    (store) => ({
+      addFieldValidation: store.addFieldValidation,
+      triggerFieldValidation: store.triggerFieldValidation,
+      clearErrors: store.clearErrors,
+    }),
     shallow,
   );
 
-  return actions.reduce(
-    (accum, actionName, i) => ({
-      ...accum,
-      [validationFunctions[i]]: actionName,
-    }),
-    {},
-  ) as ValidationActions;
+  return actions;
 };

package/stores/routes/useExecutingRoutesIds.ts

@@ -1,15 +1,18 @@
 import { shallow } from 'zustand/shallow';
+import { useAccount } from '../../hooks/useAccount';
 import { useRouteExecutionStore } from './RouteExecutionStore';
 import type { RouteExecution } from './types';
 import { RouteExecutionStatus } from './types';
 
-export const useExecutingRoutesIds = (address?: string) => {
+export const useExecutingRoutesIds = () => {
+  const { accounts } = useAccount();
+  const accountAddresses = accounts.map((account) => account.address);
   return useRouteExecutionStore(
     (state) =>
       (Object.values(state.routes) as RouteExecution[])
         .filter(
           (item) =>
-            item.route.fromAddress === address &&
+            accountAddresses.includes(item.route.fromAddress) &&
             (item.status === RouteExecutionStatus.Pending ||
               item.status === RouteExecutionStatus.Failed),
         )

package/stores/settings/useSettingsStore.ts

@@ -5,12 +5,14 @@ import type { WidgetConfig } from '../../types';
 import type { SettingsProps, SettingsState } from './types';
 import { SettingsToolTypes } from './types';
 
+export const defaultSlippage = '0.5';
+
 export const defaultConfigurableSettings: Pick<
   SettingsState,
   'routePriority' | 'slippage' | 'gasPrice'
 > = {
   routePriority: 'RECOMMENDED',
-  slippage: '0.5',
+  slippage: defaultSlippage,
   gasPrice: 'normal',
 };
 

package/types/widget.ts

@@ -1,8 +1,9 @@
 import type {
   BaseToken,
+  ChainType,
   Order,
   RouteOptions,
-  SDKOptions,
+  SDKConfig,
   StaticToken,
   Token,
 } from '@lifi/sdk';
@@ -14,6 +15,10 @@ import type {
   Theme,
 } from '@mui/material';
 import type { TypographyOptions } from '@mui/material/styles/createTypography';
+import type {
+  CoinbaseWalletParameters,
+  WalletConnectParameters,
+} from '@wagmi/connectors';
 import type { CSSProperties, ReactNode, RefObject } from 'react';
 import type { LanguageKey, LanguageResources } from '../providers';
 import type { SplitSubvariantOptions } from '../stores';
@@ -33,6 +38,7 @@ export type DisabledUIType = `${DisabledUI}`;
 export enum HiddenUI {
   Appearance = 'appearance',
   DrawerButton = 'drawerButton',
+  DrawerCloseButton = 'drawerCloseButton',
   History = 'history',
   Language = 'language',
   PoweredBy = 'poweredBy',
@@ -58,13 +64,20 @@ export type ThemeConfig = {
   components?: Pick<Components<Omit<Theme, 'components'>>, 'MuiAvatar'>;
 };
 
-export interface WidgetWalletManagement {
-  connect(): Promise<void>;
+export interface WidgetWalletConfig {
+  onConnect(): void;
+  walletConnect?: WalletConnectParameters;
+  coinbase?: CoinbaseWalletParameters;
+}
+
+export interface AllowDeny<T> {
+  allow?: T[];
+  deny?: T[];
 }
 
-export interface WidgetSDKOptions
+export interface WidgetSDKConfig
   extends Omit<
-    SDKOptions,
+    SDKConfig,
     | 'apiKey'
     | 'disableVersionCheck'
     | 'integrator'
@@ -125,41 +138,36 @@ export interface WidgetConfig {
   requiredUI?: RequiredUIType[];
   useRecommendedRoute?: boolean;
 
-  walletManagement?: WidgetWalletManagement;
-  sdkConfig?: WidgetSDKOptions;
+  walletConfig?: WidgetWalletConfig;
+  sdkConfig?: WidgetSDKConfig;
 
   buildUrl?: boolean;
   keyPrefix?: string;
 
-  bridges?: {
-    allow?: string[];
-    deny?: string[];
-  };
-  exchanges?: {
-    allow?: string[];
-    deny?: string[];
-  };
+  bridges?: AllowDeny<string>;
+  exchanges?: AllowDeny<string>;
   chains?: {
-    allow?: number[];
-    deny?: number[];
-  };
+    from?: AllowDeny<number>;
+    to?: AllowDeny<number>;
+    types?: AllowDeny<ChainType>;
+  } & AllowDeny<number>;
   tokens?: {
     featured?: StaticToken[];
     include?: Token[];
-    allow?: BaseToken[];
-    deny?: BaseToken[];
-  };
+  } & AllowDeny<BaseToken>;
   languages?: {
     default?: LanguageKey;
-    allow?: LanguageKey[];
-    deny?: LanguageKey[];
-  };
+  } & AllowDeny<LanguageKey>;
   languageResources?: LanguageResources;
 }
 
 export type WidgetDrawerProps = {
   elementRef?: RefObject<HTMLDivElement>;
   open?: boolean;
+  /**
+   * Make sure to make the onClose callback stable (e.g. using useCallback) to avoid causing re-renders of the entire widget
+   */
+  onClose?(): void;
 };
 
 export interface WidgetConfigProps {

package/utils/converters.ts

@@ -170,7 +170,7 @@ export const buildRouteFromTxHistory = (
                 toAmount: receiving.amount ?? '',
                 toAmountMin: receiving.amount ?? '',
                 approvalAddress: '',
-                executionDuration: 30,
+                executionDuration: 0,
               },
               tool: tx.tool,
               toolDetails: usedTool,
@@ -183,11 +183,17 @@ export const buildRouteFromTxHistory = (
             fromAmount: sending.amount,
             toAmount: receiving.amount,
             toToken: receiving.token,
-            gasAmount: sending.gasAmount,
-            gasAmountUSD: sending.gasAmountUSD,
-            gasPrice: sending.gasPrice,
-            gasToken: sending.gasToken,
-            gasUsed: sending.gasUsed,
+            gasCosts: [
+              {
+                amount: sending.gasAmount,
+                amountUSD: sending.gasAmountUSD,
+                token: sending.gasToken,
+                estimate: '0',
+                limit: '0',
+                price: '0',
+                type: 'SEND',
+              },
+            ],
           },
         },
       ],

package/{components/RouteCard/utils.ts → utils/fees.ts}

@@ -1,19 +1,21 @@
-import type { Route, Token } from '@lifi/sdk';
+import type { FeeCost, GasCost, Route, Token } from '@lifi/sdk';
 
-export const getGasCostsBreakdown = (route: Route) => {
+export interface FeesBreakdown {
+  amount: bigint;
+  amountUSD: number;
+  token: Token;
+}
+
+export const getGasCostsBreakdown = (route: Route): FeesBreakdown[] => {
   return Object.values(
     route.steps.reduce(
       (groupedGasCosts, step) => {
         if (step.estimate.gasCosts?.length) {
-          const { token } = step.estimate.gasCosts[0];
-          const gasCostAmount = step.estimate.gasCosts.reduce(
-            (amount, gasCost) => amount + BigInt(gasCost.amount || 0),
-            0n,
-          );
-          const gasCostAmountUSD = step.estimate.gasCosts.reduce(
-            (amount, gasCost) => amount + parseFloat(gasCost.amountUSD || '0'),
-            0,
-          );
+          const {
+            token,
+            amount: gasCostAmount,
+            amountUSD: gasCostAmountUSD,
+          } = getStepFeeCostsBreakdown(step.estimate.gasCosts);
           const groupedGasCost = groupedGasCosts[token.chainId];
           const amount = groupedGasCost
             ? groupedGasCost.amount + gasCostAmount
@@ -30,19 +32,15 @@ export const getGasCostsBreakdown = (route: Route) => {
         }
         return groupedGasCosts;
       },
-      {} as Record<
-        number,
-        {
-          amount: bigint;
-          amountUSD: number;
-          token: Token;
-        }
-      >,
+      {} as Record<number, FeesBreakdown>,
     ),
   );
 };
 
-export const getFeeCostsBreakdown = (route: Route, included?: boolean) => {
+export const getFeeCostsBreakdown = (
+  route: Route,
+  included?: boolean,
+): FeesBreakdown[] => {
   return Object.values(
     route.steps.reduce(
       (groupedFeeCosts, step) => {
@@ -53,15 +51,11 @@ export const getFeeCostsBreakdown = (route: Route, included?: boolean) => {
           );
         }
         if (feeCosts?.length) {
-          const { token } = feeCosts[0];
-          const feeCostAmount = feeCosts.reduce(
-            (amount, feeCost) => amount + BigInt(feeCost.amount || 0),
-            0n,
-          );
-          const feeCostAmountUSD = feeCosts.reduce(
-            (amount, feeCost) => amount + parseFloat(feeCost.amountUSD || '0'),
-            0,
-          );
+          const {
+            token,
+            amount: feeCostAmount,
+            amountUSD: feeCostAmountUSD,
+          } = getStepFeeCostsBreakdown(feeCosts);
           const groupedFeeCost = groupedFeeCosts[token.chainId];
           const amount = groupedFeeCost
             ? groupedFeeCost.amount + feeCostAmount
@@ -78,14 +72,26 @@ export const getFeeCostsBreakdown = (route: Route, included?: boolean) => {
         }
         return groupedFeeCosts;
       },
-      {} as Record<
-        number,
-        {
-          amount: bigint;
-          amountUSD: number;
-          token: Token;
-        }
-      >,
+      {} as Record<number, FeesBreakdown>,
     ),
   );
 };
+
+export const getStepFeeCostsBreakdown = (
+  feeCosts: FeeCost[] | GasCost[],
+): FeesBreakdown => {
+  const token = feeCosts[0].token;
+  const amount = feeCosts.reduce(
+    (amount, feeCost) => amount + BigInt(feeCost.amount || 0),
+    0n,
+  );
+  const amountUSD = feeCosts.reduce(
+    (amount, feeCost) => amount + parseFloat(feeCost.amountUSD || '0'),
+    0,
+  );
+  return {
+    amount,
+    amountUSD,
+    token,
+  };
+};

package/utils/index.ts

@@ -2,8 +2,10 @@ export * from './colors';
 export * from './deepMerge';
 export * from './elements';
 export * from './enum';
+export * from './fees';
 export * from './format';
 export * from './input';
+export * from './item';
 export * from './navigationRoutes';
 export * from './svm';
 export * from './wallet';

package/{providers/WidgetProvider/utils.ts → utils/item.ts}

@@ -1,10 +1,6 @@
-export const isItemAllowed = <T>(
-  itemId: T,
-  items?: {
-    allow?: T[];
-    deny?: T[];
-  },
-) => {
+import type { AllowDeny } from '../types';
+
+export const isItemAllowed = <T>(itemId: T, items?: AllowDeny<T>) => {
   if (items?.allow?.length) {
     return items.allow.includes(itemId);
   }

package/_cjs/components/AmountInput/FormPriceHelperText.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"FormPriceHelperText.js","sourceRoot":"","sources":["../../../components/AmountInput/FormPriceHelperText.tsx"],"names":[],"mappings":";;;;AACA,4CAAqE;AACrE,iDAA+C;AAC/C,uCAAqD;AAErD,uCAAkE;AAClE,yCAA6D;AAEtD,MAAM,mBAAmB,GAA4B,CAAC,EAAE,QAAQ,EAAE,EAAE,EAAE;IAC3E,MAAM,CAAC,OAAO,EAAE,YAAY,CAAC,GAAG,IAAA,uBAAc,EAC5C,sBAAa,CAAC,WAAW,CAAC,QAAQ,CAAC,EACnC,sBAAa,CAAC,WAAW,CAAC,QAAQ,CAAC,CACpC,CAAC;IACF,MAAM,EAAE,KAAK,EAAE,SAAS,EAAE,GAAG,IAAA,8BAAsB,EAAC,OAAO,EAAE,YAAY,CAAC,CAAC;IAE3E,OAAO,CACL,uBAAC,+BAAuB,IACtB,QAAQ,EAAE,QAAQ,EAClB,SAAS,EAAE,SAAS,EACpB,YAAY,EAAE,YAAY,EAC1B,KAAK,EAAE,KAAK,GACZ,CACH,CAAC;AACJ,CAAC,CAAC;AAfW,QAAA,mBAAmB,uBAe9B;AAEK,MAAM,uBAAuB,GAMhC,CAAC,EAAE,QAAQ,EAAE,SAAS,EAAE,YAAY,EAAE,KAAK,EAAE,EAAE,EAAE;IACnD,MAAM,EAAE,CAAC,EAAE,GAAG,IAAA,8BAAc,GAAE,CAAC;IAC/B,MAAM,CAAC,MAAM,CAAC,GAAG,IAAA,uBAAc,EAAC,sBAAa,CAAC,YAAY,CAAC,QAAQ,CAAC,CAAC,CAAC;IAEtE,MAAM,oBAAoB,GAAG,IAAA,wBAAgB,EAAC,MAAM,EAAE,KAAK,EAAE,QAAQ,CAAC,CAAC;IAEvE,OAAO,CACL,wBAAC,yBAAc,IACb,SAAS,EAAC,KAAK,EACf,EAAE,EAAE,EAAE,OAAO,EAAE,MAAM,EAAE,cAAc,EAAE,eAAe,EAAE,MAAM,EAAE,CAAC,EAAE,aAEnE,uBAAC,qBAAU,IACT,KAAK,EAAE,oBAAoB,CAAC,CAAC,CAAC,gBAAgB,CAAC,CAAC,CAAC,UAAU,EAC3D,UAAU,EAAE,GAAG,EACf,QAAQ,EAAE,EAAE,EACZ,UAAU,EAAE,CAAC,EACb,UAAU,EAAE,MAAM,EAClB,IAAI,EAAE,CAAC,EACP,EAAE,EAAE;oBACF,SAAS,EAAE,YAAY;oBACvB,YAAY,EAAE,YAAY;iBAC3B,YAEA,CAAC,CAAC,iBAAiB,EAAE;oBACpB,KAAK,EAAE,oBAAoB;iBAC5B,CAAC,GACS,EACZ,SAAS,IAAI,YAAY,CAAC,CAAC,CAAC,CAC3B,uBAAC,mBAAQ,IACP,OAAO,EAAC,MAAM,EACd,KAAK,EAAE,EAAE,EACT,MAAM,EAAE,EAAE,EACV,EAAE,EAAE,EAAE,YAAY,EAAE,IAAI,EAAE,GAC1B,CACH,CAAC,CAAC,CAAC,KAAK,EAAE,MAAM,CAAC,CAAC,CAAC,CAClB,uBAAC,qBAAU,IACT,UAAU,EAAE,GAAG,EACf,QAAQ,EAAE,EAAE,EACZ,KAAK,EAAC,gBAAgB,EACtB,UAAU,EAAE,MAAM,EAClB,EAAE,EAAE,IAAI,YAEP,KAAK,CAAC,CAAC,eAAe,EAAE;oBACvB,KAAK,EAAE,IAAA,yBAAiB,EAAC,KAAK,CAAC,MAAM,EAAE,KAAK,CAAC,QAAQ,CAAC;iBACvD,CAAC,EAAE,GACO,CACd,CAAC,CAAC,CAAC,IAAI,IACO,CAClB,CAAC;AACJ,CAAC,CAAC;AAvDW,QAAA,uBAAuB,2BAuDlC"}