@reown/appkit-react-native 0.0.0-accounts-canary.1-20251023174733

package/lib/module/views/w3m-onramp-loading-view/styles.js

@@ -0,0 +1,27 @@
+"use strict";
+
+import { StyleSheet } from 'react-native';
+import { Spacing } from '@reown/appkit-ui-react-native';
+export default StyleSheet.create({
+  container: {
+    paddingBottom: Spacing['s']
+  },
+  backButton: {
+    alignSelf: 'flex-start'
+  },
+  imageContainer: {
+    marginBottom: Spacing.s
+  },
+  retryButton: {
+    marginTop: Spacing.m
+  },
+  retryIcon: {
+    transform: [{
+      rotateY: '180deg'
+    }]
+  },
+  errorText: {
+    marginHorizontal: Spacing['4xl']
+  }
+});
+//# sourceMappingURL=styles.js.map

package/lib/module/views/w3m-onramp-loading-view/styles.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["StyleSheet","Spacing","create","container","paddingBottom","backButton","alignSelf","imageContainer","marginBottom","s","retryButton","marginTop","m","retryIcon","transform","rotateY","errorText","marginHorizontal"],"sourceRoot":"../../../../src","sources":["views/w3m-onramp-loading-view/styles.ts"],"mappings":";;AAAA,SAASA,UAAU,QAAQ,cAAc;AACzC,SAASC,OAAO,QAAQ,+BAA+B;AAEvD,eAAeD,UAAU,CAACE,MAAM,CAAC;EAC/BC,SAAS,EAAE;IACTC,aAAa,EAAEH,OAAO,CAAC,GAAG;EAC5B,CAAC;EACDI,UAAU,EAAE;IACVC,SAAS,EAAE;EACb,CAAC;EACDC,cAAc,EAAE;IACdC,YAAY,EAAEP,OAAO,CAACQ;EACxB,CAAC;EACDC,WAAW,EAAE;IACXC,SAAS,EAAEV,OAAO,CAACW;EACrB,CAAC;EACDC,SAAS,EAAE;IACTC,SAAS,EAAE,CAAC;MAAEC,OAAO,EAAE;IAAS,CAAC;EACnC,CAAC;EACDC,SAAS,EAAE;IACTC,gBAAgB,EAAEhB,OAAO,CAAC,KAAK;EACjC;AACF,CAAC,CAAC","ignoreList":[]}

package/lib/module/views/w3m-onramp-settings-view/components/Country.js

@@ -0,0 +1,75 @@
+"use strict";
+
+import { Pressable, FlexView, Spacing, Text, Icon, BorderRadius } from '@reown/appkit-ui-react-native';
+import { StyleSheet } from 'react-native';
+import { SvgUri } from 'react-native-svg';
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+export const ITEM_HEIGHT = 60;
+export function Country({
+  onPress,
+  item,
+  selected,
+  style,
+  testID
+}) {
+  const handlePress = () => {
+    onPress(item);
+  };
+  return /*#__PURE__*/_jsx(Pressable, {
+    onPress: handlePress,
+    style: [styles.container, style],
+    backgroundColor: "transparent",
+    testID: testID,
+    children: /*#__PURE__*/_jsxs(FlexView, {
+      flexDirection: "row",
+      alignItems: "center",
+      justifyContent: "flex-start",
+      padding: "s",
+      children: [/*#__PURE__*/_jsx(FlexView, {
+        style: styles.imageContainer,
+        children: item.flagImageUrl && SvgUri ? /*#__PURE__*/_jsx(SvgUri, {
+          uri: item.flagImageUrl,
+          width: 36,
+          height: 36
+        }) : null
+      }), /*#__PURE__*/_jsxs(FlexView, {
+        style: styles.textContainer,
+        children: [/*#__PURE__*/_jsx(Text, {
+          variant: "paragraph-400",
+          color: "fg-100",
+          numberOfLines: 1,
+          ellipsizeMode: "tail",
+          children: item.name
+        }), /*#__PURE__*/_jsx(Text, {
+          variant: "small-400",
+          color: "fg-150",
+          children: item.countryCode
+        })]
+      }), selected ? /*#__PURE__*/_jsx(Icon, {
+        name: "checkmark",
+        size: "md",
+        color: "accent-100",
+        style: styles.checkmark
+      }) : null]
+    })
+  });
+}
+const styles = StyleSheet.create({
+  container: {
+    borderRadius: BorderRadius.s,
+    height: ITEM_HEIGHT,
+    justifyContent: 'center'
+  },
+  imageContainer: {
+    borderRadius: BorderRadius.full,
+    overflow: 'hidden',
+    marginRight: Spacing.xs
+  },
+  textContainer: {
+    flex: 1
+  },
+  checkmark: {
+    marginRight: Spacing['2xs']
+  }
+});
+//# sourceMappingURL=Country.js.map

