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

package/lib/module/composites/wui-card-select/index.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["memo","useMemo","Animated","Pressable","View","Text","IconBox","useAnimatedValue","useTheme","NetworkImage","WalletImage","styles","getBackgroundColor","ITEM_HEIGHT","ITEM_WIDTH","UiUtil","FlexView","jsx","_jsx","jsxs","_jsxs","AnimatedPressable","createAnimatedComponent","CardSelectHeight","CardSelectWidth","CardSelect_","name","type","imageSrc","imageHeaders","onPress","disabled","installed","selected","style","testID","Theme","normalbackgroundColor","pressed","pressedBackgroundColor","Image","animatedValue","setStartValue","setEndValue","textColor","alignItems","justifyContent","children","onPressIn","onPressOut","container","backgroundColor","size","disabledImage","icon","iconSize","iconColor","border","borderSize","borderColor","background","installedBox","variant","color","text","numberOfLines","getWalletName","CardSelect","prevProps","nextProps"],"sourceRoot":"../../../../src","sources":["composites/wui-card-select/index.tsx"],"mappings":"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","ignoreList":[]}

package/lib/module/composites/wui-card-select/styles.js

@@ -0,0 +1,40 @@
+"use strict";
+
+import { StyleSheet } from 'react-native';
+import { BorderRadius, Spacing } from '../../utils/ThemeUtil';
+export const ITEM_HEIGHT = 96;
+export const ITEM_WIDTH = 76;
+export const getBackgroundColor = ({
+  selected,
+  disabled,
+  pressed
+}) => {
+  if (disabled) return 'gray-glass-005';
+  if (selected) return 'accent-glass-020';
+  return pressed ? 'gray-glass-010' : 'gray-glass-002';
+};
+export default StyleSheet.create({
+  container: {
+    justifyContent: 'center',
+    alignItems: 'center',
+    height: ITEM_HEIGHT,
+    width: ITEM_WIDTH,
+    borderRadius: BorderRadius.xs
+  },
+  text: {
+    marginTop: Spacing.xs,
+    marginHorizontal: Spacing['2xs']
+  },
+  disabledImage: {
+    opacity: 0.4
+  },
+  installedBox: {
+    position: 'absolute',
+    bottom: -5,
+    right: -5,
+    height: 24,
+    width: 24,
+    zIndex: 2
+  }
+});
+//# sourceMappingURL=styles.js.map

package/lib/module/composites/wui-card-select/styles.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["StyleSheet","BorderRadius","Spacing","ITEM_HEIGHT","ITEM_WIDTH","getBackgroundColor","selected","disabled","pressed","create","container","justifyContent","alignItems","height","width","borderRadius","xs","text","marginTop","marginHorizontal","disabledImage","opacity","installedBox","position","bottom","right","zIndex"],"sourceRoot":"../../../../src","sources":["composites/wui-card-select/styles.ts"],"mappings":";;AAAA,SAASA,UAAU,QAAQ,cAAc;AACzC,SAASC,YAAY,EAAEC,OAAO,QAAQ,uBAAuB;AAG7D,OAAO,MAAMC,WAAW,GAAG,EAAE;AAC7B,OAAO,MAAMC,UAAU,GAAG,EAAE;AAE5B,OAAO,MAAMC,kBAAkB,GAAGA,CAAC;EACjCC,QAAQ;EACRC,QAAQ;EACRC;AAKF,CAAC,KAAgB;EACf,IAAID,QAAQ,EAAE,OAAO,gBAAgB;EACrC,IAAID,QAAQ,EAAE,OAAO,kBAAkB;EAEvC,OAAOE,OAAO,GAAG,gBAAgB,GAAG,gBAAgB;AACtD,CAAC;AAED,eAAeR,UAAU,CAACS,MAAM,CAAC;EAC/BC,SAAS,EAAE;IACTC,cAAc,EAAE,QAAQ;IACxBC,UAAU,EAAE,QAAQ;IACpBC,MAAM,EAAEV,WAAW;IACnBW,KAAK,EAAEV,UAAU;IACjBW,YAAY,EAAEd,YAAY,CAACe;EAC7B,CAAC;EACDC,IAAI,EAAE;IACJC,SAAS,EAAEhB,OAAO,CAACc,EAAE;IACrBG,gBAAgB,EAAEjB,OAAO,CAAC,KAAK;EACjC,CAAC;EACDkB,aAAa,EAAE;IACbC,OAAO,EAAE;EACX,CAAC;EACDC,YAAY,EAAE;IACZC,QAAQ,EAAE,UAAU;IACpBC,MAAM,EAAE,CAAC,CAAC;IACVC,KAAK,EAAE,CAAC,CAAC;IACTZ,MAAM,EAAE,EAAE;IACVC,KAAK,EAAE,EAAE;IACTY,MAAM,EAAE;EACV;AACF,CAAC,CAAC","ignoreList":[]}

package/lib/module/composites/wui-card-select-loader/index.js

