@codeleap/mobile 1.9.31 → 2.0.0

package/dist/utils/notifications.js

@@ -0,0 +1,268 @@
+"use strict";
+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.NotificationManager = void 0;
+var common_1 = require("@codeleap/common");
+// @ts-ignore
+var messaging_1 = require("@react-native-firebase/messaging");
+var messaging = messaging_1.firebase.messaging;
+var MODULE = 'Notifications';
+var NotificationManager = /** @class */ (function () {
+    function NotificationManager(logger, autoHandleInitialNotification) {
+        if (logger === void 0) { logger = common_1.silentLogger; }
+        if (autoHandleInitialNotification === void 0) { autoHandleInitialNotification = true; }
+        this.logger = logger;
+        this.autoHandleInitialNotification = autoHandleInitialNotification;
+        this.stateChangeListeners = [];
+        this.messageListeners = [];
+        this._initialized = false;
+        this.unsubscribeFromMessage = null;
+        this.unsubscribeFromBackgroundMessage = null;
+        this.unsubscribeFromPress = null;
+        this._currentToken = null;
+        this._initialNoficationHandled = false;
+    }
+    NotificationManager.prototype.init = function () {
+        return __awaiter(this, void 0, void 0, function () {
+            var token_1, e_1;
+            var _this = this;
+            return __generator(this, function (_a) {
+                switch (_a.label) {
+                    case 0:
+                        // return
+                        if (this.initialized)
+                            return [2 /*return*/];
+                        _a.label = 1;
+                    case 1:
+                        _a.trys.push([1, 4, , 5]);
+                        return [4 /*yield*/, messaging().registerDeviceForRemoteMessages()
+                            // logger.log('firebase registeted', '', MODULE)
+                        ];
+                    case 2:
+                        _a.sent();
+                        return [4 /*yield*/, messaging().getToken()
+                            // logger.log('init token', { token }, MODULE)
+                        ];
+                    case 3:
+                        token_1 = _a.sent();
+                        // logger.log('init token', { token }, MODULE)
+                        if (token_1) {
+                            this.currentToken = token_1;
+                            this.initialized = true;
+                        }
+                        else {
+                            this.currentToken = null;
+                            this.initialized = false;
+                        }
+                        messaging().onTokenRefresh(function (newToken) {
+                            // logger.log('onTokenRefresh', { newToken }, MODULE)
+                            if (token_1) {
+                                _this.currentToken = newToken;
+                                _this.initialized = true;
+                            }
+                            else {
+                                _this.currentToken = null;
+                                _this.initialized = false;
+                            }
+                        });
+                        return [3 /*break*/, 5];
+                    case 4:
+                        e_1 = _a.sent();
+                        this.logger.error('Failed to initialize notification services', e_1, MODULE);
+                        return [3 /*break*/, 5];
+                    case 5: return [2 /*return*/];
+                }
+            });
+        });
+    };
+    NotificationManager.prototype.deinit = function () {
+        return __awaiter(this, void 0, void 0, function () {
+            return __generator(this, function (_a) {
+                [
+                    this.unsubscribeFromMessage,
+                    this.unsubscribeFromBackgroundMessage,
+                    this.unsubscribeFromPress,
+                ].forEach(function (unsubscribe) {
+                    if (unsubscribe) {
+                        unsubscribe();
+                    }
+                });
+                this.initialized = false;
+                return [2 /*return*/];
+            });
+        });
+    };
+    NotificationManager.prototype.handleNotification = function (args) {
+        return __awaiter(this, void 0, void 0, function () {
+            var _i, _a, listener;
+            return __generator(this, function (_b) {
+                switch (_b.label) {
+                    case 0:
+                        _i = 0, _a = this.messageListeners;
+                        _b.label = 1;
+                    case 1:
+                        if (!(_i < _a.length)) return [3 /*break*/, 4];
+                        listener = _a[_i];
+                        return [4 /*yield*/, listener(args.data, args.type)];
+                    case 2:
+                        _b.sent();
+                        _b.label = 3;
+                    case 3:
+                        _i++;
+                        return [3 /*break*/, 1];
+                    case 4: return [2 /*return*/];
+                }
+            });
+        });
+    };
+    Object.defineProperty(NotificationManager.prototype, "currentToken", {
+        get: function () {
+            return this._currentToken;
+        },
+        set: function (token) {
+            this._currentToken = token;
+            this.triggerStateChange();
+        },
+        enumerable: false,
+        configurable: true
+    });
+    Object.defineProperty(NotificationManager.prototype, "initialized", {
+        get: function () {
+            return this._initialized;
+        },
+        set: function (to) {
+            var _this = this;
+            if (to) {
+                this.logger.log('Initialized', '', MODULE);
+                this.unsubscribeFromMessage = messaging().onMessage(function (msg) {
+                    _this.handleNotification({
+                        data: msg,
+                        type: 'foreground',
+                    });
+                });
+                this.unsubscribeFromBackgroundMessage = messaging().setBackgroundMessageHandler(function (msg) { return __awaiter(_this, void 0, void 0, function () {
+                    return __generator(this, function (_a) {
+                        this.handleNotification({
+                            data: msg,
+                            type: 'background',
+                        });
+                        return [2 /*return*/];
+                    });
+                }); });
+                this.unsubscribeFromPress = messaging().onNotificationOpenedApp(function (msg) {
+                    _this.logger.log('Notification press', msg, MODULE);
+                    _this.handleNotification({
+                        data: msg,
+                        type: 'press',
+                    });
+                });
+                if (!this._initialNoficationHandled && this.autoHandleInitialNotification) {
+                    this.getInitialNotification().then(function (msg) {
+                        if (!msg.data)
+                            return;
+                        _this.logger.log('Notification initial', msg, MODULE);
+                        _this.handleNotification(msg).then(function () {
+                            _this._initialNoficationHandled = true;
+                        }).catch(function (e) {
+                            _this._initialNoficationHandled = true;
+                            _this.logger.error('Error handling initial notification', e, MODULE);
+                        });
+                    });
+                }
+            }
+            else {
+                this.unsubscribeFromMessage = null;
+                this.unsubscribeFromBackgroundMessage = null;
+                this.unsubscribeFromPress = null;
+                this.logger.log('Deinitialized', '', MODULE);
+            }
+            this._initialized = to;
+            this.triggerStateChange();
+        },
+        enumerable: false,
+        configurable: true
+    });
+    NotificationManager.prototype.onNotification = function (handler) {
+        var _this = this;
+        var newLen = this.messageListeners.push(handler);
+        return function () {
+            _this.messageListeners.splice(newLen - 1);
+        };
+    };
+    NotificationManager.prototype.triggerStateChange = function () {
+        var _this = this;
+        this.stateChangeListeners.forEach(function (l) {
+            l(_this._initialized, _this.currentToken);
+        });
+    };
+    NotificationManager.prototype.onStateChange = function (handler) {
+        var _this = this;
+        var newLen = this.stateChangeListeners.push(handler);
+        return function () {
+            _this.stateChangeListeners.splice(newLen - 1);
+        };
+    };
+    NotificationManager.prototype.getInitialNotification = function () {
+        return __awaiter(this, void 0, void 0, function () {
+            var msg, e_2;
+            return __generator(this, function (_a) {
+                switch (_a.label) {
+                    case 0:
+                        _a.trys.push([0, 2, , 3]);
+                        return [4 /*yield*/, messaging().getInitialNotification()];
+                    case 1:
+                        msg = _a.sent();
+                        return [2 /*return*/, {
+                                data: msg,
+                                type: 'initial',
+                            }];
+                    case 2:
+                        e_2 = _a.sent();
+                        return [2 /*return*/, {
+                                data: null,
+                                type: 'initial',
+                            }];
+                    case 3: return [2 /*return*/];
+                }
+            });
+        });
+    };
+    return NotificationManager;
+}());
+exports.NotificationManager = NotificationManager;
+//# sourceMappingURL=notifications.js.map

