@codeleap/mobile 4.1.0 → 4.2.2

package/dist/utils/input.d.ts

@@ -0,0 +1,35 @@
+export declare const mobileInputPresets: {
+    email: () => {
+        keyboardType: "email-address";
+        autoCapitalize: "none";
+        autoComplete: "email";
+        textContentType: "emailAddress";
+    };
+    name: () => {
+        autoCapitalize: "words";
+        autoComplete: "name";
+        textContentType: "name";
+    };
+    chat: () => {
+        returnKeyType: "send";
+    };
+    password: (options?: {
+        new?: boolean;
+    }) => {
+        autoCapitalize: "none";
+        autoComplete: "password" | "password-new";
+        textContentType: "password" | "newPassword";
+    };
+    search: () => {
+        returnKeyType: "search";
+    };
+    redeemCode: (action?: 'join' | 'obtain') => {
+        returnKeyType: "join";
+        textContentType: "oneTimeCode";
+        autoComplete: "sms-otp";
+    } | {
+        returnKeyType: "done";
+        textContentType: "oneTimeCode";
+        autoComplete: "sms-otp";
+    };
+};

package/dist/utils/input.js

@@ -0,0 +1,49 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.mobileInputPresets = void 0;
+var createInputPresets = function (p) {
+    return p;
+};
+exports.mobileInputPresets = createInputPresets({
+    email: function () { return ({
+        keyboardType: 'email-address',
+        autoCapitalize: 'none',
+        autoComplete: 'email',
+        textContentType: 'emailAddress',
+    }); },
+    name: function () { return ({
+        autoCapitalize: 'words',
+        autoComplete: 'name',
+        textContentType: 'name',
+    }); },
+    chat: function () { return ({
+        returnKeyType: 'send',
+    }); },
+    password: function (options) {
+        return {
+            autoCapitalize: 'none',
+            autoComplete: (options === null || options === void 0 ? void 0 : options.new) ? 'password-new' : 'password',
+            textContentType: (options === null || options === void 0 ? void 0 : options.new) ? 'newPassword' : 'password',
+        };
+    },
+    search: function () { return ({
+        returnKeyType: 'search',
+    }); },
+    redeemCode: function (action) {
+        if (action === void 0) { action = 'obtain'; }
+        var isJoin = action === 'join';
+        if (isJoin) {
+            return {
+                returnKeyType: 'join',
+                textContentType: 'oneTimeCode',
+                autoComplete: 'sms-otp',
+            };
+        }
+        return {
+            returnKeyType: 'done',
+            textContentType: 'oneTimeCode',
+            autoComplete: 'sms-otp',
+        };
+    },
+});
+//# sourceMappingURL=input.js.map

package/dist/utils/input.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"input.js","sourceRoot":"","sources":["../../src/utils/input.ts"],"names":[],"mappings":";;;AAEA,IAAM,kBAAkB,GAAG,UAAuE,CAAG;IACnG,OAAO,CAAC,CAAA;AACV,CAAC,CAAA;AAEY,QAAA,kBAAkB,GAAG,kBAAkB,CAAC;IACnD,KAAK,EAAE,cAAM,OAAA,CAAC;QACZ,YAAY,EAAE,eAAe;QAC7B,cAAc,EAAE,MAAM;QACtB,YAAY,EAAE,OAAO;QACrB,eAAe,EAAE,cAAc;KAEhC,CAAC,EANW,CAMX;IACF,IAAI,EAAE,cAAM,OAAA,CAAC;QACX,cAAc,EAAE,OAAO;QACvB,YAAY,EAAE,MAAM;QACpB,eAAe,EAAE,MAAM;KAExB,CAAC,EALU,CAKV;IACF,IAAI,EAAE,cAAM,OAAA,CAAC;QACX,aAAa,EAAE,MAAM;KAEtB,CAAC,EAHU,CAGV;IACF,QAAQ,EAAE,UAAC,OAAyB;QAClC,OAAO;YACL,cAAc,EAAE,MAAM;YACtB,YAAY,EAAE,CAAA,OAAO,aAAP,OAAO,uBAAP,OAAO,CAAE,GAAG,EAAC,CAAC,CAAC,cAAc,CAAC,CAAC,CAAC,UAAU;YACxD,eAAe,EAAE,CAAA,OAAO,aAAP,OAAO,uBAAP,OAAO,CAAE,GAAG,EAAC,CAAC,CAAC,aAAa,CAAC,CAAC,CAAC,UAAU;SAC3D,CAAA;IACH,CAAC;IACD,MAAM,EAAE,cAAM,OAAA,CAAC;QACb,aAAa,EAAE,QAAQ;KACxB,CAAC,EAFY,CAEZ;IACF,UAAU,EAAE,UAAC,MAAiC;QAAjC,uBAAA,EAAA,iBAAiC;QAC5C,IAAM,MAAM,GAAG,MAAM,KAAK,MAAM,CAAA;QAChC,IAAI,MAAM,EAAE;YACV,OAAO;gBACL,aAAa,EAAE,MAAM;gBACrB,eAAe,EAAE,aAAa;gBAC9B,YAAY,EAAE,SAAS;aACxB,CAAA;SACF;QACD,OAAO;YACL,aAAa,EAAE,MAAM;YACrB,eAAe,EAAE,aAAa;YAC9B,YAAY,EAAE,SAAS;SACxB,CAAA;IAEH,CAAC;CACF,CAAC,CAAA"}

