@chem-po/react-native 0.0.5 → 0.0.7

package/lib/module/components/form/view/index.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["formatField","useMemo","StyleSheet","Text","View","FileFieldView","MultipleSelectFieldView","SelectFieldView","styles","create","container","flexDirection","alignItems","label","paddingRight","opacity","fontWeight","value","valueEmpty","DefaultFieldView","field","noLabel","style","placeholder","formatted","format","_type","React","createElement","undefined","FieldView"],"sourceRoot":"..\\..\\..\\..\\..\\src","sources":["components/form/view/index.tsx"],"mappings":"AAAA,SAASA,WAAW,QAAQ,eAAe;AAE3C,SAASC,OAAO,QAAQ,OAAO;AAC/B,SAASC,UAAU,EAAEC,IAAI,EAAEC,IAAI,QAAmB,cAAc;AAChE,SAASC,aAAa,QAAQ,QAAQ;AACtC,SAASC,uBAAuB,QAAQ,kBAAkB;AAC1D,SAASC,eAAe,QAAQ,UAAU;AAE1C,MAAMC,MAAM,GAAGN,UAAU,CAACO,MAAM,CAAC;EAC/BC,SAAS,EAAE;IACTC,aAAa,EAAE,KAAK;IACpBC,UAAU,EAAE;EACd,CAAC;EACDC,KAAK,EAAE;IACLC,YAAY,EAAE,CAAC;IACfC,OAAO,EAAE,GAAG;IACZC,UAAU,EAAE;EACd,CAAC;EACDC,KAAK,EAAE;IACLF,OAAO,EAAE;EACX,CAAC;EACDG,UAAU,EAAE;IACVH,OAAO,EAAE;EACX;AACF,CAAC,CAAC;AAEF,MAAMI,gBAAgB,GAAGA,CAAC;EACxBC,KAAK;EACLH,KAAK;EACLI,OAAO;EACPC;AAMF,CAAC,KAAK;EACJ,MAAM;IAAEC;EAAY,CAAC,GAAGH,KAAK;EAE7B,MAAMI,SAAS,GAAGvB,OAAO,CAAC,MAAM;IAC9B,MAAMwB,MAAM,GAAGzB,WAAW,CAACoB,KAAK,CAACM,KAAK,CAAC;IACvC,IAAI,CAACD,MAAM,EAAE,OAAOR,KAAK;IACzB,OAAOQ,MAAM,CAACL,KAAK,EAAEH,KAAK,CAAC;EAC7B,CAAC,EAAE,CAACA,KAAK,EAAEG,KAAK,CAAC,CAAC;EAElB,oBACEO,KAAA,CAAAC,aAAA,CAACxB,IAAI;IAACkB,KAAK,EAAE,CAACd,MAAM,CAACE,SAAS,EAAEY,KAAK;EAAE,GACpC,CAACD,OAAO,iBAAIM,KAAA,CAAAC,aAAA,CAACzB,IAAI;IAACmB,KAAK,EAAEd,MAAM,CAACK;EAAM,GAAEU,WAAkB,CAAC,eAC5DI,KAAA,CAAAC,aAAA,CAACzB,IAAI;IAACmB,KAAK,EAAEL,KAAK,KAAKY,SAAS,IAAIZ,KAAK,KAAK,IAAI,GAAGT,MAAM,CAACS,KAAK,GAAGT,MAAM,CAACU;EAAW,GACnFM,SAAS,IAAI,MACV,CACF,CAAC;AAEX,CAAC;AAED,OAAO,MAAMM,SAAS,GAAGA,CAAC;EACxBV,KAAK;EACLH,KAAK;EACLI,OAAO;EACPC;AAMF,CAAC,KAAK;EACJ,QAAQF,KAAK,CAACM,KAAK;IACjB,KAAK,QAAQ;MACX,oBAAOC,KAAA,CAAAC,aAAA,CAACrB,eAAe;QAACe,KAAK,EAAEA,KAAM;QAACF,KAAK,EAAEA,KAAM;QAACH,KAAK,EAAEA,KAAM;QAACI,OAAO,EAAEA;MAAQ,CAAE,CAAC;IACxF,KAAK,gBAAgB;MACnB,oBAAOM,KAAA,CAAAC,aAAA,CAACtB,uBAAuB;QAACgB,KAAK,EAAEA,KAAM;QAACF,KAAK,EAAEA,KAAM;QAACH,KAAK,EAAEA,KAAM;QAACI,OAAO,EAAEA;MAAQ,CAAE,CAAC;IAChG,KAAK,MAAM;MACT,oBAAOM,KAAA,CAAAC,aAAA,CAACvB,aAAa;QAACiB,KAAK,EAAEA,KAAM;QAACF,KAAK,EAAEA,KAAM;QAACH,KAAK,EAAEA,KAAM;QAACI,OAAO,EAAEA;MAAQ,CAAE,CAAC;IACtF;MACE,oBAAOM,KAAA,CAAAC,aAAA,CAACT,gBAAgB;QAACG,KAAK,EAAEA,KAAM;QAACF,KAAK,EAAEA,KAAM;QAACH,KAAK,EAAEA,KAAM;QAACI,OAAO,EAAEA;MAAQ,CAAE,CAAC;EAC3F;AACF,CAAC","ignoreList":[]}