@@ -0,0 +1,36 @@
+"use strict";
+
+import { memo } from 'react';
+import { BorderRadius, Spacing, WalletImageSize } from '../../utils/ThemeUtil';
+import { useTheme } from '../../hooks/useTheme';
+import { Shimmer } from '../../components/wui-shimmer';
+import { FlexView } from '../../layout/wui-flex';
+import styles, { ITEM_HEIGHT } from './styles';
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+export const CardSelectLoaderHeight = ITEM_HEIGHT;
+export function CardSelectLoader_({
+  style
+}) {
+  const Theme = useTheme();
+  return /*#__PURE__*/_jsxs(FlexView, {
+    alignItems: "center",
+    justifyContent: "center",
+    style: [styles.container, {
+      backgroundColor: Theme['gray-glass-002']
+    }, style],
+    children: [/*#__PURE__*/_jsx(Shimmer, {
+      height: WalletImageSize.md,
+      width: WalletImageSize.md,
+      borderRadius: BorderRadius.xs
+    }), /*#__PURE__*/_jsx(Shimmer, {
+      height: 14,
+      width: WalletImageSize.md - Spacing.xs,
+      borderRadius: 6,
+      style: styles.text
+    })]
+  });
+}
+export const CardSelectLoader = /*#__PURE__*/memo(CardSelectLoader_, () => {
+  return true;
+});
+//# sourceMappingURL=index.js.map

package/lib/module/composites/wui-card-select-loader/index.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["memo","BorderRadius","Spacing","WalletImageSize","useTheme","Shimmer","FlexView","styles","ITEM_HEIGHT","jsx","_jsx","jsxs","_jsxs","CardSelectLoaderHeight","CardSelectLoader_","style","Theme","alignItems","justifyContent","container","backgroundColor","children","height","md","width","borderRadius","xs","text","CardSelectLoader"],"sourceRoot":"../../../../src","sources":["composites/wui-card-select-loader/index.tsx"],"mappings":";;AAAA,SAASA,IAAI,QAAQ,OAAO;AAE5B,SAASC,YAAY,EAAEC,OAAO,EAAEC,eAAe,QAAQ,uBAAuB;AAC9E,SAASC,QAAQ,QAAQ,sBAAsB;AAC/C,SAASC,OAAO,QAAQ,8BAA8B;AACtD,SAASC,QAAQ,QAAQ,uBAAuB;AAChD,OAAOC,MAAM,IAAIC,WAAW,QAAQ,UAAU;AAAC,SAAAC,GAAA,IAAAC,IAAA,EAAAC,IAAA,IAAAC,KAAA;AAE/C,OAAO,MAAMC,sBAAsB,GAAGL,WAAW;AAMjD,OAAO,SAASM,iBAAiBA,CAAC;EAAEC;AAA6B,CAAC,EAAE;EAClE,MAAMC,KAAK,GAAGZ,QAAQ,CAAC,CAAC;EAExB,oBACEQ,KAAA,CAACN,QAAQ;IACPW,UAAU,EAAC,QAAQ;IACnBC,cAAc,EAAC,QAAQ;IACvBH,KAAK,EAAE,CAACR,MAAM,CAACY,SAAS,EAAE;MAAEC,eAAe,EAAEJ,KAAK,CAAC,gBAAgB;IAAE,CAAC,EAAED,KAAK,CAAE;IAAAM,QAAA,gBAE/EX,IAAA,CAACL,OAAO;MACNiB,MAAM,EAAEnB,eAAe,CAACoB,EAAG;MAC3BC,KAAK,EAAErB,eAAe,CAACoB,EAAG;MAC1BE,YAAY,EAAExB,YAAY,CAACyB;IAAG,CAC/B,CAAC,eACFhB,IAAA,CAACL,OAAO;MACNiB,MAAM,EAAE,EAAG;MACXE,KAAK,EAAErB,eAAe,CAACoB,EAAE,GAAGrB,OAAO,CAACwB,EAAG;MACvCD,YAAY,EAAE,CAAE;MAChBV,KAAK,EAAER,MAAM,CAACoB;IAAK,CACpB,CAAC;EAAA,CACM,CAAC;AAEf;AACA,OAAO,MAAMC,gBAAgB,gBAAG5B,IAAI,CAACc,iBAAiB,EAAE,MAAM;EAC5D,OAAO,IAAI;AACb,CAAC,CAAC","ignoreList":[]}

package/lib/module/composites/wui-card-select-loader/styles.js

@@ -0,0 +1,16 @@
+"use strict";
+
+import { StyleSheet } from 'react-native';
+import { BorderRadius, Spacing } from '../../utils/ThemeUtil';
+export const ITEM_HEIGHT = 96;
+export default StyleSheet.create({
+  container: {
+    height: ITEM_HEIGHT,
+    width: 76,
+    borderRadius: BorderRadius.xs
+  },
+  text: {
+    marginTop: Spacing.xs
+  }
+});
+//# sourceMappingURL=styles.js.map

package/lib/module/composites/wui-card-select-loader/styles.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["StyleSheet","BorderRadius","Spacing","ITEM_HEIGHT","create","container","height","width","borderRadius","xs","text","marginTop"],"sourceRoot":"../../../../src","sources":["composites/wui-card-select-loader/styles.ts"],"mappings":";;AAAA,SAASA,UAAU,QAAQ,cAAc;AACzC,SAASC,YAAY,EAAEC,OAAO,QAAQ,uBAAuB;AAE7D,OAAO,MAAMC,WAAW,GAAG,EAAE;AAE7B,eAAeH,UAAU,CAACI,MAAM,CAAC;EAC/BC,SAAS,EAAE;IACTC,MAAM,EAAEH,WAAW;IACnBI,KAAK,EAAE,EAAE;IACTC,YAAY,EAAEP,YAAY,CAACQ;EAC7B,CAAC;EACDC,IAAI,EAAE;IACJC,SAAS,EAAET,OAAO,CAACO;EACrB;AACF,CAAC,CAAC","ignoreList":[]}