package/lib/module/views/w3m-onramp-settings-view/components/Country.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["Pressable","FlexView","Spacing","Text","Icon","BorderRadius","StyleSheet","SvgUri","jsx","_jsx","jsxs","_jsxs","ITEM_HEIGHT","Country","onPress","item","selected","style","testID","handlePress","styles","container","backgroundColor","children","flexDirection","alignItems","justifyContent","padding","imageContainer","flagImageUrl","uri","width","height","textContainer","variant","color","numberOfLines","ellipsizeMode","name","countryCode","size","checkmark","create","borderRadius","s","full","overflow","marginRight","xs","flex"],"sourceRoot":"../../../../../src","sources":["views/w3m-onramp-settings-view/components/Country.tsx"],"mappings":";;AACA,SACEA,SAAS,EACTC,QAAQ,EACRC,OAAO,EACPC,IAAI,EACJC,IAAI,EACJC,YAAY,QACP,+BAA+B;AACtC,SAASC,UAAU,QAAwC,cAAc;AACzE,SAASC,MAAM,QAAQ,kBAAkB;AAAC,SAAAC,GAAA,IAAAC,IAAA,EAAAC,IAAA,IAAAC,KAAA;AAU1C,OAAO,MAAMC,WAAW,GAAG,EAAE;AAE7B,OAAO,SAASC,OAAOA,CAAC;EAAEC,OAAO;EAAEC,IAAI;EAAEC,QAAQ;EAAEC,KAAK;EAAEC;AAAc,CAAC,EAAE;EACzE,MAAMC,WAAW,GAAGA,CAAA,KAAM;IACxBL,OAAO,CAACC,IAAI,CAAC;EACf,CAAC;EAED,oBACEN,IAAA,CAACT,SAAS;IACRc,OAAO,EAAEK,WAAY;IACrBF,KAAK,EAAE,CAACG,MAAM,CAACC,SAAS,EAAEJ,KAAK,CAAE;IACjCK,eAAe,EAAC,aAAa;IAC7BJ,MAAM,EAAEA,MAAO;IAAAK,QAAA,eAEfZ,KAAA,CAACV,QAAQ;MAACuB,aAAa,EAAC,KAAK;MAACC,UAAU,EAAC,QAAQ;MAACC,cAAc,EAAC,YAAY;MAACC,OAAO,EAAC,GAAG;MAAAJ,QAAA,gBACvFd,IAAA,CAACR,QAAQ;QAACgB,KAAK,EAAEG,MAAM,CAACQ,cAAe;QAAAL,QAAA,EACpCR,IAAI,CAACc,YAAY,IAAItB,MAAM,gBAC1BE,IAAA,CAACF,MAAM;UAACuB,GAAG,EAAEf,IAAI,CAACc,YAAa;UAACE,KAAK,EAAE,EAAG;UAACC,MAAM,EAAE;QAAG,CAAE,CAAC,GACvD;MAAI,CACA,CAAC,eACXrB,KAAA,CAACV,QAAQ;QAACgB,KAAK,EAAEG,MAAM,CAACa,aAAc;QAAAV,QAAA,gBACpCd,IAAA,CAACN,IAAI;UAAC+B,OAAO,EAAC,eAAe;UAACC,KAAK,EAAC,QAAQ;UAACC,aAAa,EAAE,CAAE;UAACC,aAAa,EAAC,MAAM;UAAAd,QAAA,EAChFR,IAAI,CAACuB;QAAI,CACN,CAAC,eACP7B,IAAA,CAACN,IAAI;UAAC+B,OAAO,EAAC,WAAW;UAACC,KAAK,EAAC,QAAQ;UAAAZ,QAAA,EACrCR,IAAI,CAACwB;QAAW,CACb,CAAC;MAAA,CACC,CAAC,EACVvB,QAAQ,gBACPP,IAAA,CAACL,IAAI;QAACkC,IAAI,EAAC,WAAW;QAACE,IAAI,EAAC,IAAI;QAACL,KAAK,EAAC,YAAY;QAAClB,KAAK,EAAEG,MAAM,CAACqB;MAAU,CAAE,CAAC,GAC7E,IAAI;IAAA,CACA;EAAC,CACF,CAAC;AAEhB;AAEA,MAAMrB,MAAM,GAAGd,UAAU,CAACoC,MAAM,CAAC;EAC/BrB,SAAS,EAAE;IACTsB,YAAY,EAAEtC,YAAY,CAACuC,CAAC;IAC5BZ,MAAM,EAAEpB,WAAW;IACnBc,cAAc,EAAE;EAClB,CAAC;EACDE,cAAc,EAAE;IACde,YAAY,EAAEtC,YAAY,CAACwC,IAAI;IAC/BC,QAAQ,EAAE,QAAQ;IAClBC,WAAW,EAAE7C,OAAO,CAAC8C;EACvB,CAAC;EACDf,aAAa,EAAE;IACbgB,IAAI,EAAE;EACR,CAAC;EACDR,SAAS,EAAE;IACTM,WAAW,EAAE7C,OAAO,CAAC,KAAK;EAC5B;AACF,CAAC,CAAC","ignoreList":[]}

package/lib/module/views/w3m-onramp-settings-view/index.js