package/lib/module/components/form/view/multipleSelect.js

@@ -0,0 +1,44 @@
+import { StyleSheet, Text, useColorScheme, View } from 'react-native';
+const styles = StyleSheet.create({
+  container: {
+    flexDirection: 'row',
+    flexWrap: 'wrap',
+    alignItems: 'center',
+    maxWidth: '100%'
+  },
+  label: {
+    paddingRight: 8,
+    opacity: 0.7,
+    fontWeight: '600'
+  },
+  optionContainer: {
+    padding: 2
+  },
+  emptyText: {
+    opacity: 0.6
+  }
+});
+export const MultipleSelectFieldView = ({
+  field,
+  value,
+  noLabel,
+  style
+}) => {
+  const {
+    placeholder,
+    renderOption,
+    getOptionKey
+  } = field;
+  const colorScheme = useColorScheme() ?? 'light';
+  return /*#__PURE__*/React.createElement(View, {
+    style: [styles.container, style]
+  }, !noLabel && /*#__PURE__*/React.createElement(Text, {
+    style: styles.label
+  }, placeholder), value ? value.map(v => /*#__PURE__*/React.createElement(View, {
+    key: getOptionKey ? getOptionKey(v) : v,
+    style: styles.optionContainer
+  }, renderOption(v, colorScheme, true))) : /*#__PURE__*/React.createElement(Text, {
+    style: styles.emptyText
+  }, "None"));
+};
+//# sourceMappingURL=multipleSelect.js.map

package/lib/module/components/form/view/multipleSelect.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["StyleSheet","Text","useColorScheme","View","styles","create","container","flexDirection","flexWrap","alignItems","maxWidth","label","paddingRight","opacity","fontWeight","optionContainer","padding","emptyText","MultipleSelectFieldView","field","value","noLabel","style","placeholder","renderOption","getOptionKey","colorScheme","React","createElement","map","v","key"],"sourceRoot":"..\\..\\..\\..\\..\\src","sources":["components/form/view/multipleSelect.tsx"],"mappings":"AACA,SAASA,UAAU,EAAEC,IAAI,EAAEC,cAAc,EAAEC,IAAI,QAAmB,cAAc;AAEhF,MAAMC,MAAM,GAAGJ,UAAU,CAACK,MAAM,CAAC;EAC/BC,SAAS,EAAE;IACTC,aAAa,EAAE,KAAK;IACpBC,QAAQ,EAAE,MAAM;IAChBC,UAAU,EAAE,QAAQ;IACpBC,QAAQ,EAAE;EACZ,CAAC;EACDC,KAAK,EAAE;IACLC,YAAY,EAAE,CAAC;IACfC,OAAO,EAAE,GAAG;IACZC,UAAU,EAAE;EACd,CAAC;EACDC,eAAe,EAAE;IACfC,OAAO,EAAE;EACX,CAAC;EACDC,SAAS,EAAE;IACTJ,OAAO,EAAE;EACX;AACF,CAAC,CAAC;AAEF,OAAO,MAAMK,uBAAuB,GAAGA,CAAC;EACtCC,KAAK;EACLC,KAAK;EACLC,OAAO;EACPC;AAMF,CAAC,KAAK;EACJ,MAAM;IAAEC,WAAW;IAAEC,YAAY;IAAEC;EAAa,CAAC,GAAGN,KAAK;EACzD,MAAMO,WAAW,GAAGxB,cAAc,CAAC,CAAC,IAAI,OAAO;EAE/C,oBACEyB,KAAA,CAAAC,aAAA,CAACzB,IAAI;IAACmB,KAAK,EAAE,CAAClB,MAAM,CAACE,SAAS,EAAEgB,KAAK;EAAE,GACpC,CAACD,OAAO,iBAAIM,KAAA,CAAAC,aAAA,CAAC3B,IAAI;IAACqB,KAAK,EAAElB,MAAM,CAACO;EAAM,GAAEY,WAAkB,CAAC,EAC3DH,KAAK,GACJA,KAAK,CAACS,GAAG,CAAEC,CAAM,iBACfH,KAAA,CAAAC,aAAA,CAACzB,IAAI;IAAC4B,GAAG,EAAEN,YAAY,GAAGA,YAAY,CAACK,CAAC,CAAC,GAAGA,CAAE;IAACR,KAAK,EAAElB,MAAM,CAACW;EAAgB,GAC1ES,YAAY,CAACM,CAAC,EAAEJ,WAAW,EAAE,IAAI,CAC9B,CACP,CAAC,gBAEFC,KAAA,CAAAC,aAAA,CAAC3B,IAAI;IAACqB,KAAK,EAAElB,MAAM,CAACa;EAAU,GAAC,MAAU,CAEvC,CAAC;AAEX,CAAC","ignoreList":[]}

package/lib/module/components/form/view/select.js