package/lib/module/composites/wui-chip/index.js

@@ -0,0 +1,88 @@
+"use strict";
+
+import { useRef, useState } from 'react';
+import { Animated, Pressable } from 'react-native';
+import { useTheme } from '../../hooks/useTheme';
+import { Text } from '../../components/wui-text';
+import { Image } from '../../components/wui-image';
+import { Icon } from '../../components/wui-icon';
+import styles, { getThemedChipStyle, getThemedTextColor } from './styles';
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+const AnimatedPressable = Animated.createAnimatedComponent(Pressable);
+export function Chip({
+  onPress,
+  imageSrc,
+  leftIcon,
+  rightIcon,
+  variant = 'fill',
+  size = 'md',
+  disabled,
+  label,
+  style
+}) {
+  const Theme = useTheme();
+  const colorAnimation = useRef(new Animated.Value(0));
+  const [pressed, setPressed] = useState(false);
+  const themedNormalStyle = getThemedChipStyle(Theme, variant, disabled, false);
+  const themedPressedStyle = getThemedChipStyle(Theme, variant, disabled, true);
+  const themedTextColor = getThemedTextColor(variant, disabled, pressed);
+  const iconSize = size === 'md' ? 'sm' : 'xs';
+  const handlePress = () => {
+    onPress?.();
+  };
+  const onPressIn = () => {
+    Animated.timing(colorAnimation.current, {
+      toValue: 1,
+      useNativeDriver: false,
+      duration: 200
+    }).start();
+    setPressed(true);
+  };
+  const onPressOut = () => {
+    Animated.timing(colorAnimation.current, {
+      toValue: 0,
+      useNativeDriver: false,
+      duration: 200
+    }).start();
+    setPressed(false);
+  };
+  const backgroundColor = colorAnimation.current.interpolate({
+    inputRange: [0, 1],
+    outputRange: [themedNormalStyle.backgroundColor, themedPressedStyle.backgroundColor]
+  });
+  const borderColor = colorAnimation.current.interpolate({
+    inputRange: [0, 1],
+    outputRange: [themedNormalStyle.borderColor, themedPressedStyle.borderColor]
+  });
+  return /*#__PURE__*/_jsxs(AnimatedPressable, {
+    disabled: disabled,
+    style: [styles.container, styles[`${size}Chip`], {
+      borderColor,
+      backgroundColor
+    }, style],
+    onPressIn: onPressIn,
+    onPressOut: onPressOut,
+    onPress: handlePress,
+    children: [imageSrc ? /*#__PURE__*/_jsx(Image, {
+      style: [styles.image, styles[`${size}Image`], {
+        borderColor: themedNormalStyle.borderColor
+      }, disabled && styles.disabledImage],
+      source: imageSrc
+    }) : null, leftIcon ? /*#__PURE__*/_jsx(Icon, {
+      name: leftIcon,
+      color: themedTextColor
+    }) : null, /*#__PURE__*/_jsx(Text, {
+      variant: size === 'md' ? 'paragraph-600' : 'small-600',
+      style: [styles.link, {
+        color: Theme[themedTextColor]
+      }],
+      children: label
+    }), rightIcon ? /*#__PURE__*/_jsx(Icon, {
+      name: rightIcon,
+      size: iconSize,
+      color: themedTextColor,
+      style: styles.icon
+    }) : null]
+  });
+}
+//# sourceMappingURL=index.js.map

package/lib/module/composites/wui-chip/index.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["useRef","useState","Animated","Pressable","useTheme","Text","Image","Icon","styles","getThemedChipStyle","getThemedTextColor","jsx","_jsx","jsxs","_jsxs","AnimatedPressable","createAnimatedComponent","Chip","onPress","imageSrc","leftIcon","rightIcon","variant","size","disabled","label","style","Theme","colorAnimation","Value","pressed","setPressed","themedNormalStyle","themedPressedStyle","themedTextColor","iconSize","handlePress","onPressIn","timing","current","toValue","useNativeDriver","duration","start","onPressOut","backgroundColor","interpolate","inputRange","outputRange","borderColor","container","children","image","disabledImage","source","name","color","link","icon"],"sourceRoot":"../../../../src","sources":["composites/wui-chip/index.tsx"],"mappings":"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","ignoreList":[]}

package/lib/module/composites/wui-chip/styles.js