@@ -0,0 +1,150 @@
+"use strict";
+
+import { useSnapshot } from 'valtio';
+import { memo, useState } from 'react';
+import { SvgUri } from 'react-native-svg';
+import { FlexView, ListItem, Text, useTheme, Icon, Image } from '@reown/appkit-ui-react-native';
+import { OnRampController } from '@reown/appkit-core-react-native';
+import { SelectorModal } from '../../partials/w3m-selector-modal';
+import { Country } from './components/Country';
+import { Currency } from '../w3m-onramp-view/components/Currency';
+import { getModalTitle, getItemHeight, getModalItems, getModalItemKey, getModalSearchPlaceholder, getModalEmptyTitle, getModalEmptyDescription } from './utils';
+import { styles } from './styles';
+import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
+const MemoizedCountry = /*#__PURE__*/memo(Country);
+const MemoizedCurrency = /*#__PURE__*/memo(Currency);
+export function OnRampSettingsView() {
+  const {
+    paymentCurrency,
+    selectedCountry
+  } = useSnapshot(OnRampController.state);
+  const Theme = useTheme();
+  const [modalType, setModalType] = useState();
+  const [searchValue, setSearchValue] = useState('');
+  const onModalClose = () => {
+    setModalType(undefined);
+    setSearchValue('');
+  };
+  const onCountryPress = () => {
+    setModalType('country');
+  };
+  const onPaymentCurrencyPress = () => {
+    setModalType('paymentCurrency');
+  };
+  const onPressModalItem = async item => {
+    setModalType(undefined);
+    setSearchValue('');
+    if (modalType === 'country') {
+      await OnRampController.setSelectedCountry(item);
+    } else if (modalType === 'paymentCurrency') {
+      OnRampController.setPaymentCurrency(item);
+    }
+  };
+  const renderModalItem = ({
+    item
+  }) => {
+    if (modalType === 'country') {
+      const parsedItem = item;
+      return /*#__PURE__*/_jsx(MemoizedCountry, {
+        item: parsedItem,
+        onPress: onPressModalItem,
+        selected: parsedItem.countryCode === selectedCountry?.countryCode,
+        style: styles.selectorItem,
+        testID: `country-item-${parsedItem.countryCode}`
+      });
+    }
+    const parsedItem = item;
+    return /*#__PURE__*/_jsx(MemoizedCurrency, {
+      item: parsedItem,
+      onPress: onPressModalItem,
+      selected: parsedItem.currencyCode === paymentCurrency?.currencyCode,
+      title: parsedItem.name,
+      subtitle: parsedItem.currencyCode,
+      style: styles.selectorItem
+    });
+  };
+  return /*#__PURE__*/_jsxs(_Fragment, {
+    children: [/*#__PURE__*/_jsxs(FlexView, {
+      style: {
+        backgroundColor: Theme['bg-100']
+      },
+      padding: ['s', 'm', 's', 'm'],
+      children: [/*#__PURE__*/_jsxs(ListItem, {
+        onPress: onCountryPress,
+        chevron: true,
+        style: styles.firstItem,
+        contentStyle: styles.listItem,
+        testID: "button-select-country",
+        children: [/*#__PURE__*/_jsx(FlexView, {
+          alignItems: "center",
+          justifyContent: "center",
+          style: [styles.imageContainer, {
+            backgroundColor: Theme['gray-glass-005']
+          }],
+          children: /*#__PURE__*/_jsx(FlexView, {
+            style: styles.imageBorder,
+            children: selectedCountry?.flagImageUrl && SvgUri ? /*#__PURE__*/_jsx(SvgUri, {
+              uri: selectedCountry?.flagImageUrl,
+              style: styles.image
+            }) : undefined
+          })
+        }), /*#__PURE__*/_jsxs(FlexView, {
+          children: [/*#__PURE__*/_jsx(Text, {
+            color: "fg-100",
+            children: "Select Country"
+          }), selectedCountry?.name ? /*#__PURE__*/_jsx(Text, {
+            variant: "small-400",
+            color: "fg-200",
+            children: selectedCountry?.name
+          }) : null]
+        })]
+      }), /*#__PURE__*/_jsxs(ListItem, {
+        onPress: onPaymentCurrencyPress,
+        chevron: true,
+        contentStyle: styles.listItem,
+        testID: "button-select-currency",
+        children: [/*#__PURE__*/_jsx(FlexView, {
+          alignItems: "center",
+          justifyContent: "center",
+          style: [styles.imageContainer, {
+            backgroundColor: Theme['gray-glass-005']
+          }],
+          children: /*#__PURE__*/_jsx(FlexView, {
+            style: styles.imageBorder,
+            children: paymentCurrency?.symbolImageUrl ? /*#__PURE__*/_jsx(Image, {
+              source: paymentCurrency.symbolImageUrl,
+              style: styles.image
+            }) : /*#__PURE__*/_jsx(Icon, {
+              name: "currencyDollar",
+              size: "md",
+              color: "fg-100"
+            })
+          })
+        }), /*#__PURE__*/_jsxs(FlexView, {
+          children: [/*#__PURE__*/_jsx(Text, {
+            color: "fg-100",
+            children: "Select Currency"
+          }), paymentCurrency?.name ? /*#__PURE__*/_jsx(Text, {
+            variant: "small-400",
+            color: "fg-200",
+            children: paymentCurrency?.name
+          }) : null]
+        })]
+      })]
+    }), /*#__PURE__*/_jsx(SelectorModal, {
+      visible: !!modalType,
+      onClose: onModalClose,
+      items: getModalItems(modalType, searchValue, true),
+      selectedItem: modalType === 'country' ? selectedCountry : paymentCurrency,
+      onSearch: setSearchValue,
+      renderItem: renderModalItem,
+      keyExtractor: (item, index) => getModalItemKey(modalType, index, item),
+      title: getModalTitle(modalType),
+      itemHeight: getItemHeight(modalType),
+      searchPlaceholder: getModalSearchPlaceholder(modalType),
+      emptyTitle: getModalEmptyTitle(modalType),
+      emptyDescription: getModalEmptyDescription(modalType)
+    })]
+  });
+}
+//# sourceMappingURL=index.js.map