@@ -0,0 +1,38 @@
+import { usePlaceholderColor } from '@chem-po/react';
+import { StyleSheet, Text, useColorScheme, View } from 'react-native';
+import { Txt } from '../../text';
+const styles = StyleSheet.create({
+  container: {
+    flexDirection: 'row',
+    alignItems: 'center'
+  },
+  label: {
+    paddingRight: 10,
+    fontWeight: '600'
+  }
+});
+const DefaultRenderOption = value => {
+  return /*#__PURE__*/React.createElement(Txt, null, typeof value === 'string' ? value : JSON.stringify(value));
+};
+export const SelectFieldView = ({
+  field,
+  value,
+  noLabel,
+  style
+}) => {
+  const {
+    placeholder,
+    renderOption: customRender
+  } = field;
+  const colorScheme = useColorScheme() ?? 'light';
+  const placeholderColor = usePlaceholderColor();
+  const renderOption = customRender ?? DefaultRenderOption;
+  return /*#__PURE__*/React.createElement(View, {
+    style: [styles.container, style]
+  }, !noLabel && /*#__PURE__*/React.createElement(Text, {
+    style: [styles.label, {
+      color: placeholderColor
+    }]
+  }, placeholder), value ? renderOption(value, colorScheme, true) : 'None');
+};
+//# sourceMappingURL=select.js.map

package/lib/module/components/form/view/select.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["usePlaceholderColor","StyleSheet","Text","useColorScheme","View","Txt","styles","create","container","flexDirection","alignItems","label","paddingRight","fontWeight","DefaultRenderOption","value","React","createElement","JSON","stringify","SelectFieldView","field","noLabel","style","placeholder","renderOption","customRender","colorScheme","placeholderColor","color"],"sourceRoot":"..\\..\\..\\..\\..\\src","sources":["components/form/view/select.tsx"],"mappings":"AAAA,SAAsBA,mBAAmB,QAAQ,gBAAgB;AACjE,SAASC,UAAU,EAAEC,IAAI,EAAEC,cAAc,EAAEC,IAAI,QAAmB,cAAc;AAChF,SAASC,GAAG,QAAQ,YAAY;AAEhC,MAAMC,MAAM,GAAGL,UAAU,CAACM,MAAM,CAAC;EAC/BC,SAAS,EAAE;IACTC,aAAa,EAAE,KAAK;IACpBC,UAAU,EAAE;EACd,CAAC;EACDC,KAAK,EAAE;IACLC,YAAY,EAAE,EAAE;IAChBC,UAAU,EAAE;EACd;AACF,CAAC,CAAC;AAEF,MAAMC,mBAAmB,GAAIC,KAAU,IAAK;EAC1C,oBAAOC,KAAA,CAAAC,aAAA,CAACZ,GAAG,QAAE,OAAOU,KAAK,KAAK,QAAQ,GAAGA,KAAK,GAAGG,IAAI,CAACC,SAAS,CAACJ,KAAK,CAAO,CAAC;AAC/E,CAAC;AAED,OAAO,MAAMK,eAAe,GAAGA,CAAC;EAC9BC,KAAK;EACLN,KAAK;EACLO,OAAO;EACPC;AAMF,CAAC,KAAK;EACJ,MAAM;IAAEC,WAAW;IAAEC,YAAY,EAAEC;EAAa,CAAC,GAAGL,KAAK;EACzD,MAAMM,WAAW,GAAGxB,cAAc,CAAC,CAAC,IAAI,OAAO;EAC/C,MAAMyB,gBAAgB,GAAG5B,mBAAmB,CAAC,CAAC;EAC9C,MAAMyB,YAAY,GAAGC,YAAY,IAAIZ,mBAAmB;EACxD,oBACEE,KAAA,CAAAC,aAAA,CAACb,IAAI;IAACmB,KAAK,EAAE,CAACjB,MAAM,CAACE,SAAS,EAAEe,KAAK;EAAE,GACpC,CAACD,OAAO,iBAAIN,KAAA,CAAAC,aAAA,CAACf,IAAI;IAACqB,KAAK,EAAE,CAACjB,MAAM,CAACK,KAAK,EAAE;MAAEkB,KAAK,EAAED;IAAiB,CAAC;EAAE,GAAEJ,WAAkB,CAAC,EAC1FT,KAAK,GAAGU,YAAY,CAACV,KAAK,EAAEY,WAAW,EAAE,IAAI,CAAC,GAAG,MAC9C,CAAC;AAEX,CAAC","ignoreList":[]}

package/lib/module/components/icons/index.js