package/dist/utils/notifications.js.map

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

package/package.json

@@ -1,10 +1,13 @@
 {
   "name": "@codeleap/mobile",
-  "version": "1.9.31",
+  "version": "2.0.0",
   "main": "src/index.ts",
-  "author": "Paulo Henrique De Souza <paulosouza300272@gmail.com>",
   "license": "UNLICENSED",
-  "repository": "PRIVATE",
+  "repository": {
+    "url": "https://github.com/codeleap-uk/internal-libs-monorepo.git",
+    "type": "git",
+    "directory": "packages/mobile"
+  },
   "devDependencies": {
     "@codeleap/config": "*",
     "@types/react-native": "^0.66.15",
@@ -18,6 +21,7 @@
   },
   "peerDependencies": {
     "@codeleap/common": "*",
+    "@react-native-firebase/messaging": "14.4.0",
     "@react-navigation/bottom-tabs": "^6.0.9",
     "@react-navigation/drawer": "^6.1.8",
     "@react-navigation/native": "^6.0.6",
@@ -27,17 +31,22 @@
     "react": "*",
     "react-native": "*",
     "react-native-animatable": "^1.3.3",
+    "react-native-calendars": "*",
     "react-native-fast-image": "^8.5.11",
     "react-native-gesture-handler": "^2.2.0",
     "react-native-image-crop-picker": "*",
+    "react-native-image-viewing": "^0.2.2",
     "react-native-keyboard-aware-scroll-view": "^0.9.5",
     "react-native-text-input-mask": "3.1.4"
   },
   "dependencies": {
     "@gorhom/portal": "^1.0.13",
     "@miblanchard/react-native-slider": "^2.1.0",
+    "date-fns": "^2.28.0",
     "react-native-animatable": "^1.3.3",
     "react-native-masked-text": "^1.13.0",
-    "react-native-pose": "^0.9.1"
+    "react-native-pose": "^0.9.1",
+    "react-native-super-grid": "^4.4.2",
+    "react-native-uuid": "^2.0.1"
   }
 }