package/dist/utils/locale.d.ts

@@ -0,0 +1 @@
+export declare const getDeviceLocale: () => string;

package/dist/utils/locale.js

@@ -0,0 +1,10 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.getDeviceLocale = void 0;
+var react_native_1 = require("react-native");
+var getDeviceLocale = function () { return react_native_1.Platform.OS === 'ios'
+    ? react_native_1.NativeModules.SettingsManager.settings.AppleLocale ||
+        react_native_1.NativeModules.SettingsManager.settings.AppleLanguages[0]
+    : react_native_1.NativeModules.I18nManager.localeIdentifier; };
+exports.getDeviceLocale = getDeviceLocale;
+//# sourceMappingURL=locale.js.map

package/dist/utils/locale.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"locale.js","sourceRoot":"","sources":["../../src/utils/locale.ts"],"names":[],"mappings":";;;AAAA,6CAAsD;AAE/C,IAAM,eAAe,GAAG,cAAc,OAAA,uBAAQ,CAAC,EAAE,KAAK,KAAK;IAChE,CAAC,CAAC,4BAAa,CAAC,eAAe,CAAC,QAAQ,CAAC,WAAW;QAChD,4BAAa,CAAC,eAAe,CAAC,QAAQ,CAAC,cAAc,CAAC,CAAC,CAAC;IAC5D,CAAC,CAAC,4BAAa,CAAC,WAAW,CAAC,gBAAgB,EAHD,CAGC,CAAA;AAHjC,QAAA,eAAe,mBAGkB"}

package/dist/utils/misc.d.ts

@@ -0,0 +1,12 @@
+/// <reference types="react-native" />
+import { MobileFile, MobileInputFile } from '@codeleap/common';
+export declare const stringToFile: (str: string) => MobileInputFile;
+export declare function toMultipartFile(file: MobileInputFile): MobileFile<{}>;
+export declare function isFile(param: any): param is MobileInputFile;
+export declare function toMultipart(body: any, defaultFileValue?: string): FormData;
+export declare function getFileMimeType(uri: string): any;
+export declare function getFileInfo(uri: string): {
+    name: string;
+    type: any;
+    uri: string;
+};

package/dist/utils/misc.js

@@ -0,0 +1,124 @@
+"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) {
+    if (!str) {
+        return {
+            file: null,
+            preview: null,
+        };
+    }
+    var fileData = (0, common_1.parseFilePathData)(str);
+    var data = {
+        name: fileData.name,
+        type: 'image/' + fileData.extension,
+        size: 1000,
+        uri: str,
+        fileCopyUri: str,
+    };
+    return {
+        file: data,
+        preview: data.uri,
+    };
+};
+exports.stringToFile = stringToFile;
+function toMultipartFile(file) {
+    // const inputFile = file as MobileInputFile
+    var withPreview = file;
+    if (!!(withPreview === null || withPreview === void 0 ? void 0 : withPreview.file)) {
+        return withPreview.file;
+    }
+    return file;
+    // const fileData:MobileFile =  ? inputFile.file : (file as RNFile)
+    // // const extension = parseFilePathData(fileData.uri).extension
+    // // const isImage =DocumentPicker..includes(extension)
+    // return fileData as unknown as Blob
+    // // if (isImage) {
+    // //   return {
+    // //     uri: fileData.uri,
+    // //     name: `image_${fileData.uri}`,
+    // //     type: `image/${extension}`,
+    // //   } as unknown as Blob
+    // // } else {
+    // //   return fileData as unknown as Blob
+    // // }
+}
+exports.toMultipartFile = toMultipartFile;
+function isFile(param) {
+    var 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') {
+            file = param.file;
+        }
+        var keys_1 = Object.keys(file);
+        return ['uri', 'name', 'type'].every(function (key) { return keys_1.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;
+        if (Array.isArray(value) && value.every(isFile)) {
+            formValue = value.map(function (file) { return 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)) {
+                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];
+                    form.append(filename, toMultipartFile(file));
+                }
+            }
+        }
+        else if (typeof value === 'object') {
+            formValue = JSON.stringify(value);
+        }
+        else {
+            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 = {
+        jpg: 'image/jpeg',
+        jpeg: 'image/jpeg',
+        png: 'image/png',
+        gif: 'image/gif',
+        webp: 'image/webp',
+        pdf: 'application/pdf',
+        txt: 'text/plain',
+        mp4: 'video/mp4',
+    };
+    return mimeTypes[extension] || 'application/octet-stream';
+}
+exports.getFileMimeType = getFileMimeType;
+function getFileInfo(uri) {
+    var fileName = uri.split('/').pop();
+    var fileType = getFileMimeType(fileName);
+    return {
+        name: fileName,
+        type: fileType,
+        uri: uri,
+    };
+}
+exports.getFileInfo = getFileInfo;
+//# sourceMappingURL=misc.js.map