@@ -0,0 +1,38 @@
+import { Path, Svg } from 'react-native-svg';
+export const ChevronDownIcon = ({
+  size = 24,
+  color = '#000'
+}) => /*#__PURE__*/React.createElement(Svg, {
+  width: size,
+  height: size,
+  viewBox: "0 0 24 24",
+  fill: "none"
+}, /*#__PURE__*/React.createElement(Path, {
+  d: "M7.41 8.59L12 13.17l4.59-4.58L18 10l-6 6-6-6 1.41-1.41z",
+  fill: color
+}));
+export const ChevronUpIcon = ({
+  size = 24,
+  color = '#000'
+}) => /*#__PURE__*/React.createElement(Svg, {
+  width: size,
+  height: size,
+  viewBox: "0 0 24 24",
+  fill: "none"
+}, /*#__PURE__*/React.createElement(Path, {
+  d: "M7.41 15.41L12 10.83l4.59 4.58L18 14l-6-6-6 6 1.41 1.41z",
+  fill: color
+}));
+export const TrashIcon = ({
+  size = 24,
+  color = '#000'
+}) => /*#__PURE__*/React.createElement(Svg, {
+  width: size,
+  height: size,
+  viewBox: "0 0 24 24",
+  fill: "none"
+}, /*#__PURE__*/React.createElement(Path, {
+  d: "M6 19c0 1.1.9 2 2 2h8c1.1 0 2-.9 2-2V7H6v12zM19 4h-3.5l-1-1h-5l-1 1H5v2h14V4z",
+  fill: color
+}));
+//# sourceMappingURL=index.js.map

package/lib/module/components/icons/index.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["Path","Svg","ChevronDownIcon","size","color","React","createElement","width","height","viewBox","fill","d","ChevronUpIcon","TrashIcon"],"sourceRoot":"..\\..\\..\\..\\src","sources":["components/icons/index.tsx"],"mappings":"AACA,SAASA,IAAI,EAAEC,GAAG,QAAQ,kBAAkB;AAO5C,OAAO,MAAMC,eAA8B,GAAGA,CAAC;EAAEC,IAAI,GAAG,EAAE;EAAEC,KAAK,GAAG;AAAO,CAAC,kBAC1EC,KAAA,CAAAC,aAAA,CAACL,GAAG;EAACM,KAAK,EAAEJ,IAAK;EAACK,MAAM,EAAEL,IAAK;EAACM,OAAO,EAAC,WAAW;EAACC,IAAI,EAAC;AAAM,gBAC7DL,KAAA,CAAAC,aAAA,CAACN,IAAI;EAACW,CAAC,EAAC,yDAAyD;EAACD,IAAI,EAAEN;AAAM,CAAE,CAC7E,CACN;AAED,OAAO,MAAMQ,aAA4B,GAAGA,CAAC;EAAET,IAAI,GAAG,EAAE;EAAEC,KAAK,GAAG;AAAO,CAAC,kBACxEC,KAAA,CAAAC,aAAA,CAACL,GAAG;EAACM,KAAK,EAAEJ,IAAK;EAACK,MAAM,EAAEL,IAAK;EAACM,OAAO,EAAC,WAAW;EAACC,IAAI,EAAC;AAAM,gBAC7DL,KAAA,CAAAC,aAAA,CAACN,IAAI;EAACW,CAAC,EAAC,0DAA0D;EAACD,IAAI,EAAEN;AAAM,CAAE,CAC9E,CACN;AAED,OAAO,MAAMS,SAAwB,GAAGA,CAAC;EAAEV,IAAI,GAAG,EAAE;EAAEC,KAAK,GAAG;AAAO,CAAC,kBACpEC,KAAA,CAAAC,aAAA,CAACL,GAAG;EAACM,KAAK,EAAEJ,IAAK;EAACK,MAAM,EAAEL,IAAK;EAACM,OAAO,EAAC,WAAW;EAACC,IAAI,EAAC;AAAM,gBAC7DL,KAAA,CAAAC,aAAA,CAACN,IAAI;EACHW,CAAC,EAAC,+EAA+E;EACjFD,IAAI,EAAEN;AAAM,CACb,CACE,CACN","ignoreList":[]}

package/lib/module/components/index.js

@@ -0,0 +1,9 @@
+export * from './box';
+export * from './button';
+export * from './feed';
+export * from './form';
+export * from './loading';
+export * from './overlay';
+export * from './text';
+export * from './theme';
+//# sourceMappingURL=index.js.map

package/lib/module/components/index.js.map

@@ -0,0 +1 @@
+{"version":3,"names":[],"sourceRoot":"..\\..\\..\\src","sources":["components/index.ts"],"mappings":"AAAA,cAAc,OAAO;AACrB,cAAc,UAAU;AACxB,cAAc,QAAQ;AACtB,cAAc,QAAQ;AACtB,cAAc,WAAW;AACzB,cAAc,WAAW;AACzB,cAAc,QAAQ;AACtB,cAAc,SAAS","ignoreList":[]}

package/lib/module/components/loading/CircularProgress.js

