@codeleap/mobile 1.9.27 → 1.9.30

package/dist/utils/PermissionManager/context.js

@@ -0,0 +1,325 @@
+"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 __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    var desc = Object.getOwnPropertyDescriptor(m, k);
+    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
+      desc = { enumerable: true, get: function() { return m[k]; } };
+    }
+    Object.defineProperty(o, k2, desc);
+}) : (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    o[k2] = m[k];
+}));
+var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
+    Object.defineProperty(o, "default", { enumerable: true, value: v });
+}) : function(o, v) {
+    o["default"] = v;
+});
+var __importStar = (this && this.__importStar) || function (mod) {
+    if (mod && mod.__esModule) return mod;
+    var result = {};
+    if (mod != null) for (var k in mod) if (k !== "default" && Object.prototype.hasOwnProperty.call(mod, k)) __createBinding(result, mod, k);
+    __setModuleDefault(result, mod);
+    return result;
+};
+var __awaiter = (this && this.__awaiter) || function (thisArg, _arguments, P, generator) {
+    function adopt(value) { return value instanceof P ? value : new P(function (resolve) { resolve(value); }); }
+    return new (P || (P = Promise))(function (resolve, reject) {
+        function fulfilled(value) { try { step(generator.next(value)); } catch (e) { reject(e); } }
+        function rejected(value) { try { step(generator["throw"](value)); } catch (e) { reject(e); } }
+        function step(result) { result.done ? resolve(result.value) : adopt(result.value).then(fulfilled, rejected); }
+        step((generator = generator.apply(thisArg, _arguments || [])).next());
+    });
+};
+var __generator = (this && this.__generator) || function (thisArg, body) {
+    var _ = { label: 0, sent: function() { if (t[0] & 1) throw t[1]; return t[1]; }, trys: [], ops: [] }, f, y, t, g;
+    return g = { next: verb(0), "throw": verb(1), "return": verb(2) }, typeof Symbol === "function" && (g[Symbol.iterator] = function() { return this; }), g;
+    function verb(n) { return function (v) { return step([n, v]); }; }
+    function step(op) {
+        if (f) throw new TypeError("Generator is already executing.");
+        while (_) try {
+            if (f = 1, y && (t = op[0] & 2 ? y["return"] : op[0] ? y["throw"] || ((t = y["return"]) && t.call(y), 0) : y.next) && !(t = t.call(y, op[1])).done) return t;
+            if (y = 0, t) op = [op[0] & 2, t.value];
+            switch (op[0]) {
+                case 0: case 1: t = op; break;
+                case 4: _.label++; return { value: op[1], done: false };
+                case 5: _.label++; y = op[1]; op = [0]; continue;
+                case 7: op = _.ops.pop(); _.trys.pop(); continue;
+                default:
+                    if (!(t = _.trys, t = t.length > 0 && t[t.length - 1]) && (op[0] === 6 || op[0] === 2)) { _ = 0; continue; }
+                    if (op[0] === 3 && (!t || (op[1] > t[0] && op[1] < t[3]))) { _.label = op[1]; break; }
+                    if (op[0] === 6 && _.label < t[1]) { _.label = t[1]; t = op; break; }
+                    if (t && _.label < t[2]) { _.label = t[2]; _.ops.push(op); break; }
+                    if (t[2]) _.ops.pop();
+                    _.trys.pop(); continue;
+            }
+            op = body.call(thisArg, _);
+        } catch (e) { op = [6, e]; y = 0; } finally { f = t = 0; }
+        if (op[0] & 5) throw op[1]; return { value: op[0] ? op[1] : void 0, done: true };
+    }
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.createTypedPermissionHooks = exports.usePermissionModal = exports.usePermissions = exports.Provider = void 0;
+var react_1 = __importStar(require("react"));
+var mobile_1 = require("@codeleap/mobile");
+var common_1 = require("@codeleap/common");
+var react_native_1 = require("react-native");
+var PermissionContext = react_1.default.createContext({});
+function getStatuses(state) {
+    var statuses = Object.entries(state).map(function (_a) {
+        var k = _a[0], v = _a[1];
+        return [k, v.status];
+    });
+    return Object.fromEntries(statuses);
+}
+function Provider(_a) {
+    var children = _a.children, AppPermissions = _a.AppPermissions, modalConfig = _a.modalConfig;
+    var _b = (0, react_1.useState)(function () { return getStatuses(AppPermissions.values); }), state = _b[0], setState = _b[1];
+    (0, common_1.onMount)(function () {
+        react_native_1.AppState.addEventListener('focus', function () {
+            AppPermissions.update().then(function (vals) {
+                var statuses = getStatuses(vals);
+                if (!(0, common_1.deepEqual)(statuses, state)) {
+                    setState(__assign({}, statuses));
+                }
+            });
+        });
+    });
+    return <PermissionContext.Provider value={{
+            state: state,
+            modalConfig: modalConfig,
+            manager: AppPermissions,
+        }}>
+    {children}
+  </PermissionContext.Provider>;
+}
+exports.Provider = Provider;
+var usePermissions = function () {
+    var modalCtx = mobile_1.ModalManager.useModalContext();
+    var permissionCtx = (0, react_1.useContext)(PermissionContext);
+    function askPermission(name, onResolve) {
+        return __awaiter(this, void 0, void 0, function () {
+            var status, permissionModalName;
+            return __generator(this, function (_a) {
+                switch (_a.label) {
+                    case 0: return [4 /*yield*/, permissionCtx.manager.get(name, {
+                            ask: false,
+                            askOnDenied: false,
+                            askOnPending: false,
+                        })];
+                    case 1:
+                        status = _a.sent();
+                        permissionModalName = "permissions.".concat(name);
+                        if (!status.isGranted) {
+                            modalCtx.toggleModal(permissionModalName, true, {
+                                onPermissionResolve: function (status) {
+                                    modalCtx.toggleModal(permissionModalName, false, {});
+                                    setTimeout(function () {
+                                        onResolve === null || onResolve === void 0 ? void 0 : onResolve(status, permissionModalName);
+                                    }, modalCtx.transitionDuration);
+                                },
+                            });
+                        }
+                        else {
+                            onResolve === null || onResolve === void 0 ? void 0 : onResolve(status.status);
+                        }
+                        return [2 /*return*/];
+                }
+            });
+        });
+    }
+    var askMany = function (perms, onResolve, options) { return __awaiter(void 0, void 0, void 0, function () {
+        var prevModal, results, _loop_1, _i, perms_1, _permission, state_1;
+        return __generator(this, function (_a) {
+            switch (_a.label) {
+                case 0:
+                    prevModal = null;
+                    results = {};
+                    _loop_1 = function (_permission) {
+                        var permission, status, permissionModalName, onOpen, _b, _c;
+                        return __generator(this, function (_d) {
+                            switch (_d.label) {
+                                case 0:
+                                    permission = _permission.replace('?', '');
+                                    return [4 /*yield*/, permissionCtx.manager.get(permission, {
+                                            ask: false,
+                                            askOnDenied: false,
+                                            askOnPending: false,
+                                        })];
+                                case 1:
+                                    status = _d.sent();
+                                    results[permission] = status.status;
+                                    permissionModalName = "permissions.".concat(permission);
+                                    if (!!status.isGranted) return [3 /*break*/, 3];
+                                    onOpen = null;
+                                    if (prevModal) {
+                                        onOpen = function () { return new Promise(function (resolve) {
+                                            setTimeout(function () {
+                                                console.log('transition', {
+                                                    prevModal: prevModal,
+                                                    permissionModalName: permissionModalName,
+                                                });
+                                                modalCtx.transition(prevModal, permissionModalName, {
+                                                    props: {
+                                                        onPermissionResolve: function (status) {
+                                                            resolve(status);
+                                                        },
+                                                    },
+                                                });
+                                            });
+                                        }); };
+                                    }
+                                    else {
+                                        onOpen = function () { return new Promise(function (resolve) {
+                                            setTimeout(function () {
+                                                modalCtx.toggleModal(permissionModalName, true, {
+                                                    onPermissionResolve: function (status) {
+                                                        resolve(status);
+                                                    },
+                                                });
+                                            });
+                                        }); };
+                                    }
+                                    _b = results;
+                                    _c = permission;
+                                    return [4 /*yield*/, onOpen()];
+                                case 2:
+                                    _b[_c] = _d.sent();
+                                    prevModal = permissionModalName;
+                                    if (!_permission.endsWith('?') && results[permission] !== 'granted') {
+                                        return [2 /*return*/, "break"];
+                                    }
+                                    _d.label = 3;
+                                case 3: return [2 /*return*/];
+                            }
+                        });
+                    };
+                    _i = 0, perms_1 = perms;
+                    _a.label = 1;
+                case 1:
+                    if (!(_i < perms_1.length)) return [3 /*break*/, 4];
+                    _permission = perms_1[_i];
+                    return [5 /*yield**/, _loop_1(_permission)];
+                case 2:
+                    state_1 = _a.sent();
+                    if (state_1 === "break")
+                        return [3 /*break*/, 4];
+                    _a.label = 3;
+                case 3:
+                    _i++;
+                    return [3 /*break*/, 1];
+                case 4:
+                    if (prevModal) {
+                        console.log("Close prev modal", {
+                            prevModal: prevModal,
+                        });
+                        setTimeout(function () {
+                            modalCtx.toggleModal(prevModal, false, {});
+                        });
+                    }
+                    onResolve(__assign(__assign({}, results), { overall: Object.values(results).every(function (x) { return x === 'granted'; }) ? 'granted' : 'denied' }));
+                    return [2 /*return*/];
+            }
+        });
+    }); };
+    return __assign({ askPermission: askPermission, askMany: askMany }, permissionCtx);
+};
+exports.usePermissions = usePermissions;
+function usePermissionModal(permissionName) {
+    var modalId = "permissions.".concat(permissionName);
+    var modals = mobile_1.ModalManager.useModalContext();
+    var permissionCtx = (0, exports.usePermissions)();
+    var modalState = modals.state[modalId];
+    var currentState = permissionCtx.state[permissionName];
+    var status = currentState;
+    var _a = (0, common_1.useDebounce)(status, modals.transitionDuration * 0.5), debouncedStatus = _a[0], reset = _a[1];
+    function getConfig(withStatus) {
+        var _a;
+        return __assign(__assign({}, permissionCtx.modalConfig[permissionName]), (_a = permissionCtx.modalConfig[permissionName]) === null || _a === void 0 ? void 0 : _a[withStatus]);
+    }
+    var config = getConfig(debouncedStatus);
+    function onPermissionResolve(_status) {
+        var _a, _b;
+        (_b = (_a = modalState === null || modalState === void 0 ? void 0 : modalState.props) === null || _a === void 0 ? void 0 : _a.onPermissionResolve) === null || _b === void 0 ? void 0 : _b.call(_a, _status || status);
+    }
+    (0, common_1.onUpdate)(function () {
+        if ((modalState === null || modalState === void 0 ? void 0 : modalState.visible) && !!status) {
+            if (status === 'granted') {
+                reset();
+                onPermissionResolve();
+            }
+            else {
+                if (!(0, common_1.deepEqual)(config, getConfig(status))) {
+                    modals.transition(modalId, modalId, {
+                        props: modalState === null || modalState === void 0 ? void 0 : modalState.props,
+                    });
+                }
+            }
+        }
+    }, [status, modalState === null || modalState === void 0 ? void 0 : modalState.visible]);
+    function onAllow() {
+        return __awaiter(this, void 0, void 0, function () {
+            var _a, newStatus;
+            return __generator(this, function (_b) {
+                switch (_b.label) {
+                    case 0:
+                        _a = config.onAllow;
+                        switch (_a) {
+                            case 'ask': return [3 /*break*/, 1];
+                            case 'openSettings': return [3 /*break*/, 3];
+                        }
+                        return [3 /*break*/, 3];
+                    case 1: return [4 /*yield*/, permissionCtx.manager.get(permissionName, {
+                            ask: true,
+                            askOnDenied: true,
+                            askOnPending: true,
+                        })];
+                    case 2:
+                        newStatus = _b.sent();
+                        if (!newStatus.isGranted) {
+                            onPermissionResolve(newStatus.status);
+                        }
+                        return [3 /*break*/, 4];
+                    case 3:
+                        react_native_1.Linking.openSettings();
+                        return [3 /*break*/, 4];
+                    case 4: return [2 /*return*/];
+                }
+            });
+        });
+    }
+    function onDeny() {
+        onPermissionResolve();
+    }
+    return {
+        onAllow: onAllow,
+        onDeny: onDeny,
+        modalId: modalId,
+        permissionName: permissionName,
+        modalState: __assign({}, modalState),
+        currentState: currentState,
+        config: config,
+    };
+}
+exports.usePermissionModal = usePermissionModal;
+function createTypedPermissionHooks(configuration) {
+    var _usePermissions = exports.usePermissions;
+    var _usePermissionModal = usePermissionModal;
+    return {
+        usePermissions: _usePermissions,
+        usePermissionModal: _usePermissionModal,
+    };
+}
+exports.createTypedPermissionHooks = createTypedPermissionHooks;
+//# sourceMappingURL=context.js.map

package/dist/utils/PermissionManager/context.js.map

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

package/dist/utils/PermissionManager/index.d.ts

@@ -0,0 +1,4 @@
+import { usePermissions, Provider, createTypedPermissionHooks, usePermissionModal } from './context';
+import { PermissionConfig, PermissionModalsConfig } from './types';
+export { usePermissions, Provider, usePermissionModal, createTypedPermissionHooks, };
+export type { PermissionConfig, PermissionModalsConfig, };

package/dist/utils/PermissionManager/index.js

@@ -0,0 +1,9 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.createTypedPermissionHooks = exports.usePermissionModal = exports.Provider = exports.usePermissions = void 0;
+var context_1 = require("./context");
+Object.defineProperty(exports, "usePermissions", { enumerable: true, get: function () { return context_1.usePermissions; } });
+Object.defineProperty(exports, "Provider", { enumerable: true, get: function () { return context_1.Provider; } });
+Object.defineProperty(exports, "createTypedPermissionHooks", { enumerable: true, get: function () { return context_1.createTypedPermissionHooks; } });
+Object.defineProperty(exports, "usePermissionModal", { enumerable: true, get: function () { return context_1.usePermissionModal; } });
+//# sourceMappingURL=index.js.map

package/dist/utils/PermissionManager/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/utils/PermissionManager/index.ts"],"names":[],"mappings":";;;AAAA,qCAAoG;AAQlG,+FARO,wBAAc,OAQP;AACd,yFATuB,kBAAQ,OASvB;AAER,2GAXiC,oCAA0B,OAWjC;AAD1B,mGAV6D,4BAAkB,OAU7D"}

package/dist/utils/PermissionManager/types.d.ts

@@ -0,0 +1,13 @@
+import { PermissionTypes } from '@codeleap/common';
+declare type NonGrantedPermissionTypes = Exclude<PermissionTypes.PermissionStatus, 'granted'>;
+export declare type BasePermissionConfig = {
+    fullscreenModal?: boolean;
+    dismissable?: boolean;
+    title: string;
+    onAllow: 'openSettings' | 'ask';
+    description: string[];
+    icon: string;
+};
+export declare type PermissionConfig = BasePermissionConfig & Partial<Record<NonGrantedPermissionTypes, Partial<BasePermissionConfig>>>;
+export declare type PermissionModalsConfig<PermissionNames extends string | number | symbol> = Partial<Record<PermissionNames, PermissionConfig>>;
+export {};

package/dist/utils/PermissionManager/types.js

@@ -0,0 +1,3 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+//# sourceMappingURL=types.js.map

package/dist/utils/PermissionManager/types.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"types.js","sourceRoot":"","sources":["../../../src/utils/PermissionManager/types.ts"],"names":[],"mappings":""}