package/dist/utils/misc.js.map

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

package/dist/utils/theme.d.ts

@@ -0,0 +1,23 @@
+type Options = {
+    getStatusBarHeight?: () => number;
+    getAndroidNavbarHeight?: () => number;
+};
+export declare function getMobileThemeValues(initialWindowMetrics: any, options?: Options): {
+    pixel: number;
+    hasNotch: boolean;
+    hasIsland: boolean;
+    prefersConstantNavigationBar: boolean;
+    safeAreaTop: number;
+    safeAreaBottom: any;
+    keyboardVerticalOffset: number;
+    bottomNavHeight: number;
+    window: {
+        height: number;
+        width: number;
+    };
+    width: number;
+    height: number;
+    scale: number;
+    fontScale: number;
+};
+export {};

package/dist/utils/theme.js

@@ -0,0 +1,41 @@
+"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({
+        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,
+    });
+    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 {
+                height: screenDimensions.height - (safeAreaBottom + safeAreaTop),
+                width: screenDimensions.width,
+            };
+        } });
+}
+exports.getMobileThemeValues = getMobileThemeValues;
+//# sourceMappingURL=theme.js.map

package/dist/utils/theme.js.map

@@ -0,0 +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"}

package/dist/utils/useQueryListRefresh.d.ts

@@ -0,0 +1,12 @@
+import { AnyFunction, UseListEffect } from '@codeleap/common';
+type useQueryListRefresh = (listQuery: Parameters<UseListEffect>[0], options?: {
+    staleTime?: number;
+    silentRefresh?: boolean;
+    initialStale?: boolean;
+    cancelQueryEnabled?: boolean;
+    refreshQueryEnabled?: boolean;
+    onFocus?: AnyFunction;
+    onBlur?: AnyFunction;
+}) => void;
+export declare const useQueryListRefresh: useQueryListRefresh;
+export {};

package/dist/utils/useQueryListRefresh.js

@@ -0,0 +1,42 @@
+"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 () {
+        if (staleRefetch.current && refreshQueryEnabled) {
+            listQuery === null || listQuery === void 0 ? void 0 : listQuery.refreshQuery(silentRefresh);
+        }
+        if (common_1.TypeGuards.isFunction(onFocus)) {
+            onFocus === null || onFocus === void 0 ? void 0 : onFocus();
+        }
+        return function () {
+            var _a;
+            if (cancelQueryEnabled)
+                (_a = listQuery === null || listQuery === void 0 ? void 0 : listQuery.cancelQuery) === null || _a === void 0 ? void 0 : _a.call(listQuery);
+            staleRefetch.current = false;
+            if (staleTimeout.current == null) {
+                staleTimeout.current = setTimeout(function () {
+                    staleRefetch.current = true;
+                    clearTimeout(staleTimeout.current);
+                    staleTimeout.current = null;
+                }, staleTime);
+            }
+            if (common_1.TypeGuards.isFunction(onBlur)) {
+                onBlur === null || onBlur === void 0 ? void 0 : onBlur();
+            }
+        };
+    }, []));
+};
+exports.useQueryListRefresh = useQueryListRefresh;
+//# sourceMappingURL=useQueryListRefresh.js.map

package/dist/utils/useQueryListRefresh.js.map