@@ -0,0 +1,42 @@
+function _extends() { return _extends = Object.assign ? Object.assign.bind() : function (n) { for (var e = 1; e < arguments.length; e++) { var t = arguments[e]; for (var r in t) ({}).hasOwnProperty.call(t, r) && (n[r] = t[r]); } return n; }, _extends.apply(null, arguments); }
+import { useColorModeValue } from '@chem-po/react';
+import { useEffect, useRef } from 'react';
+import { ActivityIndicator, Animated, StyleSheet } from 'react-native';
+export const CircularProgress = ({
+  color,
+  trackColor,
+  animating,
+  visible = true,
+  viewStyle,
+  ...props
+}) => {
+  const defaultTrackColor = useColorModeValue('#959595', '#575757');
+  const opacity = useRef(new Animated.Value(visible ? 1 : 0)).current;
+  useEffect(() => {
+    Animated.timing(opacity, {
+      toValue: visible ? 1 : 0,
+      duration: 300,
+      useNativeDriver: true
+    }).start();
+  }, [visible, opacity]);
+  return /*#__PURE__*/React.createElement(Animated.View, {
+    style: [styles.container, {
+      opacity
+    }, viewStyle]
+  }, /*#__PURE__*/React.createElement(ActivityIndicator, _extends({
+    color: trackColor ?? defaultTrackColor // Lighter version of your color
+    ,
+    style: StyleSheet.absoluteFill,
+    animating: false
+  }, props)), /*#__PURE__*/React.createElement(ActivityIndicator, _extends({
+    animating: animating,
+    color: color ?? '#575757'
+  }, props)));
+};
+const styles = StyleSheet.create({
+  container: {
+    alignItems: 'center',
+    justifyContent: 'center'
+  }
+});
+//# sourceMappingURL=CircularProgress.js.map

package/lib/module/components/loading/CircularProgress.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["useColorModeValue","useEffect","useRef","ActivityIndicator","Animated","StyleSheet","CircularProgress","color","trackColor","animating","visible","viewStyle","props","defaultTrackColor","opacity","Value","current","timing","toValue","duration","useNativeDriver","start","React","createElement","View","style","styles","container","_extends","absoluteFill","create","alignItems","justifyContent"],"sourceRoot":"..\\..\\..\\..\\src","sources":["components/loading/CircularProgress.tsx"],"mappings":";AAAA,SAASA,iBAAiB,QAAQ,gBAAgB;AAClD,SAASC,SAAS,EAAEC,MAAM,QAAQ,OAAO;AACzC,SACEC,iBAAiB,EAEjBC,QAAQ,EAERC,UAAU,QAEL,cAAc;AAErB,OAAO,MAAMC,gBAAgB,GAAGA,CAAC;EAC/BC,KAAK;EACLC,UAAU;EACVC,SAAS;EACTC,OAAO,GAAG,IAAI;EACdC,SAAS;EACT,GAAGC;AAKL,CAAC,KAAK;EACJ,MAAMC,iBAAiB,GAAGb,iBAAiB,CAAC,SAAS,EAAE,SAAS,CAAC;EACjE,MAAMc,OAAO,GAAGZ,MAAM,CAAC,IAAIE,QAAQ,CAACW,KAAK,CAACL,OAAO,GAAG,CAAC,GAAG,CAAC,CAAC,CAAC,CAACM,OAAO;EAEnEf,SAAS,CAAC,MAAM;IACdG,QAAQ,CAACa,MAAM,CAACH,OAAO,EAAE;MACvBI,OAAO,EAAER,OAAO,GAAG,CAAC,GAAG,CAAC;MACxBS,QAAQ,EAAE,GAAG;MACbC,eAAe,EAAE;IACnB,CAAC,CAAC,CAACC,KAAK,CAAC,CAAC;EACZ,CAAC,EAAE,CAACX,OAAO,EAAEI,OAAO,CAAC,CAAC;EACtB,oBACEQ,KAAA,CAAAC,aAAA,CAACnB,QAAQ,CAACoB,IAAI;IAACC,KAAK,EAAE,CAACC,MAAM,CAACC,SAAS,EAAE;MAAEb;IAAQ,CAAC,EAAEH,SAAS;EAAE,gBAC/DW,KAAA,CAAAC,aAAA,CAACpB,iBAAiB,EAAAyB,QAAA;IAChBrB,KAAK,EAAEC,UAAU,IAAIK,iBAAkB,CAAC;IAAA;IACxCY,KAAK,EAAEpB,UAAU,CAACwB,YAAa;IAC/BpB,SAAS,EAAE;EAAM,GACbG,KAAK,CACV,CAAC,eAEFU,KAAA,CAAAC,aAAA,CAACpB,iBAAiB,EAAAyB,QAAA;IAACnB,SAAS,EAAEA,SAAU;IAACF,KAAK,EAAEA,KAAK,IAAI;EAAU,GAAKK,KAAK,CAAG,CACnE,CAAC;AAEpB,CAAC;AAED,MAAMc,MAAM,GAAGrB,UAAU,CAACyB,MAAM,CAAC;EAC/BH,SAAS,EAAE;IACTI,UAAU,EAAE,QAAQ;IACpBC,cAAc,EAAE;EAClB;AACF,CAAC,CAAC","ignoreList":[]}

package/lib/module/components/loading/Loading.js