package/src/components/ActionIcon/index.tsx

@@ -0,0 +1,31 @@
+import { ComponentVariants, getNestedStylesByKey, useDefaultComponentStyle } from '@codeleap/common'
+import React from 'react'
+import { StyleSheet } from 'react-native'
+import { StylesOf } from '../../types'
+import { Icon, IconProps } from '../Icon'
+import { Touchable, TouchableProps } from '../Touchable'
+import { ActionIconComposition, ActionIconStyles } from './styles'
+
+export type ActionIconProps= {
+    iconProps?: Partial<IconProps>
+    icon?: IconProps['name']
+    styles?: StylesOf<ActionIconComposition>
+} & Omit<TouchableProps, 'styles' | 'variants'> & ComponentVariants<typeof ActionIconStyles>
+
+export const ActionIcon:React.FC<ActionIconProps> = (props) => {
+  const { icon, iconProps, variants, styles, ...touchableProps } = props
+  const variantStyles = useDefaultComponentStyle<'u:ActionIcon', typeof ActionIconStyles>('u:ActionIcon', {
+    variants, styles, transform: StyleSheet.flatten,
+  })
+  const touchableStyles = getNestedStylesByKey('touchable', variantStyles)
+
+  return <Touchable styles={touchableStyles} {...touchableProps}>
+    <Icon name={icon} style={
+      [
+        variantStyles.icon,
+        touchableProps?.disabled && variantStyles['icon:disabled'],
+      ]} {...iconProps}/>
+  </Touchable>
+}
+
+export * from './styles'

package/src/components/ActionIcon/styles.ts

