@reown/appkit-ui-react-native 2.0.0-alpha.3 → 2.0.0-alpha.5

package/lib/module/components/wui-loading-spinner/index.js.map

@@ -1 +1 @@
-{"version":3,"names":["useEffect","useRef","Animated","Easing","View","Svg","Circle","useTheme","SpinnerSize","styles","jsx","_jsx","AnimatedSvg","createAnimatedComponent","LoadingSpinner","color","style","size","testID","Theme","spinValue","Value","stroke","animation","timing","current","toValue","duration","useNativeDriver","easing","linear","loop","start","stop","spin","interpolate","inputRange","outputRange","container","children","width","height","viewBox","transform","rotate","r","cy","cx","strokeWidth","fill","strokeDasharray"],"sourceRoot":"../../../../src","sources":["components/wui-loading-spinner/index.tsx"],"mappings":";;AAAA,SAASA,SAAS,EAAEC,MAAM,QAAQ,OAAO;AACzC,SAASC,QAAQ,EAAEC,MAAM,EAAEC,IAAI,QAAwC,cAAc;AACrF,OAAOC,GAAG,IAAIC,MAAM,QAAQ,kBAAkB;AAC9C,SAASC,QAAQ,QAAQ,sBAAsB;AAC/C,SAASC,WAAW,QAAQ,uBAAuB;AAEnD,OAAOC,MAAM,MAAM,UAAU;AAAC,SAAAC,GAAA,IAAAC,IAAA;AAE9B,MAAMC,WAAW,GAAGV,QAAQ,CAACW,uBAAuB,CAACR,GAAG,CAAC;AASzD,OAAO,SAASS,cAAcA,CAAC;EAC7BC,KAAK;EACLC,KAAK;EACLC,IAAI,GAAG,IAAI;EACXC,MAAM,GAAG;AACU,CAAC,EAAE;EACtB,MAAMC,KAAK,GAAGZ,QAAQ,CAAC,CAAC;EACxB,MAAMa,SAAS,GAAGnB,MAAM,CAAC,IAAIC,QAAQ,CAACmB,KAAK,CAAC,CAAC,CAAC,CAAC;EAC/C,MAAMC,MAAM,GAAGP,KAAK,GAAGI,KAAK,CAACJ,KAAK,CAAC,GAAGI,KAAK,CAAC,YAAY,CAAC;EAEzDnB,SAAS,CAAC,MAAM;IACd,MAAMuB,SAAS,GAAGrB,QAAQ,CAACsB,MAAM,CAACJ,SAAS,CAACK,OAAO,EAAE;MACnDC,OAAO,EAAE,CAAC;MACVC,QAAQ,EAAE,GAAG;MACbC,eAAe,EAAE,IAAI;MACrBC,MAAM,EAAE1B,MAAM,CAAC2B;IACjB,CAAC,CAAC;IAEF,MAAMC,IAAI,GAAG7B,QAAQ,CAAC6B,IAAI,CAACR,SAAS,CAAC;IACrCQ,IAAI,CAACC,KAAK,CAAC,CAAC;IAEZ,OAAO,MAAM;MACXD,IAAI,CAACE,IAAI,CAAC,CAAC;IACb,CAAC;EACH,CAAC,EAAE,CAACb,SAAS,CAAC,CAAC;EAEf,MAAMc,IAAI,GAAGd,SAAS,CAACK,OAAO,CAACU,WAAW,CAAC;IACzCC,UAAU,EAAE,CAAC,CAAC,EAAE,CAAC,CAAC;IAClBC,WAAW,EAAE,CAAC,MAAM,EAAE,QAAQ;EAChC,CAAC,CAAC;EAEF,oBACE1B,IAAA,CAACP,IAAI;IAACY,KAAK,EAAE,CAACP,MAAM,CAAC6B,SAAS,EAAEtB,KAAK,CAAE;IAACE,MAAM,EAAEA,MAAO;IAAAqB,QAAA,eACrD5B,IAAA,CAACC,WAAW;MACV4B,KAAK,EAAEhC,WAAW,CAACS,IAAI,CAAE;MACzBwB,MAAM,EAAEjC,WAAW,CAACS,IAAI,CAAE;MAC1ByB,OAAO,EAAC,aAAa;MACrB1B,KAAK,EAAE;QAAE2B,SAAS,EAAE,CAAC;UAAEC,MAAM,EAAEV;QAAK,CAAC;MAAE,CAAE;MAAAK,QAAA,eAEzC5B,IAAA,CAACL,MAAM;QACLuC,CAAC,EAAE,EAAG;QACNC,EAAE,EAAE,EAAG;QACPC,EAAE,EAAE,EAAG;QACPzB,MAAM,EAAEA,MAAO;QACf0B,WAAW,EAAE,CAAE;QACfC,IAAI,EAAC,aAAa;QAClBC,eAAe,EAAE;MAAS,CAC3B;IAAC,CACS;EAAC,CACV,CAAC;AAEX","ignoreList":[]}
+{"version":3,"names":["useEffect","useMemo","useRef","Animated","Easing","View","Svg","Circle","useTheme","SpinnerSize","styles","jsx","_jsx","AnimatedSvg","createAnimatedComponent","LoadingSpinner","color","style","size","testID","Theme","spinValue","Value","stroke","animation","timing","current","toValue","duration","useNativeDriver","easing","linear","loop","start","stop","spin","interpolate","inputRange","outputRange","container","children","width","height","viewBox","transform","rotate","r","cy","cx","strokeWidth","fill","strokeDasharray"],"sourceRoot":"../../../../src","sources":["components/wui-loading-spinner/index.tsx"],"mappings":";;AAAA,SAASA,SAAS,EAAEC,OAAO,EAAEC,MAAM,QAAQ,OAAO;AAClD,SAASC,QAAQ,EAAEC,MAAM,EAAEC,IAAI,QAAwC,cAAc;AACrF,OAAOC,GAAG,IAAIC,MAAM,QAAQ,kBAAkB;AAC9C,SAASC,QAAQ,QAAQ,sBAAsB;AAC/C,SAASC,WAAW,QAAQ,uBAAuB;AAEnD,OAAOC,MAAM,MAAM,UAAU;AAAC,SAAAC,GAAA,IAAAC,IAAA;AAE9B,MAAMC,WAAW,GAAGV,QAAQ,CAACW,uBAAuB,CAACR,GAAG,CAAC;AASzD,OAAO,SAASS,cAAcA,CAAC;EAC7BC,KAAK;EACLC,KAAK;EACLC,IAAI,GAAG,IAAI;EACXC,MAAM,GAAG;AACU,CAAC,EAAE;EACtB,MAAMC,KAAK,GAAGZ,QAAQ,CAAC,CAAC;EACxB,MAAMa,SAAS,GAAGnB,MAAM,CAAC,IAAIC,QAAQ,CAACmB,KAAK,CAAC,CAAC,CAAC,CAAC;EAC/C,MAAMC,MAAM,GAAGP,KAAK,GAAGI,KAAK,CAACJ,KAAK,CAAC,GAAGI,KAAK,CAAC,YAAY,CAAC;EAEzDpB,SAAS,CAAC,MAAM;IACd,MAAMwB,SAAS,GAAGrB,QAAQ,CAACsB,MAAM,CAACJ,SAAS,CAACK,OAAO,EAAE;MACnDC,OAAO,EAAE,CAAC;MACVC,QAAQ,EAAE,GAAG;MACbC,eAAe,EAAE,IAAI;MACrBC,MAAM,EAAE1B,MAAM,CAAC2B;IACjB,CAAC,CAAC;IAEF,MAAMC,IAAI,GAAG7B,QAAQ,CAAC6B,IAAI,CAACR,SAAS,CAAC;IACrCQ,IAAI,CAACC,KAAK,CAAC,CAAC;IAEZ,OAAO,MAAM;MACXD,IAAI,CAACE,IAAI,CAAC,CAAC;IACb,CAAC;EACH,CAAC,EAAE,EAAE,CAAC;EAEN,MAAMC,IAAI,GAAGlC,OAAO,CAAC,MAAM;IACzB,OAAOoB,SAAS,CAACK,OAAO,CAACU,WAAW,CAAC;MACnCC,UAAU,EAAE,CAAC,CAAC,EAAE,CAAC,CAAC;MAClBC,WAAW,EAAE,CAAC,MAAM,EAAE,QAAQ;IAChC,CAAC,CAAC;EACJ,CAAC,EAAE,EAAE,CAAC;EAEN,oBACE1B,IAAA,CAACP,IAAI;IAACY,KAAK,EAAE,CAACP,MAAM,CAAC6B,SAAS,EAAEtB,KAAK,CAAE;IAACE,MAAM,EAAEA,MAAO;IAAAqB,QAAA,eACrD5B,IAAA,CAACC,WAAW;MACV4B,KAAK,EAAEhC,WAAW,CAACS,IAAI,CAAE;MACzBwB,MAAM,EAAEjC,WAAW,CAACS,IAAI,CAAE;MAC1ByB,OAAO,EAAC,aAAa;MACrB1B,KAAK,EAAE;QAAE2B,SAAS,EAAE,CAAC;UAAEC,MAAM,EAAEV;QAAK,CAAC;MAAE,CAAE;MAAAK,QAAA,eAEzC5B,IAAA,CAACL,MAAM;QACLuC,CAAC,EAAE,EAAG;QACNC,EAAE,EAAE,EAAG;QACPC,EAAE,EAAE,EAAG;QACPzB,MAAM,EAAEA,MAAO;QACf0B,WAAW,EAAE,CAAE;QACfC,IAAI,EAAC,aAAa;QAClBC,eAAe,EAAE;MAAS,CAC3B;IAAC,CACS;EAAC,CACV,CAAC;AAEX","ignoreList":[]}