@@ -0,0 +1,163 @@
+import { useAppAssets, useTheme } from '@chem-po/react';
+import LottieView from 'lottie-react-native';
+import { useMemo } from 'react';
+import { Image, StyleSheet, Text, View } from 'react-native';
+export const LottieLoadingLogo = ({
+  size = 30,
+  isLoading,
+  speed = 2,
+  inFeed,
+  asset
+}) => {
+  const {
+    colorMode
+  } = useTheme();
+  const animationData = useMemo(() => inFeed ? asset.dark ?? asset.default : colorMode === 'dark' ? asset.dark ?? asset.default : asset.default, [asset, inFeed, colorMode]);
+  const style = useMemo(() => ({
+    width: size,
+    height: size,
+    opacity: isLoading ? 0.85 : 0
+  }), [size, isLoading]);
+  return /*#__PURE__*/React.createElement(LottieView, {
+    source: animationData,
+    autoPlay: isLoading,
+    loop: true,
+    speed: speed,
+    style: style
+  });
+};
+const SVGLoadingLogo = ({
+  size = 30,
+  isLoading,
+  asset,
+  inFeed
+}) => {
+  const {
+    colorMode
+  } = useTheme();
+  const svg = useMemo(() => inFeed ? asset.dark ?? asset.default : colorMode === 'dark' ? asset.dark ?? asset.default : asset.default, [asset, inFeed, colorMode]);
+  const style = useMemo(() => ({
+    width: size,
+    height: size,
+    opacity: isLoading ? 0.85 : 0
+  }), [size, isLoading]);
+  return /*#__PURE__*/React.createElement(Image, {
+    source: {
+      uri: svg
+    },
+    style: style
+  });
+};
+const LoadingBody = ({
+  isLoading,
+  size
+}) => {
+  const {
+    loading
+  } = useAppAssets();
+  if (loading.lottieJson) return /*#__PURE__*/React.createElement(LottieLoadingLogo, {
+    isLoading: isLoading,
+    size: size,
+    asset: loading.lottieJson
+  });
+  if (loading.svg) return /*#__PURE__*/React.createElement(SVGLoadingLogo, {
+    isLoading: isLoading,
+    size: size,
+    asset: loading.svg
+  });
+  return null;
+};
+export const LoadingLogo = ({
+  isLoading,
+  size,
+  inFeed
+}) => {
+  const {
+    loading
+  } = useAppAssets();
+  if (loading.lottieJson) return /*#__PURE__*/React.createElement(LottieLoadingLogo, {
+    inFeed: inFeed,
+    isLoading: isLoading,
+    size: size,
+    asset: loading.lottieJson
+  });
+  if (loading.svg) return /*#__PURE__*/React.createElement(SVGLoadingLogo, {
+    inFeed: inFeed,
+    isLoading: isLoading,
+    size: size,
+    asset: loading.svg
+  });
+  return /*#__PURE__*/React.createElement(Text, {
+    style: styles.errorText
+  }, "ERROR: No loading animation found");
+};
+export const Loading = ({
+  text = 'Loading...',
+  inBox,
+  containerStyle
+}) => {
+  const body = /*#__PURE__*/React.createElement(View, {
+    style: [styles.loadingContainer, containerStyle]
+  }, /*#__PURE__*/React.createElement(LoadingBody, {
+    isLoading: true
+  }), /*#__PURE__*/React.createElement(Text, {
+    style: styles.loadingText
+  }, text));
+  return inBox ? /*#__PURE__*/React.createElement(View, {
+    style: styles.boxContainer
+  }, body) : body;
+};
+export const LoadingOverlay = ({
+  isLoading,
+  text,
+  inFeed,
+  style
+}) => {
+  const {
+    colorMode
+  } = useTheme();
+  const bgColor = colorMode === 'dark' ? 'rgba(0, 0, 0, 0.53)' : 'rgba(255, 255, 255, 0.67)';
+  return /*#__PURE__*/React.createElement(View, {
+    style: [styles.overlay, {
+      backgroundColor: bgColor
+    }, {
+      opacity: isLoading ? 1 : 0
+    }, style]
+  }, !text ? /*#__PURE__*/React.createElement(LoadingLogo, {
+    inFeed: inFeed,
+    size: 100,
+    isLoading: isLoading
+  }) : /*#__PURE__*/React.createElement(Loading, {
+    text: text
+  }));
+};
+const styles = StyleSheet.create({
+  loadingContainer: {
+    flexDirection: 'row',
+    alignItems: 'center',
+    padding: 8
+  },
+  loadingText: {
+    opacity: 0.8,
+    fontSize: 14,
+    marginLeft: 8
+  },
+  boxContainer: {
+    padding: 16,
+    borderRadius: 8,
+    backgroundColor: 'rgba(0, 0, 0, 0.05)'
+  },
+  overlay: {
+    position: 'absolute',
+    top: 0,
+    left: 0,
+    right: 0,
+    bottom: 0,
+    justifyContent: 'center',
+    alignItems: 'center'
+  },
+  errorText: {
+    color: 'red'
+  }
+});
+//# sourceMappingURL=Loading.js.map