@@ -0,0 +1,72 @@
+"use strict";
+
+import { StyleSheet } from 'react-native';
+import { BorderRadius, Spacing } from '../../utils/ThemeUtil';
+export const getThemedChipStyle = (theme, variant, disabled, pressed) => {
+  const chipBaseStyle = {
+    borderColor: theme['gray-glass-010']
+  };
+  if (disabled) {
+    return {
+      backgroundColor: theme['gray-glass-020'],
+      borderColor: theme['gray-glass-005']
+    };
+  }
+  if (pressed) {
+    return {
+      ...chipBaseStyle,
+      backgroundColor: variant === 'fill' ? theme['accent-020'] : variant === 'shade' ? theme['gray-glass-020'] : theme['gray-glass-010']
+    };
+  }
+  return {
+    ...chipBaseStyle,
+    backgroundColor: variant === 'fill' ? theme['accent-100'] : variant === 'shade' ? theme['gray-glass-010'] : 'transparent'
+  };
+};
+export const getThemedTextColor = (variant, disabled, pressed) => {
+  if (disabled) {
+    return 'fg-300';
+  }
+  if (pressed) {
+    return variant === 'fill' ? 'inverse-100' : variant === 'shade' ? 'fg-175' : 'fg-150';
+  }
+  return variant === 'fill' ? 'inverse-100' : variant === 'shade' ? 'fg-200' : 'fg-150';
+};
+export default StyleSheet.create({
+  container: {
+    flexDirection: 'row',
+    height: 40,
+    paddingHorizontal: Spacing.xs,
+    alignItems: 'center',
+    borderRadius: BorderRadius.s,
+    borderWidth: StyleSheet.hairlineWidth
+  },
+  image: {
+    borderRadius: BorderRadius.full,
+    borderWidth: StyleSheet.hairlineWidth
+  },
+  smImage: {
+    width: 16,
+    height: 16
+  },
+  mdImage: {
+    width: 24,
+    height: 24
+  },
+  disabledImage: {
+    opacity: 0.2
+  },
+  smChip: {
+    height: 32
+  },
+  mdChip: {
+    height: 40
+  },
+  link: {
+    paddingHorizontal: Spacing['2xs']
+  },
+  icon: {
+    marginRight: Spacing['3xs']
+  }
+});
+//# sourceMappingURL=styles.js.map

package/lib/module/composites/wui-chip/styles.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["StyleSheet","BorderRadius","Spacing","getThemedChipStyle","theme","variant","disabled","pressed","chipBaseStyle","borderColor","backgroundColor","getThemedTextColor","create","container","flexDirection","height","paddingHorizontal","xs","alignItems","borderRadius","s","borderWidth","hairlineWidth","image","full","smImage","width","mdImage","disabledImage","opacity","smChip","mdChip","link","icon","marginRight"],"sourceRoot":"../../../../src","sources":["composites/wui-chip/styles.ts"],"mappings":";;AAAA,SAAyBA,UAAU,QAAQ,cAAc;AACzD,SAASC,YAAY,EAAEC,OAAO,QAAQ,uBAAuB;AAG7D,OAAO,MAAMC,kBAAkB,GAAGA,CAChCC,KAAqC,EACrCC,OAAiB,EACjBC,QAAkB,EAClBC,OAAiB,KACE;EACnB,MAAMC,aAAa,GAAG;IACpBC,WAAW,EAAEL,KAAK,CAAC,gBAAgB;EACrC,CAAC;EAED,IAAIE,QAAQ,EAAE;IACZ,OAAO;MACLI,eAAe,EAAEN,KAAK,CAAC,gBAAgB,CAAC;MACxCK,WAAW,EAAEL,KAAK,CAAC,gBAAgB;IACrC,CAAC;EACH;EAEA,IAAIG,OAAO,EAAE;IACX,OAAO;MACL,GAAGC,aAAa;MAChBE,eAAe,EACbL,OAAO,KAAK,MAAM,GACdD,KAAK,CAAC,YAAY,CAAC,GACnBC,OAAO,KAAK,OAAO,GACnBD,KAAK,CAAC,gBAAgB,CAAC,GACvBA,KAAK,CAAC,gBAAgB;IAC9B,CAAC;EACH;EAEA,OAAO;IACL,GAAGI,aAAa;IAChBE,eAAe,EACbL,OAAO,KAAK,MAAM,GACdD,KAAK,CAAC,YAAY,CAAC,GACnBC,OAAO,KAAK,OAAO,GACnBD,KAAK,CAAC,gBAAgB,CAAC,GACvB;EACR,CAAC;AACH,CAAC;AAED,OAAO,MAAMO,kBAAkB,GAAGA,CAChCN,OAAiB,EACjBC,QAAkB,EAClBC,OAAiB,KACH;EACd,IAAID,QAAQ,EAAE;IACZ,OAAO,QAAQ;EACjB;EAEA,IAAIC,OAAO,EAAE;IACX,OAAOF,OAAO,KAAK,MAAM,GAAG,aAAa,GAAGA,OAAO,KAAK,OAAO,GAAG,QAAQ,GAAG,QAAQ;EACvF;EAEA,OAAOA,OAAO,KAAK,MAAM,GAAG,aAAa,GAAGA,OAAO,KAAK,OAAO,GAAG,QAAQ,GAAG,QAAQ;AACvF,CAAC;AAED,eAAeL,UAAU,CAACY,MAAM,CAAC;EAC/BC,SAAS,EAAE;IACTC,aAAa,EAAE,KAAK;IACpBC,MAAM,EAAE,EAAE;IACVC,iBAAiB,EAAEd,OAAO,CAACe,EAAE;IAC7BC,UAAU,EAAE,QAAQ;IACpBC,YAAY,EAAElB,YAAY,CAACmB,CAAC;IAC5BC,WAAW,EAAErB,UAAU,CAACsB;EAC1B,CAAC;EACDC,KAAK,EAAE;IACLJ,YAAY,EAAElB,YAAY,CAACuB,IAAI;IAC/BH,WAAW,EAAErB,UAAU,CAACsB;EAC1B,CAAC;EACDG,OAAO,EAAE;IACPC,KAAK,EAAE,EAAE;IACTX,MAAM,EAAE;EACV,CAAC;EACDY,OAAO,EAAE;IACPD,KAAK,EAAE,EAAE;IACTX,MAAM,EAAE;EACV,CAAC;EACDa,aAAa,EAAE;IACbC,OAAO,EAAE;EACX,CAAC;EACDC,MAAM,EAAE;IACNf,MAAM,EAAE;EACV,CAAC;EACDgB,MAAM,EAAE;IACNhB,MAAM,EAAE;EACV,CAAC;EACDiB,IAAI,EAAE;IACJhB,iBAAiB,EAAEd,OAAO,CAAC,KAAK;EAClC,CAAC;EACD+B,IAAI,EAAE;IACJC,WAAW,EAAEhC,OAAO,CAAC,KAAK;EAC5B;AACF,CAAC,CAAC","ignoreList":[]}