@@ -0,0 +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"}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@codeleap/mobile",
-  "version": "4.1.0",
+  "version": "4.2.2",
   "main": "src/index.ts",
   "license": "UNLICENSED",
   "repository": {
@@ -9,17 +9,17 @@
     "directory": "packages/mobile"
   },
   "devDependencies": {
-    "@codeleap/common": "*",
-    "@codeleap/config": "*"
+    "@codeleap/common": "4.2.2",
+    "@codeleap/config": "4.2.2"
   },
   "scripts": {
     "build": "tsc --build",
     "lint": "eslint -c  .eslintrc.js --fix \"./src/**/*.{ts,tsx,js,jsx}\""
   },
   "peerDependencies": {
-    "@codeleap/common": "*",
-    "@codeleap/styles": "*",
-    "@react-native-community/async-storage": "1.12.1",
+    "@codeleap/common": "4.2.2",
+    "@codeleap/styles": "4.2.2",
+    "@d11/react-native-fast-image": "8.8.0",
     "@react-native-firebase/messaging": "14.4.0",
     "@react-navigation/bottom-tabs": "6.5.3",
     "@react-navigation/drawer": "6.5.7",
@@ -27,12 +27,11 @@
     "@react-navigation/native-stack": "6.9.8",
     "@react-navigation/stack": "6.3.11",
     "react": "18.1.0",
-    "react-native": "0.73.8",
-    "react-native-avoid-softinput": "3.1.5",
+    "react-native": "0.76.1",
+    "react-native-avoid-softinput": "6.0.2",
     "react-native-calendars": "1.1293.0",
     "react-native-date-picker": "4.2.13",
     "react-native-device-info": "10.3.0",
-    "react-native-fast-image": "8.6.3",
     "react-native-gesture-handler": "2.9.0",
     "react-native-image-crop-picker": "0.37.2",
     "react-native-image-viewing": "0.2.2",
@@ -51,4 +50,4 @@
     "react-native-reanimated-carousel": "^3.5.1",
     "react-native-uuid": "2.0.1"
   }
-}
+}

package/package.json.bak

@@ -0,0 +1,53 @@
+{
+  "name": "@codeleap/mobile",
+  "version": "4.2.2",
+  "main": "src/index.ts",
+  "license": "UNLICENSED",
+  "repository": {
+    "url": "https://github.com/codeleap-uk/internal-libs-monorepo.git",
+    "type": "git",
+    "directory": "packages/mobile"
+  },
+  "devDependencies": {
+    "@codeleap/common": "workspace:*",
+    "@codeleap/config": "workspace:*"
+  },
+  "scripts": {
+    "build": "tsc --build",
+    "lint": "eslint -c  .eslintrc.js --fix \"./src/**/*.{ts,tsx,js,jsx}\""
+  },
+  "peerDependencies": {
+    "@codeleap/common": "workspace:*",
+    "@codeleap/styles": "workspace:*",
+    "@d11/react-native-fast-image": "8.8.0",
+    "@react-native-firebase/messaging": "14.4.0",
+    "@react-navigation/bottom-tabs": "6.5.3",
+    "@react-navigation/drawer": "6.5.7",
+    "@react-navigation/native": "6.1.2",
+    "@react-navigation/native-stack": "6.9.8",
+    "@react-navigation/stack": "6.3.11",
+    "react": "18.1.0",
+    "react-native": "0.76.1",
+    "react-native-avoid-softinput": "6.0.2",
+    "react-native-calendars": "1.1293.0",
+    "react-native-date-picker": "4.2.13",
+    "react-native-device-info": "10.3.0",
+    "react-native-gesture-handler": "2.9.0",
+    "react-native-image-crop-picker": "0.37.2",
+    "react-native-image-viewing": "0.2.2",
+    "react-native-keyboard-aware-scroll-view": "0.9.5",
+    "react-native-mmkv": "2.12.2",
+    "react-native-super-grid": "4.6.1",
+    "typescript": "5.0.4"
+  },
+  "dependencies": {
+    "@gorhom/portal": "1.0.14",
+    "@miblanchard/react-native-slider": "2.3.1",
+    "date-fns": "2.29.3",
+    "react-native-currency-input": "^1.1.1",
+    "react-native-drag-sort": "^2.4.4",
+    "react-native-masked-text": "1.13.0",
+    "react-native-reanimated-carousel": "^3.5.1",
+    "react-native-uuid": "2.0.1"
+  }
+}

package/src/components/Backdrop/index.tsx

@@ -1,11 +1,12 @@
 import React from 'react'
 import { Touchable } from '../Touchable'
 import { View } from '../View'
-import { useAnimatedVariantStyles } from '../../utils'
+import { } from '../../utils'
 import { BackdropProps } from './types'
 import { AnyRecord, IJSX, StyledComponentProps } from '@codeleap/styles'
 import { MobileStyleRegistry } from '../../Registry'
 import { useStylesFor } from '../../hooks'