package/lib/module/views/w3m-onramp-settings-view/index.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["useSnapshot","memo","useState","SvgUri","FlexView","ListItem","Text","useTheme","Icon","Image","OnRampController","SelectorModal","Country","Currency","getModalTitle","getItemHeight","getModalItems","getModalItemKey","getModalSearchPlaceholder","getModalEmptyTitle","getModalEmptyDescription","styles","jsx","_jsx","jsxs","_jsxs","Fragment","_Fragment","MemoizedCountry","MemoizedCurrency","OnRampSettingsView","paymentCurrency","selectedCountry","state","Theme","modalType","setModalType","searchValue","setSearchValue","onModalClose","undefined","onCountryPress","onPaymentCurrencyPress","onPressModalItem","item","setSelectedCountry","setPaymentCurrency","renderModalItem","parsedItem","onPress","selected","countryCode","style","selectorItem","testID","currencyCode","title","name","subtitle","children","backgroundColor","padding","chevron","firstItem","contentStyle","listItem","alignItems","justifyContent","imageContainer","imageBorder","flagImageUrl","uri","image","color","variant","symbolImageUrl","source","size","visible","onClose","items","selectedItem","onSearch","renderItem","keyExtractor","index","itemHeight","searchPlaceholder","emptyTitle","emptyDescription"],"sourceRoot":"../../../../src","sources":["views/w3m-onramp-settings-view/index.tsx"],"mappings":";;AAAA,SAASA,WAAW,QAAQ,QAAQ;AACpC,SAASC,IAAI,EAAEC,QAAQ,QAAQ,OAAO;AACtC,SAASC,MAAM,QAAQ,kBAAkB;AACzC,SAASC,QAAQ,EAAEC,QAAQ,EAAEC,IAAI,EAAEC,QAAQ,EAAEC,IAAI,EAAEC,KAAK,QAAQ,+BAA+B;AAC/F,SAASC,gBAAgB,QAAQ,iCAAiC;AAGlE,SAASC,aAAa,QAAQ,mCAAmC;AACjE,SAASC,OAAO,QAAQ,sBAAsB;AAC9C,SAASC,QAAQ,QAAQ,wCAAwC;AACjE,SACEC,aAAa,EACbC,aAAa,EACbC,aAAa,EACbC,eAAe,EACfC,yBAAyB,EACzBC,kBAAkB,EAClBC,wBAAwB,QACnB,SAAS;AAChB,SAASC,MAAM,QAAQ,UAAU;AAAC,SAAAC,GAAA,IAAAC,IAAA,EAAAC,IAAA,IAAAC,KAAA,EAAAC,QAAA,IAAAC,SAAA;AAIlC,MAAMC,eAAe,gBAAG3B,IAAI,CAACW,OAAO,CAAC;AACrC,MAAMiB,gBAAgB,gBAAG5B,IAAI,CAACY,QAAQ,CAAC;AAEvC,OAAO,SAASiB,kBAAkBA,CAAA,EAAG;EACnC,MAAM;IAAEC,eAAe;IAAEC;EAAgB,CAAC,GAAGhC,WAAW,CAACU,gBAAgB,CAACuB,KAAK,CAAC;EAChF,MAAMC,KAAK,GAAG3B,QAAQ,CAAC,CAAC;EACxB,MAAM,CAAC4B,SAAS,EAAEC,YAAY,CAAC,GAAGlC,QAAQ,CAAY,CAAC;EACvD,MAAM,CAACmC,WAAW,EAAEC,cAAc,CAAC,GAAGpC,QAAQ,CAAC,EAAE,CAAC;EAElD,MAAMqC,YAAY,GAAGA,CAAA,KAAM;IACzBH,YAAY,CAACI,SAAS,CAAC;IACvBF,cAAc,CAAC,EAAE,CAAC;EACpB,CAAC;EAED,MAAMG,cAAc,GAAGA,CAAA,KAAM;IAC3BL,YAAY,CAAC,SAAS,CAAC;EACzB,CAAC;EAED,MAAMM,sBAAsB,GAAGA,CAAA,KAAM;IACnCN,YAAY,CAAC,iBAAiB,CAAC;EACjC,CAAC;EAED,MAAMO,gBAAgB,GAAG,MAAOC,IAAS,IAAK;IAC5CR,YAAY,CAACI,SAAS,CAAC;IACvBF,cAAc,CAAC,EAAE,CAAC;IAClB,IAAIH,SAAS,KAAK,SAAS,EAAE;MAC3B,MAAMzB,gBAAgB,CAACmC,kBAAkB,CAACD,IAAqB,CAAC;IAClE,CAAC,MAAM,IAAIT,SAAS,KAAK,iBAAiB,EAAE;MAC1CzB,gBAAgB,CAACoC,kBAAkB,CAACF,IAA0B,CAAC;IACjE;EACF,CAAC;EAED,MAAMG,eAAe,GAAGA,CAAC;IAAEH;EAAoB,CAAC,KAAK;IACnD,IAAIT,SAAS,KAAK,SAAS,EAAE;MAC3B,MAAMa,UAAU,GAAGJ,IAAqB;MAExC,oBACErB,IAAA,CAACK,eAAe;QACdgB,IAAI,EAAEI,UAAW;QACjBC,OAAO,EAAEN,gBAAiB;QAC1BO,QAAQ,EAAEF,UAAU,CAACG,WAAW,KAAKnB,eAAe,EAAEmB,WAAY;QAClEC,KAAK,EAAE/B,MAAM,CAACgC,YAAa;QAC3BC,MAAM,EAAE,gBAAgBN,UAAU,CAACG,WAAW;MAAG,CAClD,CAAC;IAEN;IAEA,MAAMH,UAAU,GAAGJ,IAA0B;IAE7C,oBACErB,IAAA,CAACM,gBAAgB;MACfe,IAAI,EAAEI,UAAW;MACjBC,OAAO,EAAEN,gBAAiB;MAC1BO,QAAQ,EAAEF,UAAU,CAACO,YAAY,KAAKxB,eAAe,EAAEwB,YAAa;MACpEC,KAAK,EAAER,UAAU,CAACS,IAAK;MACvBC,QAAQ,EAAEV,UAAU,CAACO,YAAa;MAClCH,KAAK,EAAE/B,MAAM,CAACgC;IAAa,CAC5B,CAAC;EAEN,CAAC;EAED,oBACE5B,KAAA,CAAAE,SAAA;IAAAgC,QAAA,gBACElC,KAAA,CAACrB,QAAQ;MAACgD,KAAK,EAAE;QAAEQ,eAAe,EAAE1B,KAAK,CAAC,QAAQ;MAAE,CAAE;MAAC2B,OAAO,EAAE,CAAC,GAAG,EAAE,GAAG,EAAE,GAAG,EAAE,GAAG,CAAE;MAAAF,QAAA,gBACnFlC,KAAA,CAACpB,QAAQ;QACP4C,OAAO,EAAER,cAAe;QACxBqB,OAAO;QACPV,KAAK,EAAE/B,MAAM,CAAC0C,SAAU;QACxBC,YAAY,EAAE3C,MAAM,CAAC4C,QAAS;QAC9BX,MAAM,EAAC,uBAAuB;QAAAK,QAAA,gBAE9BpC,IAAA,CAACnB,QAAQ;UACP8D,UAAU,EAAC,QAAQ;UACnBC,cAAc,EAAC,QAAQ;UACvBf,KAAK,EAAE,CAAC/B,MAAM,CAAC+C,cAAc,EAAE;YAAER,eAAe,EAAE1B,KAAK,CAAC,gBAAgB;UAAE,CAAC,CAAE;UAAAyB,QAAA,eAE7EpC,IAAA,CAACnB,QAAQ;YAACgD,KAAK,EAAE/B,MAAM,CAACgD,WAAY;YAAAV,QAAA,EACjC3B,eAAe,EAAEsC,YAAY,IAAInE,MAAM,gBACtCoB,IAAA,CAACpB,MAAM;cAACoE,GAAG,EAAEvC,eAAe,EAAEsC,YAAa;cAAClB,KAAK,EAAE/B,MAAM,CAACmD;YAAM,CAAE,CAAC,GACjEhC;UAAS,CACL;QAAC,CACH,CAAC,eACXf,KAAA,CAACrB,QAAQ;UAAAuD,QAAA,gBACPpC,IAAA,CAACjB,IAAI;YAACmE,KAAK,EAAC,QAAQ;YAAAd,QAAA,EAAC;UAAc,CAAM,CAAC,EACzC3B,eAAe,EAAEyB,IAAI,gBACpBlC,IAAA,CAACjB,IAAI;YAACoE,OAAO,EAAC,WAAW;YAACD,KAAK,EAAC,QAAQ;YAAAd,QAAA,EACrC3B,eAAe,EAAEyB;UAAI,CAClB,CAAC,GACL,IAAI;QAAA,CACA,CAAC;MAAA,CACH,CAAC,eACXhC,KAAA,CAACpB,QAAQ;QACP4C,OAAO,EAAEP,sBAAuB;QAChCoB,OAAO;QACPE,YAAY,EAAE3C,MAAM,CAAC4C,QAAS;QAC9BX,MAAM,EAAC,wBAAwB;QAAAK,QAAA,gBAE/BpC,IAAA,CAACnB,QAAQ;UACP8D,UAAU,EAAC,QAAQ;UACnBC,cAAc,EAAC,QAAQ;UACvBf,KAAK,EAAE,CAAC/B,MAAM,CAAC+C,cAAc,EAAE;YAAER,eAAe,EAAE1B,KAAK,CAAC,gBAAgB;UAAE,CAAC,CAAE;UAAAyB,QAAA,eAE7EpC,IAAA,CAACnB,QAAQ;YAACgD,KAAK,EAAE/B,MAAM,CAACgD,WAAY;YAAAV,QAAA,EACjC5B,eAAe,EAAE4C,cAAc,gBAC9BpD,IAAA,CAACd,KAAK;cAACmE,MAAM,EAAE7C,eAAe,CAAC4C,cAAe;cAACvB,KAAK,EAAE/B,MAAM,CAACmD;YAAM,CAAE,CAAC,gBAEtEjD,IAAA,CAACf,IAAI;cAACiD,IAAI,EAAC,gBAAgB;cAACoB,IAAI,EAAC,IAAI;cAACJ,KAAK,EAAC;YAAQ,CAAE;UACvD,CACO;QAAC,CACH,CAAC,eACXhD,KAAA,CAACrB,QAAQ;UAAAuD,QAAA,gBACPpC,IAAA,CAACjB,IAAI;YAACmE,KAAK,EAAC,QAAQ;YAAAd,QAAA,EAAC;UAAe,CAAM,CAAC,EAC1C5B,eAAe,EAAE0B,IAAI,gBACpBlC,IAAA,CAACjB,IAAI;YAACoE,OAAO,EAAC,WAAW;YAACD,KAAK,EAAC,QAAQ;YAAAd,QAAA,EACrC5B,eAAe,EAAE0B;UAAI,CAClB,CAAC,GACL,IAAI;QAAA,CACA,CAAC;MAAA,CACH,CAAC;IAAA,CACH,CAAC,eACXlC,IAAA,CAACZ,aAAa;MACZmE,OAAO,EAAE,CAAC,CAAC3C,SAAU;MACrB4C,OAAO,EAAExC,YAAa;MACtByC,KAAK,EAAEhE,aAAa,CAACmB,SAAS,EAAEE,WAAW,EAAE,IAAI,CAAE;MACnD4C,YAAY,EAAE9C,SAAS,KAAK,SAAS,GAAGH,eAAe,GAAGD,eAAgB;MAC1EmD,QAAQ,EAAE5C,cAAe;MACzB6C,UAAU,EAAEpC,eAAgB;MAC5BqC,YAAY,EAAEA,CAACxC,IAAS,EAAEyC,KAAa,KAAKpE,eAAe,CAACkB,SAAS,EAAEkD,KAAK,EAAEzC,IAAI,CAAE;MACpFY,KAAK,EAAE1C,aAAa,CAACqB,SAAS,CAAE;MAChCmD,UAAU,EAAEvE,aAAa,CAACoB,SAAS,CAAE;MACrCoD,iBAAiB,EAAErE,yBAAyB,CAACiB,SAAS,CAAE;MACxDqD,UAAU,EAAErE,kBAAkB,CAACgB,SAAS,CAAE;MAC1CsD,gBAAgB,EAAErE,wBAAwB,CAACe,SAAS;IAAE,CACvD,CAAC;EAAA,CACF,CAAC;AAEP","ignoreList":[]}