package/lib/module/components/wui-loading-thumbnail/index.js

@@ -1,6 +1,6 @@
 "use strict";
 
-import { useEffect, useRef } from 'react';
+import { useEffect, useMemo, useRef } from 'react';
 import { Animated, Easing, View } from 'react-native';
 import Svg, { Rect } from 'react-native-svg';
 import { useTheme } from '../../hooks/useTheme';
@@ -30,19 +30,32 @@ export function LoadingThumbnail({
     return () => {
       loop.stop();
     };
-  }, [spinValue]);
-
-  // Calculate one side of the Rectangle with borders
-  const sideLength = rectangleSize - borderRadius * 2 + Math.PI * borderRadius / 2;
-  const spin = spinValue.current.interpolate({
-    inputRange: [0, 1],
-    outputRange: [0, -sideLength * 4]
-  });
-  return /*#__PURE__*/_jsxs(View, {
-    style: [styles.container, {
+  }, []);
+  const {
+    sideLength,
+    strokeColor,
+    containerStyle
+  } = useMemo(() => {
+    const _sideLength = rectangleSize - borderRadius * 2 + Math.PI * borderRadius / 2;
+    const _strokeColor = paused ? 'transparent' : Theme['accent-100'];
+    const _containerStyle = {
       height: outerContainerSize,
       width: outerContainerSize
-    }],
+    };
+    return {
+      sideLength: _sideLength,
+      strokeColor: _strokeColor,
+      containerStyle: _containerStyle
+    };
+  }, [rectangleSize, borderRadius, paused, Theme, outerContainerSize]);
+  const spin = useMemo(() => {
+    return spinValue.current.interpolate({
+      inputRange: [0, 1],
+      outputRange: [0, -sideLength * 4]
+    });
+  }, [sideLength]);
+  return /*#__PURE__*/_jsxs(View, {
+    style: [styles.container, containerStyle],
     children: [/*#__PURE__*/_jsx(Svg, {
       width: outerContainerSize,
       height: outerContainerSize,
@@ -50,7 +63,7 @@ export function LoadingThumbnail({
       children: /*#__PURE__*/_jsx(AnimatedRect, {
         height: rectangleSize,
         width: rectangleSize,
-        stroke: paused ? 'transparent' : Theme['accent-100'],
+        stroke: strokeColor,
         strokeWidth: strokeWidth,
         x: strokeWidth / 2,
         y: strokeWidth / 2,

package/lib/module/components/wui-loading-thumbnail/index.js.map

@@ -1 +1 @@
-{"version":3,"names":["useEffect","useRef","Animated","Easing","View","Svg","Rect","useTheme","BorderRadius","Spacing","WalletImageSize","styles","jsx","_jsx","jsxs","_jsxs","AnimatedRect","createAnimatedComponent","LoadingThumbnail","children","paused","borderRadius","l","Theme","spinValue","Value","strokeWidth","rectangleSize","xl","outerContainerSize","animation","timing","current","toValue","duration","useNativeDriver","easing","linear","loop","start","stop","sideLength","Math","PI","spin","interpolate","inputRange","outputRange","style","container","height","width","loader","stroke","x","y","rx","strokeLinejoin","strokeLinecap","fill","strokeDasharray","strokeDashoffset"],"sourceRoot":"../../../../src","sources":["components/wui-loading-thumbnail/index.tsx"],"mappings":"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","ignoreList":[]}
+{"version":3,"names":["useEffect","useMemo","useRef","Animated","Easing","View","Svg","Rect","useTheme","BorderRadius","Spacing","WalletImageSize","styles","jsx","_jsx","jsxs","_jsxs","AnimatedRect","createAnimatedComponent","LoadingThumbnail","children","paused","borderRadius","l","Theme","spinValue","Value","strokeWidth","rectangleSize","xl","outerContainerSize","animation","timing","current","toValue","duration","useNativeDriver","easing","linear","loop","start","stop","sideLength","strokeColor","containerStyle","_sideLength","Math","PI","_strokeColor","_containerStyle","height","width","spin","interpolate","inputRange","outputRange","style","container","loader","stroke","x","y","rx","strokeLinejoin","strokeLinecap","fill","strokeDasharray","strokeDashoffset"],"sourceRoot":"../../../../src","sources":["components/wui-loading-thumbnail/index.tsx"],"mappings":";;AAAA,SAASA,SAAS,EAAEC,OAAO,EAAEC,MAAM,QAAwB,OAAO;AAClE,SAASC,QAAQ,EAAEC,MAAM,EAAEC,IAAI,QAAQ,cAAc;AACrD,OAAOC,GAAG,IAAIC,IAAI,QAAQ,kBAAkB;AAC5C,SAASC,QAAQ,QAAQ,sBAAsB;AAC/C,SAASC,YAAY,EAAEC,OAAO,EAAEC,eAAe,QAAQ,uBAAuB;AAC9E,OAAOC,MAAM,MAAM,UAAU;AAAC,SAAAC,GAAA,IAAAC,IAAA,EAAAC,IAAA,IAAAC,KAAA;AAE9B,MAAMC,YAAY,GAAGd,QAAQ,CAACe,uBAAuB,CAACX,IAAI,CAAC;AAQ3D,OAAO,SAASY,gBAAgBA,CAAC;EAC/BC,QAAQ;EACRC,MAAM;EACNC,YAAY,GAAGb,YAAY,CAACc;AACP,CAAC,EAAE;EACxB,MAAMC,KAAK,GAAGhB,QAAQ,CAAC,CAAC;EACxB,MAAMiB,SAAS,GAAGvB,MAAM,CAAC,IAAIC,QAAQ,CAACuB,KAAK,CAAC,CAAC,CAAC,CAAC;EAC/C,MAAMC,WAAW,GAAG,CAAC;EACrB,MAAMC,aAAa,GAAGjB,eAAe,CAACkB,EAAE,GAAGnB,OAAO,CAACa,CAAC;EACpD,MAAMO,kBAAkB,GAAGF,aAAa,GAAGD,WAAW;EAEtD3B,SAAS,CAAC,MAAM;IACd,MAAM+B,SAAS,GAAG5B,QAAQ,CAAC6B,MAAM,CAACP,SAAS,CAACQ,OAAO,EAAE;MACnDC,OAAO,EAAE,CAAC;MACVC,QAAQ,EAAE,IAAI;MACdC,eAAe,EAAE,IAAI;MACrBC,MAAM,EAAEjC,MAAM,CAACkC;IACjB,CAAC,CAAC;IAEF,MAAMC,IAAI,GAAGpC,QAAQ,CAACoC,IAAI,CAACR,SAAS,CAAC;IACrCQ,IAAI,CAACC,KAAK,CAAC,CAAC;IAEZ,OAAO,MAAM;MACXD,IAAI,CAACE,IAAI,CAAC,CAAC;IACb,CAAC;EACH,CAAC,EAAE,EAAE,CAAC;EAEN,MAAM;IAAEC,UAAU;IAAEC,WAAW;IAAEC;EAAe,CAAC,GAAG3C,OAAO,CAAC,MAAM;IAChE,MAAM4C,WAAW,GAAGjB,aAAa,GAAGN,YAAY,GAAG,CAAC,GAAIwB,IAAI,CAACC,EAAE,GAAGzB,YAAY,GAAI,CAAC;IACnF,MAAM0B,YAAY,GAAG3B,MAAM,GAAG,aAAa,GAAGG,KAAK,CAAC,YAAY,CAAC;IACjE,MAAMyB,eAAe,GAAG;MAAEC,MAAM,EAAEpB,kBAAkB;MAAEqB,KAAK,EAAErB;IAAmB,CAAC;IAEjF,OAAO;MAAEY,UAAU,EAAEG,WAAW;MAAEF,WAAW,EAAEK,YAAY;MAAEJ,cAAc,EAAEK;IAAgB,CAAC;EAChG,CAAC,EAAE,CAACrB,aAAa,EAAEN,YAAY,EAAED,MAAM,EAAEG,KAAK,EAAEM,kBAAkB,CAAC,CAAC;EAEpE,MAAMsB,IAAI,GAAGnD,OAAO,CAAC,MAAM;IACzB,OAAOwB,SAAS,CAACQ,OAAO,CAACoB,WAAW,CAAC;MACnCC,UAAU,EAAE,CAAC,CAAC,EAAE,CAAC,CAAC;MAClBC,WAAW,EAAE,CAAC,CAAC,EAAE,CAACb,UAAU,GAAG,CAAC;IAClC,CAAC,CAAC;EACJ,CAAC,EAAE,CAACA,UAAU,CAAC,CAAC;EAEhB,oBACE1B,KAAA,CAACX,IAAI;IAACmD,KAAK,EAAE,CAAC5C,MAAM,CAAC6C,SAAS,EAAEb,cAAc,CAAE;IAAAxB,QAAA,gBAC9CN,IAAA,CAACR,GAAG;MAAC6C,KAAK,EAAErB,kBAAmB;MAACoB,MAAM,EAAEpB,kBAAmB;MAAC0B,KAAK,EAAE5C,MAAM,CAAC8C,MAAO;MAAAtC,QAAA,eAC/EN,IAAA,CAACG,YAAY;QACXiC,MAAM,EAAEtB,aAAc;QACtBuB,KAAK,EAAEvB,aAAc;QACrB+B,MAAM,EAAEhB,WAAY;QACpBhB,WAAW,EAAEA,WAAY;QACzBiC,CAAC,EAAEjC,WAAW,GAAG,CAAE;QACnBkC,CAAC,EAAElC,WAAW,GAAG,CAAE;QACnBmC,EAAE,EAAExC,YAAa;QACjByC,cAAc,EAAC,OAAO;QACtBC,aAAa,EAAC,OAAO;QACrBC,IAAI,EAAC,aAAa;QAClBC,eAAe,EAAE,GAAGxB,UAAU,IAAIA,UAAU,GAAG,CAAC,EAAG;QACnDyB,gBAAgB,EAAEf;MAAK,CACxB;IAAC,CACC,CAAC,EACLhC,QAAQ,IAAI,IAAI;EAAA,CACb,CAAC;AAEX","ignoreList":[]}

package/lib/module/components/wui-modal/index.js

@@ -1,10 +1,11 @@
 "use strict";
 
 import { useEffect, useRef, useState } from 'react';
-import { useWindowDimensions, Modal as RNModal, TouchableOpacity, Animated } from 'react-native';
+import { useWindowDimensions, Modal as RNModal, Animated, Pressable, View } from 'react-native';
 import { useTheme } from '../../hooks/useTheme';
 import styles from './styles';
-import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+const AnimatedPressable = Animated.createAnimatedComponent(Pressable);
 export function Modal({
   visible,
   onBackdropPress,
@@ -12,10 +13,10 @@ export function Modal({
   testID,
   children
 }) {
-  const Theme = useTheme();
   const {
     height
   } = useWindowDimensions();
+  const Theme = useTheme();
   const backdropOpacity = useRef(new Animated.Value(0)).current;
   const translateY = useRef(new Animated.Value(height)).current;
   const [showBackdrop, setShowBackdrop] = useState(false);
@@ -25,7 +26,7 @@ export function Modal({
     const {
       height: measuredHeight
     } = event.nativeEvent.layout;
-    setContentHeight(measuredHeight);
+    setContentHeight(measuredHeight > height ? height : measuredHeight);
   };
 
   // Handle modal visibility
@@ -99,33 +100,32 @@ export function Modal({
       backdropOpacity.setValue(0);
     }
   }, [modalVisible, translateY, backdropOpacity, height]);
-  return /*#__PURE__*/_jsxs(_Fragment, {
-    children: [showBackdrop ? /*#__PURE__*/_jsx(Animated.View, {
-      style: [styles.outerBackdrop, {
+  return /*#__PURE__*/_jsxs(RNModal, {
+    visible: modalVisible,
+    transparent: true,
+    animationType: "none",
+    statusBarTranslucent: true,
+    onRequestClose: onRequestClose,
+    testID: testID,
+    children: [showBackdrop ? /*#__PURE__*/_jsx(AnimatedPressable, {
+      style: [styles.backdrop, {
         opacity: backdropOpacity
-      }]
-    }) : null, /*#__PURE__*/_jsxs(RNModal, {
-      visible: modalVisible,
-      transparent: true,
-      animationType: "none",
-      statusBarTranslucent: true,
-      onRequestClose: onRequestClose,
-      testID: testID,
-      children: [showBackdrop ? /*#__PURE__*/_jsx(TouchableOpacity, {
-        style: styles.innerBackdropTouchable,
-        activeOpacity: 1,
-        onPress: onBackdropPress
-      }) : null, /*#__PURE__*/_jsx(Animated.View, {
-        style: [styles.modal, {
-          backgroundColor: Theme['bg-100'],
-          transform: [{
-            translateY
-          }]
-        }],
-        children: /*#__PURE__*/_jsx(Animated.View, {
-          onLayout: onContentLayout,
-          children: children
-        })
+      }],
+      onPress: onBackdropPress
+    }) : null, /*#__PURE__*/_jsxs(AnimatedPressable, {
+      onPress: onBackdropPress,
+      style: [styles.modal, {
+        transform: [{
+          translateY
+        }]
+      }],
+      children: [/*#__PURE__*/_jsx(Animated.View, {
+        onLayout: onContentLayout,
+        children: children
+      }), /*#__PURE__*/_jsx(View, {
+        style: [styles.bottomBackground, {
+          backgroundColor: Theme['bg-100']
+        }]
       })]
     })]
   });

package/lib/module/components/wui-modal/index.js.map

@@ -1 +1 @@
-{"version":3,"names":["useEffect","useRef","useState","useWindowDimensions","Modal","RNModal","TouchableOpacity","Animated","useTheme","styles","jsx","_jsx","jsxs","_jsxs","Fragment","_Fragment","visible","onBackdropPress","onRequestClose","testID","children","Theme","height","backdropOpacity","Value","current","translateY","showBackdrop","setShowBackdrop","modalVisible","setModalVisible","contentHeight","setContentHeight","onContentLayout","event","measuredHeight","nativeEvent","layout","backdropAnimation","timing","toValue","duration","useNativeDriver","start","stop","modalAnimation","targetY","spring","damping","stiffness","mass","setValue","View","style","outerBackdrop","opacity","transparent","animationType","statusBarTranslucent","innerBackdropTouchable","activeOpacity","onPress","modal","backgroundColor","transform","onLayout"],"sourceRoot":"../../../../src","sources":["components/wui-modal/index.tsx"],"mappings":"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","ignoreList":[]}
+{"version":3,"names":["useEffect","useRef","useState","useWindowDimensions","Modal","RNModal","Animated","Pressable","View","useTheme","styles","jsx","_jsx","jsxs","_jsxs","AnimatedPressable","createAnimatedComponent","visible","onBackdropPress","onRequestClose","testID","children","height","Theme","backdropOpacity","Value","current","translateY","showBackdrop","setShowBackdrop","modalVisible","setModalVisible","contentHeight","setContentHeight","onContentLayout","event","measuredHeight","nativeEvent","layout","backdropAnimation","timing","toValue","duration","useNativeDriver","start","stop","modalAnimation","targetY","spring","damping","stiffness","mass","setValue","transparent","animationType","statusBarTranslucent","style","backdrop","opacity","onPress","modal","transform","onLayout","bottomBackground","backgroundColor"],"sourceRoot":"../../../../src","sources":["components/wui-modal/index.tsx"],"mappings":"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","ignoreList":[]}

package/lib/module/components/wui-modal/styles.js

@@ -3,18 +3,13 @@
 import { StyleSheet } from 'react-native';
 import { BorderRadius } from '../../utils/ThemeUtil';
 export default StyleSheet.create({
-  outerBackdrop: {
-    position: 'absolute',
-    top: 0,
-    left: 0,
-    right: 0,
-    bottom: 0,
+  backdrop: {
+    flexGrow: 1,
     backgroundColor: 'rgba(0, 0, 0, 0.5)'
   },
-  innerBackdropTouchable: {
-    flexGrow: 1
-  },
   modal: {
+    backgroundColor: 'transparent',
+    borderWidth: 0,
     borderTopLeftRadius: BorderRadius.l,
     borderTopRightRadius: BorderRadius.l,
     position: 'absolute',
@@ -22,6 +17,12 @@ export default StyleSheet.create({
     left: 0,
     right: 0,
     bottom: 0
+  },
+  bottomBackground: {
+    flexGrow: 1,
+    // workaround to fix the bottom background color
+    top: -2,
+    bottom: -20
   }
 });
 //# sourceMappingURL=styles.js.map

package/lib/module/components/wui-modal/styles.js.map

@@ -1 +1 @@
-{"version":3,"names":["StyleSheet","BorderRadius","create","outerBackdrop","position","top","left","right","bottom","backgroundColor","innerBackdropTouchable","flexGrow","modal","borderTopLeftRadius","l","borderTopRightRadius"],"sourceRoot":"../../../../src","sources":["components/wui-modal/styles.ts"],"mappings":";;AAAA,SAASA,UAAU,QAAQ,cAAc;AACzC,SAASC,YAAY,QAAQ,uBAAuB;AAEpD,eAAeD,UAAU,CAACE,MAAM,CAAC;EAC/BC,aAAa,EAAE;IACbC,QAAQ,EAAE,UAAU;IACpBC,GAAG,EAAE,CAAC;IACNC,IAAI,EAAE,CAAC;IACPC,KAAK,EAAE,CAAC;IACRC,MAAM,EAAE,CAAC;IACTC,eAAe,EAAE;EACnB,CAAC;EACDC,sBAAsB,EAAE;IACtBC,QAAQ,EAAE;EACZ,CAAC;EACDC,KAAK,EAAE;IACLC,mBAAmB,EAAEZ,YAAY,CAACa,CAAC;IACnCC,oBAAoB,EAAEd,YAAY,CAACa,CAAC;IACpCV,QAAQ,EAAE,UAAU;IACpBC,GAAG,EAAE,CAAC;IACNC,IAAI,EAAE,CAAC;IACPC,KAAK,EAAE,CAAC;IACRC,MAAM,EAAE;EACV;AACF,CAAC,CAAC","ignoreList":[]}
+{"version":3,"names":["StyleSheet","BorderRadius","create","backdrop","flexGrow","backgroundColor","modal","borderWidth","borderTopLeftRadius","l","borderTopRightRadius","position","top","left","right","bottom","bottomBackground"],"sourceRoot":"../../../../src","sources":["components/wui-modal/styles.ts"],"mappings":";;AAAA,SAASA,UAAU,QAAQ,cAAc;AACzC,SAASC,YAAY,QAAQ,uBAAuB;AAEpD,eAAeD,UAAU,CAACE,MAAM,CAAC;EAC/BC,QAAQ,EAAE;IACRC,QAAQ,EAAE,CAAC;IACXC,eAAe,EAAE;EACnB,CAAC;EACDC,KAAK,EAAE;IACLD,eAAe,EAAE,aAAa;IAC9BE,WAAW,EAAE,CAAC;IACdC,mBAAmB,EAAEP,YAAY,CAACQ,CAAC;IACnCC,oBAAoB,EAAET,YAAY,CAACQ,CAAC;IACpCE,QAAQ,EAAE,UAAU;IACpBC,GAAG,EAAE,CAAC;IACNC,IAAI,EAAE,CAAC;IACPC,KAAK,EAAE,CAAC;IACRC,MAAM,EAAE;EACV,CAAC;EACDC,gBAAgB,EAAE;IAChBZ,QAAQ,EAAE,CAAC;IACX;IACAQ,GAAG,EAAE,CAAC,CAAC;IACPG,MAAM,EAAE,CAAC;EACX;AACF,CAAC,CAAC","ignoreList":[]}

package/lib/module/components/wui-shimmer/index.js

@@ -1,49 +1,110 @@
 "use strict";
 
-import { Svg, Rect } from 'react-native-svg';
-import { Animated, StyleSheet } from 'react-native';
+import { Animated, StyleSheet, View } from 'react-native';
+import { memo, useEffect, useRef, useState } from 'react';
 import { useTheme } from '../../hooks/useTheme';
 import { jsx as _jsx } from "react/jsx-runtime";
-const AnimatedRect = Animated.createAnimatedComponent(Rect);
-export const Shimmer = ({
+function Shimmer_({
   width = 200,
   height = 200,
   duration = 1000,
   borderRadius = 0,
   backgroundColor,
   foregroundColor,
+  highlightWidthRatio = 0.3,
+  highlightOpacity = 0.5,
+  angle = 20,
   style
-}) => {
-  const animatedValue = new Animated.Value(0);
+}) {
   const Theme = useTheme();
-  const animatedProps = {
-    fill: animatedValue.interpolate({
-      inputRange: [0, 0.5, 1],
-      outputRange: [backgroundColor ?? Theme['bg-200'], foregroundColor ?? Theme['bg-300'], backgroundColor ?? Theme['bg-200']]
-    }),
+  const [measuredWidth, setMeasuredWidth] = useState(null);
+  const [measuredHeight, setMeasuredHeight] = useState(null);
+  const translateRef = useRef(new Animated.Value(0));
+  const loopRef = useRef(null);
+  useEffect(() => {
+    if (!measuredWidth) {
+      return undefined;
+    }
+    const translateX = translateRef.current;
+    translateX.setValue(0);
+    const timing = Animated.timing(translateX, {
+      toValue: 1,
+      duration,
+      useNativeDriver: true
+    });
+    const loop = Animated.loop(timing);
+    loopRef.current = loop;
+    loop.start();
+    return () => {
+      loop.stop();
+      if (loopRef.current === loop) {
+        loopRef.current = null;
+      }
+      translateX.stopAnimation(() => {
+        translateX.setValue(0);
+      });
+    };
+  }, [duration, measuredWidth]);
+  const baseColor = backgroundColor ?? Theme['bg-200'];
+  const highlightColor = foregroundColor ?? Theme['bg-300'];
+  const onLayout = event => {
+    const {
+      width: w,
+      height: h
+    } = event.nativeEvent.layout;
+    // Update measurements whenever they change to adapt to dynamic layout/orientation
+    if (measuredWidth == null || Math.abs(w - measuredWidth) > 0.5) {
+      setMeasuredWidth(w);
+    }
+    if (measuredHeight == null || Math.abs(h - measuredHeight) > 0.5) {
+      setMeasuredHeight(h);
+    }
+  };
+
+  // Compute animated translateX only if we have width
+  let animatedTranslateX = 0;
+  let bandWidth = 0;
+  if (measuredWidth) {
+    bandWidth = Math.max(8, measuredWidth * highlightWidthRatio);
+    const travel = measuredWidth + bandWidth * 2;
+    animatedTranslateX = translateRef.current.interpolate({
+      inputRange: [0, 1],
+      outputRange: [-bandWidth, travel - bandWidth]
+    });
+  }
+  const containerStyle = {
     width,
     height,
-    x: 0,
-    y: 0,
-    rx: borderRadius,
-    ry: borderRadius
+    borderRadius,
+    overflow: 'hidden',
+    borderWidth: StyleSheet.hairlineWidth,
+    borderColor: Theme['bg-300'],
+    backgroundColor: baseColor
+  };
+  const bandStyle = {
+    position: 'absolute',
+    top: measuredHeight ? -measuredHeight * 0.25 : 0,
+    bottom: measuredHeight ? -measuredHeight * 0.25 : 0,
+    width: bandWidth,
+    backgroundColor: highlightColor,
+    opacity: highlightOpacity
   };
-  Animated.loop(Animated.timing(animatedValue, {
-    toValue: 1,
-    duration,
-    useNativeDriver: false
-  })).start();
-  return /*#__PURE__*/_jsx(Svg, {
-    width: width,
-    height: height,
-    style: [{
-      borderWidth: StyleSheet.hairlineWidth,
-      borderColor: Theme['bg-300'],
-      borderRadius
-    }, style],
-    children: /*#__PURE__*/_jsx(AnimatedRect, {
-      ...animatedProps
-    })
+  return /*#__PURE__*/_jsx(View, {
+    onLayout: onLayout,
+    style: [containerStyle, style],
+    children: measuredWidth && measuredHeight ? /*#__PURE__*/_jsx(Animated.View, {
+      pointerEvents: "none",
+      style: [bandStyle, {
+        transform: [{
+          translateX: animatedTranslateX
+        }, {
+          rotate: `${angle}deg`
+        }]
+      }]
+    }) : null
   });
-};
+}
+export const Shimmer = /*#__PURE__*/memo(Shimmer_, () => {
+  return true;
+});
 //# sourceMappingURL=index.js.map

package/lib/module/components/wui-shimmer/index.js.map

@@ -1 +1 @@
-{"version":3,"names":["Svg","Rect","Animated","StyleSheet","useTheme","jsx","_jsx","AnimatedRect","createAnimatedComponent","Shimmer","width","height","duration","borderRadius","backgroundColor","foregroundColor","style","animatedValue","Value","Theme","animatedProps","fill","interpolate","inputRange","outputRange","x","y","rx","ry","loop","timing","toValue","useNativeDriver","start","borderWidth","hairlineWidth","borderColor","children"],"sourceRoot":"../../../../src","sources":["components/wui-shimmer/index.tsx"],"mappings":";;AAAA,SAASA,GAAG,EAAEC,IAAI,QAAQ,kBAAkB;AAC5C,SAASC,QAAQ,EAAEC,UAAU,QAAwC,cAAc;AACnF,SAASC,QAAQ,QAAQ,sBAAsB;AAAC,SAAAC,GAAA,IAAAC,IAAA;AAEhD,MAAMC,YAAY,GAAGL,QAAQ,CAACM,uBAAuB,CAACP,IAAI,CAAC;AAY3D,OAAO,MAAMQ,OAAO,GAAGA,CAAC;EACtBC,KAAK,GAAG,GAAG;EACXC,MAAM,GAAG,GAAG;EACZC,QAAQ,GAAG,IAAI;EACfC,YAAY,GAAG,CAAC;EAChBC,eAAe;EACfC,eAAe;EACfC;AACY,CAAC,KAAK;EAClB,MAAMC,aAAa,GAAG,IAAIf,QAAQ,CAACgB,KAAK,CAAC,CAAC,CAAC;EAC3C,MAAMC,KAAK,GAAGf,QAAQ,CAAC,CAAC;EAExB,MAAMgB,aAAa,GAAG;IACpBC,IAAI,EAAEJ,aAAa,CAACK,WAAW,CAAC;MAC9BC,UAAU,EAAE,CAAC,CAAC,EAAE,GAAG,EAAE,CAAC,CAAC;MACvBC,WAAW,EAAE,CACXV,eAAe,IAAIK,KAAK,CAAC,QAAQ,CAAC,EAClCJ,eAAe,IAAII,KAAK,CAAC,QAAQ,CAAC,EAClCL,eAAe,IAAIK,KAAK,CAAC,QAAQ,CAAC;IAEtC,CAAC,CAAC;IACFT,KAAK;IACLC,MAAM;IACNc,CAAC,EAAE,CAAC;IACJC,CAAC,EAAE,CAAC;IACJC,EAAE,EAAEd,YAAY;IAChBe,EAAE,EAAEf;EACN,CAAC;EAEDX,QAAQ,CAAC2B,IAAI,CACX3B,QAAQ,CAAC4B,MAAM,CAACb,aAAa,EAAE;IAC7Bc,OAAO,EAAE,CAAC;IACVnB,QAAQ;IACRoB,eAAe,EAAE;EACnB,CAAC,CACH,CAAC,CAACC,KAAK,CAAC,CAAC;EAET,oBACE3B,IAAA,CAACN,GAAG;IACFU,KAAK,EAAEA,KAAM;IACbC,MAAM,EAAEA,MAAO;IACfK,KAAK,EAAE,CACL;MAAEkB,WAAW,EAAE/B,UAAU,CAACgC,aAAa;MAAEC,WAAW,EAAEjB,KAAK,CAAC,QAAQ,CAAC;MAAEN;IAAa,CAAC,EACrFG,KAAK,CACL;IAAAqB,QAAA,eAEF/B,IAAA,CAACC,YAAY;MAAA,GAAKa;IAAa,CAAG;EAAC,CAChC,CAAC;AAEV,CAAC","ignoreList":[]}
+{"version":3,"names":["Animated","StyleSheet","View","memo","useEffect","useRef","useState","useTheme","jsx","_jsx","Shimmer_","width","height","duration","borderRadius","backgroundColor","foregroundColor","highlightWidthRatio","highlightOpacity","angle","style","Theme","measuredWidth","setMeasuredWidth","measuredHeight","setMeasuredHeight","translateRef","Value","loopRef","undefined","translateX","current","setValue","timing","toValue","useNativeDriver","loop","start","stop","stopAnimation","baseColor","highlightColor","onLayout","event","w","h","nativeEvent","layout","Math","abs","animatedTranslateX","bandWidth","max","travel","interpolate","inputRange","outputRange","containerStyle","overflow","borderWidth","hairlineWidth","borderColor","bandStyle","position","top","bottom","opacity","children","pointerEvents","transform","rotate","Shimmer"],"sourceRoot":"../../../../src","sources":["components/wui-shimmer/index.tsx"],"mappings":"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","ignoreList":[]}

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

@@ -1,6 +1,6 @@
 "use strict";
 
-import { memo } from 'react';
+import { memo, useMemo } from 'react';
 import { Animated, Pressable, View } from 'react-native';
 import { Text } from '../../components/wui-text';
 import { IconBox } from '../wui-icon-box';
@@ -10,11 +10,12 @@ import { NetworkImage } from '../wui-network-image';
 import { WalletImage } from '../wui-wallet-image';
 import styles, { getBackgroundColor, ITEM_HEIGHT, ITEM_WIDTH } from './styles';
 import { UiUtil } from '../../utils/UiUtil';
+import { FlexView } from '../../layout/wui-flex';
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 const AnimatedPressable = Animated.createAnimatedComponent(Pressable);
 export const CardSelectHeight = ITEM_HEIGHT;
 export const CardSelectWidth = ITEM_WIDTH;
-function _CardSelect({
+function CardSelect_({
   name,
   type = 'wallet',
   imageSrc,
@@ -37,56 +38,57 @@ function _CardSelect({
     disabled,
     pressed: true
   });
+  const Image = useMemo(() => type === 'wallet' ? WalletImage : NetworkImage, [type]);
   const {
     animatedValue,
     setStartValue,
     setEndValue
   } = useAnimatedValue(Theme[normalbackgroundColor], Theme[pressedBackgroundColor]);
   const textColor = disabled ? 'fg-300' : selected ? 'accent-100' : 'fg-100';
-  const Image = type === 'wallet' ? WalletImage : NetworkImage;
-  const templateInstalled = () => {
-    if (!installed) return null;
-    return /*#__PURE__*/_jsx(IconBox, {
-      icon: "checkmark",
-      iconSize: "xs",
-      iconColor: 'success-100',
-      border: true,
-      borderSize: 6,
-      borderColor: "bg-150",
-      background: true,
-      backgroundColor: "icon-box-bg-success-100",
-      size: "sm",
-      style: styles.installedBox
-    });
-  };
-  return /*#__PURE__*/_jsxs(AnimatedPressable, {
-    onPress: onPress,
-    onPressIn: setEndValue,
-    onPressOut: setStartValue,
-    disabled: disabled,
-    style: [styles.container, {
-      backgroundColor: animatedValue
-    }, style],
-    testID: testID,
-    children: [/*#__PURE__*/_jsxs(View, {
-      children: [/*#__PURE__*/_jsx(Image, {
-        imageSrc: imageSrc,
-        imageHeaders: imageHeaders,
-        size: "md",
-        style: disabled ? styles.disabledImage : null,
-        selected: selected,
-        disabled: disabled
-      }), templateInstalled()]
-    }), /*#__PURE__*/_jsx(Text, {
-      variant: "tiny-500",
-      color: textColor,
-      style: styles.text,
-      numberOfLines: 1,
-      children: UiUtil.getWalletName(name)
-    })]
+  return /*#__PURE__*/_jsx(FlexView, {
+    style: style,
+    alignItems: "center",
+    justifyContent: "center",
+    children: /*#__PURE__*/_jsxs(AnimatedPressable, {
+      onPress: onPress,
+      onPressIn: setEndValue,
+      onPressOut: setStartValue,
+      disabled: disabled,
+      style: [styles.container, {
+        backgroundColor: animatedValue
+      }],
+      testID: testID,
+      children: [/*#__PURE__*/_jsxs(View, {
+        children: [/*#__PURE__*/_jsx(Image, {
+          imageSrc: imageSrc,
+          imageHeaders: imageHeaders,
+          size: "md",
+          style: disabled ? styles.disabledImage : null,
+          selected: selected,
+          disabled: disabled
+        }), installed ? /*#__PURE__*/_jsx(IconBox, {
+          icon: "checkmark",
+          iconSize: "xs",
+          iconColor: 'success-100',
+          border: true,
+          borderSize: 6,
+          borderColor: "bg-150",
+          background: true,
+          backgroundColor: "icon-box-bg-success-100",
+          size: "sm",
+          style: styles.installedBox
+        }) : null]
+      }), /*#__PURE__*/_jsx(Text, {
+        variant: "tiny-500",
+        color: textColor,
+        style: styles.text,
+        numberOfLines: 1,
+        children: UiUtil.getWalletName(name)
+      })]
+    })
   });
 }
-export const CardSelect = /*#__PURE__*/memo(_CardSelect, (prevProps, nextProps) => {
-  return prevProps.name === nextProps.name;
+export const CardSelect = /*#__PURE__*/memo(CardSelect_, (prevProps, nextProps) => {
+  return prevProps.name === nextProps.name && prevProps.imageSrc === nextProps.imageSrc && prevProps.selected === nextProps.selected;
 });
 //# sourceMappingURL=index.js.map

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

@@ -1 +1 @@
-{"version":3,"names":["memo","Animated","Pressable","View","Text","IconBox","useAnimatedValue","useTheme","NetworkImage","WalletImage","styles","getBackgroundColor","ITEM_HEIGHT","ITEM_WIDTH","UiUtil","jsx","_jsx","jsxs","_jsxs","AnimatedPressable","createAnimatedComponent","CardSelectHeight","CardSelectWidth","_CardSelect","name","type","imageSrc","imageHeaders","onPress","disabled","installed","selected","style","testID","Theme","normalbackgroundColor","pressed","pressedBackgroundColor","animatedValue","setStartValue","setEndValue","textColor","Image","templateInstalled","icon","iconSize","iconColor","border","borderSize","borderColor","background","backgroundColor","size","installedBox","onPressIn","onPressOut","container","children","disabledImage","variant","color","text","numberOfLines","getWalletName","CardSelect","prevProps","nextProps"],"sourceRoot":"../../../../src","sources":["composites/wui-card-select/index.tsx"],"mappings":";;AAAA,SAASA,IAAI,QAAQ,OAAO;AAC5B,SAASC,QAAQ,EAAEC,SAAS,EAAEC,IAAI,QAAwC,cAAc;AACxF,SAASC,IAAI,QAAQ,2BAA2B;AAChD,SAASC,OAAO,QAAQ,iBAAiB;AACzC,OAAOC,gBAAgB,MAAM,8BAA8B;AAC3D,SAASC,QAAQ,QAAQ,sBAAsB;AAE/C,SAASC,YAAY,QAAQ,sBAAsB;AACnD,SAASC,WAAW,QAAQ,qBAAqB;AACjD,OAAOC,MAAM,IAAIC,kBAAkB,EAAEC,WAAW,EAAEC,UAAU,QAAQ,UAAU;AAC9E,SAASC,MAAM,QAAQ,oBAAoB;AAAC,SAAAC,GAAA,IAAAC,IAAA,EAAAC,IAAA,IAAAC,KAAA;AAE5C,MAAMC,iBAAiB,GAAGlB,QAAQ,CAACmB,uBAAuB,CAAClB,SAAS,CAAC;AAErE,OAAO,MAAMmB,gBAAgB,GAAGT,WAAW;AAC3C,OAAO,MAAMU,eAAe,GAAGT,UAAU;AAezC,SAASU,WAAWA,CAAC;EACnBC,IAAI;EACJC,IAAI,GAAG,QAAQ;EACfC,QAAQ;EACRC,YAAY;EACZC,OAAO;EACPC,QAAQ;EACRC,SAAS;EACTC,QAAQ;EACRC,KAAK;EACLC;AACe,CAAC,EAAE;EAClB,MAAMC,KAAK,GAAG3B,QAAQ,CAAC,CAAC;EACxB,MAAM4B,qBAAqB,GAAGxB,kBAAkB,CAAC;IAAEoB,QAAQ;IAAEF,QAAQ;IAAEO,OAAO,EAAE;EAAM,CAAC,CAAC;EACxF,MAAMC,sBAAsB,GAAG1B,kBAAkB,CAAC;IAAEoB,QAAQ;IAAEF,QAAQ;IAAEO,OAAO,EAAE;EAAK,CAAC,CAAC;EAExF,MAAM;IAAEE,aAAa;IAAEC,aAAa;IAAEC;EAAY,CAAC,GAAGlC,gBAAgB,CACpE4B,KAAK,CAACC,qBAAqB,CAAC,EAC5BD,KAAK,CAACG,sBAAsB,CAC9B,CAAC;EAED,MAAMI,SAAS,GAAGZ,QAAQ,GAAG,QAAQ,GAAGE,QAAQ,GAAG,YAAY,GAAG,QAAQ;EAE1E,MAAMW,KAAK,GAAGjB,IAAI,KAAK,QAAQ,GAAGhB,WAAW,GAAGD,YAAY;EAE5D,MAAMmC,iBAAiB,GAAGA,CAAA,KAAM;IAC9B,IAAI,CAACb,SAAS,EAAE,OAAO,IAAI;IAE3B,oBACEd,IAAA,CAACX,OAAO;MACNuC,IAAI,EAAC,WAAW;MAChBC,QAAQ,EAAC,IAAI;MACbC,SAAS,EAAE,aAAc;MACzBC,MAAM;MACNC,UAAU,EAAE,CAAE;MACdC,WAAW,EAAC,QAAQ;MACpBC,UAAU;MACVC,eAAe,EAAC,yBAAyB;MACzCC,IAAI,EAAC,IAAI;MACTpB,KAAK,EAAEtB,MAAM,CAAC2C;IAAa,CAC5B,CAAC;EAEN,CAAC;EAED,oBACEnC,KAAA,CAACC,iBAAiB;IAChBS,OAAO,EAAEA,OAAQ;IACjB0B,SAAS,EAAEd,WAAY;IACvBe,UAAU,EAAEhB,aAAc;IAC1BV,QAAQ,EAAEA,QAAS;IACnBG,KAAK,EAAE,CAACtB,MAAM,CAAC8C,SAAS,EAAE;MAAEL,eAAe,EAAEb;IAAc,CAAC,EAAEN,KAAK,CAAE;IACrEC,MAAM,EAAEA,MAAO;IAAAwB,QAAA,gBAEfvC,KAAA,CAACf,IAAI;MAAAsD,QAAA,gBACHzC,IAAA,CAAC0B,KAAK;QACJhB,QAAQ,EAAEA,QAAS;QACnBC,YAAY,EAAEA,YAAa;QAC3ByB,IAAI,EAAC,IAAI;QACTpB,KAAK,EAAEH,QAAQ,GAAGnB,MAAM,CAACgD,aAAa,GAAG,IAAK;QAC9C3B,QAAQ,EAAEA,QAAS;QACnBF,QAAQ,EAAEA;MAAS,CACpB,CAAC,EACDc,iBAAiB,CAAC,CAAC;IAAA,CAChB,CAAC,eACP3B,IAAA,CAACZ,IAAI;MAACuD,OAAO,EAAC,UAAU;MAACC,KAAK,EAAEnB,SAAU;MAACT,KAAK,EAAEtB,MAAM,CAACmD,IAAK;MAACC,aAAa,EAAE,CAAE;MAAAL,QAAA,EAC7E3C,MAAM,CAACiD,aAAa,CAACvC,IAAI;IAAC,CACvB,CAAC;EAAA,CACU,CAAC;AAExB;AAEA,OAAO,MAAMwC,UAAU,gBAAGhE,IAAI,CAACuB,WAAW,EAAE,CAAC0C,SAAS,EAAEC,SAAS,KAAK;EACpE,OAAOD,SAAS,CAACzC,IAAI,KAAK0C,SAAS,CAAC1C,IAAI;AAC1C,CAAC,CAAC","ignoreList":[]}
+{"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-loader/index.js

@@ -1,5 +1,6 @@
 "use strict";
 
+import { memo } from 'react';
 import { BorderRadius, Spacing, WalletImageSize } from '../../utils/ThemeUtil';
 import { useTheme } from '../../hooks/useTheme';
 import { Shimmer } from '../../components/wui-shimmer';
@@ -7,7 +8,7 @@ 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({
+export function CardSelectLoader_({
   style
 }) {
   const Theme = useTheme();
@@ -29,4 +30,7 @@ export function CardSelectLoader({
     })]
   });
 }
+export const CardSelectLoader = /*#__PURE__*/memo(CardSelectLoader_, () => {
+  return true;
+});
 //# sourceMappingURL=index.js.map

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

@@ -1 +1 @@
-{"version":3,"names":["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"],"sourceRoot":"../../../../src","sources":["composites/wui-card-select-loader/index.tsx"],"mappings":";;AACA,SAASA,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,gBAAgBA,CAAC;EAAEC;AAA6B,CAAC,EAAE;EACjE,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","ignoreList":[]}
+{"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":[]}