package/lib/module/composites/wui-compatible-network/index.js

@@ -0,0 +1,57 @@
+"use strict";
+
+import { Text } from '../../components/wui-text';
+import { NetworkImage } from '../wui-network-image';
+import { FlexView } from '../../layout/wui-flex';
+import { ListItem } from '../wui-list-item';
+import { StyleSheet } from 'react-native';
+import { useTheme } from '../../hooks/useTheme';
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+export function CompatibleNetwork({
+  text,
+  onPress,
+  networkImages,
+  imageHeaders,
+  style
+}) {
+  const Theme = useTheme();
+  return /*#__PURE__*/_jsxs(ListItem, {
+    onPress: onPress,
+    style: [styles.container, style],
+    contentStyle: styles.contentContainer,
+    chevron: true,
+    children: [/*#__PURE__*/_jsx(Text, {
+      color: "fg-200",
+      variant: "small-400",
+      children: text
+    }), /*#__PURE__*/_jsx(FlexView, {
+      flexDirection: "row",
+      justifyContent: "center",
+      alignItems: "center",
+      children: networkImages?.map((image, index) => /*#__PURE__*/_jsx(NetworkImage, {
+        size: "xs",
+        imageSrc: image,
+        imageHeaders: imageHeaders,
+        borderColor: Theme['bg-200'],
+        borderWidth: 2,
+        style: [styles.item, {
+          zIndex: networkImages.length - index
+        }]
+      }, image))
+    })]
+  });
+}
+const styles = StyleSheet.create({
+  container: {
+    height: 48
+  },
+  contentContainer: {
+    flexDirection: 'row',
+    justifyContent: 'space-between',
+    paddingRight: 0
+  },
+  item: {
+    marginLeft: -5
+  }
+});
+//# sourceMappingURL=index.js.map

package/lib/module/composites/wui-compatible-network/index.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["Text","NetworkImage","FlexView","ListItem","StyleSheet","useTheme","jsx","_jsx","jsxs","_jsxs","CompatibleNetwork","text","onPress","networkImages","imageHeaders","style","Theme","styles","container","contentStyle","contentContainer","chevron","children","color","variant","flexDirection","justifyContent","alignItems","map","image","index","size","imageSrc","borderColor","borderWidth","item","zIndex","length","create","height","paddingRight","marginLeft"],"sourceRoot":"../../../../src","sources":["composites/wui-compatible-network/index.tsx"],"mappings":";;AAAA,SAASA,IAAI,QAAQ,2BAA2B;AAChD,SAASC,YAAY,QAAQ,sBAAsB;AACnD,SAASC,QAAQ,QAAQ,uBAAuB;AAChD,SAASC,QAAQ,QAAQ,kBAAkB;AAC3C,SAASC,UAAU,QAAwC,cAAc;AACzE,SAASC,QAAQ,QAAQ,sBAAsB;AAAC,SAAAC,GAAA,IAAAC,IAAA,EAAAC,IAAA,IAAAC,KAAA;AAUhD,OAAO,SAASC,iBAAiBA,CAAC;EAChCC,IAAI;EACJC,OAAO;EACPC,aAAa;EACbC,YAAY;EACZC;AACsB,CAAC,EAAE;EACzB,MAAMC,KAAK,GAAGX,QAAQ,CAAC,CAAC;EAExB,oBACEI,KAAA,CAACN,QAAQ;IACPS,OAAO,EAAEA,OAAQ;IACjBG,KAAK,EAAE,CAACE,MAAM,CAACC,SAAS,EAAEH,KAAK,CAAE;IACjCI,YAAY,EAAEF,MAAM,CAACG,gBAAiB;IACtCC,OAAO;IAAAC,QAAA,gBAEPf,IAAA,CAACP,IAAI;MAACuB,KAAK,EAAC,QAAQ;MAACC,OAAO,EAAC,WAAW;MAAAF,QAAA,EACrCX;IAAI,CACD,CAAC,eACPJ,IAAA,CAACL,QAAQ;MAACuB,aAAa,EAAC,KAAK;MAACC,cAAc,EAAC,QAAQ;MAACC,UAAU,EAAC,QAAQ;MAAAL,QAAA,EACtET,aAAa,EAAEe,GAAG,CAAC,CAACC,KAAK,EAAEC,KAAK,kBAC/BvB,IAAA,CAACN,YAAY;QACX8B,IAAI,EAAC,IAAI;QAETC,QAAQ,EAAEH,KAAM;QAChBf,YAAY,EAAEA,YAAa;QAC3BmB,WAAW,EAAEjB,KAAK,CAAC,QAAQ,CAAE;QAC7BkB,WAAW,EAAE,CAAE;QACfnB,KAAK,EAAE,CAACE,MAAM,CAACkB,IAAI,EAAE;UAAEC,MAAM,EAAEvB,aAAa,CAACwB,MAAM,GAAGP;QAAM,CAAC;MAAE,GAL1DD,KAMN,CACF;IAAC,CACM,CAAC;EAAA,CACH,CAAC;AAEf;AAEA,MAAMZ,MAAM,GAAGb,UAAU,CAACkC,MAAM,CAAC;EAC/BpB,SAAS,EAAE;IACTqB,MAAM,EAAE;EACV,CAAC;EACDnB,gBAAgB,EAAE;IAChBK,aAAa,EAAE,KAAK;IACpBC,cAAc,EAAE,eAAe;IAC/Bc,YAAY,EAAE;EAChB,CAAC;EACDL,IAAI,EAAE;IACJM,UAAU,EAAE,CAAC;EACf;AACF,CAAC,CAAC","ignoreList":[]}