+import { FadeIn, FadeOut } from 'react-native-reanimated'
 
 export * from './styles'
 export * from './types'
@@ -16,6 +17,8 @@ export const Backdrop = (props: BackdropProps) => {
     children,
     wrapperProps = {},
     style,
+    entering,
+    exiting,
     ...rest
   } = {
     ...Backdrop.defaultProps,
@@ -24,37 +27,29 @@ export const Backdrop = (props: BackdropProps) => {
 
   const styles = useStylesFor(Backdrop.styleRegistryName, style)
 
-  const animation = useAnimatedVariantStyles({
-    variantStyles: styles,
-    animatedProperties: ['wrapper:hidden', 'wrapper:visible'],
-    updater: (s) => {
-      'worklet'
-      return visible ? s['wrapper:visible'] : s['wrapper:hidden']
-    },
-    dependencies: [visible],
-    transition: styles.transition,
-  })
-
   const isPressable = !!props?.onPress
 
+  if (!visible) return null
+
   return (
-    <View
-      animated
+    <View.Animated
       pointerEvents={visible ? 'auto' : 'none'}
-      animatedStyle={animation}
+
+      entering={entering}
+      exiting={exiting}
       {...wrapperProps}
       style={styles.wrapper}
+
     >
       {isPressable
         ? <Touchable {...rest} style={styles.touchable} noFeedback android_ripple={null} />
         : null}
 
       {children}
-    </View>
+    </View.Animated>
   )
 }
 
-
 Backdrop.styleRegistryName = 'Backdrop'
 Backdrop.elements = ['wrapper', 'touchable', 'transition']
 Backdrop.rootElement = 'wrapper'
@@ -63,6 +58,9 @@ Backdrop.withVariantTypes = <S extends AnyRecord>(styles: S) => {
   return Backdrop as (props: StyledComponentProps<BackdropProps, typeof styles>) => IJSX
 }
 
-Backdrop.defaultProps = {} as Partial<BackdropProps>
+Backdrop.defaultProps = {
+  entering: FadeIn.build(),
+  exiting: FadeOut.build(),
+} as Partial<BackdropProps>
 
 MobileStyleRegistry.registerComponent(Backdrop)

package/src/components/Backdrop/types.ts

@@ -3,6 +3,7 @@ import { ReactNode } from 'react'
 import { TouchableProps } from '../Touchable'
 import { ViewProps } from '../View/types'
 import { BackdropComposition } from './styles'
+import { ReanimatedEnteringAnimation, ReanimatedExitingAnimation } from '../../types'
 
 export type BackdropProps =
   Omit<TouchableProps, 'style'> &
@@ -11,4 +12,6 @@ export type BackdropProps =
     visible: boolean
     wrapperProps?: ViewProps
     style?: StyledProp<BackdropComposition>
+    exiting?: ReanimatedExitingAnimation
+    entering?: ReanimatedEnteringAnimation
   }

package/src/components/Badge/index.tsx

@@ -43,13 +43,13 @@ export const Badge = (props: BadgeProps) => {
   const styles = useStylesFor(Badge.styleRegistryName, style)
 
   if (!visible) return null
-  
-  const wrapperStyles: ViewProps['style'] = [
+
+  const wrapperStyles = [
     styles?.wrapper,
     (disabled && styles?.['wrapper:disabled']),
   ]
 
-  const innerWrapperStyles: ViewProps['style'] = [
+  const innerWrapperStyles = [
     styles?.innerWrapper,
     (disabled && styles?.['innerWrapper:disabled']),
     innerWrapperProps?.style,

package/src/components/Image/index.tsx

@@ -5,7 +5,7 @@ import { useImageSpotlight } from '../ImageView/Spotlight'
 import { Touchable } from '../Touchable'
 import { isFile, toMultipartFile } from '../../utils'
 import { LoadingOverlay } from '../LoadingOverlay'
-import FastImage from 'react-native-fast-image'
+import FastImage from '@d11/react-native-fast-image'
 import { ImageProps } from './types'
 import { AnyRecord, useNestedStylesByKey, IJSX, StyledComponentProps, StyledComponentWithProps } from '@codeleap/styles'
 import { MobileStyleRegistry } from '../../Registry'

package/src/components/Image/types.ts

@@ -1,5 +1,5 @@
 import { LoadingOverlayProps } from '../LoadingOverlay'
-import FastImage, { Source } from 'react-native-fast-image'
+import FastImage, { Source } from '@d11/react-native-fast-image'
 import { ImageProps as RNImageProps } from 'react-native'
 import { ImageComposition } from './styles'
 import { StyledProp } from '@codeleap/styles'