@codeleap/mobile 4.2.9 → 4.2.10

package/dist/utils/misc.js

@@ -1,16 +1,13 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.getFileInfo = exports.getFileMimeType = exports.toMultipart = exports.isFile = exports.toMultipartFile = exports.stringToFile = void 0;
-var common_1 = require("@codeleap/common");
-var stringToFile = function (str) {
+import { parseFilePathData, TypeGuards } from '@codeleap/common';
+export const stringToFile = (str) => {
     if (!str) {
         return {
             file: null,
             preview: null,
         };
     }
-    var fileData = (0, common_1.parseFilePathData)(str);
-    var data = {
+    const fileData = parseFilePathData(str);
+    const data = {
         name: fileData.name,
         type: 'image/' + fileData.extension,
         size: 1000,
@@ -22,11 +19,10 @@ var stringToFile = function (str) {
         preview: data.uri,
     };
 };
-exports.stringToFile = stringToFile;
-function toMultipartFile(file) {
+export function toMultipartFile(file) {
     // const inputFile = file as MobileInputFile
-    var withPreview = file;
-    if (!!(withPreview === null || withPreview === void 0 ? void 0 : withPreview.file)) {
+    const withPreview = file;
+    if (!!withPreview?.file) {
         return withPreview.file;
     }
     return file;
@@ -44,39 +40,35 @@ function toMultipartFile(file) {
     // //   return fileData as unknown as Blob
     // // }
 }
-exports.toMultipartFile = toMultipartFile;
-function isFile(param) {
-    var file = param;
+export function isFile(param) {
+    let file = param;
     try {
-        if (typeof (param === null || param === void 0 ? void 0 : param.preview) !== 'undefined' && typeof (param === null || param === void 0 ? void 0 : param.file) !== 'undefined') {
+        if (typeof param?.preview !== 'undefined' && typeof param?.file !== 'undefined') {
             file = param.file;
         }
-        var keys_1 = Object.keys(file);
-        return ['uri', 'name', 'type'].every(function (key) { return keys_1.includes(key); });
+        const keys = Object.keys(file);
+        return ['uri', 'name', 'type'].every(key => keys.includes(key));
     }
     catch (e) {
         return false;
     }
 }
-exports.isFile = isFile;
-function toMultipart(body, defaultFileValue) {
-    if (defaultFileValue === void 0) { defaultFileValue = 'null'; }
-    var form = new FormData();
-    var _loop_1 = function (key, value) {
-        var formValue = null;
+export function toMultipart(body, defaultFileValue = 'null') {
+    const form = new FormData();
+    for (const [key, value] of Object.entries(body)) {
+        let formValue = null;
         if (Array.isArray(value) && value.every(isFile)) {
-            formValue = value.map(function (file) { return form.append(key, toMultipartFile(file)); });
+            formValue = value.map((file) => form.append(key, toMultipartFile(file)));
         }
         else if (isFile(value)) {
             formValue = toMultipartFile(value);
         }
         else if (key === 'files' && typeof value === 'object') {
-            if (common_1.TypeGuards.isNil(value)) {
+            if (TypeGuards.isNil(value)) {
                 form.append(key, defaultFileValue);
             }
             else {
-                for (var _c = 0, _d = Object.entries(value); _c < _d.length; _c++) {
-                    var _e = _d[_c], filename = _e[0], file = _e[1];
+                for (const [filename, file] of Object.entries(value)) {
                     form.append(filename, toMultipartFile(file));
                 }
             }
@@ -88,17 +80,12 @@ function toMultipart(body, defaultFileValue) {
             formValue = String(value);
         }
         form.append(key, formValue);
-    };
-    for (var _i = 0, _a = Object.entries(body); _i < _a.length; _i++) {
-        var _b = _a[_i], key = _b[0], value = _b[1];
-        _loop_1(key, value);
     }
     return form;
 }
-exports.toMultipart = toMultipart;
-function getFileMimeType(uri) {
-    var extension = uri.split('.').pop().toLowerCase();
-    var mimeTypes = {
+export function getFileMimeType(uri) {
+    const extension = uri.split('.').pop().toLowerCase();
+    const mimeTypes = {
         jpg: 'image/jpeg',
         jpeg: 'image/jpeg',
         png: 'image/png',
@@ -110,15 +97,13 @@ function getFileMimeType(uri) {
     };
     return mimeTypes[extension] || 'application/octet-stream';
 }
-exports.getFileMimeType = getFileMimeType;
-function getFileInfo(uri) {
-    var fileName = uri.split('/').pop();
-    var fileType = getFileMimeType(fileName);
+export function getFileInfo(uri) {
+    const fileName = uri.split('/').pop();
+    const fileType = getFileMimeType(fileName);
     return {
         name: fileName,
         type: fileType,
         uri: uri,
     };
 }
-exports.getFileInfo = getFileInfo;
 //# sourceMappingURL=misc.js.map

package/dist/utils/misc.js.map

@@ -1 +1 @@
-{"version":3,"file":"misc.js","sourceRoot":"","sources":["../../src/utils/misc.ts"],"names":[],"mappings":"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"}
+{"version":3,"file":"misc.js","sourceRoot":"","sources":["../../src/utils/misc.ts"],"names":[],"mappings":"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"}

package/dist/utils/theme.js

@@ -1,41 +1,32 @@
-"use strict";
-var __assign = (this && this.__assign) || function () {
-    __assign = Object.assign || function(t) {
-        for (var s, i = 1, n = arguments.length; i < n; i++) {
-            s = arguments[i];
-            for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
-                t[p] = s[p];
-        }
-        return t;
-    };
-    return __assign.apply(this, arguments);
-};
-var __importDefault = (this && this.__importDefault) || function (mod) {
-    return (mod && mod.__esModule) ? mod : { "default": mod };
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.getMobileThemeValues = void 0;
-var react_native_1 = require("react-native");
-var react_native_device_info_1 = __importDefault(require("react-native-device-info"));
-function getMobileThemeValues(initialWindowMetrics, options) {
-    var _a, _b, _c, _d;
-    if (options === void 0) { options = {}; }
-    var screenDimensions = react_native_1.Dimensions.get('screen');
-    var hasNotch = react_native_device_info_1.default.hasNotch();
-    var hasIsland = react_native_device_info_1.default.hasDynamicIsland();
-    var bottomNavHeight = react_native_1.Platform.OS === 'android' ? (_b = (_a = options === null || options === void 0 ? void 0 : options.getAndroidNavbarHeight) === null || _a === void 0 ? void 0 : _a.call(options)) !== null && _b !== void 0 ? _b : 0 : 0;
-    var prefersConstantNavigationBar = bottomNavHeight > 0;
-    var safeAreaTop = react_native_1.Platform.OS === 'ios' ? (hasNotch ? 34 + (hasIsland ? 12 : 0) : 20) : (((_c = options === null || options === void 0 ? void 0 : options.getStatusBarHeight) === null || _c === void 0 ? void 0 : _c.call(options)) || 0);
-    var safeAreaBottom = react_native_1.Platform.select({
+import { Platform, Dimensions, StyleSheet } from 'react-native';
+import DeviceInfo from 'react-native-device-info';
+export function getMobileThemeValues(initialWindowMetrics, options = {}) {
+    const screenDimensions = Dimensions.get('screen');
+    const hasNotch = DeviceInfo.hasNotch();
+    const hasIsland = DeviceInfo.hasDynamicIsland();
+    const bottomNavHeight = Platform.OS === 'android' ? options?.getAndroidNavbarHeight?.() ?? 0 : 0;
+    const prefersConstantNavigationBar = bottomNavHeight > 0;
+    const safeAreaTop = Platform.OS === 'ios' ? (hasNotch ? 34 + (hasIsland ? 12 : 0) : 20) : (options?.getStatusBarHeight?.() || 0);
+    const safeAreaBottom = Platform.select({
         ios: hasNotch && !prefersConstantNavigationBar ? 20 : 0,
-        android: (_d = bottomNavHeight !== null && bottomNavHeight !== void 0 ? bottomNavHeight : initialWindowMetrics === null || initialWindowMetrics === void 0 ? void 0 : initialWindowMetrics.insets.bottom) !== null && _d !== void 0 ? _d : 0,
+        android: bottomNavHeight ?? initialWindowMetrics?.insets.bottom ?? 0,
     });
-    return __assign(__assign({}, screenDimensions), { pixel: react_native_1.StyleSheet.hairlineWidth, hasNotch: hasNotch, hasIsland: hasIsland, prefersConstantNavigationBar: prefersConstantNavigationBar, safeAreaTop: safeAreaTop, safeAreaBottom: safeAreaBottom, keyboardVerticalOffset: react_native_1.Platform.OS === 'ios' ? 57 : 47, bottomNavHeight: bottomNavHeight, get window() {
+    return {
+        ...screenDimensions,
+        pixel: StyleSheet.hairlineWidth,
+        hasNotch,
+        hasIsland,
+        prefersConstantNavigationBar,
+        safeAreaTop,
+        safeAreaBottom,
+        keyboardVerticalOffset: Platform.OS === 'ios' ? 57 : 47,
+        bottomNavHeight,
+        get window() {
             return {
                 height: screenDimensions.height - (safeAreaBottom + safeAreaTop),
                 width: screenDimensions.width,
             };
-        } });
+        },
+    };
 }
-exports.getMobileThemeValues = getMobileThemeValues;
 //# sourceMappingURL=theme.js.map

package/dist/utils/theme.js.map

@@ -1 +1 @@
-{"version":3,"file":"theme.js","sourceRoot":"","sources":["../../src/utils/theme.ts"],"names":[],"mappings":";;;;;;;;;;;;;;;;;AAAA,6CAA+D;AAC/D,sFAAiD;AAOjD,SAAgB,oBAAoB,CAAC,oBAAoB,EAAE,OAAqB;;IAArB,wBAAA,EAAA,YAAqB;IAC9E,IAAM,gBAAgB,GAAG,yBAAU,CAAC,GAAG,CAAC,QAAQ,CAAC,CAAA;IAEjD,IAAM,QAAQ,GAAG,kCAAU,CAAC,QAAQ,EAAE,CAAA;IACtC,IAAM,SAAS,GAAG,kCAAU,CAAC,gBAAgB,EAAE,CAAA;IAC/C,IAAM,eAAe,GAAG,uBAAQ,CAAC,EAAE,KAAK,SAAS,CAAC,CAAC,CAAC,MAAA,MAAA,OAAO,aAAP,OAAO,uBAAP,OAAO,CAAE,sBAAsB,uDAAI,mCAAI,CAAC,CAAC,CAAC,CAAC,CAAC,CAAA;IAEhG,IAAM,4BAA4B,GAAG,eAAe,GAAG,CAAC,CAAA;IAExD,IAAM,WAAW,GAAG,uBAAQ,CAAC,EAAE,KAAK,KAAK,CAAC,CAAC,CAAC,CAAC,QAAQ,CAAC,CAAC,CAAC,EAAE,GAAG,CAAC,SAAS,CAAC,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,CAAC,CAAC,CAAA,MAAA,OAAO,aAAP,OAAO,uBAAP,OAAO,CAAE,kBAAkB,uDAAI,KAAI,CAAC,CAAC,CAAA;IAEhI,IAAM,cAAc,GAAG,uBAAQ,CAAC,MAAM,CAAC;QACrC,GAAG,EAAE,QAAQ,IAAI,CAAC,4BAA4B,CAAC,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,CAAC;QACvD,OAAO,EAAE,MAAA,eAAe,aAAf,eAAe,cAAf,eAAe,GAAI,oBAAoB,aAApB,oBAAoB,uBAApB,oBAAoB,CAAE,MAAM,CAAC,MAAM,mCAAI,CAAC;KACrE,CAAC,CAAA;IAEF,6BACK,gBAAgB,KACnB,KAAK,EAAE,yBAAU,CAAC,aAAa,EAC/B,QAAQ,UAAA,EACR,SAAS,WAAA,EACT,4BAA4B,8BAAA,EAC5B,WAAW,aAAA,EACX,cAAc,gBAAA,EACd,sBAAsB,EAAE,uBAAQ,CAAC,EAAE,KAAK,KAAK,CAAC,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,EAAE,EACvD,eAAe,iBAAA,EACf,IAAI,MAAM;YACR,OAAO;gBACL,MAAM,EAAE,gBAAgB,CAAC,MAAM,GAAG,CAAC,cAAc,GAAG,WAAW,CAAC;gBAChE,KAAK,EAAE,gBAAgB,CAAC,KAAK;aAC9B,CAAA;QACH,CAAC,IACF;AACH,CAAC;AAjCD,oDAiCC"}
+{"version":3,"file":"theme.js","sourceRoot":"","sources":["../../src/utils/theme.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,QAAQ,EAAE,UAAU,EAAE,UAAU,EAAE,MAAM,cAAc,CAAA;AAC/D,OAAO,UAAU,MAAM,0BAA0B,CAAA;AAOjD,MAAM,UAAU,oBAAoB,CAAC,oBAAoB,EAAE,UAAmB,EAAE;IAC9E,MAAM,gBAAgB,GAAG,UAAU,CAAC,GAAG,CAAC,QAAQ,CAAC,CAAA;IAEjD,MAAM,QAAQ,GAAG,UAAU,CAAC,QAAQ,EAAE,CAAA;IACtC,MAAM,SAAS,GAAG,UAAU,CAAC,gBAAgB,EAAE,CAAA;IAC/C,MAAM,eAAe,GAAG,QAAQ,CAAC,EAAE,KAAK,SAAS,CAAC,CAAC,CAAC,OAAO,EAAE,sBAAsB,EAAE,EAAE,IAAI,CAAC,CAAC,CAAC,CAAC,CAAC,CAAA;IAEhG,MAAM,4BAA4B,GAAG,eAAe,GAAG,CAAC,CAAA;IAExD,MAAM,WAAW,GAAG,QAAQ,CAAC,EAAE,KAAK,KAAK,CAAC,CAAC,CAAC,CAAC,QAAQ,CAAC,CAAC,CAAC,EAAE,GAAG,CAAC,SAAS,CAAC,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,CAAC,CAAC,OAAO,EAAE,kBAAkB,EAAE,EAAE,IAAI,CAAC,CAAC,CAAA;IAEhI,MAAM,cAAc,GAAG,QAAQ,CAAC,MAAM,CAAC;QACrC,GAAG,EAAE,QAAQ,IAAI,CAAC,4BAA4B,CAAC,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,CAAC;QACvD,OAAO,EAAE,eAAe,IAAI,oBAAoB,EAAE,MAAM,CAAC,MAAM,IAAI,CAAC;KACrE,CAAC,CAAA;IAEF,OAAO;QACL,GAAG,gBAAgB;QACnB,KAAK,EAAE,UAAU,CAAC,aAAa;QAC/B,QAAQ;QACR,SAAS;QACT,4BAA4B;QAC5B,WAAW;QACX,cAAc;QACd,sBAAsB,EAAE,QAAQ,CAAC,EAAE,KAAK,KAAK,CAAC,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,EAAE;QACvD,eAAe;QACf,IAAI,MAAM;YACR,OAAO;gBACL,MAAM,EAAE,gBAAgB,CAAC,MAAM,GAAG,CAAC,cAAc,GAAG,WAAW,CAAC;gBAChE,KAAK,EAAE,gBAAgB,CAAC,KAAK;aAC9B,CAAA;QACH,CAAC;KACF,CAAA;AACH,CAAC"}

package/dist/utils/useQueryListRefresh.js

@@ -1,42 +1,32 @@
-"use strict";
-var __importDefault = (this && this.__importDefault) || function (mod) {
-    return (mod && mod.__esModule) ? mod : { "default": mod };
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.useQueryListRefresh = void 0;
-var react_1 = __importDefault(require("react"));
-var native_1 = require("@react-navigation/native");
-var common_1 = require("@codeleap/common");
-var useQueryListRefresh = function (listQuery, options) {
-    var _a;
-    if (options === void 0) { options = {}; }
-    var _b = options.staleTime, staleTime = _b === void 0 ? 5000 : _b, _c = options.initialStale, initialStale = _c === void 0 ? (_a = listQuery === null || listQuery === void 0 ? void 0 : listQuery.query) === null || _a === void 0 ? void 0 : _a.isStale : _c, _d = options.cancelQueryEnabled, cancelQueryEnabled = _d === void 0 ? true : _d, _e = options.refreshQueryEnabled, refreshQueryEnabled = _e === void 0 ? true : _e, _f = options.silentRefresh, silentRefresh = _f === void 0 ? false : _f, onFocus = options.onFocus, onBlur = options.onBlur;
-    var staleRefetch = react_1.default.useRef(initialStale);
-    var staleTimeout = react_1.default.useRef(null);
-    (0, native_1.useFocusEffect)(react_1.default.useCallback(function () {
+import React from 'react';
+import { useFocusEffect } from '@react-navigation/native';
+import { TypeGuards } from '@codeleap/common';
+export const useQueryListRefresh = (listQuery, options = {}) => {
+    const { staleTime = 5000, initialStale = listQuery?.query?.isStale, cancelQueryEnabled = true, refreshQueryEnabled = true, silentRefresh = false, onFocus, onBlur, } = options;
+    const staleRefetch = React.useRef(initialStale);
+    const staleTimeout = React.useRef(null);
+    useFocusEffect(React.useCallback(() => {
         if (staleRefetch.current && refreshQueryEnabled) {
-            listQuery === null || listQuery === void 0 ? void 0 : listQuery.refreshQuery(silentRefresh);
+            listQuery?.refreshQuery(silentRefresh);
         }
-        if (common_1.TypeGuards.isFunction(onFocus)) {
-            onFocus === null || onFocus === void 0 ? void 0 : onFocus();
+        if (TypeGuards.isFunction(onFocus)) {
+            onFocus?.();
         }
-        return function () {
-            var _a;
+        return () => {
             if (cancelQueryEnabled)
-                (_a = listQuery === null || listQuery === void 0 ? void 0 : listQuery.cancelQuery) === null || _a === void 0 ? void 0 : _a.call(listQuery);
+                listQuery?.cancelQuery?.();
             staleRefetch.current = false;
             if (staleTimeout.current == null) {
-                staleTimeout.current = setTimeout(function () {
+                staleTimeout.current = setTimeout(() => {
                     staleRefetch.current = true;
                     clearTimeout(staleTimeout.current);
                     staleTimeout.current = null;
                 }, staleTime);
             }
-            if (common_1.TypeGuards.isFunction(onBlur)) {
-                onBlur === null || onBlur === void 0 ? void 0 : onBlur();
+            if (TypeGuards.isFunction(onBlur)) {
+                onBlur?.();
             }
         };
     }, []));
 };
-exports.useQueryListRefresh = useQueryListRefresh;
 //# sourceMappingURL=useQueryListRefresh.js.map

package/dist/utils/useQueryListRefresh.js.map

@@ -1 +1 @@
-{"version":3,"file":"useQueryListRefresh.js","sourceRoot":"","sources":["../../src/utils/useQueryListRefresh.ts"],"names":[],"mappings":";;;;;;AAAA,gDAAyB;AACzB,mDAAyD;AACzD,2CAAyE;AAelE,IAAM,mBAAmB,GAAwB,UAAC,SAAS,EAAE,OAAY;;IAAZ,wBAAA,EAAA,YAAY;IAE5E,IAAA,KAOE,OAAO,UAPO,EAAhB,SAAS,mBAAG,IAAI,KAAA,EAChB,KAME,OAAO,aAN+B,EAAxC,YAAY,mBAAG,MAAA,SAAS,aAAT,SAAS,uBAAT,SAAS,CAAE,KAAK,0CAAE,OAAO,KAAA,EACxC,KAKE,OAAO,mBALgB,EAAzB,kBAAkB,mBAAG,IAAI,KAAA,EACzB,KAIE,OAAO,oBAJiB,EAA1B,mBAAmB,mBAAG,IAAI,KAAA,EAC1B,KAGE,OAAO,cAHY,EAArB,aAAa,mBAAG,KAAK,KAAA,EACrB,OAAO,GAEL,OAAO,QAFF,EACP,MAAM,GACJ,OAAO,OADH,CACG;IAEX,IAAM,YAAY,GAAG,eAAK,CAAC,MAAM,CAAC,YAAY,CAAC,CAAA;IAC/C,IAAM,YAAY,GAAG,eAAK,CAAC,MAAM,CAAC,IAAI,CAAC,CAAA;IAEvC,IAAA,uBAAc,EACZ,eAAK,CAAC,WAAW,CAAC;QAChB,IAAI,YAAY,CAAC,OAAO,IAAI,mBAAmB,EAAE;YAC/C,SAAS,aAAT,SAAS,uBAAT,SAAS,CAAE,YAAY,CAAC,aAAa,CAAC,CAAA;SACvC;QAED,IAAI,mBAAU,CAAC,UAAU,CAAC,OAAO,CAAC,EAAE;YAClC,OAAO,aAAP,OAAO,uBAAP,OAAO,EAAI,CAAA;SACZ;QAED,OAAO;;YACL,IAAI,kBAAkB;gBAAE,MAAA,SAAS,aAAT,SAAS,uBAAT,SAAS,CAAE,WAAW,yDAAI,CAAA;YAClD,YAAY,CAAC,OAAO,GAAG,KAAK,CAAA;YAE5B,IAAI,YAAY,CAAC,OAAO,IAAI,IAAI,EAAE;gBAChC,YAAY,CAAC,OAAO,GAAG,UAAU,CAAC;oBAChC,YAAY,CAAC,OAAO,GAAG,IAAI,CAAA;oBAC3B,YAAY,CAAC,YAAY,CAAC,OAAO,CAAC,CAAA;oBAClC,YAAY,CAAC,OAAO,GAAG,IAAI,CAAA;gBAC7B,CAAC,EAAE,SAAS,CAAC,CAAA;aACd;YAED,IAAI,mBAAU,CAAC,UAAU,CAAC,MAAM,CAAC,EAAE;gBACjC,MAAM,aAAN,MAAM,uBAAN,MAAM,EAAI,CAAA;aACX;QACH,CAAC,CAAA;IACH,CAAC,EAAE,EAAE,CAAC,CACP,CAAA;AACH,CAAC,CAAA;AA1CY,QAAA,mBAAmB,uBA0C/B"}
+{"version":3,"file":"useQueryListRefresh.js","sourceRoot":"","sources":["../../src/utils/useQueryListRefresh.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAA;AACzB,OAAO,EAAE,cAAc,EAAE,MAAM,0BAA0B,CAAA;AACzD,OAAO,EAAe,UAAU,EAAiB,MAAM,kBAAkB,CAAA;AAezE,MAAM,CAAC,MAAM,mBAAmB,GAAwB,CAAC,SAAS,EAAE,OAAO,GAAG,EAAE,EAAE,EAAE;IAClF,MAAM,EACJ,SAAS,GAAG,IAAI,EAChB,YAAY,GAAG,SAAS,EAAE,KAAK,EAAE,OAAO,EACxC,kBAAkB,GAAG,IAAI,EACzB,mBAAmB,GAAG,IAAI,EAC1B,aAAa,GAAG,KAAK,EACrB,OAAO,EACP,MAAM,GACP,GAAG,OAAO,CAAA;IAEX,MAAM,YAAY,GAAG,KAAK,CAAC,MAAM,CAAC,YAAY,CAAC,CAAA;IAC/C,MAAM,YAAY,GAAG,KAAK,CAAC,MAAM,CAAC,IAAI,CAAC,CAAA;IAEvC,cAAc,CACZ,KAAK,CAAC,WAAW,CAAC,GAAG,EAAE;QACrB,IAAI,YAAY,CAAC,OAAO,IAAI,mBAAmB,EAAE;YAC/C,SAAS,EAAE,YAAY,CAAC,aAAa,CAAC,CAAA;SACvC;QAED,IAAI,UAAU,CAAC,UAAU,CAAC,OAAO,CAAC,EAAE;YAClC,OAAO,EAAE,EAAE,CAAA;SACZ;QAED,OAAO,GAAG,EAAE;YACV,IAAI,kBAAkB;gBAAE,SAAS,EAAE,WAAW,EAAE,EAAE,CAAA;YAClD,YAAY,CAAC,OAAO,GAAG,KAAK,CAAA;YAE5B,IAAI,YAAY,CAAC,OAAO,IAAI,IAAI,EAAE;gBAChC,YAAY,CAAC,OAAO,GAAG,UAAU,CAAC,GAAG,EAAE;oBACrC,YAAY,CAAC,OAAO,GAAG,IAAI,CAAA;oBAC3B,YAAY,CAAC,YAAY,CAAC,OAAO,CAAC,CAAA;oBAClC,YAAY,CAAC,OAAO,GAAG,IAAI,CAAA;gBAC7B,CAAC,EAAE,SAAS,CAAC,CAAA;aACd;YAED,IAAI,UAAU,CAAC,UAAU,CAAC,MAAM,CAAC,EAAE;gBACjC,MAAM,EAAE,EAAE,CAAA;aACX;QACH,CAAC,CAAA;IACH,CAAC,EAAE,EAAE,CAAC,CACP,CAAA;AACH,CAAC,CAAA"}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@codeleap/mobile",
-  "version": "4.2.9",
+  "version": "4.2.10",
   "main": "src/index.ts",
   "license": "UNLICENSED",
   "repository": {
@@ -9,18 +9,18 @@
     "directory": "packages/mobile"
   },
   "devDependencies": {
-    "@codeleap/common": "4.2.9",
-    "@codeleap/config": "4.2.9"
+    "@codeleap/common": "4.2.10",
+    "@codeleap/config": "4.2.10"
   },
   "scripts": {
     "build": "tsc --build",
     "lint": "eslint -c  .eslintrc.js --fix \"./src/**/*.{ts,tsx,js,jsx}\""
   },
   "peerDependencies": {
-    "@codeleap/common": "4.2.9",
-    "@codeleap/styles": "4.2.9",
+    "@codeleap/common": "4.2.10",
+    "@codeleap/styles": "4.2.10",
     "@d11/react-native-fast-image": "8.8.0",
-    "@react-native-firebase/messaging": "14.4.0",
+    "@react-native-firebase/messaging": "21.4.0",
     "@react-navigation/bottom-tabs": "6.5.3",
     "@react-navigation/drawer": "6.5.7",
     "@react-navigation/native": "6.1.2",

package/package.json.bak

@@ -1,6 +1,6 @@
 {
   "name": "@codeleap/mobile",
-  "version": "4.2.9",
+  "version": "4.2.10",
   "main": "src/index.ts",
   "license": "UNLICENSED",
   "repository": {
@@ -20,7 +20,7 @@
     "@codeleap/common": "workspace:*",
     "@codeleap/styles": "workspace:*",
     "@d11/react-native-fast-image": "8.8.0",
-    "@react-native-firebase/messaging": "14.4.0",
+    "@react-native-firebase/messaging": "21.4.0",
     "@react-navigation/bottom-tabs": "6.5.3",
     "@react-navigation/drawer": "6.5.7",
     "@react-navigation/native": "6.1.2",

package/src/components/Calendar/types.ts

@@ -1,5 +1,5 @@
-import { FilterKeys } from '@codeleap/common'
-import { Paths } from '@codeleap/common/dist/types/pathMapping'
+import { FilterKeys, Paths } from '@codeleap/common'
+
 import { TextStyle, ViewStyle } from 'react-native'
 
 type CalendarTheme = {
@@ -26,7 +26,7 @@ type CalendarTheme = {
     arrowColor?: string
     textDisabledColor?: string
     textInactiveColor?: string
-    backgroundColor?: string; //TODO: remove in V2
+    backgroundColor?: string //TODO: remove in V2
     dotColor?: string
     selectedDotColor?: string
     disabledArrowColor?: string

package/src/components/InputBase/styles.ts

@@ -1,6 +1,6 @@
-import { TypeGuards } from "@codeleap/common"
-import { ActionIconParts } from "../ActionIcon"
-import { InputBaseProps } from "./types"
+import { TypeGuards } from '@codeleap/common'
+import { ActionIconParts } from '../ActionIcon'
+import { InputBaseProps } from './types'
 import { mergeStyles, useCompositionStyles } from '@codeleap/styles'
 import { useMemo } from 'react'
 
@@ -10,16 +10,17 @@ type IconParts = ActionIconParts
 
 export type InputIconComposition = `${InputIcons}${Capitalize<IconParts>}`
 
-export type InputBaseStates = 'error' | 'focus' | 'disabled'
+export type InputBaseStates = 'error' | 'focus' | 'disabled' | 'typed'
 
-export type InputBaseParts = 
+export type InputBaseParts =
   'wrapper' |
   'innerWrapper' |
   'label' |
   'errorMessage' |
   'description' |
   'labelRow'|
-  InputIconComposition 
+
+  InputIconComposition
 
 export type IconLessInputBaseParts = Exclude<InputBaseParts, InputIconComposition>
 
@@ -27,23 +28,26 @@ export type InputBaseComposition = `${InputBaseParts}:${InputBaseStates}` | Inpu
 
 const getIconStyles = (obj, state) => ({
   icon: mergeStyles([
-    obj.icon, 
+    obj.icon,
     state.focused && obj['icon:focus'],
-    state.hasError && obj['icon:error'], 
-    state.disabled && obj['icon:disabled']
+    state.hasError && obj['icon:error'],
+    state.disabled && obj['icon:disabled'],
+    state.hasValue && obj['icon:typed'],
   ]),
   'icon:disabled': mergeStyles([
-    state.disabled && obj['icon:disabled']
+    state.disabled && obj['icon:disabled'],
   ]),
   touchableWrapper: mergeStyles([
-    obj.touchableWrapper, 
+    obj.touchableWrapper,
     state.focused && obj['touchableWrapper:focus'],
-    state.hasError && obj['touchableWrapper:error'], 
-    state.disabled && obj['touchableWrapper:disabled']
+    state.hasError && obj['touchableWrapper:error'],
+    state.disabled && obj['touchableWrapper:disabled'],
+    state.hasValue && obj['touchableWrapper:typed'],
   ]),
   'touchableWrapper:disabled': mergeStyles([
-    state.disabled && obj['touchableWrapper:disabled']
-  ])
+    state.disabled && obj['touchableWrapper:disabled'],
+  ]),
+
 })
 
 const useIconStyles = (styles, iconStyles, states) => {
@@ -59,7 +63,9 @@ export const useInputBaseStyles = (props: InputBaseProps) => {
     focused,
     disabled,
     error,
+
     style: styles,
+    hasValue,
   } = props
 
   const hasError = !TypeGuards.isNil(error)
@@ -68,14 +74,14 @@ export const useInputBaseStyles = (props: InputBaseProps) => {
 
   const generalIconStyles = getIconStyles(compositionStyles?.icon, { hasError, disabled })
 
-  const leftIconStyles = useIconStyles(generalIconStyles, compositionStyles?.leftIcon, { 
+  const leftIconStyles = useIconStyles(generalIconStyles, compositionStyles?.leftIcon, {
     // @ts-expect-error
-    hasError, disabled: (disabled || props?.leftIcon?.disabled), focused 
+    hasError, disabled: (disabled || props?.leftIcon?.disabled), focused,
   })
 
-  const rightIconStyles = useIconStyles(generalIconStyles, compositionStyles?.rightIcon, { 
+  const rightIconStyles = useIconStyles(generalIconStyles, compositionStyles?.rightIcon, {
     // @ts-expect-error
-    hasError, disabled: (disabled || props?.rightIcon?.disabled), focused
+    hasError, disabled: (disabled || props?.rightIcon?.disabled), focused, hasValue,
   })
 
   const labelStyle = [
@@ -83,6 +89,7 @@ export const useInputBaseStyles = (props: InputBaseProps) => {
     focused && styles['label:focus'],
     hasError && styles['label:error'],
     disabled && styles['label:disabled'],
+    hasValue && styles['label:typed'],
   ]
 
   const errorStyle = [
@@ -90,6 +97,7 @@ export const useInputBaseStyles = (props: InputBaseProps) => {
     focused && styles['errorMessage:focus'],
     hasError && styles['errorMessage:error'],
     disabled && styles['errorMessage:disabled'],
+    hasValue && styles['errorMessage:typed'],
   ]
 
   const descriptionStyle = [
@@ -97,6 +105,7 @@ export const useInputBaseStyles = (props: InputBaseProps) => {
     focused && styles['description:focus'],
     hasError && styles['description:error'],
     disabled && styles['description:disabled'],
+    hasValue && styles['description:typed'],
   ]
 
   const wrapperStyle = [
@@ -104,6 +113,7 @@ export const useInputBaseStyles = (props: InputBaseProps) => {
     focused && styles['wrapper:focus'],
     error && styles['wrapper:error'],
     disabled && styles['wrapper:disabled'],
+    hasValue && styles['wrapper:typed'],
   ]
 
   const innerWrapperStyle = [
@@ -111,6 +121,7 @@ export const useInputBaseStyles = (props: InputBaseProps) => {
     focused && styles['innerWrapper:focus'],
     hasError && styles['innerWrapper:error'],
     disabled && styles['innerWrapper:disabled'],
+    hasValue && styles['innerWrapper:typed'],
   ]
 
   const labelRowStyle = [
@@ -118,9 +129,10 @@ export const useInputBaseStyles = (props: InputBaseProps) => {
     focused && styles['labelRow:focus'],
     hasError && styles['labelRow:error'],
     disabled && styles['labelRow:disabled'],
+    hasValue && styles['labelRow:typed'],
   ]
 
- return {
+  return {
     wrapperStyle,
     innerWrapperStyle,
     leftIconStyles,
@@ -128,6 +140,6 @@ export const useInputBaseStyles = (props: InputBaseProps) => {
     labelStyle,
     errorStyle,
     descriptionStyle,
-    labelRowStyle
- }
-}
+    labelRowStyle,
+  }
+}

package/src/components/InputBase/types.ts

@@ -24,4 +24,5 @@ export type InputBaseProps = React.PropsWithChildren<{
   style?: StylesOf<InputBaseComposition>
   labelAsRow?: boolean
   hideErrorMessage?: boolean
+  hasValue?: boolean
 }>

package/src/components/NumberIncrement/index.tsx

@@ -83,6 +83,8 @@ export const NumberIncrement = forwardRef<NativeTextInput, NumberIncrementProps>
 
   const InputElement: any = isMasked ? MaskedTextInput : isCurrency ? CurrencyInput : NativeTextInput
 
+  const hasValue = TypeGuards.isString(value) ? value.length > 0 : !TypeGuards.isNil(value)
+
   // @ts-expect-error - React's ref type system is weird
   useImperativeHandle(inputRef, () => {
     return {
@@ -115,12 +117,14 @@ export const NumberIncrement = forwardRef<NativeTextInput, NumberIncrementProps>
     isFocused && styles['input:focus'],
     hasError && styles['input:error'],
     disabled && styles['input:disabled'],
+    hasValue && styles['input:typed'],
   ]), [disabled, isFocused, hasError])
 
   const placeholderTextColor = [
     [disabled, styles['placeholder:disabled']],
     [hasError, styles['placeholder:error']],
     [isFocused, styles['placeholder:focus']],
+    [hasValue, styles['placeholder:typed']],
     [true, styles.placeholder],
     // @ts-expect-error
   ].find(([x]) => x)?.[1]?.color
@@ -129,6 +133,7 @@ export const NumberIncrement = forwardRef<NativeTextInput, NumberIncrementProps>
     [disabled, styles['selection:disabled']],
     [!validation.isValid, styles['selection:error']],
     [isFocused, styles['selection:focus']],
+    [hasValue, styles['selection:typed']],
     [true, styles.selection],
     // @ts-expect-error
   ].find(([x]) => x)?.[1]?.color
@@ -168,9 +173,9 @@ export const NumberIncrement = forwardRef<NativeTextInput, NumberIncrementProps>
   }, [value])
 
   const handleBlur = React.useCallback((e: NativeSyntheticEvent<TextInputFocusEventData>) => {
-    if (TypeGuards.isNumber(max) && (value >= max)) {
+    if (TypeGuards.isNumber(max) && (Number(value) >= max)) {
       onChange(max)
-    } else if (TypeGuards.isNumber(min) && (value <= min) || !value || String(value)?.length <= 0) {
+    } else if (TypeGuards.isNumber(min) && (Number(value) <= min) || TypeGuards.isNil(value) || String(value)?.length <= 0) {
       onChange(min)
     }
 
@@ -269,6 +274,7 @@ export const NumberIncrement = forwardRef<NativeTextInput, NumberIncrementProps>
         rippleDisabled: true,
         onPress: onPressInnerWrapper,
       }}
+      hasValue={hasValue}
     >
       {editable && !disabled ? (
         <InputElement

package/src/components/NumberIncrement/types.ts

@@ -9,10 +9,10 @@ type Masking = FormTypes.TextField['masking']
 type MaskOptions = Masking['options']
 
 export type NumberIncrementProps =
-  Omit<InputBaseProps, 'style'> &
-  Omit<RNTextInputProps, 'style'> &
+  Omit<InputBaseProps, 'style'|'value'> &
+  Omit<RNTextInputProps, 'style'|'value'> &
   {
-    value: number
+    value: number | string
     validate?: FormTypes.ValidatorWithoutForm<string> | yup.SchemaOf<string>
     max?: number
     min?: number

package/src/components/RadioInput/index.tsx

@@ -123,11 +123,14 @@ export const RadioGroup = <T extends string | number>(props: RadioGroupProps<T>)
   // @ts-expect-error icss type
   const _radioOnRight = radioOnRight ?? styles?.__props?.radioOnRight
 
+  const hasValue = !TypeGuards.isNil(value)
+
   return <InputBase
     {...inputBaseProps}
     disabled={disabled}
     style={styles}
     debugName={debugName}
+    hasValue={hasValue}
   >
     {options?.map((item, idx) => (
       <Option
@@ -140,6 +143,7 @@ export const RadioGroup = <T extends string | number>(props: RadioGroupProps<T>)
         onSelect={() => onValueChange(item.value)}
         separator={idx < options.length - 1}
         reverseOrder={_radioOnRight}
+
       />
     ))}
   </InputBase>