package/lib/module/views/w3m-onramp-settings-view/styles.js

@@ -0,0 +1,30 @@
+"use strict";
+
+import { BorderRadius, Spacing } from '@reown/appkit-ui-react-native';
+import { StyleSheet } from 'react-native';
+export const styles = StyleSheet.create({
+  listItem: {
+    paddingLeft: 0
+  },
+  firstItem: {
+    marginBottom: Spacing.xs
+  },
+  image: {
+    height: 20,
+    width: 20
+  },
+  imageContainer: {
+    borderRadius: BorderRadius.full,
+    height: 36,
+    width: 36,
+    marginRight: Spacing.s
+  },
+  imageBorder: {
+    borderRadius: BorderRadius.full,
+    overflow: 'hidden'
+  },
+  selectorItem: {
+    paddingHorizontal: Spacing.m
+  }
+});
+//# sourceMappingURL=styles.js.map

package/lib/module/views/w3m-onramp-settings-view/styles.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["BorderRadius","Spacing","StyleSheet","styles","create","listItem","paddingLeft","firstItem","marginBottom","xs","image","height","width","imageContainer","borderRadius","full","marginRight","s","imageBorder","overflow","selectorItem","paddingHorizontal","m"],"sourceRoot":"../../../../src","sources":["views/w3m-onramp-settings-view/styles.ts"],"mappings":";;AAAA,SAASA,YAAY,EAAEC,OAAO,QAAQ,+BAA+B;AACrE,SAASC,UAAU,QAAQ,cAAc;AAEzC,OAAO,MAAMC,MAAM,GAAGD,UAAU,CAACE,MAAM,CAAC;EACtCC,QAAQ,EAAE;IACRC,WAAW,EAAE;EACf,CAAC;EACDC,SAAS,EAAE;IACTC,YAAY,EAAEP,OAAO,CAACQ;EACxB,CAAC;EACDC,KAAK,EAAE;IACLC,MAAM,EAAE,EAAE;IACVC,KAAK,EAAE;EACT,CAAC;EACDC,cAAc,EAAE;IACdC,YAAY,EAAEd,YAAY,CAACe,IAAI;IAC/BJ,MAAM,EAAE,EAAE;IACVC,KAAK,EAAE,EAAE;IACTI,WAAW,EAAEf,OAAO,CAACgB;EACvB,CAAC;EACDC,WAAW,EAAE;IACXJ,YAAY,EAAEd,YAAY,CAACe,IAAI;IAC/BI,QAAQ,EAAE;EACZ,CAAC;EACDC,YAAY,EAAE;IACZC,iBAAiB,EAAEpB,OAAO,CAACqB;EAC7B;AACF,CAAC,CAAC","ignoreList":[]}

package/lib/module/views/w3m-onramp-settings-view/utils.js

