@reown/appkit-react-native 0.0.0-feat-multichain-20250818154639 → 0.0.0-feat-multichain-20250903132047

package/src/views/w3m-onramp-view/index.tsx

@@ -135,6 +135,7 @@ export function OnRampView() {
         title={item.name}
         subtitle={item.currencyCode.split('_')[0] ?? item.currencyCode}
         testID={`currency-item-${item.currencyCode}`}
+        style={styles.currencyItem}
       />
     );
   };
@@ -183,7 +184,7 @@ export function OnRampView() {
               You Buy
             </Text>
             <TokenButton
-              placeholder={'Select currency'}
+              placeholder={'Select Token'}
               imageUrl={purchaseCurrency?.symbolImageUrl}
               text={purchaseCurrencyCode}
               onPress={() => setIsCurrencyModalVisible(true)}
@@ -258,7 +259,7 @@ export function OnRampView() {
             onSearch={handleSearch}
             renderItem={renderCurrencyItem}
             keyExtractor={item => item.currencyCode}
-            title="Select token"
+            title="Select Token"
             itemHeight={CURRENCY_ITEM_HEIGHT}
             showNetwork
           />

package/src/views/w3m-onramp-view/styles.ts

@@ -24,6 +24,9 @@ export default StyleSheet.create({
     borderWidth: 0,
     borderRadius: BorderRadius['3xs']
   },
+  currencyItem: {
+    paddingHorizontal: Spacing.m
+  },
   currencyInput: {
     marginBottom: Spacing.m
   },

package/src/views/w3m-swap-preview-view/styles.ts

@@ -14,8 +14,5 @@ export default StyleSheet.create({
   sendButton: {
     marginLeft: Spacing.s,
     flex: 3
-  },
-  withKeyboard: {
-    height: '100%'
   }
 });

package/src/views/w3m-swap-view/components/select-token-modal/index.tsx

@@ -0,0 +1,183 @@
+import { useState } from 'react';
+import { useSnapshot } from 'valtio';
+import {
+  Modal,
+  ScrollView,
+  SectionList,
+  View,
+  type SectionListData,
+  type StyleProp,
+  type ViewStyle
+} from 'react-native';
+import {
+  FlexView,
+  IconLink,
+  InputText,
+  ListToken,
+  ListTokenTotalHeight,
+  Separator,
+  Text,
+  TokenButton,
+  useTheme,
+  useCustomDimensions
+} from '@reown/appkit-ui-react-native';
+
+import {
+  AssetController,
+  AssetUtil,
+  ConnectionsController,
+  SwapController,
+  type SwapControllerState
+} from '@reown/appkit-core-react-native';
+
+import { type SwapInputTarget, type SwapTokenWithBalance } from '@reown/appkit-common-react-native';
+
+import { Placeholder } from '../../../../partials/w3m-placeholder';
+import styles from './styles';
+import { createSections } from './utils';
+
+interface Props {
+  onClose: () => void;
+  visible: boolean;
+  type?: SwapInputTarget;
+  style?: StyleProp<ViewStyle>;
+}
+
+export function SwapSelectTokenModal({ onClose, type, style, visible }: Props) {
+  const { padding, maxHeight } = useCustomDimensions();
+  const Theme = useTheme();
+  const { activeNetwork } = useSnapshot(ConnectionsController.state);
+  const { networkImages } = useSnapshot(AssetController.state);
+  const { sourceToken, suggestedTokens, myTokensWithBalance } = useSnapshot(
+    SwapController.state
+  ) as SwapControllerState;
+
+  const networkImage = AssetUtil.getNetworkImage(activeNetwork, networkImages);
+  const [tokenSearch, setTokenSearch] = useState<string>('');
+  const isSourceToken = type === 'sourceToken';
+
+  const [filteredTokens, setFilteredTokens] = useState(
+    createSections(isSourceToken, tokenSearch, myTokensWithBalance)
+  );
+  const suggestedList = suggestedTokens
+    ?.filter(token => token.address !== SwapController.state.sourceToken?.address)
+    .slice(0, 8);
+
+  const onSearchChange = (value: string) => {
+    setTokenSearch(value);
+    setFilteredTokens(createSections(isSourceToken, value, myTokensWithBalance));
+  };
+
+  const onTokenPress = (token: SwapTokenWithBalance) => {
+    if (isSourceToken) {
+      SwapController.setSourceToken(token);
+    } else {
+      SwapController.setToToken(token);
+      if (SwapController.state.sourceToken && SwapController.state.sourceTokenAmount) {
+        SwapController.swapTokens();
+      }
+    }
+    onClose();
+  };
+
+  return (
+    <Modal visible={visible} transparent animationType="slide" onRequestClose={onClose}>
+      <FlexView
+        padding={['xl', '0', '0', '0']}
+        style={[
+          styles.container,
+          {
+            paddingHorizontal: padding,
+            backgroundColor: Theme['bg-100'],
+            height: maxHeight
+          },
+          style
+        ]}
+      >
+        <FlexView
+          flexDirection="row"
+          justifyContent="space-between"
+          alignItems="center"
+          padding={['0', 'm', 'm', 'm']}
+        >
+          <IconLink icon="chevronLeft" size="md" onPress={onClose} />
+          <Text variant="paragraph-600">Select token</Text>
+          <View style={styles.iconPlaceholder} />
+        </FlexView>
+        <FlexView margin={['0', '0', 'xs', '0']}>
+          <InputText
+            value={tokenSearch}
+            icon="search"
+            placeholder="Search token"
+            onChangeText={onSearchChange}
+            clearButtonMode="while-editing"
+            style={styles.input}
+          />
+          {!isSourceToken && (
+            <>
+              <ScrollView
+                horizontal
+                showsHorizontalScrollIndicator={false}
+                bounces={false}
+                fadingEdgeLength={20}
+                style={styles.suggestedList}
+                contentContainerStyle={styles.suggestedListContent}
+              >
+                {suggestedList?.map((token, index) => (
+                  <TokenButton
+                    key={token.name}
+                    text={token.symbol}
+                    imageUrl={token.logoUri}
+                    onPress={() => onTokenPress(token)}
+                    style={index !== suggestedList.length - 1 ? styles.suggestedToken : undefined}
+                  />
+                ))}
+              </ScrollView>
+              <Separator style={styles.suggestedSeparator} color="gray-glass-005" />
+            </>
+          )}
+        </FlexView>
+        <SectionList
+          sections={filteredTokens as SectionListData<SwapTokenWithBalance>[]}
+          bounces={false}
+          fadingEdgeLength={20}
+          contentContainerStyle={styles.tokenList}
+          renderSectionHeader={({ section: { title } }) => (
+            <Text
+              variant="paragraph-500"
+              color="fg-200"
+              style={[{ backgroundColor: Theme['bg-100'] }, styles.title]}
+            >
+              {title}
+            </Text>
+          )}
+          ListEmptyComponent={
+            <Placeholder
+              icon="coinPlaceholder"
+              title="No tokens found"
+              description="Your tokens will appear here"
+            />
+          }
+          getItemLayout={(_, index) => ({
+            length: ListTokenTotalHeight,
+            offset: ListTokenTotalHeight * index,
+            index
+          })}
+          renderItem={({ item }) => (
+            <ListToken
+              key={item.name}
+              name={item.name}
+              imageSrc={item.logoUri}
+              networkSrc={networkImage}
+              value={item.value}
+              amount={item.quantity.numeric}
+              currency={item.symbol}
+              onPress={() => onTokenPress(item)}
+              disabled={item.address === sourceToken?.address}
+            />
+          )}
+        />
+      </FlexView>
+    </Modal>
+  );
+}

package/src/views/w3m-swap-view/components/{select-token-view → select-token-modal}/styles.ts

@@ -8,7 +8,11 @@ export default StyleSheet.create({
     borderBottomLeftRadius: 0,
     borderBottomRightRadius: 0,
     overflow: 'hidden',
-    marginTop: 80
+    position: 'absolute',
+    bottom: 0,
+    left: 0,
+    right: 0,
+    margin: 0
   },
   title: {
     paddingTop: Spacing['2xs']
@@ -29,7 +33,7 @@ export default StyleSheet.create({
     marginRight: Spacing.s
   },
   suggestedSeparator: {
-    marginVertical: Spacing.s
+    marginTop: Spacing.s
   },
   iconPlaceholder: {
     height: 32,

package/src/views/w3m-swap-view/index.tsx

@@ -1,6 +1,6 @@
 import { useSnapshot } from 'valtio';
 import { useEffect, useState } from 'react';
-import { ScrollView, Modal } from 'react-native';
+import { ScrollView } from 'react-native';
 import {
   ConnectionsController,
   ConstantsUtil,
@@ -22,7 +22,7 @@ import { SwapInput } from '../../partials/w3m-swap-input';
 import { useDebounceCallback } from '../../hooks/useDebounceCallback';
 import { SwapDetails } from '../../partials/w3m-swap-details';
 import styles from './styles';
-import { SwapSelectTokenView } from './components/select-token-view';
+import { SwapSelectTokenModal } from './components/select-token-modal';
 
 export function SwapView() {
   const {
@@ -39,7 +39,7 @@ export function SwapView() {
     inputError
   } = useSnapshot(SwapController.state);
   const Theme = useTheme();
-  const { padding } = useCustomDimensions();
+  const { padding, maxHeight } = useCustomDimensions();
   const { keyboardShown } = useKeyboard();
   const [showModal, setShowModal] = useState<SwapInputTarget | undefined>();
   const showDetails = !!sourceToken && !!toToken && !inputError;
@@ -157,7 +157,10 @@ export function SwapView() {
   return (
     <>
       <ScrollView
-        style={[{ paddingHorizontal: padding }, keyboardShown && styles.withKeyboard]}
+        style={[
+          { paddingHorizontal: padding },
+          keyboardShown && !showModal && { height: maxHeight }
+        ]}
         bounces={false}
         keyboardShouldPersistTaps="always"
       >
@@ -208,9 +211,7 @@ export function SwapView() {
           </Button>
         </FlexView>
       </ScrollView>
-      <Modal visible={!!showModal} transparent animationType="slide" onRequestClose={onModalClose}>
-        <SwapSelectTokenView style={styles.modalContent} onClose={onModalClose} type={showModal} />
-      </Modal>
+      <SwapSelectTokenModal visible={!!showModal} onClose={onModalClose} type={showModal} />
     </>
   );
 }

package/src/views/w3m-swap-view/styles.ts

@@ -19,13 +19,5 @@ export default StyleSheet.create({
   actionButton: {
     marginTop: Spacing.xs,
     width: '100%'
-  },
-  modalContent: {
-    margin: 0,
-    flex: 1,
-    justifyContent: 'flex-end'
-  },
-  withKeyboard: {
-    height: '100%'
   }
 });

package/src/views/w3m-unsupported-chain-view/index.tsx

@@ -1,7 +1,7 @@
 import { useSnapshot } from 'valtio';
 import { useState } from 'react';
 import { FlatList } from 'react-native';
-import { Icon, ListItem, Separator, Text } from '@reown/appkit-ui-react-native';
+import { ListItem, Separator, Text } from '@reown/appkit-ui-react-native';
 import {
   ApiController,
   AssetController,
@@ -13,7 +13,6 @@ import { useInternalAppKit } from '../../AppKitContext';
 import styles from './styles';
 
 export function UnsupportedChainView() {
-  const { activeNetwork } = useSnapshot(ConnectionsController.state);
   const { networkImages } = useSnapshot(AssetController.state);
   const [disconnecting, setDisconnecting] = useState(false);
   const networks = ConnectionsController.getConnectedNetworks();
@@ -21,7 +20,7 @@ export function UnsupportedChainView() {
   const { disconnect, switchNetwork } = useInternalAppKit();
 
   const onNetworkPress = async (network: AppKitNetwork) => {
-    switchNetwork(network);
+    await switchNetwork(network);
   };
 
   const onDisconnect = async () => {
@@ -37,8 +36,8 @@ export function UnsupportedChainView() {
       ListHeaderComponentStyle={styles.header}
       ListHeaderComponent={
         <Text variant="small-400" color="fg-200" center>
-          The swap feature doesn't support your current network. Switch to an available option to
-          continue.
+          The current network is not supported by this application. Please switch to an available
+          option to continue.
         </Text>
       }
       contentContainerStyle={styles.contentContainer}
@@ -57,7 +56,6 @@ export function UnsupportedChainView() {
           <Text numberOfLines={1} color="fg-100">
             {item.name ?? 'Unknown'}
           </Text>
-          {item.id === activeNetwork?.id && <Icon name="checkmark" color="accent-100" />}
         </ListItem>
       )}
       ListFooterComponent={

package/src/views/w3m-unsupported-chain-view/styles.ts

@@ -4,7 +4,7 @@ import { StyleSheet } from 'react-native';
 export default StyleSheet.create({
   contentContainer: {
     padding: Spacing.s,
-    paddingBottom: Spacing.xl
+    paddingBottom: Spacing['4xl']
   },
   header: {
     marginBottom: Spacing.s

package/src/views/w3m-upgrade-email-wallet-view/index.tsx

@@ -1,13 +1,11 @@
-import { Linking, StyleSheet } from 'react-native';
+import { StyleSheet } from 'react-native';
 import { Chip, FlexView, Spacing, Text } from '@reown/appkit-ui-react-native';
 import { ConstantsUtil } from '@reown/appkit-common-react-native';
+import { CoreHelperUtil } from '@reown/appkit-core-react-native';
 
 export function UpgradeEmailWalletView() {
   const onLinkPress = () => {
-    const link = ConstantsUtil.SECURE_SITE_DASHBOARD;
-    Linking.canOpenURL(link).then(supported => {
-      if (supported) Linking.openURL(link);
-    });
+    CoreHelperUtil.openLink(ConstantsUtil.SECURE_SITE_DASHBOARD);
   };
 
   return (

package/src/views/w3m-wallet-compatible-networks-view/index.tsx

@@ -31,7 +31,7 @@ export function WalletCompatibleNetworks() {
 
   return (
     <ScrollView bounces={false} style={{ paddingHorizontal: padding }} fadingEdgeLength={20}>
-      <FlexView padding={['xl', 's', '2xl', 's']} margin={['0', '0', '2xl', '0']}>
+      <FlexView padding={['xl', 's', 's', 's']}>
         <Banner icon="warningCircle" text="You can only receive assets on these networks." />
         {approvedNetworks.map((network, index) => (
           <FlexView

package/src/views/w3m-wallet-send-select-token-view/index.tsx

@@ -21,7 +21,7 @@ import { Placeholder } from '../../partials/w3m-placeholder';
 import styles from './styles';
 
 export function WalletSendSelectTokenView() {
-  const { padding } = useCustomDimensions();
+  const { padding, maxHeight } = useCustomDimensions();
   const { activeNetwork, balances } = useSnapshot(ConnectionsController.state);
   const { networkImages } = useSnapshot(AssetController.state);
   const networkImage = AssetUtil.getNetworkImage(activeNetwork, networkImages);
@@ -45,7 +45,7 @@ export function WalletSendSelectTokenView() {
   return (
     <FlexView
       margin={['l', '0', '2xl', '0']}
-      style={[styles.container, { paddingHorizontal: padding }]}
+      style={[styles.container, { paddingHorizontal: padding, height: maxHeight }]}
     >
       <FlexView margin={['0', 'm', 'm', 'm']}>
         <InputText

package/src/views/w3m-wallet-send-view/index.tsx

@@ -14,7 +14,7 @@ import { SendInputAddress } from '../../partials/w3m-send-input-address';
 import styles from './styles';
 
 export function WalletSendView() {
-  const { padding } = useCustomDimensions();
+  const { padding, maxHeight } = useCustomDimensions();
   const { keyboardShown } = useKeyboard();
   const [isBalanceLoading, setBalanceLoading] = useState(false);
   const { token, sendTokenAmount, receiverAddress, receiverProfileName, loading } = useSnapshot(
@@ -80,7 +80,7 @@ export function WalletSendView() {
 
   return (
     <ScrollView
-      style={[{ paddingHorizontal: padding }, keyboardShown && styles.withKeyboard]}
+      style={[{ paddingHorizontal: padding }, keyboardShown && { height: maxHeight }]}
       bounces={false}
       keyboardShouldPersistTaps="always"
     >

package/src/views/w3m-wallet-send-view/styles.ts

@@ -17,8 +17,5 @@ export default StyleSheet.create({
   },
   addressContainer: {
     width: '100%'
-  },
-  withKeyboard: {
-    height: '100%'
   }
 });

package/lib/commonjs/views/w3m-network-switch-view/index.js

@@ -1,127 +0,0 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.NetworkSwitchView = NetworkSwitchView;
-var _valtio = require("valtio");
-var _react = require("react");
-var _appkitCoreReactNative = require("@reown/appkit-core-react-native");
-var _appkitUiReactNative = require("@reown/appkit-ui-react-native");
-var _AppKitContext = require("../../AppKitContext");
-var _styles = _interopRequireDefault(require("./styles"));
-var _jsxRuntime = require("react/jsx-runtime");
-function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
-//TODO: is this used?
-function NetworkSwitchView() {
-  const {
-    switchNetwork
-  } = (0, _AppKitContext.useInternalAppKit)();
-  const {
-    data
-  } = (0, _valtio.useSnapshot)(_appkitCoreReactNative.RouterController.state);
-  const {
-    recentWallets
-  } = (0, _valtio.useSnapshot)(_appkitCoreReactNative.WcController.state);
-  const {
-    activeNetwork
-  } = (0, _valtio.useSnapshot)(_appkitCoreReactNative.ConnectionsController.state);
-  const {
-    networkImages
-  } = (0, _valtio.useSnapshot)(_appkitCoreReactNative.AssetController.state);
-  const [error, setError] = (0, _react.useState)(false);
-  const [showRetry, setShowRetry] = (0, _react.useState)(false);
-  const network = data?.network;
-  const wallet = recentWallets?.[0];
-  const networkImage = _appkitCoreReactNative.AssetUtil.getNetworkImage(network, networkImages);
-  const onSwitchNetwork = async () => {
-    try {
-      if (network) {
-        setError(false);
-        const _network = _appkitCoreReactNative.ConnectionsController.state.networks.find(n => n.id === network.id);
-        if (!_network) return;
-        await switchNetwork(_network);
-      }
-    } catch {
-      setError(true);
-      setShowRetry(true);
-    }
-  };
-  (0, _react.useEffect)(() => {
-    onSwitchNetwork();
-    // eslint-disable-next-line react-hooks/exhaustive-deps
-  }, []);
-  (0, _react.useEffect)(() => {
-    // Go back if network is already switched
-    // eslint-disable-next-line valtio/state-snapshot-rule
-    if (activeNetwork?.id === network?.id) {
-      _appkitCoreReactNative.RouterUtil.navigateAfterNetworkSwitch();
-    }
-
-    // eslint-disable-next-line valtio/state-snapshot-rule
-  }, [activeNetwork?.id, network?.id]);
-  const retryTemplate = () => {
-    if (!showRetry) return null;
-    return /*#__PURE__*/(0, _jsxRuntime.jsx)(_appkitUiReactNative.Button, {
-      size: "sm",
-      variant: "accent",
-      iconLeft: "refresh",
-      style: _styles.default.retryButton,
-      iconStyle: _styles.default.retryIcon,
-      onPress: onSwitchNetwork,
-      children: "Try again"
-    });
-  };
-  const textTemplate = () => {
-    const walletName = wallet?.name ?? 'wallet';
-    if (error) {
-      return /*#__PURE__*/(0, _jsxRuntime.jsxs)(_jsxRuntime.Fragment, {
-        children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_appkitUiReactNative.Text, {
-          variant: "paragraph-500",
-          style: _styles.default.text,
-          children: "Switch declined"
-        }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_appkitUiReactNative.Text, {
-          center: true,
-          variant: "small-400",
-          color: "fg-200",
-          style: _styles.default.descriptionText,
-          children: "Switch can be declined if chain is not supported by a wallet or previous request is still active"
-        })]
-      });
-    }
-    return /*#__PURE__*/(0, _jsxRuntime.jsxs)(_jsxRuntime.Fragment, {
-      children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_appkitUiReactNative.Text, {
-        variant: "paragraph-500",
-        style: _styles.default.text,
-        children: `Approve in ${walletName}`
-      }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_appkitUiReactNative.Text, {
-        center: true,
-        variant: "small-400",
-        color: "fg-200",
-        style: _styles.default.descriptionText,
-        children: "Accept switch request in your wallet"
-      })]
-    });
-  };
-  return /*#__PURE__*/(0, _jsxRuntime.jsxs)(_appkitUiReactNative.FlexView, {
-    alignItems: "center",
-    padding: ['2xl', 's', '4xl', 's'],
-    children: [/*#__PURE__*/(0, _jsxRuntime.jsxs)(_appkitUiReactNative.LoadingHexagon, {
-      paused: error,
-      children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_appkitUiReactNative.NetworkImage, {
-        imageSrc: networkImage,
-        imageHeaders: _appkitCoreReactNative.ApiController._getApiHeaders(),
-        size: "lg"
-      }), error ? /*#__PURE__*/(0, _jsxRuntime.jsx)(_appkitUiReactNative.IconBox, {
-        icon: "close",
-        border: true,
-        background: true,
-        backgroundColor: "icon-box-bg-error-100",
-        size: "sm",
-        iconColor: "error-100",
-        style: _styles.default.errorIcon
-      }) : null]
-    }), textTemplate(), retryTemplate()]
-  });
-}
-//# sourceMappingURL=index.js.map

package/lib/commonjs/views/w3m-network-switch-view/index.js.map

@@ -1 +0,0 @@
-{"version":3,"names":["_valtio","require","_react","_appkitCoreReactNative","_appkitUiReactNative","_AppKitContext","_styles","_interopRequireDefault","_jsxRuntime","e","__esModule","default","NetworkSwitchView","switchNetwork","useInternalAppKit","data","useSnapshot","RouterController","state","recentWallets","WcController","activeNetwork","ConnectionsController","networkImages","AssetController","error","setError","useState","showRetry","setShowRetry","network","wallet","networkImage","AssetUtil","getNetworkImage","onSwitchNetwork","_network","networks","find","n","id","useEffect","RouterUtil","navigateAfterNetworkSwitch","retryTemplate","jsx","Button","size","variant","iconLeft","style","styles","retryButton","iconStyle","retryIcon","onPress","children","textTemplate","walletName","name","jsxs","Fragment","Text","text","center","color","descriptionText","FlexView","alignItems","padding","LoadingHexagon","paused","NetworkImage","imageSrc","imageHeaders","ApiController","_getApiHeaders","IconBox","icon","border","background","backgroundColor","iconColor","errorIcon"],"sourceRoot":"../../../../src","sources":["views/w3m-network-switch-view/index.tsx"],"mappings":"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","ignoreList":[]}

package/lib/commonjs/views/w3m-network-switch-view/styles.js

@@ -1,31 +0,0 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.default = void 0;
-var _reactNative = require("react-native");
-var _appkitUiReactNative = require("@reown/appkit-ui-react-native");
-var _default = exports.default = _reactNative.StyleSheet.create({
-  descriptionText: {
-    marginHorizontal: _appkitUiReactNative.Spacing['3xl']
-  },
-  errorIcon: {
-    position: 'absolute',
-    bottom: 12,
-    right: 20,
-    zIndex: 2
-  },
-  retryButton: {
-    marginTop: _appkitUiReactNative.Spacing.xl
-  },
-  retryIcon: {
-    transform: [{
-      rotateY: '180deg'
-    }]
-  },
-  text: {
-    marginVertical: _appkitUiReactNative.Spacing.xs
-  }
-});
-//# sourceMappingURL=styles.js.map

package/lib/commonjs/views/w3m-network-switch-view/styles.js.map

@@ -1 +0,0 @@
-{"version":3,"names":["_reactNative","require","_appkitUiReactNative","_default","exports","default","StyleSheet","create","descriptionText","marginHorizontal","Spacing","errorIcon","position","bottom","right","zIndex","retryButton","marginTop","xl","retryIcon","transform","rotateY","text","marginVertical","xs"],"sourceRoot":"../../../../src","sources":["views/w3m-network-switch-view/styles.ts"],"mappings":";;;;;;AAAA,IAAAA,YAAA,GAAAC,OAAA;AACA,IAAAC,oBAAA,GAAAD,OAAA;AAAwD,IAAAE,QAAA,GAAAC,OAAA,CAAAC,OAAA,GAEzCC,uBAAU,CAACC,MAAM,CAAC;EAC/BC,eAAe,EAAE;IACfC,gBAAgB,EAAEC,4BAAO,CAAC,KAAK;EACjC,CAAC;EACDC,SAAS,EAAE;IACTC,QAAQ,EAAE,UAAU;IACpBC,MAAM,EAAE,EAAE;IACVC,KAAK,EAAE,EAAE;IACTC,MAAM,EAAE;EACV,CAAC;EACDC,WAAW,EAAE;IACXC,SAAS,EAAEP,4BAAO,CAACQ;EACrB,CAAC;EACDC,SAAS,EAAE;IACTC,SAAS,EAAE,CAAC;MAAEC,OAAO,EAAE;IAAS,CAAC;EACnC,CAAC;EACDC,IAAI,EAAE;IACJC,cAAc,EAAEb,4BAAO,CAACc;EAC1B;AACF,CAAC,CAAC","ignoreList":[]}