package/lib/module/components/loading/Loading.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["useAppAssets","useTheme","LottieView","useMemo","Image","StyleSheet","Text","View","LottieLoadingLogo","size","isLoading","speed","inFeed","asset","colorMode","animationData","dark","default","style","width","height","opacity","React","createElement","source","autoPlay","loop","SVGLoadingLogo","svg","uri","LoadingBody","loading","lottieJson","LoadingLogo","styles","errorText","Loading","text","inBox","containerStyle","body","loadingContainer","loadingText","boxContainer","LoadingOverlay","bgColor","overlay","backgroundColor","create","flexDirection","alignItems","padding","fontSize","marginLeft","borderRadius","position","top","left","right","bottom","justifyContent","color"],"sourceRoot":"..\\..\\..\\..\\src","sources":["components/loading/Loading.tsx"],"mappings":"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","ignoreList":[]}

package/lib/module/components/loading/LoadingImage.js

@@ -0,0 +1,108 @@
+import { useMounted } from '@chem-po/react';
+import { Ionicons } from '@expo/vector-icons';
+import { useCallback, useEffect, useMemo, useRef, useState } from 'react';
+import { Image, StyleSheet, TouchableOpacity, View } from 'react-native';
+import { ImageViewOverlay } from '../overlay/ImageViewOverlay';
+import { LoadingLogo } from './Loading';
+const emptyPng = 'data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAABCAQAAAC1HAwCAAAAC0lEQVR42mNkAAIAAAoAAv/lxKUAAAAASUVORK5CYII=';
+export const LoadingImage = ({
+  src,
+  loadingOverride,
+  onLoad,
+  width,
+  height,
+  noFullView,
+  buttonFullView,
+  style
+}) => {
+  const [imageLoading, setImageLoading] = useState(!!src);
+  const imageRef = useRef(null);
+  const [viewing, setViewing] = useState(false);
+  const mounted = useMounted(100);
+  const handleImageLoad = useCallback(e => {
+    if (onLoad) onLoad(e);
+  }, [onLoad]);
+  const [prevSrc, setPrevSrc] = useState(src);
+  useEffect(() => {
+    if (src) setPrevSrc(src);
+  }, [src, prevSrc]);
+  const loading = useMemo(() => imageLoading || !!loadingOverride, [imageLoading, loadingOverride]);
+  const ImageComponent = /*#__PURE__*/React.createElement(Image, {
+    ref: imageRef,
+    source: {
+      uri: src ?? emptyPng
+    },
+    style: [styles.image, {
+      opacity: src && !loading ? 1 : 0
+    }]
+    // onLoadStart={() => setImageLoading(true)}
+    ,
+    onLoadEnd: () => setImageLoading(false),
+    onLoad: handleImageLoad,
+    resizeMode: src ? 'cover' : 'contain'
+  });
+  return /*#__PURE__*/React.createElement(View, {
+    style: [styles.container, {
+      width: width ?? '100%',
+      height: height ?? '100%',
+      opacity: mounted ? 1 : 0
+    }, style]
+  }, noFullView || buttonFullView ? ImageComponent : /*#__PURE__*/React.createElement(TouchableOpacity, {
+    activeOpacity: 0.9,
+    onPress: () => setViewing(true),
+    style: styles.imageContainer
+  }, ImageComponent), buttonFullView && /*#__PURE__*/React.createElement(TouchableOpacity, {
+    style: styles.fullViewButton,
+    onPress: () => setViewing(true),
+    activeOpacity: 0.7
+  }, /*#__PURE__*/React.createElement(Ionicons, {
+    name: "expand",
+    size: 20,
+    color: "white",
+    style: styles.fullViewIcon
+  })), /*#__PURE__*/React.createElement(View, {
+    style: [styles.loadingContainer, {
+      opacity: loading ? 1 : 0
+    }]
+  }, /*#__PURE__*/React.createElement(LoadingLogo, {
+    isLoading: loading,
+    size: 10
+  })), viewing && /*#__PURE__*/React.createElement(ImageViewOverlay, {
+    src: src ?? emptyPng,
+    onClose: () => setViewing(false)
+  }));
+};
+const styles = StyleSheet.create({
+  container: {
+    overflow: 'hidden',
+    position: 'relative'
+  },
+  imageContainer: {
+    width: '100%',
+    height: '100%'
+  },
+  image: {
+    width: '100%',
+    height: '100%'
+  },
+  loadingContainer: {
+    ...StyleSheet.absoluteFillObject,
+    justifyContent: 'center',
+    alignItems: 'center'
+  },
+  fullViewButton: {
+    position: 'absolute',
+    top: 8,
+    right: 8,
+    width: 28,
+    height: 28,
+    borderRadius: 14,
+    backgroundColor: 'rgba(0, 0, 0, 0.5)',
+    justifyContent: 'center',
+    alignItems: 'center'
+  },
+  fullViewIcon: {
+    opacity: 0.8
+  }
+});
+//# sourceMappingURL=LoadingImage.js.map