@@ -0,0 +1,66 @@
+"use strict";
+
+import { ITEM_HEIGHT as COUNTRY_ITEM_HEIGHT } from './components/Country';
+import { ITEM_HEIGHT as CURRENCY_ITEM_HEIGHT } from '../w3m-onramp-view/components/Currency';
+import { OnRampController } from '@reown/appkit-core-react-native';
+
+// -------------------------- Types --------------------------
+
+// -------------------------- Constants --------------------------
+const MODAL_TITLES = {
+  country: 'Select Country',
+  paymentCurrency: 'Select Currency'
+};
+const MODAL_SEARCH_PLACEHOLDERS = {
+  country: 'Search country',
+  paymentCurrency: 'Search currency'
+};
+const MODAL_EMPTY_TITLES = {
+  country: 'No countries found',
+  paymentCurrency: 'No currencies found'
+};
+const MODAL_EMPTY_DESCRIPTIONS = {
+  country: 'There are no available countries',
+  paymentCurrency: 'There are no available currencies'
+};
+const ITEM_HEIGHTS = {
+  country: COUNTRY_ITEM_HEIGHT,
+  paymentCurrency: CURRENCY_ITEM_HEIGHT
+};
+const KEY_EXTRACTORS = {
+  country: item => item.countryCode,
+  paymentCurrency: item => item.currencyCode
+};
+
+// -------------------------- Utils --------------------------
+export const getItemHeight = type => {
+  return type ? ITEM_HEIGHTS[type] : 0;
+};
+export const getModalTitle = type => {
+  return type ? MODAL_TITLES[type] : undefined;
+};
+export const getModalSearchPlaceholder = type => {
+  return type ? MODAL_SEARCH_PLACEHOLDERS[type] : undefined;
+};
+export const getModalEmptyTitle = type => {
+  return type ? MODAL_EMPTY_TITLES[type] : undefined;
+};
+export const getModalEmptyDescription = type => {
+  return type ? MODAL_EMPTY_DESCRIPTIONS[type] : undefined;
+};
+const searchFilter = (item, searchValue) => {
+  const search = searchValue.toLowerCase();
+  return item.name.toLowerCase().includes(search) || (item.currencyCode?.toLowerCase().includes(search) ?? false) || (item.countryCode?.toLowerCase().includes(search) ?? false);
+};
+export const getModalItemKey = (type, index, item) => {
+  return type ? KEY_EXTRACTORS[type](item) : index.toString();
+};
+export const getModalItems = (type, searchValue, filterSelected) => {
+  const items = {
+    country: () => filterSelected ? OnRampController.state.countries.filter(c => c.countryCode !== OnRampController.state.selectedCountry?.countryCode) : OnRampController.state.countries,
+    paymentCurrency: () => filterSelected ? OnRampController.state.paymentCurrencies?.filter(pc => pc.currencyCode !== OnRampController.state.paymentCurrency?.currencyCode) : OnRampController.state.paymentCurrencies
+  };
+  const result = items[type]?.() || [];
+  return searchValue ? result.filter(item => searchFilter(item, searchValue)) : result;
+};
+//# sourceMappingURL=utils.js.map

package/lib/module/views/w3m-onramp-settings-view/utils.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["ITEM_HEIGHT","COUNTRY_ITEM_HEIGHT","CURRENCY_ITEM_HEIGHT","OnRampController","MODAL_TITLES","country","paymentCurrency","MODAL_SEARCH_PLACEHOLDERS","MODAL_EMPTY_TITLES","MODAL_EMPTY_DESCRIPTIONS","ITEM_HEIGHTS","KEY_EXTRACTORS","item","countryCode","currencyCode","getItemHeight","type","getModalTitle","undefined","getModalSearchPlaceholder","getModalEmptyTitle","getModalEmptyDescription","searchFilter","searchValue","search","toLowerCase","name","includes","getModalItemKey","index","toString","getModalItems","filterSelected","items","state","countries","filter","c","selectedCountry","paymentCurrencies","pc","result"],"sourceRoot":"../../../../src","sources":["views/w3m-onramp-settings-view/utils.ts"],"mappings":"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","ignoreList":[]}

package/lib/module/views/w3m-onramp-transaction-view/index.js

@@ -0,0 +1,120 @@
+"use strict";
+
+import { useSnapshot } from 'valtio';
+import { useEffect } from 'react';
+import { ConnectionsController, OnRampController, RouterController } from '@reown/appkit-core-react-native';
+import { StringUtil } from '@reown/appkit-common-react-native';
+import { Button, FlexView, IconBox, Image, Text, useTheme } from '@reown/appkit-ui-react-native';
+import styles from './styles';
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+export function OnRampTransactionView() {
+  const Theme = useTheme();
+  const {
+    data
+  } = useSnapshot(RouterController.state);
+  const onClose = () => {
+    const isAuth = !!ConnectionsController.state.connection?.properties?.provider;
+    RouterController.replace(isAuth ? 'Account' : 'AccountDefault');
+  };
+  const showNetwork = !!data?.onrampResult?.network;
+  const showStatus = !!data?.onrampResult?.status;
+  useEffect(() => {
+    return () => {
+      OnRampController.resetState();
+      ConnectionsController.fetchBalance();
+    };
+  }, []);
+  return /*#__PURE__*/_jsxs(FlexView, {
+    padding: ['3xs', 'l', 's', 'l'],
+    children: [/*#__PURE__*/_jsxs(FlexView, {
+      children: [/*#__PURE__*/_jsxs(FlexView, {
+        alignItems: "center",
+        children: [/*#__PURE__*/_jsx(IconBox, {
+          icon: "checkmark",
+          size: "xl",
+          iconColor: "success-100",
+          background: true,
+          backgroundColor: "success-glass-020",
+          style: styles.icon
+        }), /*#__PURE__*/_jsxs(Text, {
+          variant: "medium-600",
+          color: "fg-100",
+          children: ["You successfully bought ", data?.onrampResult?.purchaseCurrency]
+        })]
+      }), /*#__PURE__*/_jsxs(FlexView, {
+        style: [styles.card, {
+          backgroundColor: Theme['gray-glass-005']
+        }],
+        padding: "m",
+        margin: ['s', '0', '2xl', '0'],
+        children: [/*#__PURE__*/_jsxs(FlexView, {
+          flexDirection: "row",
+          justifyContent: "space-between",
+          alignItems: "center",
+          margin: ['0', '0', 'xs', '0'],
+          children: [/*#__PURE__*/_jsx(Text, {
+            variant: "paragraph-400",
+            color: "fg-150",
+            children: "You Paid"
+          }), /*#__PURE__*/_jsxs(Text, {
+            variant: "paragraph-500",
+            children: [data?.onrampResult?.paymentAmount, " ", data?.onrampResult?.paymentCurrency]
+          })]
+        }), /*#__PURE__*/_jsxs(FlexView, {
+          flexDirection: "row",
+          justifyContent: "space-between",
+          alignItems: "center",
+          margin: ['0', '0', 'xs', '0'],
+          children: [/*#__PURE__*/_jsx(Text, {
+            variant: "paragraph-400",
+            color: "fg-150",
+            children: "You Bought"
+          }), /*#__PURE__*/_jsxs(FlexView, {
+            flexDirection: "row",
+            alignItems: "center",
+            children: [/*#__PURE__*/_jsxs(Text, {
+              variant: "paragraph-500",
+              children: [data?.onrampResult?.purchaseAmount, ' ', data?.onrampResult?.purchaseCurrency?.split('_')[0] ?? '']
+            }), data?.onrampResult?.purchaseImageUrl ? /*#__PURE__*/_jsx(Image, {
+              source: data?.onrampResult?.purchaseImageUrl,
+              style: [styles.tokenImage, {
+                borderColor: Theme['gray-glass-010']
+              }]
+            }) : null]
+          })]
+        }), showNetwork ? /*#__PURE__*/_jsxs(FlexView, {
+          flexDirection: "row",
+          alignItems: "center",
+          justifyContent: "space-between",
+          margin: ['0', '0', 'xs', '0'],
+          children: [/*#__PURE__*/_jsx(Text, {
+            variant: "paragraph-400",
+            color: "fg-150",
+            children: "Network"
+          }), /*#__PURE__*/_jsx(Text, {
+            variant: "paragraph-500",
+            children: StringUtil.capitalize(data?.onrampResult?.network)
+          })]
+        }) : null, showStatus ? /*#__PURE__*/_jsxs(FlexView, {
+          flexDirection: "row",
+          alignItems: "center",
+          justifyContent: "space-between",
+          children: [/*#__PURE__*/_jsx(Text, {
+            variant: "paragraph-400",
+            color: "fg-150",
+            children: "Status"
+          }), /*#__PURE__*/_jsx(Text, {
+            variant: "paragraph-500",
+            children: StringUtil.capitalize(data?.onrampResult?.status)
+          })]
+        }) : null]
+      })]
+    }), /*#__PURE__*/_jsx(Button, {
+      variant: "fill",
+      size: "md",
+      onPress: onClose,
+      children: "Go back"
+    })]
+  });
+}
+//# sourceMappingURL=index.js.map