package/dist/utils/hooks.d.ts

@@ -0,0 +1,6 @@
+import { Animated, AppStateStatus } from 'react-native';
+export declare function useAnimateColor(value: string, opts?: Partial<Animated.TimingAnimationConfig>): Animated.AnimatedInterpolation;
+export declare function useAppState(filter?: AppStateStatus[]): {
+    appState: AppStateStatus;
+};
+export declare function useStaticAnimationStyles<T extends Record<string | number | symbol, any>, K extends keyof T>(obj: T, keys: K[]): { [P in K]: T[K]; };

package/dist/utils/hooks.js

@@ -0,0 +1,62 @@
+"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);
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.useStaticAnimationStyles = exports.useAppState = exports.useAnimateColor = void 0;
+var common_1 = require("@codeleap/common");
+var react_native_1 = require("react-native");
+function useAnimateColor(value, opts) {
+    var iters = (0, common_1.useRef)(0);
+    var anim = (0, common_1.useState)(new react_native_1.Animated.Value(iters.current))[0];
+    var _prev = (0, common_1.usePrevious)(value);
+    var prev = _prev || value;
+    (0, common_1.onUpdate)(function () {
+        // if (value === prev) return
+        var animation = react_native_1.Animated.timing(anim, __assign(__assign({}, opts), { toValue: iters.current + 1, useNativeDriver: false }));
+        animation.start(function () {
+            iters.current += 1;
+        });
+        return function () {
+            animation.stop();
+        };
+    }, [value]);
+    var color = anim.interpolate({
+        outputRange: [prev, value],
+        inputRange: [iters.current, iters.current + 1],
+    });
+    return color;
+}
+exports.useAnimateColor = useAnimateColor;
+function useAppState(filter) {
+    var _a = (0, common_1.useState)(function () { return react_native_1.AppState.currentState; }), appState = _a[0], setAppState = _a[1];
+    (0, common_1.onMount)(function () {
+        react_native_1.AppState.addEventListener('change', function (s) {
+            if (!filter || filter.includes(s)) {
+                setAppState(s);
+            }
+        });
+    });
+    return {
+        appState: appState,
+    };
+}
+exports.useAppState = useAppState;
+function useStaticAnimationStyles(obj, keys) {
+    var styles = (0, common_1.useRef)({});
+    if (Object.keys(styles.current).length === 0) {
+        var mappedStyles = keys.map(function (k) { return [k, __assign({}, obj[k])]; });
+        styles.current = Object.fromEntries(mappedStyles);
+    }
+    return styles.current;
+}
+exports.useStaticAnimationStyles = useStaticAnimationStyles;
+//# sourceMappingURL=hooks.js.map