@@ -0,0 +1,92 @@
+import { createDefaultVariantFactory, includePresets } from '@codeleap/common'
+import { TouchableComposition } from '../Touchable'
+
+export type ActionIconParts = 'icon' | `touchable${Capitalize<TouchableComposition>}`
+export type ActionIconStates = ':disabled' | ''
+export type ActionIconComposition = `${ActionIconParts}${ActionIconStates}`
+const createActionIconStyle = createDefaultVariantFactory<ActionIconComposition>()
+
+const presets = includePresets((style) => createActionIconStyle(() => ({ touchableWrapper: style })))
+
+export const ActionIconStyles = {
+  ...presets,
+  default: createActionIconStyle((theme) => {
+
+    return {
+      icon: {
+        color: theme.colors.icon,
+        ...theme.sized(5 * 0.6),
+
+      },
+      touchableWrapper: {
+        ...theme.sized(5),
+        borderRadius: theme.borderRadius.round,
+        ...theme.presets.center,
+      },
+      'icon:disabled': {
+        color: theme.colors.disabled,
+      },
+
+    }
+  }),
+  small: createActionIconStyle((theme) => ({
+    touchableWrapper: {
+      ...theme.sized(3.5),
+
+    },
+    icon: {
+      ...theme.sized(3.5 * 0.6),
+
+    },
+  })),
+  large: createActionIconStyle((theme) => ({
+    touchableWrapper: {
+      ...theme.sized(6.5),
+
+    },
+    icon: {
+      ...theme.sized(6.5 * 0.6),
+
+    },
+  })),
+  primary: createActionIconStyle((theme) => ({
+    icon: {
+      color: theme.colors.primary,
+
+    },
+
+  })),
+  negative: createActionIconStyle((theme) => ({
+    icon: {
+      color: theme.colors.negative,
+
+    },
+
+  })),
+  positive: createActionIconStyle((theme) => ({
+    icon: {
+      color: theme.colors.positive,
+
+    },
+
+  })),
+  black: createActionIconStyle((theme) => ({
+    icon: {
+      color: theme.colors.black,
+
+    },
+
+  })),
+  white: createActionIconStyle((theme) => ({
+    icon: {
+      color: theme.colors.white,
+
+    },
+
+  })),
+  neutral: createActionIconStyle((theme) => ({
+    icon: {
+      color: theme.colors.neutral,
+    },
+  })),
+}

package/src/components/{ActivityIndicator.tsx → ActivityIndicator/index.tsx}

@@ -2,14 +2,18 @@ import * as React from 'react'
 import { ComponentPropsWithoutRef, forwardRef } from 'react'
 import { ActivityIndicator as Indicator, StyleSheet } from 'react-native'
 import {
-  ActivityIndicatorComposition,
-  ActivityIndicatorStyles,
+
   useDefaultComponentStyle,
   ComponentVariants,
   useCodeleapContext,
 } from '@codeleap/common'
-import { StylesOf } from '../types/utility'
+import { StylesOf } from '../../types'
+import {
+  ActivityIndicatorComposition,
+  ActivityIndicatorStyles,
+} from './styles'
 
+export * from './styles'
 export type ActivityIndicatorProps = ComponentPropsWithoutRef<
   typeof Indicator
 > & {

package/src/components/ActivityIndicator/styles.ts

@@ -0,0 +1,68 @@
+import { createDefaultVariantFactory, includePresets } from '@codeleap/common'
+
+export type ActivityIndicatorComposition =
+  | 'wrapper'
+  | 'backCircle'
+  | 'frontCircle'
+  | 'circle'
+
+const createActivityIndicatorStyle =
+  createDefaultVariantFactory<ActivityIndicatorComposition>()
+
+const presets = includePresets((styles) => createActivityIndicatorStyle(() => ({ wrapper: styles })),
+)
+
+export const getActivityIndicatorBaseStyles = (size:number) => {
+  const sizes = {
+    height: size,
+    width: size,
+    borderWidth: size * 0.25,
+  }
+
+  return {
+    wrapper: {
+      position: 'relative',
+      ...sizes,
+    } as any,
+    circle: {
+      borderRadius: 100,
+      position: 'absolute',
+      borderStyle: 'solid',
+      top: 0,
+      bottom: 0,
+      left: 0,
+      right: 0,
+    } as any,
+    backCircle: {
+
+      // borderColor: theme.colors.primary,
+      minWidth: '100%',
+      opacity: 0.5,
+    } as any,
+    frontCircle: {
+      position: 'absolute',
+      borderColor: 'transparent',
+      // borderTopColor: theme.colors.primary,
+    } as any,
+  }
+}
+
+export const ActivityIndicatorStyles = {
+  ...presets,
+  default: createActivityIndicatorStyle((theme) => {
+    const baseStyles = getActivityIndicatorBaseStyles(35)
+
+    return {
+      ...baseStyles,
+      backCircle: {
+        ...baseStyles.backCircle,
+        borderColor: theme.colors.primary,
+      },
+      frontCircle: {
+        ...baseStyles.frontCircle,
+        borderTopColor: theme.colors.primary,
+      },
+    }
+
+  }),
+}