package/lib/module/views/w3m-onramp-transaction-view/index.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["useSnapshot","useEffect","ConnectionsController","OnRampController","RouterController","StringUtil","Button","FlexView","IconBox","Image","Text","useTheme","styles","jsx","_jsx","jsxs","_jsxs","OnRampTransactionView","Theme","data","state","onClose","isAuth","connection","properties","provider","replace","showNetwork","onrampResult","network","showStatus","status","resetState","fetchBalance","padding","children","alignItems","icon","size","iconColor","background","backgroundColor","style","variant","color","purchaseCurrency","card","margin","flexDirection","justifyContent","paymentAmount","paymentCurrency","purchaseAmount","split","purchaseImageUrl","source","tokenImage","borderColor","capitalize","onPress"],"sourceRoot":"../../../../src","sources":["views/w3m-onramp-transaction-view/index.tsx"],"mappings":"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","ignoreList":[]}

package/lib/module/views/w3m-onramp-transaction-view/styles.js

@@ -0,0 +1,20 @@
+"use strict";
+
+import { StyleSheet } from 'react-native';
+import { BorderRadius, Spacing } from '@reown/appkit-ui-react-native';
+export default StyleSheet.create({
+  icon: {
+    marginBottom: Spacing.m
+  },
+  card: {
+    borderRadius: BorderRadius.s
+  },
+  tokenImage: {
+    height: 16,
+    width: 16,
+    marginLeft: 4,
+    borderRadius: BorderRadius.full,
+    borderWidth: 1
+  }
+});
+//# sourceMappingURL=styles.js.map

package/lib/module/views/w3m-onramp-transaction-view/styles.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["StyleSheet","BorderRadius","Spacing","create","icon","marginBottom","m","card","borderRadius","s","tokenImage","height","width","marginLeft","full","borderWidth"],"sourceRoot":"../../../../src","sources":["views/w3m-onramp-transaction-view/styles.ts"],"mappings":";;AAAA,SAASA,UAAU,QAAQ,cAAc;AACzC,SAASC,YAAY,EAAEC,OAAO,QAAQ,+BAA+B;AAErE,eAAeF,UAAU,CAACG,MAAM,CAAC;EAC/BC,IAAI,EAAE;IACJC,YAAY,EAAEH,OAAO,CAACI;EACxB,CAAC;EACDC,IAAI,EAAE;IACJC,YAAY,EAAEP,YAAY,CAACQ;EAC7B,CAAC;EACDC,UAAU,EAAE;IACVC,MAAM,EAAE,EAAE;IACVC,KAAK,EAAE,EAAE;IACTC,UAAU,EAAE,CAAC;IACbL,YAAY,EAAEP,YAAY,CAACa,IAAI;IAC/BC,WAAW,EAAE;EACf;AACF,CAAC,CAAC","ignoreList":[]}

package/lib/module/views/w3m-onramp-view/components/Currency.js

@@ -0,0 +1,85 @@
+"use strict";
+
+import { Pressable, FlexView, Spacing, Text, useTheme, Icon, BorderRadius } from '@reown/appkit-ui-react-native';
+import { StyleSheet, Image } from 'react-native';
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+export const ITEM_HEIGHT = 60;
+export function Currency({
+  onPress,
+  item,
+  selected,
+  title,
+  subtitle,
+  testID,
+  style
+}) {
+  const Theme = useTheme();
+  const handlePress = () => {
+    onPress(item);
+  };
+  return /*#__PURE__*/_jsx(Pressable, {
+    onPress: handlePress,
+    style: [styles.container, style],
+    backgroundColor: "transparent",
+    testID: testID,
+    children: /*#__PURE__*/_jsxs(FlexView, {
+      flexDirection: "row",
+      alignItems: "center",
+      justifyContent: "space-between",
+      padding: "xs",
+      children: [/*#__PURE__*/_jsxs(FlexView, {
+        flexDirection: "row",
+        alignItems: "center",
+        justifyContent: "flex-start",
+        children: [/*#__PURE__*/_jsx(Image, {
+          source: {
+            uri: item.symbolImageUrl
+          },
+          style: [styles.logo, {
+            backgroundColor: Theme['inverse-100']
+          }]
+        }), /*#__PURE__*/_jsxs(FlexView, {
+          children: [/*#__PURE__*/_jsx(Text, {
+            variant: "paragraph-500",
+            color: "fg-100",
+            numberOfLines: 1,
+            ellipsizeMode: "tail",
+            children: title
+          }), /*#__PURE__*/_jsx(Text, {
+            variant: "small-400",
+            color: "fg-150",
+            children: subtitle
+          })]
+        })]
+      }), selected ? /*#__PURE__*/_jsx(Icon, {
+        name: "checkmark",
+        size: "md",
+        color: "accent-100",
+        style: styles.checkmark
+      }) : null]
+    })
+  });
+}
+const styles = StyleSheet.create({
+  container: {
+    justifyContent: 'center',
+    height: ITEM_HEIGHT,
+    borderRadius: BorderRadius.s
+  },
+  logo: {
+    width: 36,
+    height: 36,
+    borderRadius: BorderRadius.full,
+    marginRight: Spacing.xs
+  },
+  checkmark: {
+    marginRight: Spacing['2xs']
+  },
+  selected: {
+    borderWidth: 1
+  },
+  text: {
+    flex: 1
+  }
+});
+//# sourceMappingURL=Currency.js.map