package/lib/module/components/loading/LoadingImage.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["useMounted","Ionicons","useCallback","useEffect","useMemo","useRef","useState","Image","StyleSheet","TouchableOpacity","View","ImageViewOverlay","LoadingLogo","emptyPng","LoadingImage","src","loadingOverride","onLoad","width","height","noFullView","buttonFullView","style","imageLoading","setImageLoading","imageRef","viewing","setViewing","mounted","handleImageLoad","e","prevSrc","setPrevSrc","loading","ImageComponent","React","createElement","ref","source","uri","styles","image","opacity","onLoadEnd","resizeMode","container","activeOpacity","onPress","imageContainer","fullViewButton","name","size","color","fullViewIcon","loadingContainer","isLoading","onClose","create","overflow","position","absoluteFillObject","justifyContent","alignItems","top","right","borderRadius","backgroundColor"],"sourceRoot":"..\\..\\..\\..\\src","sources":["components/loading/LoadingImage.tsx"],"mappings":"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","ignoreList":[]}

package/lib/module/components/loading/LoadingSwitch.js

@@ -0,0 +1,93 @@
+import { useCallback, useState } from 'react';
+import { Animated, StyleSheet, Switch, Text, View } from 'react-native';
+import { Loading } from './Loading';
+export const LoadingSwitch = ({
+  value,
+  label,
+  onChange
+}) => {
+  const [isLoading, setIsLoading] = useState(false);
+  const opacity = useState(new Animated.Value(1))[0];
+  const reportComplete = useCallback(fetchedOn => {
+    const buffer = Math.max(0, 1000 - (Date.now() - fetchedOn));
+    setTimeout(() => {
+      setIsLoading(false);
+      Animated.timing(opacity, {
+        toValue: 1,
+        duration: 300,
+        useNativeDriver: true
+      }).start();
+    }, buffer);
+  }, [opacity]);
+  const handleChange = newValue => {
+    setIsLoading(true);
+    Animated.timing(opacity, {
+      toValue: 0,
+      duration: 300,
+      useNativeDriver: true
+    }).start();
+    const fetchedOn = Date.now();
+    onChange(newValue).catch(err => {
+      console.error(err);
+      // Note: You might want to implement a toast notification system for React Native
+      // For now, we'll just log the error
+    });
+    reportComplete(fetchedOn);
+  };
+  return /*#__PURE__*/React.createElement(View, {
+    style: styles.container
+  }, /*#__PURE__*/React.createElement(Animated.View, {
+    style: [styles.content, {
+      opacity
+    }]
+  }, /*#__PURE__*/React.createElement(Text, {
+    style: styles.label
+  }, label), /*#__PURE__*/React.createElement(Switch, {
+    value: value,
+    onValueChange: handleChange
+  })), isLoading && /*#__PURE__*/React.createElement(View, {
+    style: styles.loadingContainer
+  }, /*#__PURE__*/React.createElement(Loading, null)));
+};
+const styles = StyleSheet.create({
+  container: {
+    paddingVertical: 4,
+    paddingHorizontal: 12,
+    backgroundColor: '#2D3748',
+    // gray.700 equivalent
+    borderRadius: 12,
+    shadowColor: '#000',
+    shadowOffset: {
+      width: 0,
+      height: 0
+    },
+    shadowOpacity: 0.25,
+    shadowRadius: 4,
+    elevation: 5,
+    position: 'relative',
+    flexDirection: 'row',
+    alignItems: 'center'
+  },
+  content: {
+    flexDirection: 'row',
+    alignItems: 'center',
+    gap: 8
+  },
+  label: {
+    fontSize: 20,
+    height: 24,
+    color: '#FFFFFF'
+  },
+  loadingContainer: {
+    position: 'absolute',
+    top: '-10%',
+    left: '-10%',
+    width: '120%',
+    height: '120%',
+    borderRadius: 8,
+    padding: 4,
+    justifyContent: 'center',
+    alignItems: 'center'
+  }
+});
+//# sourceMappingURL=LoadingSwitch.js.map

package/lib/module/components/loading/LoadingSwitch.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["useCallback","useState","Animated","StyleSheet","Switch","Text","View","Loading","LoadingSwitch","value","label","onChange","isLoading","setIsLoading","opacity","Value","reportComplete","fetchedOn","buffer","Math","max","Date","now","setTimeout","timing","toValue","duration","useNativeDriver","start","handleChange","newValue","catch","err","console","error","React","createElement","style","styles","container","content","onValueChange","loadingContainer","create","paddingVertical","paddingHorizontal","backgroundColor","borderRadius","shadowColor","shadowOffset","width","height","shadowOpacity","shadowRadius","elevation","position","flexDirection","alignItems","gap","fontSize","color","top","left","padding","justifyContent"],"sourceRoot":"..\\..\\..\\..\\src","sources":["components/loading/LoadingSwitch.tsx"],"mappings":"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","ignoreList":[]}

package/lib/module/components/loading/index.js

@@ -0,0 +1,5 @@
+export * from './CircularProgress';
+export * from './Loading';
+export * from './LoadingImage';
+export * from './LoadingSwitch';
+//# sourceMappingURL=index.js.map

package/lib/module/components/loading/index.js.map

@@ -0,0 +1 @@
+{"version":3,"names":[],"sourceRoot":"..\\..\\..\\..\\src","sources":["components/loading/index.ts"],"mappings":"AAAA,cAAc,oBAAoB;AAClC,cAAc,WAAW;AACzB,cAAc,gBAAgB;AAC9B,cAAc,iBAAiB","ignoreList":[]}