package/dist/utils/hooks.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"hooks.js","sourceRoot":"","sources":["../../src/utils/hooks.ts"],"names":[],"mappings":";;;;;;;;;;;;;;AAAA,2CAAmF;AACnF,6CAAiE;AAEjE,SAAgB,eAAe,CAAC,KAAa,EAAE,IAA8C;IAC3F,IAAM,KAAK,GAAG,IAAA,eAAM,EAAC,CAAC,CAAC,CAAA;IAChB,IAAA,IAAI,GAAI,IAAA,iBAAQ,EAAC,IAAI,uBAAQ,CAAC,KAAK,CAAC,KAAK,CAAC,OAAO,CAAC,CAAC,GAA/C,CAA+C;IAC1D,IAAM,KAAK,GAAG,IAAA,oBAAW,EAAC,KAAK,CAAC,CAAA;IAChC,IAAM,IAAI,GAAG,KAAK,IAAI,KAAK,CAAA;IAE3B,IAAA,iBAAQ,EAAC;QACP,6BAA6B;QAC7B,IAAM,SAAS,GAAG,uBAAQ,CAAC,MAAM,CAAC,IAAI,wBACjC,IAAI,KACP,OAAO,EAAE,KAAK,CAAC,OAAO,GAAG,CAAC,EAC1B,eAAe,EAAE,KAAK,IAEtB,CAAA;QACF,SAAS,CAAC,KAAK,CAAC;YACd,KAAK,CAAC,OAAO,IAAI,CAAC,CAAA;QACpB,CAAC,CAAC,CAAA;QAEF,OAAO;YACL,SAAS,CAAC,IAAI,EAAE,CAAA;QAElB,CAAC,CAAA;IACH,CAAC,EAAE,CAAC,KAAK,CAAC,CAAC,CAAA;IAEX,IAAM,KAAK,GAAG,IAAI,CAAC,WAAW,CAAC;QAC7B,WAAW,EAAE,CAAC,IAAI,EAAE,KAAK,CAAC;QAC1B,UAAU,EAAE,CAAC,KAAK,CAAC,OAAO,EAAE,KAAK,CAAC,OAAO,GAAG,CAAC,CAAC;KAC/C,CAAC,CAAA;IAEF,OAAO,KAAK,CAAA;AAEd,CAAC;AA/BD,0CA+BC;AAED,SAAgB,WAAW,CAAC,MAAyB;IAC7C,IAAA,KAA0B,IAAA,iBAAQ,EAAC,cAAM,OAAA,uBAAQ,CAAC,YAAY,EAArB,CAAqB,CAAC,EAA9D,QAAQ,QAAA,EAAE,WAAW,QAAyC,CAAA;IAErE,IAAA,gBAAO,EAAC;QACN,uBAAQ,CAAC,gBAAgB,CAAC,QAAQ,EAAE,UAAA,CAAC;YACnC,IAAI,CAAC,MAAM,IAAI,MAAM,CAAC,QAAQ,CAAC,CAAC,CAAC,EAAE;gBACjC,WAAW,CAAC,CAAC,CAAC,CAAA;aACf;QACH,CAAC,CAAC,CAAA;IACJ,CAAC,CAAC,CAAA;IAEF,OAAO;QACL,QAAQ,UAAA;KACT,CAAA;AACH,CAAC;AAdD,kCAcC;AAED,SAAgB,wBAAwB,CAAkE,GAAM,EAAE,IAAS;IACzH,IAAM,MAAM,GAAG,IAAA,eAAM,EAAC,EAAE,CAAC,CAAA;IAEzB,IAAI,MAAM,CAAC,IAAI,CAAC,MAAM,CAAC,OAAO,CAAC,CAAC,MAAM,KAAK,CAAC,EAAE;QAC5C,IAAM,YAAY,GAAG,IAAI,CAAC,GAAG,CAAC,UAAC,CAAC,IAAK,OAAA,CAAC,CAAC,eAAO,GAAG,CAAC,CAAC,CAAC,EAAG,EAAlB,CAAkB,CAAC,CAAA;QAExD,MAAM,CAAC,OAAO,GAAG,MAAM,CAAC,WAAW,CAAC,YAAY,CAAC,CAAA;KAClD;IAED,OAAO,MAAM,CAAC,OAEb,CAAA;AACH,CAAC;AAZD,4DAYC"}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@codeleap/mobile",
-  "version": "1.9.27",
+  "version": "1.9.30",
   "main": "src/index.ts",
   "author": "Paulo Henrique De Souza <paulosouza300272@gmail.com>",
   "license": "UNLICENSED",