package/lib/module/views/w3m-onramp-view/components/Currency.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["Pressable","FlexView","Spacing","Text","useTheme","Icon","BorderRadius","StyleSheet","Image","jsx","_jsx","jsxs","_jsxs","ITEM_HEIGHT","Currency","onPress","item","selected","title","subtitle","testID","style","Theme","handlePress","styles","container","backgroundColor","children","flexDirection","alignItems","justifyContent","padding","source","uri","symbolImageUrl","logo","variant","color","numberOfLines","ellipsizeMode","name","size","checkmark","create","height","borderRadius","s","width","full","marginRight","xs","borderWidth","text","flex"],"sourceRoot":"../../../../../src","sources":["views/w3m-onramp-view/components/Currency.tsx"],"mappings":";;AAIA,SACEA,SAAS,EACTC,QAAQ,EACRC,OAAO,EACPC,IAAI,EACJC,QAAQ,EACRC,IAAI,EACJC,YAAY,QACP,+BAA+B;AACtC,SAASC,UAAU,EAAEC,KAAK,QAAwC,cAAc;AAAC,SAAAC,GAAA,IAAAC,IAAA,EAAAC,IAAA,IAAAC,KAAA;AAEjF,OAAO,MAAMC,WAAW,GAAG,EAAE;AAY7B,OAAO,SAASC,QAAQA,CAAC;EAAEC,OAAO;EAAEC,IAAI;EAAEC,QAAQ;EAAEC,KAAK;EAAEC,QAAQ;EAAEC,MAAM;EAAEC;AAAa,CAAC,EAAE;EAC3F,MAAMC,KAAK,GAAGlB,QAAQ,CAAC,CAAC;EAExB,MAAMmB,WAAW,GAAGA,CAAA,KAAM;IACxBR,OAAO,CAACC,IAAI,CAAC;EACf,CAAC;EAED,oBACEN,IAAA,CAACV,SAAS;IACRe,OAAO,EAAEQ,WAAY;IACrBF,KAAK,EAAE,CAACG,MAAM,CAACC,SAAS,EAAEJ,KAAK,CAAE;IACjCK,eAAe,EAAC,aAAa;IAC7BN,MAAM,EAAEA,MAAO;IAAAO,QAAA,eAEff,KAAA,CAACX,QAAQ;MAAC2B,aAAa,EAAC,KAAK;MAACC,UAAU,EAAC,QAAQ;MAACC,cAAc,EAAC,eAAe;MAACC,OAAO,EAAC,IAAI;MAAAJ,QAAA,gBAC3Ff,KAAA,CAACX,QAAQ;QAAC2B,aAAa,EAAC,KAAK;QAACC,UAAU,EAAC,QAAQ;QAACC,cAAc,EAAC,YAAY;QAAAH,QAAA,gBAC3EjB,IAAA,CAACF,KAAK;UACJwB,MAAM,EAAE;YAAEC,GAAG,EAAEjB,IAAI,CAACkB;UAAe,CAAE;UACrCb,KAAK,EAAE,CAACG,MAAM,CAACW,IAAI,EAAE;YAAET,eAAe,EAAEJ,KAAK,CAAC,aAAa;UAAE,CAAC;QAAE,CACjE,CAAC,eACFV,KAAA,CAACX,QAAQ;UAAA0B,QAAA,gBACPjB,IAAA,CAACP,IAAI;YAACiC,OAAO,EAAC,eAAe;YAACC,KAAK,EAAC,QAAQ;YAACC,aAAa,EAAE,CAAE;YAACC,aAAa,EAAC,MAAM;YAAAZ,QAAA,EAChFT;UAAK,CACF,CAAC,eACPR,IAAA,CAACP,IAAI;YAACiC,OAAO,EAAC,WAAW;YAACC,KAAK,EAAC,QAAQ;YAAAV,QAAA,EACrCR;UAAQ,CACL,CAAC;QAAA,CACC,CAAC;MAAA,CACH,CAAC,EACVF,QAAQ,gBACPP,IAAA,CAACL,IAAI;QAACmC,IAAI,EAAC,WAAW;QAACC,IAAI,EAAC,IAAI;QAACJ,KAAK,EAAC,YAAY;QAAChB,KAAK,EAAEG,MAAM,CAACkB;MAAU,CAAE,CAAC,GAC7E,IAAI;IAAA,CACA;EAAC,CACF,CAAC;AAEhB;AAEA,MAAMlB,MAAM,GAAGjB,UAAU,CAACoC,MAAM,CAAC;EAC/BlB,SAAS,EAAE;IACTK,cAAc,EAAE,QAAQ;IACxBc,MAAM,EAAE/B,WAAW;IACnBgC,YAAY,EAAEvC,YAAY,CAACwC;EAC7B,CAAC;EACDX,IAAI,EAAE;IACJY,KAAK,EAAE,EAAE;IACTH,MAAM,EAAE,EAAE;IACVC,YAAY,EAAEvC,YAAY,CAAC0C,IAAI;IAC/BC,WAAW,EAAE/C,OAAO,CAACgD;EACvB,CAAC;EACDR,SAAS,EAAE;IACTO,WAAW,EAAE/C,OAAO,CAAC,KAAK;EAC5B,CAAC;EACDe,QAAQ,EAAE;IACRkC,WAAW,EAAE;EACf,CAAC;EACDC,IAAI,EAAE;IACJC,IAAI,EAAE;EACR;AACF,CAAC,CAAC","ignoreList":[]}