package/lib/module/composites/wui-connect-button/index.js

@@ -0,0 +1,72 @@
+"use strict";
+
+import { useRef } from 'react';
+import { Animated, Pressable } from 'react-native';
+import { Text } from '../../components/wui-text';
+import { useTheme } from '../../hooks/useTheme';
+import styles, { getThemedButtonStyle, getThemedTextStyle } from './styles';
+import { LoadingSpinner } from '../../components/wui-loading-spinner';
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+const AnimatedPressable = Animated.createAnimatedComponent(Pressable);
+export function ConnectButton({
+  children,
+  size = 'md',
+  onPress,
+  style,
+  loading,
+  disabled,
+  ...rest
+}) {
+  const Theme = useTheme();
+  const themedTextStyle = getThemedTextStyle(Theme, loading);
+  const colorAnimation = useRef(new Animated.Value(0));
+  const themedNormalStyle = getThemedButtonStyle(Theme, loading, false);
+  const themedPressedStyle = getThemedButtonStyle(Theme, loading, true);
+  const onPressIn = () => {
+    Animated.timing(colorAnimation.current, {
+      toValue: 1,
+      useNativeDriver: false,
+      duration: 200
+    }).start();
+  };
+  const onPressOut = () => {
+    Animated.timing(colorAnimation.current, {
+      toValue: 0,
+      useNativeDriver: false,
+      duration: 200
+    }).start();
+  };
+  const backgroundColor = colorAnimation.current.interpolate({
+    inputRange: [0, 1],
+    outputRange: [themedNormalStyle.backgroundColor, themedPressedStyle.backgroundColor]
+  });
+  const borderColor = colorAnimation.current.interpolate({
+    inputRange: [0, 1],
+    outputRange: [themedNormalStyle.borderColor, themedPressedStyle.borderColor]
+  });
+  const loadingTemplate = () => {
+    if (!loading) return null;
+    return /*#__PURE__*/_jsx(LoadingSpinner, {
+      size: size,
+      style: styles.loader,
+      color: "inverse-100"
+    });
+  };
+  return /*#__PURE__*/_jsxs(AnimatedPressable, {
+    disabled: loading || disabled,
+    style: [styles.button, styles[`${size}Button`], {
+      backgroundColor,
+      borderColor
+    }, style],
+    onPressIn: onPressIn,
+    onPressOut: onPressOut,
+    onPress: onPress,
+    ...rest,
+    children: [loadingTemplate(), /*#__PURE__*/_jsx(Text, {
+      variant: size === 'md' ? 'paragraph-500' : 'small-600',
+      style: themedTextStyle,
+      children: children
+    })]
+  });
+}
+//# sourceMappingURL=index.js.map

package/lib/module/composites/wui-connect-button/index.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["useRef","Animated","Pressable","Text","useTheme","styles","getThemedButtonStyle","getThemedTextStyle","LoadingSpinner","jsx","_jsx","jsxs","_jsxs","AnimatedPressable","createAnimatedComponent","ConnectButton","children","size","onPress","style","loading","disabled","rest","Theme","themedTextStyle","colorAnimation","Value","themedNormalStyle","themedPressedStyle","onPressIn","timing","current","toValue","useNativeDriver","duration","start","onPressOut","backgroundColor","interpolate","inputRange","outputRange","borderColor","loadingTemplate","loader","color","button","variant"],"sourceRoot":"../../../../src","sources":["composites/wui-connect-button/index.tsx"],"mappings":"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","ignoreList":[]}

package/lib/module/composites/wui-connect-button/styles.js

