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

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

@@ -1 +1 @@
-{"version":3,"names":["_react","require","_ThemeUtil","_useTheme","_wuiShimmer","_wuiFlex","_styles","_interopRequireWildcard","_jsxRuntime","e","t","WeakMap","r","n","__esModule","o","i","f","__proto__","default","has","get","set","hasOwnProperty","call","Object","defineProperty","getOwnPropertyDescriptor","CardSelectLoaderHeight","exports","ITEM_HEIGHT","_CardSelectLoader","style","Theme","useTheme","jsxs","FlexView","alignItems","justifyContent","styles","container","backgroundColor","children","jsx","Shimmer","height","WalletImageSize","md","width","borderRadius","BorderRadius","xs","Spacing","text","CardSelectLoader","memo"],"sourceRoot":"../../../../src","sources":["composites/wui-card-select-loader/index.tsx"],"mappings":";;;;;;;AAAA,IAAAA,MAAA,GAAAC,OAAA;AAEA,IAAAC,UAAA,GAAAD,OAAA;AACA,IAAAE,SAAA,GAAAF,OAAA;AACA,IAAAG,WAAA,GAAAH,OAAA;AACA,IAAAI,QAAA,GAAAJ,OAAA;AACA,IAAAK,OAAA,GAAAC,uBAAA,CAAAN,OAAA;AAA+C,IAAAO,WAAA,GAAAP,OAAA;AAAA,SAAAM,wBAAAE,CAAA,EAAAC,CAAA,6BAAAC,OAAA,MAAAC,CAAA,OAAAD,OAAA,IAAAE,CAAA,OAAAF,OAAA,YAAAJ,uBAAA,YAAAA,CAAAE,CAAA,EAAAC,CAAA,SAAAA,CAAA,IAAAD,CAAA,IAAAA,CAAA,CAAAK,UAAA,SAAAL,CAAA,MAAAM,CAAA,EAAAC,CAAA,EAAAC,CAAA,KAAAC,SAAA,QAAAC,OAAA,EAAAV,CAAA,iBAAAA,CAAA,uBAAAA,CAAA,yBAAAA,CAAA,SAAAQ,CAAA,MAAAF,CAAA,GAAAL,CAAA,GAAAG,CAAA,GAAAD,CAAA,QAAAG,CAAA,CAAAK,GAAA,CAAAX,CAAA,UAAAM,CAAA,CAAAM,GAAA,CAAAZ,CAAA,GAAAM,CAAA,CAAAO,GAAA,CAAAb,CAAA,EAAAQ,CAAA,gBAAAP,CAAA,IAAAD,CAAA,gBAAAC,CAAA,OAAAa,cAAA,CAAAC,IAAA,CAAAf,CAAA,EAAAC,CAAA,OAAAM,CAAA,IAAAD,CAAA,GAAAU,MAAA,CAAAC,cAAA,KAAAD,MAAA,CAAAE,wBAAA,CAAAlB,CAAA,EAAAC,CAAA,OAAAM,CAAA,CAAAK,GAAA,IAAAL,CAAA,CAAAM,GAAA,IAAAP,CAAA,CAAAE,CAAA,EAAAP,CAAA,EAAAM,CAAA,IAAAC,CAAA,CAAAP,CAAA,IAAAD,CAAA,CAAAC,CAAA,WAAAO,CAAA,KAAAR,CAAA,EAAAC,CAAA;AAExC,MAAMkB,sBAAsB,GAAAC,OAAA,CAAAD,sBAAA,GAAGE,mBAAW;AAM1C,SAASC,iBAAiBA,CAAC;EAAEC;AAA6B,CAAC,EAAE;EAClE,MAAMC,KAAK,GAAG,IAAAC,kBAAQ,EAAC,CAAC;EAExB,oBACE,IAAA1B,WAAA,CAAA2B,IAAA,EAAC9B,QAAA,CAAA+B,QAAQ;IACPC,UAAU,EAAC,QAAQ;IACnBC,cAAc,EAAC,QAAQ;IACvBN,KAAK,EAAE,CAACO,eAAM,CAACC,SAAS,EAAE;MAAEC,eAAe,EAAER,KAAK,CAAC,gBAAgB;IAAE,CAAC,EAAED,KAAK,CAAE;IAAAU,QAAA,gBAE/E,IAAAlC,WAAA,CAAAmC,GAAA,EAACvC,WAAA,CAAAwC,OAAO;MACNC,MAAM,EAAEC,0BAAe,CAACC,EAAG;MAC3BC,KAAK,EAAEF,0BAAe,CAACC,EAAG;MAC1BE,YAAY,EAAEC,uBAAY,CAACC;IAAG,CAC/B,CAAC,eACF,IAAA3C,WAAA,CAAAmC,GAAA,EAACvC,WAAA,CAAAwC,OAAO;MACNC,MAAM,EAAE,EAAG;MACXG,KAAK,EAAEF,0BAAe,CAACC,EAAE,GAAGK,kBAAO,CAACD,EAAG;MACvCF,YAAY,EAAE,CAAE;MAChBjB,KAAK,EAAEO,eAAM,CAACc;IAAK,CACpB,CAAC;EAAA,CACM,CAAC;AAEf;AACO,MAAMC,gBAAgB,GAAAzB,OAAA,CAAAyB,gBAAA,gBAAG,IAAAC,WAAI,EAACxB,iBAAiB,EAAE,MAAM;EAC5D,OAAO,IAAI;AACb,CAAC,CAAC","ignoreList":[]}
+{"version":3,"names":["_react","require","_ThemeUtil","_useTheme","_wuiShimmer","_wuiFlex","_styles","_interopRequireWildcard","_jsxRuntime","e","t","WeakMap","r","n","__esModule","o","i","f","__proto__","default","has","get","set","hasOwnProperty","call","Object","defineProperty","getOwnPropertyDescriptor","CardSelectLoaderHeight","exports","ITEM_HEIGHT","CardSelectLoader_","style","Theme","useTheme","jsxs","FlexView","alignItems","justifyContent","styles","container","backgroundColor","children","jsx","Shimmer","height","WalletImageSize","md","width","borderRadius","BorderRadius","xs","Spacing","text","CardSelectLoader","memo"],"sourceRoot":"../../../../src","sources":["composites/wui-card-select-loader/index.tsx"],"mappings":";;;;;;;AAAA,IAAAA,MAAA,GAAAC,OAAA;AAEA,IAAAC,UAAA,GAAAD,OAAA;AACA,IAAAE,SAAA,GAAAF,OAAA;AACA,IAAAG,WAAA,GAAAH,OAAA;AACA,IAAAI,QAAA,GAAAJ,OAAA;AACA,IAAAK,OAAA,GAAAC,uBAAA,CAAAN,OAAA;AAA+C,IAAAO,WAAA,GAAAP,OAAA;AAAA,SAAAM,wBAAAE,CAAA,EAAAC,CAAA,6BAAAC,OAAA,MAAAC,CAAA,OAAAD,OAAA,IAAAE,CAAA,OAAAF,OAAA,YAAAJ,uBAAA,YAAAA,CAAAE,CAAA,EAAAC,CAAA,SAAAA,CAAA,IAAAD,CAAA,IAAAA,CAAA,CAAAK,UAAA,SAAAL,CAAA,MAAAM,CAAA,EAAAC,CAAA,EAAAC,CAAA,KAAAC,SAAA,QAAAC,OAAA,EAAAV,CAAA,iBAAAA,CAAA,uBAAAA,CAAA,yBAAAA,CAAA,SAAAQ,CAAA,MAAAF,CAAA,GAAAL,CAAA,GAAAG,CAAA,GAAAD,CAAA,QAAAG,CAAA,CAAAK,GAAA,CAAAX,CAAA,UAAAM,CAAA,CAAAM,GAAA,CAAAZ,CAAA,GAAAM,CAAA,CAAAO,GAAA,CAAAb,CAAA,EAAAQ,CAAA,gBAAAP,CAAA,IAAAD,CAAA,gBAAAC,CAAA,OAAAa,cAAA,CAAAC,IAAA,CAAAf,CAAA,EAAAC,CAAA,OAAAM,CAAA,IAAAD,CAAA,GAAAU,MAAA,CAAAC,cAAA,KAAAD,MAAA,CAAAE,wBAAA,CAAAlB,CAAA,EAAAC,CAAA,OAAAM,CAAA,CAAAK,GAAA,IAAAL,CAAA,CAAAM,GAAA,IAAAP,CAAA,CAAAE,CAAA,EAAAP,CAAA,EAAAM,CAAA,IAAAC,CAAA,CAAAP,CAAA,IAAAD,CAAA,CAAAC,CAAA,WAAAO,CAAA,KAAAR,CAAA,EAAAC,CAAA;AAExC,MAAMkB,sBAAsB,GAAAC,OAAA,CAAAD,sBAAA,GAAGE,mBAAW;AAM1C,SAASC,iBAAiBA,CAAC;EAAEC;AAA6B,CAAC,EAAE;EAClE,MAAMC,KAAK,GAAG,IAAAC,kBAAQ,EAAC,CAAC;EAExB,oBACE,IAAA1B,WAAA,CAAA2B,IAAA,EAAC9B,QAAA,CAAA+B,QAAQ;IACPC,UAAU,EAAC,QAAQ;IACnBC,cAAc,EAAC,QAAQ;IACvBN,KAAK,EAAE,CAACO,eAAM,CAACC,SAAS,EAAE;MAAEC,eAAe,EAAER,KAAK,CAAC,gBAAgB;IAAE,CAAC,EAAED,KAAK,CAAE;IAAAU,QAAA,gBAE/E,IAAAlC,WAAA,CAAAmC,GAAA,EAACvC,WAAA,CAAAwC,OAAO;MACNC,MAAM,EAAEC,0BAAe,CAACC,EAAG;MAC3BC,KAAK,EAAEF,0BAAe,CAACC,EAAG;MAC1BE,YAAY,EAAEC,uBAAY,CAACC;IAAG,CAC/B,CAAC,eACF,IAAA3C,WAAA,CAAAmC,GAAA,EAACvC,WAAA,CAAAwC,OAAO;MACNC,MAAM,EAAE,EAAG;MACXG,KAAK,EAAEF,0BAAe,CAACC,EAAE,GAAGK,kBAAO,CAACD,EAAG;MACvCF,YAAY,EAAE,CAAE;MAChBjB,KAAK,EAAEO,eAAM,CAACc;IAAK,CACpB,CAAC;EAAA,CACM,CAAC;AAEf;AACO,MAAMC,gBAAgB,GAAAzB,OAAA,CAAAyB,gBAAA,gBAAG,IAAAC,WAAI,EAACxB,iBAAiB,EAAE,MAAM;EAC5D,OAAO,IAAI;AACb,CAAC,CAAC","ignoreList":[]}