@@ -34,6 +34,7 @@
     "react-native-text-input-mask": "3.1.4"
   },
   "dependencies": {
+    "@gorhom/portal": "^1.0.13",
     "@miblanchard/react-native-slider": "^2.1.0",
     "react-native-animatable": "^1.3.3",
     "react-native-masked-text": "^1.13.0",

package/src/components/Backdrop.tsx

@@ -0,0 +1,77 @@
+import React from 'react'
+import { ComponentVariants, onUpdate, PropsOf, useDefaultComponentStyle } from '@codeleap/common'
+import { useAnimationState, useDynamicAnimation } from 'moti'
+import { Touchable } from './Touchable'
+import { View } from './View'
+import {
+  createDefaultVariantFactory,
+  includePresets,
+} from '@codeleap/common'
+import { StylesOf } from '../types/utility'
+import { StyleSheet } from 'react-native'
+import { useStaticAnimationStyles } from '../utils/hooks'
+
+type BackdropComposition =
+ 'wrapper'|
+'touchable' |
+'wrapper:visible' |
+'wrapper:hidden'
+
+const createBackdropVariant = createDefaultVariantFactory<BackdropComposition>()
+
+const presets = includePresets((style) => createBackdropVariant(() => ({ wrapper: style })))
+
+export const BackdropStyles = {
+  ...presets,
+  default: createBackdropVariant((theme) => ({
+    wrapper: {
+      backgroundColor: theme.colors.black,
+      ...theme.presets.whole,
+      ...theme.presets.absolute,
+    },
+    'wrapper:visible': {
+      opacity: 0.5,
+    },
+    'wrapper:hidden': {
+
+      opacity: 0,
+    },
+    touchable: {
+      ...theme.presets.whole,
+      ...theme.presets.absolute,
+    },
+  })),
+}
+
+export type BackdropProps = PropsOf<typeof Touchable> & {
+    visible: boolean
+    wrapperProps?: PropsOf<typeof View>
+    variants?: ComponentVariants<typeof BackdropStyles>['variants']
+    styles?: StylesOf<BackdropComposition>
+}
+
+export const Backdrop = (backdropProps:BackdropProps) => {
+  const { variants = [], styles = {}, visible, children, wrapperProps = {}, ...props } = backdropProps
+
+  const variantStyles = useDefaultComponentStyle<'u:Backdrop', typeof BackdropStyles>('u:Backdrop', {
+    variants,
+    rootElement: 'wrapper',
+    styles,
+    transform: StyleSheet.flatten,
+  })
+
+  const animationStates = useStaticAnimationStyles(variantStyles, ['wrapper:hidden', 'wrapper:visible'])
+
+  const animation = useDynamicAnimation(() => {
+    return visible ? animationStates['wrapper:visible'] : animationStates['wrapper:hidden']
+  })
+
+  onUpdate(() => {
+    animation.animateTo(visible ? animationStates['wrapper:visible'] : animationStates['wrapper:hidden'])
+  }, [visible, animationStates])
+
+  return <View pointerEvents={visible ? 'auto' : 'none' } animated style={variantStyles.wrapper} state={animation} {...wrapperProps}>
+    <Touchable feedbackVariant='none' style={variantStyles.touchable} {...props} />
+    {children}
+  </View>
+}

package/src/components/Button.tsx

@@ -6,6 +6,7 @@ import {
   ButtonComposition,
   ButtonParts,
   IconPlaceholder,
+  GetRefType,
 } from '@codeleap/common'
 import { forwardRef } from 'react'
 import { StylesOf } from '../types/utility'
@@ -13,7 +14,7 @@ import { Text } from './Text'
 import { Touchable, TouchableProps } from './Touchable'
 import { Icon } from './Icon'
 import { ActivityIndicator } from './ActivityIndicator'
-import { StyleSheet, TouchableOpacity } from 'react-native'
+import { StyleSheet, TouchableOpacity, View } from 'react-native'
 
 type ChildProps = {
   styles: StylesOf<ButtonParts>
@@ -33,7 +34,7 @@ export type ButtonProps = Omit<TouchableProps, 'variants'> &
     children?: React.ReactNode | ((props: ChildProps) => React.ReactNode)
   }
 
-export const Button = forwardRef<TouchableOpacity, ButtonProps>((buttonProps, ref) => {
+export const Button = forwardRef<GetRefType<TouchableProps['ref']>, ButtonProps>((buttonProps, ref) => {
   const {
     variants = [],
     children,

package/src/components/FileInput.tsx

@@ -112,11 +112,11 @@ export const FileInput = forwardRef<
     if (warn) {
       // NOTE yeah, it should not be both of course but just logger.* isn't showing for some reason
       logger.warn(err)
-      console.warn(err)
+
     } else {
       // NOTE yeah, it should not be both of course but just logger.* isn't showing for some reason
       logger.error(err)
-      console.warn(err)
+
       if (onError) {
         onError(err)
       } else {

package/src/components/Image.tsx

@@ -11,6 +11,7 @@ import {
   Image as NativeImage,
   ImageStyle,
   StyleProp,
+  StyleSheet,
   TextStyle,
   ViewStyle,
 } from 'react-native'
@@ -35,14 +36,14 @@ export const ImageComponent: React.FC<ImageProps> = (props) => {
 
   const variantStyles = useDefaultComponentStyle('Image', { variants })
 
-  const styles = [variantStyles.wrapper, style]
+  const styles = StyleSheet.flatten([variantStyles.wrapper, style])
 
   if (fast) {
     return (
       <FastImage
         style={styles}
         // @ts-ignore
-        tintColor={style?.tintColor}
+        tintColor={styles?.tintColor}
         resizeMode={FastImage.resizeMode[resizeMode || 'contain']}
         {...imageProps}
       />