@@ -0,0 +1,57 @@
+"use strict";
+
+import { StyleSheet } from 'react-native';
+import { BorderRadius, Spacing } from '../../utils/ThemeUtil';
+export const getThemedButtonStyle = (theme, loading, pressed) => {
+  const buttonBaseStyle = {
+    borderColor: theme['gray-glass-010']
+  };
+  if (loading) {
+    return {
+      ...buttonBaseStyle,
+      backgroundColor: theme['accent-080']
+    };
+  }
+  if (pressed) {
+    return {
+      ...buttonBaseStyle,
+      backgroundColor: theme['accent-080']
+    };
+  }
+  return {
+    ...buttonBaseStyle,
+    backgroundColor: theme['accent-100']
+  };
+};
+export const getThemedTextStyle = (theme, loading) => {
+  if (loading) {
+    return {
+      color: theme['inverse-100']
+    };
+  }
+  return {
+    color: theme['inverse-100']
+  };
+};
+export default StyleSheet.create({
+  button: {
+    flexDirection: 'row',
+    height: 40,
+    paddingVertical: Spacing['3xs'],
+    paddingHorizontal: Spacing.l,
+    alignItems: 'center',
+    justifyContent: 'center',
+    borderRadius: BorderRadius.s,
+    borderWidth: StyleSheet.hairlineWidth
+  },
+  smButton: {
+    height: 32
+  },
+  mdButton: {
+    height: 40
+  },
+  loader: {
+    marginRight: Spacing['2xs']
+  }
+});
+//# sourceMappingURL=styles.js.map

package/lib/module/composites/wui-connect-button/styles.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["StyleSheet","BorderRadius","Spacing","getThemedButtonStyle","theme","loading","pressed","buttonBaseStyle","borderColor","backgroundColor","getThemedTextStyle","color","create","button","flexDirection","height","paddingVertical","paddingHorizontal","l","alignItems","justifyContent","borderRadius","s","borderWidth","hairlineWidth","smButton","mdButton","loader","marginRight"],"sourceRoot":"../../../../src","sources":["composites/wui-connect-button/styles.ts"],"mappings":";;AAAA,SAAyBA,UAAU,QAAQ,cAAc;AACzD,SAASC,YAAY,EAAEC,OAAO,QAAQ,uBAAuB;AAG7D,OAAO,MAAMC,oBAAoB,GAAGA,CAClCC,KAAqC,EACrCC,OAAiB,EACjBC,OAAiB,KACE;EACnB,MAAMC,eAAe,GAAG;IACtBC,WAAW,EAAEJ,KAAK,CAAC,gBAAgB;EACrC,CAAC;EAED,IAAIC,OAAO,EAAE;IACX,OAAO;MACL,GAAGE,eAAe;MAClBE,eAAe,EAAEL,KAAK,CAAC,YAAY;IACrC,CAAC;EACH;EAEA,IAAIE,OAAO,EAAE;IACX,OAAO;MACL,GAAGC,eAAe;MAClBE,eAAe,EAAEL,KAAK,CAAC,YAAY;IACrC,CAAC;EACH;EAEA,OAAO;IACL,GAAGG,eAAe;IAClBE,eAAe,EAAEL,KAAK,CAAC,YAAY;EACrC,CAAC;AACH,CAAC;AAED,OAAO,MAAMM,kBAAkB,GAAGA,CAChCN,KAAqC,EACrCC,OAAiB,KACE;EACnB,IAAIA,OAAO,EAAE;IACX,OAAO;MAAEM,KAAK,EAAEP,KAAK,CAAC,aAAa;IAAE,CAAC;EACxC;EAEA,OAAO;IAAEO,KAAK,EAAEP,KAAK,CAAC,aAAa;EAAE,CAAC;AACxC,CAAC;AAED,eAAeJ,UAAU,CAACY,MAAM,CAAC;EAC/BC,MAAM,EAAE;IACNC,aAAa,EAAE,KAAK;IACpBC,MAAM,EAAE,EAAE;IACVC,eAAe,EAAEd,OAAO,CAAC,KAAK,CAAC;IAC/Be,iBAAiB,EAAEf,OAAO,CAACgB,CAAC;IAC5BC,UAAU,EAAE,QAAQ;IACpBC,cAAc,EAAE,QAAQ;IACxBC,YAAY,EAAEpB,YAAY,CAACqB,CAAC;IAC5BC,WAAW,EAAEvB,UAAU,CAACwB;EAC1B,CAAC;EACDC,QAAQ,EAAE;IACRV,MAAM,EAAE;EACV,CAAC;EACDW,QAAQ,EAAE;IACRX,MAAM,EAAE;EACV,CAAC;EACDY,MAAM,EAAE;IACNC,WAAW,EAAE1B,OAAO,CAAC,KAAK;EAC5B;AACF,CAAC,CAAC","ignoreList":[]}

package/lib/module/composites/wui-double-image-loader/index.js