package/lib/commonjs/composites/wui-qr-code/index.js

@@ -3,7 +3,8 @@
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.QrCode = QrCode;
+exports.QrCode = void 0;
+exports.QrCode_ = QrCode_;
 var _react = require("react");
 var _reactNative = require("react-native");
 var _reactNativeSvg = _interopRequireDefault(require("react-native-svg"));
@@ -15,7 +16,7 @@ var _ThemeUtil = require("../../utils/ThemeUtil");
 var _styles = _interopRequireDefault(require("./styles"));
 var _jsxRuntime = require("react/jsx-runtime");
 function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
-function QrCode({
+function QrCode_({
   size,
   uri,
   imageSrc,
@@ -69,4 +70,7 @@ function QrCode({
     borderRadius: _ThemeUtil.BorderRadius.l
   });
 }
+const QrCode = exports.QrCode = /*#__PURE__*/(0, _react.memo)(QrCode_, (prevProps, nextProps) => {
+  return prevProps.size === nextProps.size && prevProps.uri === nextProps.uri && prevProps.style === nextProps.style;
+});
 //# sourceMappingURL=index.js.map

package/lib/commonjs/composites/wui-qr-code/index.js.map

@@ -1 +1 @@
-{"version":3,"names":["_react","require","_reactNative","_reactNativeSvg","_interopRequireDefault","_wuiIcon","_wuiImage","_wuiShimmer","_QRCodeUtil","_ThemeUtil","_styles","_jsxRuntime","e","__esModule","default","QrCode","size","uri","imageSrc","testID","arenaClear","icon","style","Theme","LightTheme","containerPadding","Spacing","l","qrSize","logoSize","dots","useMemo","QRCodeUtil","generate","logoTemplate","jsx","Image","source","styles","height","width","borderRadius","Icon","name","color","jsxs","View","container","backgroundColor","padding","children","Shimmer","BorderRadius"],"sourceRoot":"../../../../src","sources":["composites/wui-qr-code/index.tsx"],"mappings":"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","ignoreList":[]}
+{"version":3,"names":["_react","require","_reactNative","_reactNativeSvg","_interopRequireDefault","_wuiIcon","_wuiImage","_wuiShimmer","_QRCodeUtil","_ThemeUtil","_styles","_jsxRuntime","e","__esModule","default","QrCode_","size","uri","imageSrc","testID","arenaClear","icon","style","Theme","LightTheme","containerPadding","Spacing","l","qrSize","logoSize","dots","useMemo","QRCodeUtil","generate","logoTemplate","jsx","Image","source","styles","height","width","borderRadius","Icon","name","color","jsxs","View","container","backgroundColor","padding","children","Shimmer","BorderRadius","QrCode","exports","memo","prevProps","nextProps"],"sourceRoot":"../../../../src","sources":["composites/wui-qr-code/index.tsx"],"mappings":"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","ignoreList":[]}

package/lib/commonjs/composites/wui-token-button/index.js

@@ -21,7 +21,7 @@ function TokenButton({
   onPress,
   style,
   disabled = false,
-  placeholder = 'Select token',
+  placeholder = 'Select Token',
   chevron,
   renderClip,
   testID

package/lib/commonjs/context/ThemeContext.js

@@ -16,28 +16,30 @@ function ThemeProvider({
   themeMode,
   themeVariables
 }) {
+  const contextValue = (0, _react.useMemo)(() => ({
+    themeMode,
+    themeVariables
+  }), [themeMode, themeVariables]);
   return /*#__PURE__*/(0, _jsxRuntime.jsx)(ThemeContext.Provider, {
-    value: {
-      themeMode,
-      themeVariables
-    },
+    value: contextValue,
     children: children
   });
 }
 function useTheme() {
   const context = (0, _react.useContext)(ThemeContext);
   const scheme = (0, _reactNative.useColorScheme)();
-
-  // If the theme mode is not set, use the system color scheme
-  const themeMode = context?.themeMode ?? scheme;
-  const themeVariables = context?.themeVariables ?? {};
-  let Theme = themeMode === 'dark' ? _ThemeUtil.DarkTheme : _ThemeUtil.LightTheme;
-  if (themeVariables.accent) {
-    Theme = {
-      ...Theme,
-      ...(0, _ThemeUtil.getAccentColors)(themeVariables.accent)
-    };
-  }
-  return Theme;
+  return (0, _react.useMemo)(() => {
+    // If the theme mode is not set, use the system color scheme
+    const themeMode = context?.themeMode ?? scheme;
+    const themeVariables = context?.themeVariables ?? {};
+    let Theme = themeMode === 'dark' ? _ThemeUtil.DarkTheme : _ThemeUtil.LightTheme;
+    if (themeVariables.accent) {
+      Theme = {
+        ...Theme,
+        ...(0, _ThemeUtil.getAccentColors)(themeVariables.accent)
+      };
+    }
+    return Theme;
+  }, [context?.themeMode, context?.themeVariables, scheme]);
 }
 //# sourceMappingURL=ThemeContext.js.map

package/lib/commonjs/context/ThemeContext.js.map

@@ -1 +1 @@
-{"version":3,"names":["_reactNative","require","_react","_ThemeUtil","_jsxRuntime","ThemeContext","exports","createContext","undefined","ThemeProvider","children","themeMode","themeVariables","jsx","Provider","value","useTheme","context","useContext","scheme","useColorScheme","Theme","DarkTheme","LightTheme","accent","getAccentColors"],"sourceRoot":"../../../src","sources":["context/ThemeContext.tsx"],"mappings":";;;;;;;;AAAA,IAAAA,YAAA,GAAAC,OAAA;AACA,IAAAC,MAAA,GAAAD,OAAA;AAGA,IAAAE,UAAA,GAAAF,OAAA;AAA4E,IAAAG,WAAA,GAAAH,OAAA;AAOrE,MAAMI,YAAY,GAAAC,OAAA,CAAAD,YAAA,gBAAG,IAAAE,oBAAa,EAA+BC,SAAS,CAAC;AAQ3E,SAASC,aAAaA,CAAC;EAAEC,QAAQ;EAAEC,SAAS;EAAEC;AAAmC,CAAC,EAAE;EACzF,oBACE,IAAAR,WAAA,CAAAS,GAAA,EAACR,YAAY,CAACS,QAAQ;IAACC,KAAK,EAAE;MAAEJ,SAAS;MAAEC;IAAe,CAAE;IAAAF,QAAA,EAAEA;EAAQ,CAAwB,CAAC;AAEnG;AAEO,SAASM,QAAQA,CAAA,EAAG;EACzB,MAAMC,OAAO,GAAG,IAAAC,iBAAU,EAACb,YAAY,CAAC;EACxC,MAAMc,MAAM,GAAG,IAAAC,2BAAc,EAAC,CAAC;;EAE/B;EACA,MAAMT,SAAS,GAAGM,OAAO,EAAEN,SAAS,IAAIQ,MAAM;EAC9C,MAAMP,cAAc,GAAGK,OAAO,EAAEL,cAAc,IAAI,CAAC,CAAC;EAEpD,IAAIS,KAAK,GAAGV,SAAS,KAAK,MAAM,GAAGW,oBAAS,GAAGC,qBAAU;EAEzD,IAAIX,cAAc,CAACY,MAAM,EAAE;IACzBH,KAAK,GAAG;MACN,GAAGA,KAAK;MACR,GAAG,IAAAI,0BAAe,EAACb,cAAc,CAACY,MAAM;IAC1C,CAAC;EACH;EAEA,OAAOH,KAAK;AACd","ignoreList":[]}
+{"version":3,"names":["_reactNative","require","_react","_ThemeUtil","_jsxRuntime","ThemeContext","exports","createContext","undefined","ThemeProvider","children","themeMode","themeVariables","contextValue","useMemo","jsx","Provider","value","useTheme","context","useContext","scheme","useColorScheme","Theme","DarkTheme","LightTheme","accent","getAccentColors"],"sourceRoot":"../../../src","sources":["context/ThemeContext.tsx"],"mappings":";;;;;;;;AAAA,IAAAA,YAAA,GAAAC,OAAA;AACA,IAAAC,MAAA,GAAAD,OAAA;AAGA,IAAAE,UAAA,GAAAF,OAAA;AAA4E,IAAAG,WAAA,GAAAH,OAAA;AAOrE,MAAMI,YAAY,GAAAC,OAAA,CAAAD,YAAA,gBAAG,IAAAE,oBAAa,EAA+BC,SAAS,CAAC;AAQ3E,SAASC,aAAaA,CAAC;EAAEC,QAAQ;EAAEC,SAAS;EAAEC;AAAmC,CAAC,EAAE;EACzF,MAAMC,YAAY,GAAG,IAAAC,cAAO,EAAC,OAAO;IAAEH,SAAS;IAAEC;EAAe,CAAC,CAAC,EAAE,CAACD,SAAS,EAAEC,cAAc,CAAC,CAAC;EAEhG,oBAAO,IAAAR,WAAA,CAAAW,GAAA,EAACV,YAAY,CAACW,QAAQ;IAACC,KAAK,EAAEJ,YAAa;IAAAH,QAAA,EAAEA;EAAQ,CAAwB,CAAC;AACvF;AAEO,SAASQ,QAAQA,CAAA,EAAG;EACzB,MAAMC,OAAO,GAAG,IAAAC,iBAAU,EAACf,YAAY,CAAC;EACxC,MAAMgB,MAAM,GAAG,IAAAC,2BAAc,EAAC,CAAC;EAE/B,OAAO,IAAAR,cAAO,EAAC,MAAM;IACnB;IACA,MAAMH,SAAS,GAAGQ,OAAO,EAAER,SAAS,IAAIU,MAAM;IAC9C,MAAMT,cAAc,GAAGO,OAAO,EAAEP,cAAc,IAAI,CAAC,CAAC;IAEpD,IAAIW,KAAK,GAAGZ,SAAS,KAAK,MAAM,GAAGa,oBAAS,GAAGC,qBAAU;IAEzD,IAAIb,cAAc,CAACc,MAAM,EAAE;MACzBH,KAAK,GAAG;QACN,GAAGA,KAAK;QACR,GAAG,IAAAI,0BAAe,EAACf,cAAc,CAACc,MAAM;MAC1C,CAAC;IACH;IAEA,OAAOH,KAAK;EACd,CAAC,EAAE,CAACJ,OAAO,EAAER,SAAS,EAAEQ,OAAO,EAAEP,cAAc,EAAES,MAAM,CAAC,CAAC;AAC3D","ignoreList":[]}

package/lib/commonjs/hooks/useCustomDimensions.js

@@ -8,30 +8,31 @@ var _react = require("react");
 var _reactNative = require("react-native");
 /**
  * Hook used to get the width of the screen and the padding needed to accomplish portrait and landscape modes.
- * @returns { width: number, isPortrait: boolean, isLandscape: boolean, padding: number }
+ * @returns { maxHeight: number, isPortrait: boolean, isLandscape: boolean, padding: number }
  */
 
-const MAX_HEIGHT_PERCENTAGE = 0.9;
-const getMaxHeight = (width, height) => {
-  return Math.max(width, height) * MAX_HEIGHT_PERCENTAGE;
+const MAX_PORTRAIT_PERCENTAGE = 0.9;
+const MAX_LANDSCAPE_PERCENTAGE = 0.85;
+const IOS_STATUS_BAR_HEIGHT = 20;
+const getMaxHeight = (height, isPortrait) => {
+  const percentage = isPortrait ? MAX_PORTRAIT_PERCENTAGE : MAX_LANDSCAPE_PERCENTAGE;
+  return height * percentage - (_reactNative.StatusBar.currentHeight ?? IOS_STATUS_BAR_HEIGHT);
 };
 function useCustomDimensions() {
   const {
     width,
     height
   } = (0, _reactNative.useWindowDimensions)();
-  const [maxWidth, setMaxWidth] = (0, _react.useState)(Math.min(width, height));
-  const [maxHeight, setMaxHeight] = (0, _react.useState)(getMaxHeight(width, height));
   const [isPortrait, setIsPortrait] = (0, _react.useState)(height > width);
+  const [maxHeight, setMaxHeight] = (0, _react.useState)(getMaxHeight(height, height > width));
   const [padding, setPadding] = (0, _react.useState)(0);
   (0, _react.useEffect)(() => {
-    setMaxWidth(Math.min(width, height));
-    setMaxHeight(getMaxHeight(width, height));
-    setIsPortrait(height > width);
-    setPadding(width < height ? 0 : (width - height) / 2);
+    const _isPortrait = height > width;
+    setMaxHeight(getMaxHeight(height, _isPortrait));
+    setIsPortrait(_isPortrait);
+    setPadding(_isPortrait ? 0 : (width - height) / 2);
   }, [width, height]);
   return {
-    maxWidth,
     maxHeight,
     isPortrait,
     isLandscape: !isPortrait,

package/lib/commonjs/hooks/useCustomDimensions.js.map

@@ -1 +1 @@
-{"version":3,"names":["_react","require","_reactNative","MAX_HEIGHT_PERCENTAGE","getMaxHeight","width","height","Math","max","useCustomDimensions","useWindowDimensions","maxWidth","setMaxWidth","useState","min","maxHeight","setMaxHeight","isPortrait","setIsPortrait","padding","setPadding","useEffect","isLandscape"],"sourceRoot":"../../../src","sources":["hooks/useCustomDimensions.ts"],"mappings":";;;;;;AAAA,IAAAA,MAAA,GAAAC,OAAA;AACA,IAAAC,YAAA,GAAAD,OAAA;AAEA;AACA;AACA;AACA;;AAUA,MAAME,qBAAqB,GAAG,GAAG;AAEjC,MAAMC,YAAY,GAAGA,CAACC,KAAa,EAAEC,MAAc,KAAK;EACtD,OAAOC,IAAI,CAACC,GAAG,CAACH,KAAK,EAAEC,MAAM,CAAC,GAAGH,qBAAqB;AACxD,CAAC;AAEM,SAASM,mBAAmBA,CAAA,EAAyB;EAC1D,MAAM;IAAEJ,KAAK;IAAEC;EAAO,CAAC,GAAG,IAAAI,gCAAmB,EAAC,CAAC;EAC/C,MAAM,CAACC,QAAQ,EAAEC,WAAW,CAAC,GAAG,IAAAC,eAAQ,EAASN,IAAI,CAACO,GAAG,CAACT,KAAK,EAAEC,MAAM,CAAC,CAAC;EACzE,MAAM,CAACS,SAAS,EAAEC,YAAY,CAAC,GAAG,IAAAH,eAAQ,EAAST,YAAY,CAACC,KAAK,EAAEC,MAAM,CAAC,CAAC;EAC/E,MAAM,CAACW,UAAU,EAAEC,aAAa,CAAC,GAAG,IAAAL,eAAQ,EAAUP,MAAM,GAAGD,KAAK,CAAC;EACrE,MAAM,CAACc,OAAO,EAAEC,UAAU,CAAC,GAAG,IAAAP,eAAQ,EAAS,CAAC,CAAC;EAEjD,IAAAQ,gBAAS,EAAC,MAAM;IACdT,WAAW,CAACL,IAAI,CAACO,GAAG,CAACT,KAAK,EAAEC,MAAM,CAAC,CAAC;IACpCU,YAAY,CAACZ,YAAY,CAACC,KAAK,EAAEC,MAAM,CAAC,CAAC;IACzCY,aAAa,CAACZ,MAAM,GAAGD,KAAK,CAAC;IAC7Be,UAAU,CAACf,KAAK,GAAGC,MAAM,GAAG,CAAC,GAAG,CAACD,KAAK,GAAGC,MAAM,IAAI,CAAC,CAAC;EACvD,CAAC,EAAE,CAACD,KAAK,EAAEC,MAAM,CAAC,CAAC;EAEnB,OAAO;IAAEK,QAAQ;IAAEI,SAAS;IAAEE,UAAU;IAAEK,WAAW,EAAE,CAACL,UAAU;IAAEE;EAAQ,CAAC;AAC/E","ignoreList":[]}
+{"version":3,"names":["_react","require","_reactNative","MAX_PORTRAIT_PERCENTAGE","MAX_LANDSCAPE_PERCENTAGE","IOS_STATUS_BAR_HEIGHT","getMaxHeight","height","isPortrait","percentage","StatusBar","currentHeight","useCustomDimensions","width","useWindowDimensions","setIsPortrait","useState","maxHeight","setMaxHeight","padding","setPadding","useEffect","_isPortrait","isLandscape"],"sourceRoot":"../../../src","sources":["hooks/useCustomDimensions.ts"],"mappings":";;;;;;AAAA,IAAAA,MAAA,GAAAC,OAAA;AACA,IAAAC,YAAA,GAAAD,OAAA;AAEA;AACA;AACA;AACA;;AASA,MAAME,uBAAuB,GAAG,GAAG;AACnC,MAAMC,wBAAwB,GAAG,IAAI;AACrC,MAAMC,qBAAqB,GAAG,EAAE;AAEhC,MAAMC,YAAY,GAAGA,CAACC,MAAc,EAAEC,UAAmB,KAAK;EAC5D,MAAMC,UAAU,GAAGD,UAAU,GAAGL,uBAAuB,GAAGC,wBAAwB;EAElF,OAAOG,MAAM,GAAGE,UAAU,IAAIC,sBAAS,CAACC,aAAa,IAAIN,qBAAqB,CAAC;AACjF,CAAC;AAEM,SAASO,mBAAmBA,CAAA,EAAyB;EAC1D,MAAM;IAAEC,KAAK;IAAEN;EAAO,CAAC,GAAG,IAAAO,gCAAmB,EAAC,CAAC;EAC/C,MAAM,CAACN,UAAU,EAAEO,aAAa,CAAC,GAAG,IAAAC,eAAQ,EAAUT,MAAM,GAAGM,KAAK,CAAC;EACrE,MAAM,CAACI,SAAS,EAAEC,YAAY,CAAC,GAAG,IAAAF,eAAQ,EAASV,YAAY,CAACC,MAAM,EAAEA,MAAM,GAAGM,KAAK,CAAC,CAAC;EACxF,MAAM,CAACM,OAAO,EAAEC,UAAU,CAAC,GAAG,IAAAJ,eAAQ,EAAS,CAAC,CAAC;EAEjD,IAAAK,gBAAS,EAAC,MAAM;IACd,MAAMC,WAAW,GAAGf,MAAM,GAAGM,KAAK;IAElCK,YAAY,CAACZ,YAAY,CAACC,MAAM,EAAEe,WAAW,CAAC,CAAC;IAC/CP,aAAa,CAACO,WAAW,CAAC;IAC1BF,UAAU,CAACE,WAAW,GAAG,CAAC,GAAG,CAACT,KAAK,GAAGN,MAAM,IAAI,CAAC,CAAC;EACpD,CAAC,EAAE,CAACM,KAAK,EAAEN,MAAM,CAAC,CAAC;EAEnB,OAAO;IAAEU,SAAS;IAAET,UAAU;IAAEe,WAAW,EAAE,CAACf,UAAU;IAAEW;EAAQ,CAAC;AACrE","ignoreList":[]}

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

@@ -1,6 +1,6 @@
 "use strict";
 
-import { KeyboardAvoidingView, Platform } from 'react-native';
+import { View } from 'react-native';
 import { useTheme } from '../../hooks/useTheme';
 import styles from './styles';
 import { jsx as _jsx } from "react/jsx-runtime";
@@ -9,9 +9,7 @@ export function Card({
   style
 }) {
   const Theme = useTheme();
-  return /*#__PURE__*/_jsx(KeyboardAvoidingView, {
-    behavior: "padding",
-    enabled: Platform.OS === 'ios',
+  return /*#__PURE__*/_jsx(View, {
     style: [styles.container, {
       backgroundColor: Theme['bg-100'],
       borderColor: Theme['gray-glass-015']

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

@@ -1 +1 @@
-{"version":3,"names":["KeyboardAvoidingView","Platform","useTheme","styles","jsx","_jsx","Card","children","style","Theme","behavior","enabled","OS","container","backgroundColor","borderColor"],"sourceRoot":"../../../../src","sources":["components/wui-card/index.tsx"],"mappings":";;AACA,SAAyCA,oBAAoB,EAAEC,QAAQ,QAAQ,cAAc;AAE7F,SAASC,QAAQ,QAAQ,sBAAsB;AAC/C,OAAOC,MAAM,MAAM,UAAU;AAAC,SAAAC,GAAA,IAAAC,IAAA;AAO9B,OAAO,SAASC,IAAIA,CAAC;EAAEC,QAAQ;EAAEC;AAAiB,CAAC,EAAE;EACnD,MAAMC,KAAK,GAAGP,QAAQ,CAAC,CAAC;EAExB,oBACEG,IAAA,CAACL,oBAAoB;IACnBU,QAAQ,EAAC,SAAS;IAClBC,OAAO,EAAEV,QAAQ,CAACW,EAAE,KAAK,KAAM;IAC/BJ,KAAK,EAAE,CACLL,MAAM,CAACU,SAAS,EAChB;MAAEC,eAAe,EAAEL,KAAK,CAAC,QAAQ,CAAC;MAAEM,WAAW,EAAEN,KAAK,CAAC,gBAAgB;IAAE,CAAC,EAC1ED,KAAK,CACL;IAAAD,QAAA,EAEDA;EAAQ,CACW,CAAC;AAE3B","ignoreList":[]}
+{"version":3,"names":["View","useTheme","styles","jsx","_jsx","Card","children","style","Theme","container","backgroundColor","borderColor"],"sourceRoot":"../../../../src","sources":["components/wui-card/index.tsx"],"mappings":";;AACA,SAAyCA,IAAI,QAAQ,cAAc;AAEnE,SAASC,QAAQ,QAAQ,sBAAsB;AAC/C,OAAOC,MAAM,MAAM,UAAU;AAAC,SAAAC,GAAA,IAAAC,IAAA;AAO9B,OAAO,SAASC,IAAIA,CAAC;EAAEC,QAAQ;EAAEC;AAAiB,CAAC,EAAE;EACnD,MAAMC,KAAK,GAAGP,QAAQ,CAAC,CAAC;EAExB,oBACEG,IAAA,CAACJ,IAAI;IACHO,KAAK,EAAE,CACLL,MAAM,CAACO,SAAS,EAChB;MAAEC,eAAe,EAAEF,KAAK,CAAC,QAAQ,CAAC;MAAEG,WAAW,EAAEH,KAAK,CAAC,gBAAgB;IAAE,CAAC,EAC1ED,KAAK,CACL;IAAAD,QAAA,EAEDA;EAAQ,CACL,CAAC;AAEX","ignoreList":[]}

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

@@ -1,12 +1,13 @@
 "use strict";
 
-import { useEffect, useRef } from 'react';
+import { useEffect, useMemo, useRef } from 'react';
 import { Animated, Easing, View } from 'react-native';
 import Svg, { Path, Use } from 'react-native-svg';
 import { useTheme } from '../../hooks/useTheme';
 import styles from './styles';
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 const AnimatedUse = Animated.createAnimatedComponent(Use);
+const HEXAGON_PATH = 'M17.22 5.295c3.877-2.277 5.737-3.363 7.72-3.726a11.44 11.44 0 0 1 4.12 0c1.983.363 3.844 1.45 7.72 3.726l6.065 3.562c3.876 2.276 5.731 3.372 7.032 4.938a11.896 11.896 0 0 1 2.06 3.63c.683 1.928.688 4.11.688 8.663v7.124c0 4.553-.005 6.735-.688 8.664a11.896 11.896 0 0 1-2.06 3.63c-1.3 1.565-3.156 2.66-7.032 4.937l-6.065 3.563c-3.877 2.276-5.737 3.362-7.72 3.725a11.46 11.46 0 0 1-4.12 0c-1.983-.363-3.844-1.449-7.72-3.726l-6.065-3.562c-3.876-2.276-5.731-3.372-7.032-4.938a11.885 11.885 0 0 1-2.06-3.63c-.682-1.928-.688-4.11-.688-8.663v-7.124c0-4.553.006-6.735.688-8.664a11.885 11.885 0 0 1 2.06-3.63c1.3-1.565 3.156-2.66 7.032-4.937l6.065-3.562Z';
 export function LoadingHexagon({
   children,
   paused
@@ -25,11 +26,13 @@ export function LoadingHexagon({
     return () => {
       loop.stop();
     };
-  }, [spinValue]);
-  const spin = spinValue.current.interpolate({
-    inputRange: [0, 1],
-    outputRange: [0, -172]
-  });
+  }, []);
+  const spin = useMemo(() => {
+    return spinValue.current.interpolate({
+      inputRange: [0, 1],
+      outputRange: [0, -172]
+    });
+  }, []);
   return /*#__PURE__*/_jsxs(View, {
     style: styles.container,
     children: [/*#__PURE__*/_jsxs(Svg, {
@@ -40,7 +43,7 @@ export function LoadingHexagon({
       fill: "none",
       children: [/*#__PURE__*/_jsx(Path, {
         id: "wui-loader-path",
-        d: "M17.22 5.295c3.877-2.277 5.737-3.363 7.72-3.726a11.44 11.44 0 0 1 4.12 0c1.983.363 3.844 1.45 7.72 3.726l6.065 3.562c3.876 2.276 5.731 3.372 7.032 4.938a11.896 11.896 0 0 1 2.06 3.63c.683 1.928.688 4.11.688 8.663v7.124c0 4.553-.005 6.735-.688 8.664a11.896 11.896 0 0 1-2.06 3.63c-1.3 1.565-3.156 2.66-7.032 4.937l-6.065 3.563c-3.877 2.276-5.737 3.362-7.72 3.725a11.46 11.46 0 0 1-4.12 0c-1.983-.363-3.844-1.449-7.72-3.726l-6.065-3.562c-3.876-2.276-5.731-3.372-7.032-4.938a11.885 11.885 0 0 1-2.06-3.63c-.682-1.928-.688-4.11-.688-8.663v-7.124c0-4.553.006-6.735.688-8.664a11.885 11.885 0 0 1 2.06-3.63c1.3-1.565 3.156-2.66 7.032-4.937l6.065-3.562Z"
+        d: HEXAGON_PATH
       }), /*#__PURE__*/_jsx(AnimatedUse, {
         stroke: paused ? 'transparent' : Theme['accent-100'],
         strokeDasharray: "54, 118",

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

@@ -1 +1 @@
-{"version":3,"names":["useEffect","useRef","Animated","Easing","View","Svg","Path","Use","useTheme","styles","jsx","_jsx","jsxs","_jsxs","AnimatedUse","createAnimatedComponent","LoadingHexagon","children","paused","Theme","spinValue","Value","animation","timing","current","toValue","duration","useNativeDriver","easing","linear","loop","start","stop","spin","interpolate","inputRange","outputRange","style","container","width","height","viewBox","loader","fill","id","d","stroke","strokeDasharray","strokeWidth","strokeDashoffset","xlinkHref","strokeLinejoin","strokeLinecap"],"sourceRoot":"../../../../src","sources":["components/wui-loading-hexagon/index.tsx"],"mappings":";;AAAA,SAASA,SAAS,EAAEC,MAAM,QAAwB,OAAO;AACzD,SAASC,QAAQ,EAAEC,MAAM,EAAEC,IAAI,QAAQ,cAAc;AACrD,OAAOC,GAAG,IAAIC,IAAI,EAAEC,GAAG,QAAQ,kBAAkB;AACjD,SAASC,QAAQ,QAAQ,sBAAsB;AAC/C,OAAOC,MAAM,MAAM,UAAU;AAAC,SAAAC,GAAA,IAAAC,IAAA,EAAAC,IAAA,IAAAC,KAAA;AAE9B,MAAMC,WAAW,GAAGZ,QAAQ,CAACa,uBAAuB,CAACR,GAAG,CAAC;AAOzD,OAAO,SAASS,cAAcA,CAAC;EAAEC,QAAQ;EAAEC;AAA4B,CAAC,EAAE;EACxE,MAAMC,KAAK,GAAGX,QAAQ,CAAC,CAAC;EACxB,MAAMY,SAAS,GAAGnB,MAAM,CAAC,IAAIC,QAAQ,CAACmB,KAAK,CAAC,CAAC,CAAC,CAAC;EAE/CrB,SAAS,CAAC,MAAM;IACd,MAAMsB,SAAS,GAAGpB,QAAQ,CAACqB,MAAM,CAACH,SAAS,CAACI,OAAO,EAAE;MACnDC,OAAO,EAAE,CAAC;MACVC,QAAQ,EAAE,IAAI;MACdC,eAAe,EAAE,IAAI;MACrBC,MAAM,EAAEzB,MAAM,CAAC0B;IACjB,CAAC,CAAC;IAEF,MAAMC,IAAI,GAAG5B,QAAQ,CAAC4B,IAAI,CAACR,SAAS,CAAC;IACrCQ,IAAI,CAACC,KAAK,CAAC,CAAC;IAEZ,OAAO,MAAM;MACXD,IAAI,CAACE,IAAI,CAAC,CAAC;IACb,CAAC;EACH,CAAC,EAAE,CAACZ,SAAS,CAAC,CAAC;EAEf,MAAMa,IAAI,GAAGb,SAAS,CAACI,OAAO,CAACU,WAAW,CAAC;IACzCC,UAAU,EAAE,CAAC,CAAC,EAAE,CAAC,CAAC;IAClBC,WAAW,EAAE,CAAC,CAAC,EAAE,CAAC,GAAG;EACvB,CAAC,CAAC;EAEF,oBACEvB,KAAA,CAACT,IAAI;IAACiC,KAAK,EAAE5B,MAAM,CAAC6B,SAAU;IAAArB,QAAA,gBAC5BJ,KAAA,CAACR,GAAG;MAACkC,KAAK,EAAE,GAAI;MAACC,MAAM,EAAE,GAAI;MAACC,OAAO,EAAC,WAAW;MAACJ,KAAK,EAAE5B,MAAM,CAACiC,MAAO;MAACC,IAAI,EAAC,MAAM;MAAA1B,QAAA,gBACjFN,IAAA,CAACL,IAAI;QACHsC,EAAE,EAAC,iBAAiB;QACpBC,CAAC,EAAC;MAAuoB,CAC1oB,CAAC,eACFlC,IAAA,CAACG,WAAW;QACVgC,MAAM,EAAE5B,MAAM,GAAG,aAAa,GAAGC,KAAK,CAAC,YAAY,CAAE;QACrD4B,eAAe,EAAC,SAAS;QACzBC,WAAW,EAAE,CAAE;QACfC,gBAAgB,EAAEhB,IAAK;QACvBiB,SAAS,EAAC,kBAAkB;QAC5BC,cAAc,EAAC,OAAO;QACtBC,aAAa,EAAC;MAAO,CACtB,CAAC;IAAA,CACC,CAAC,EACLnC,QAAQ,IAAI,IAAI;EAAA,CACb,CAAC;AAEX","ignoreList":[]}
+{"version":3,"names":["useEffect","useMemo","useRef","Animated","Easing","View","Svg","Path","Use","useTheme","styles","jsx","_jsx","jsxs","_jsxs","AnimatedUse","createAnimatedComponent","HEXAGON_PATH","LoadingHexagon","children","paused","Theme","spinValue","Value","animation","timing","current","toValue","duration","useNativeDriver","easing","linear","loop","start","stop","spin","interpolate","inputRange","outputRange","style","container","width","height","viewBox","loader","fill","id","d","stroke","strokeDasharray","strokeWidth","strokeDashoffset","xlinkHref","strokeLinejoin","strokeLinecap"],"sourceRoot":"../../../../src","sources":["components/wui-loading-hexagon/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,EAAEC,GAAG,QAAQ,kBAAkB;AACjD,SAASC,QAAQ,QAAQ,sBAAsB;AAC/C,OAAOC,MAAM,MAAM,UAAU;AAAC,SAAAC,GAAA,IAAAC,IAAA,EAAAC,IAAA,IAAAC,KAAA;AAE9B,MAAMC,WAAW,GAAGZ,QAAQ,CAACa,uBAAuB,CAACR,GAAG,CAAC;AAEzD,MAAMS,YAAY,GAChB,uoBAAuoB;AAOzoB,OAAO,SAASC,cAAcA,CAAC;EAAEC,QAAQ;EAAEC;AAA4B,CAAC,EAAE;EACxE,MAAMC,KAAK,GAAGZ,QAAQ,CAAC,CAAC;EACxB,MAAMa,SAAS,GAAGpB,MAAM,CAAC,IAAIC,QAAQ,CAACoB,KAAK,CAAC,CAAC,CAAC,CAAC;EAE/CvB,SAAS,CAAC,MAAM;IACd,MAAMwB,SAAS,GAAGrB,QAAQ,CAACsB,MAAM,CAACH,SAAS,CAACI,OAAO,EAAE;MACnDC,OAAO,EAAE,CAAC;MACVC,QAAQ,EAAE,IAAI;MACdC,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,OAAOqB,SAAS,CAACI,OAAO,CAACU,WAAW,CAAC;MACnCC,UAAU,EAAE,CAAC,CAAC,EAAE,CAAC,CAAC;MAClBC,WAAW,EAAE,CAAC,CAAC,EAAE,CAAC,GAAG;IACvB,CAAC,CAAC;EACJ,CAAC,EAAE,EAAE,CAAC;EAEN,oBACExB,KAAA,CAACT,IAAI;IAACkC,KAAK,EAAE7B,MAAM,CAAC8B,SAAU;IAAArB,QAAA,gBAC5BL,KAAA,CAACR,GAAG;MAACmC,KAAK,EAAE,GAAI;MAACC,MAAM,EAAE,GAAI;MAACC,OAAO,EAAC,WAAW;MAACJ,KAAK,EAAE7B,MAAM,CAACkC,MAAO;MAACC,IAAI,EAAC,MAAM;MAAA1B,QAAA,gBACjFP,IAAA,CAACL,IAAI;QAACuC,EAAE,EAAC,iBAAiB;QAACC,CAAC,EAAE9B;MAAa,CAAE,CAAC,eAC9CL,IAAA,CAACG,WAAW;QACViC,MAAM,EAAE5B,MAAM,GAAG,aAAa,GAAGC,KAAK,CAAC,YAAY,CAAE;QACrD4B,eAAe,EAAC,SAAS;QACzBC,WAAW,EAAE,CAAE;QACfC,gBAAgB,EAAEhB,IAAK;QACvBiB,SAAS,EAAC,kBAAkB;QAC5BC,cAAc,EAAC,OAAO;QACtBC,aAAa,EAAC;MAAO,CACtB,CAAC;IAAA,CACC,CAAC,EACLnC,QAAQ,IAAI,IAAI;EAAA,CACb,CAAC;AAEX","ignoreList":[]}

package/lib/module/components/wui-loading-spinner/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, { Circle } from 'react-native-svg';
 import { useTheme } from '../../hooks/useTheme';
@@ -29,11 +29,13 @@ export function LoadingSpinner({
     return () => {
       loop.stop();
     };
-  }, [spinValue]);
-  const spin = spinValue.current.interpolate({
-    inputRange: [0, 1],
-    outputRange: ['0deg', '360deg']
-  });
+  }, []);
+  const spin = useMemo(() => {
+    return spinValue.current.interpolate({
+      inputRange: [0, 1],
+      outputRange: ['0deg', '360deg']
+    });
+  }, []);
   return /*#__PURE__*/_jsx(View, {
     style: [styles.container, style],
     testID: testID,

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, StatusBar } 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);
@@ -66,7 +67,7 @@ export function Modal({
     let modalAnimation;
     if (visible && modalVisible) {
       // Calculate the target position (screen height - card height)
-      const targetY = contentHeight > 0 ? height - contentHeight + (StatusBar.currentHeight ?? 0) : height * 0.2; // fallback to 20% from bottom
+      const targetY = contentHeight > 0 ? height - contentHeight : height * 0.2; // fallback to 20% from bottom
 
       modalAnimation = Animated.spring(translateY, {
         toValue: targetY,
@@ -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","StatusBar","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","currentHeight","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

@@ -4,7 +4,7 @@ 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";
-function _Shimmer({
+function Shimmer_({
   width = 200,
   height = 200,
   duration = 1000,
@@ -104,7 +104,7 @@ function _Shimmer({
     }) : null
   });
 }
-export const Shimmer = /*#__PURE__*/memo(_Shimmer, () => {
+export const Shimmer = /*#__PURE__*/memo(Shimmer_, () => {
   return true;
 });
 //# sourceMappingURL=index.js.map