@@ -0,0 +1,56 @@
+"use strict";
+
+import { useTheme } from '../../hooks/useTheme';
+import { FlexView } from '../../layout/wui-flex';
+import { Image } from '../../components/wui-image';
+import { Icon } from '../../components/wui-icon';
+import { WalletImage } from '../wui-wallet-image';
+import styles from './styles';
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+export function DoubleImageLoader({
+  style,
+  leftImage,
+  rightImage,
+  renderRightPlaceholder,
+  leftPlaceholderIcon = 'mobile',
+  rightPlaceholderIcon = 'browser',
+  leftItemStyle,
+  rightItemStyle
+}) {
+  const Theme = useTheme();
+  return /*#__PURE__*/_jsxs(FlexView, {
+    flexDirection: "row",
+    alignItems: "center",
+    justifyContent: "center",
+    style: style,
+    children: [/*#__PURE__*/_jsx(FlexView, {
+      style: [styles.itemBorder, styles.leftItemBorder, {
+        backgroundColor: Theme['bg-200']
+      }, leftItemStyle],
+      children: leftImage ? /*#__PURE__*/_jsx(Image, {
+        source: leftImage,
+        style: [styles.rightImage, {
+          backgroundColor: Theme['bg-200']
+        }]
+      }) : /*#__PURE__*/_jsx(Icon, {
+        name: leftPlaceholderIcon,
+        size: "lg",
+        color: "fg-200"
+      })
+    }), /*#__PURE__*/_jsx(FlexView, {
+      style: [styles.itemBorder, styles.rightItemBorder, {
+        backgroundColor: Theme['bg-200']
+      }, rightItemStyle],
+      children: rightImage ? /*#__PURE__*/_jsx(WalletImage, {
+        imageSrc: rightImage,
+        size: "lg",
+        border: false
+      }) : renderRightPlaceholder?.() ?? /*#__PURE__*/_jsx(Icon, {
+        name: rightPlaceholderIcon,
+        size: "lg",
+        color: "fg-200"
+      })
+    })]
+  });
+}
+//# sourceMappingURL=index.js.map

package/lib/module/composites/wui-double-image-loader/index.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["useTheme","FlexView","Image","Icon","WalletImage","styles","jsx","_jsx","jsxs","_jsxs","DoubleImageLoader","style","leftImage","rightImage","renderRightPlaceholder","leftPlaceholderIcon","rightPlaceholderIcon","leftItemStyle","rightItemStyle","Theme","flexDirection","alignItems","justifyContent","children","itemBorder","leftItemBorder","backgroundColor","source","name","size","color","rightItemBorder","imageSrc","border"],"sourceRoot":"../../../../src","sources":["composites/wui-double-image-loader/index.tsx"],"mappings":";;AAEA,SAASA,QAAQ,QAAQ,sBAAsB;AAC/C,SAASC,QAAQ,QAAQ,uBAAuB;AAChD,SAASC,KAAK,QAAQ,4BAA4B;AAClD,SAASC,IAAI,QAAQ,2BAA2B;AAEhD,SAASC,WAAW,QAAQ,qBAAqB;AACjD,OAAOC,MAAM,MAAM,UAAU;AAAC,SAAAC,GAAA,IAAAC,IAAA,EAAAC,IAAA,IAAAC,KAAA;AAY9B,OAAO,SAASC,iBAAiBA,CAAC;EAChCC,KAAK;EACLC,SAAS;EACTC,UAAU;EACVC,sBAAsB;EACtBC,mBAAmB,GAAG,QAAQ;EAC9BC,oBAAoB,GAAG,SAAS;EAChCC,aAAa;EACbC;AACK,CAAC,EAAE;EACR,MAAMC,KAAK,GAAGnB,QAAQ,CAAC,CAAC;EAExB,oBACES,KAAA,CAACR,QAAQ;IAACmB,aAAa,EAAC,KAAK;IAACC,UAAU,EAAC,QAAQ;IAACC,cAAc,EAAC,QAAQ;IAACX,KAAK,EAAEA,KAAM;IAAAY,QAAA,gBACrFhB,IAAA,CAACN,QAAQ;MACPU,KAAK,EAAE,CACLN,MAAM,CAACmB,UAAU,EACjBnB,MAAM,CAACoB,cAAc,EACrB;QACEC,eAAe,EAAEP,KAAK,CAAC,QAAQ;MACjC,CAAC,EACDF,aAAa,CACb;MAAAM,QAAA,EAEDX,SAAS,gBACRL,IAAA,CAACL,KAAK;QACJyB,MAAM,EAAEf,SAAU;QAClBD,KAAK,EAAE,CAACN,MAAM,CAACQ,UAAU,EAAE;UAAEa,eAAe,EAAEP,KAAK,CAAC,QAAQ;QAAE,CAAC;MAAE,CAClE,CAAC,gBAEFZ,IAAA,CAACJ,IAAI;QAACyB,IAAI,EAAEb,mBAAoB;QAACc,IAAI,EAAC,IAAI;QAACC,KAAK,EAAC;MAAQ,CAAE;IAC5D,CACO,CAAC,eACXvB,IAAA,CAACN,QAAQ;MACPU,KAAK,EAAE,CACLN,MAAM,CAACmB,UAAU,EACjBnB,MAAM,CAAC0B,eAAe,EACtB;QACEL,eAAe,EAAEP,KAAK,CAAC,QAAQ;MACjC,CAAC,EACDD,cAAc,CACd;MAAAK,QAAA,EAEDV,UAAU,gBACTN,IAAA,CAACH,WAAW;QAAC4B,QAAQ,EAAEnB,UAAW;QAACgB,IAAI,EAAC,IAAI;QAACI,MAAM,EAAE;MAAM,CAAE,CAAC,GAE9DnB,sBAAsB,GAAG,CAAC,iBACxBP,IAAA,CAACJ,IAAI;QAACyB,IAAI,EAAEZ,oBAAqB;QAACa,IAAI,EAAC,IAAI;QAACC,KAAK,EAAC;MAAQ,CAAE;IAE/D,CACO,CAAC;EAAA,CACH,CAAC;AAEf","ignoreList":[]}