feat(smart-app): implement complete mobile app MVP

- App.tsx: full navigation (Auth stack + Main tabs with 5 screens)
- Auth: LoginScreen, RegisterScreen, ForgotPasswordScreen
- HomeScreen: dashboard with IoT metrics, weather widget, alerts, quick actions, sensors
- MapScreen: interactive map with layer toggles (6 layers)
- MarketplaceScreen: categories (6), products (5), search
- ChatScreen: AI chat with quick prompts (4), bot responses
- ProfileScreen: user info, stats, menu (9 items), logout
- AlertsScreen: alert list with severity, acknowledge
- SensorsScreen: sensor list with type filters (6 types), search
- ZonesScreen: zone cards with stats
- SettingsScreen: language picker (FR/EN/ES/DE), privacy, about
- Stores: iotStore (sensors, zones, alerts), notificationStore, uiStore + i18n
- Hooks: useSensors, useAlerts, useNotifications, useLocation
- Components: Card, Button, LoadingSpinner, ErrorBoundary, Header
- Services: iotService, notificationService (with axios API client)
- Utils: formatters (temp, AQI, noise, dates), validators (email, password, IBAN)
- Theme: colors.ts with full design system (Blue Ocean palette)
- Ditto: fixed MongoDB connection, new JWT secrets, official gateway image

smart-app-city/frontend/node_modules/react-native-gesture-handler/lib/module/components/DrawerLayout.js

@@ -0,0 +1,553 @@
+function _defineProperty(obj, key, value) { if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
+
+// This component is based on RN's DrawerLayoutAndroid API
+//
+// It perhaps deserves to be put in a separate repo, but since it relies on
+// react-native-gesture-handler library which isn't very popular at the moment I
+// decided to keep it here for the time being. It will allow us to move faster
+// and fix issues that may arise in gesture handler library that could be found
+// when using the drawer component
+import * as React from 'react';
+import { Component } from 'react';
+import invariant from 'invariant';
+import { Animated, StyleSheet, View, Keyboard, StatusBar, I18nManager } from 'react-native';
+import { PanGestureHandler } from '../handlers/PanGestureHandler';
+import { TapGestureHandler } from '../handlers/TapGestureHandler';
+import { State } from '../State';
+const DRAG_TOSS = 0.05;
+const IDLE = 'Idle';
+const DRAGGING = 'Dragging';
+const SETTLING = 'Settling';
+export default class DrawerLayout extends Component {
+  constructor(_props) {
+    super(_props);
+
+    _defineProperty(this, "openValue", void 0);
+
+    _defineProperty(this, "onGestureEvent", void 0);
+
+    _defineProperty(this, "accessibilityIsModalView", /*#__PURE__*/React.createRef());
+
+    _defineProperty(this, "pointerEventsView", /*#__PURE__*/React.createRef());
+
+    _defineProperty(this, "panGestureHandler", /*#__PURE__*/React.createRef());
+
+    _defineProperty(this, "drawerShown", false);
+
+    _defineProperty(this, "updateAnimatedEvent", (props, state) => {
+      // Event definition is based on
+      const {
+        drawerPosition,
+        drawerWidth,
+        drawerType
+      } = props;
+      const {
+        dragX: dragXValue,
+        touchX: touchXValue,
+        drawerTranslation,
+        containerWidth
+      } = state;
+      let dragX = dragXValue;
+      let touchX = touchXValue;
+
+      if (drawerPosition !== 'left') {
+        // Most of the code is written in a way to handle left-side drawer. In
+        // order to handle right-side drawer the only thing we need to do is to
+        // reverse events coming from gesture handler in a way they emulate
+        // left-side drawer gestures. E.g. dragX is simply -dragX, and touchX is
+        // calulcated by subtracing real touchX from the width of the container
+        // (such that when touch happens at the right edge the value is simply 0)
+        dragX = Animated.multiply(new Animated.Value(-1), dragXValue); // TODO(TS): (for all "as" in this file) make sure we can map this
+
+        touchX = Animated.add(new Animated.Value(containerWidth), Animated.multiply(new Animated.Value(-1), touchXValue)); // TODO(TS): make sure we can map this;
+
+        touchXValue.setValue(containerWidth);
+      } else {
+        touchXValue.setValue(0);
+      } // While closing the drawer when user starts gesture outside of its area (in greyed
+      // out part of the window), we want the drawer to follow only once finger reaches the
+      // edge of the drawer.
+      // E.g. on the diagram below drawer is illustrate by X signs and the greyed out area by
+      // dots. The touch gesture starts at '*' and moves left, touch path is indicated by
+      // an arrow pointing left
+      // 1) +---------------+ 2) +---------------+ 3) +---------------+ 4) +---------------+
+      //    |XXXXXXXX|......|    |XXXXXXXX|......|    |XXXXXXXX|......|    |XXXXX|.........|
+      //    |XXXXXXXX|......|    |XXXXXXXX|......|    |XXXXXXXX|......|    |XXXXX|.........|
+      //    |XXXXXXXX|......|    |XXXXXXXX|......|    |XXXXXXXX|......|    |XXXXX|.........|
+      //    |XXXXXXXX|......|    |XXXXXXXX|.<-*..|    |XXXXXXXX|<--*..|    |XXXXX|<-----*..|
+      //    |XXXXXXXX|......|    |XXXXXXXX|......|    |XXXXXXXX|......|    |XXXXX|.........|
+      //    |XXXXXXXX|......|    |XXXXXXXX|......|    |XXXXXXXX|......|    |XXXXX|.........|
+      //    |XXXXXXXX|......|    |XXXXXXXX|......|    |XXXXXXXX|......|    |XXXXX|.........|
+      //    +---------------+    +---------------+    +---------------+    +---------------+
+      //
+      // For the above to work properly we define animated value that will keep
+      // start position of the gesture. Then we use that value to calculate how
+      // much we need to subtract from the dragX. If the gesture started on the
+      // greyed out area we take the distance from the edge of the drawer to the
+      // start position. Otherwise we don't subtract at all and the drawer be
+      // pulled back as soon as you start the pan.
+      //
+      // This is used only when drawerType is "front"
+      //
+
+
+      let translationX = dragX;
+
+      if (drawerType === 'front') {
+        const startPositionX = Animated.add(touchX, Animated.multiply(new Animated.Value(-1), dragX));
+        const dragOffsetFromOnStartPosition = startPositionX.interpolate({
+          inputRange: [drawerWidth - 1, drawerWidth, drawerWidth + 1],
+          outputRange: [0, 0, 1]
+        });
+        translationX = Animated.add(dragX, dragOffsetFromOnStartPosition); // TODO: as above
+      }
+
+      this.openValue = Animated.add(translationX, drawerTranslation).interpolate({
+        inputRange: [0, drawerWidth],
+        outputRange: [0, 1],
+        extrapolate: 'clamp'
+      });
+      const gestureOptions = {
+        useNativeDriver: props.useNativeAnimations
+      };
+
+      if (this.props.onDrawerSlide) {
+        gestureOptions.listener = ev => {
+          var _this$props$onDrawerS, _this$props;
+
+          const translationX = Math.floor(Math.abs(ev.nativeEvent.translationX));
+          const position = translationX / this.state.containerWidth;
+          (_this$props$onDrawerS = (_this$props = this.props).onDrawerSlide) === null || _this$props$onDrawerS === void 0 ? void 0 : _this$props$onDrawerS.call(_this$props, position);
+        };
+      }
+
+      this.onGestureEvent = Animated.event([{
+        nativeEvent: {
+          translationX: dragXValue,
+          x: touchXValue
+        }
+      }], gestureOptions);
+    });
+
+    _defineProperty(this, "handleContainerLayout", ({
+      nativeEvent
+    }) => {
+      this.setState({
+        containerWidth: nativeEvent.layout.width
+      });
+    });
+
+    _defineProperty(this, "emitStateChanged", (newState, drawerWillShow) => {
+      var _this$props$onDrawerS2, _this$props2;
+
+      (_this$props$onDrawerS2 = (_this$props2 = this.props).onDrawerStateChanged) === null || _this$props$onDrawerS2 === void 0 ? void 0 : _this$props$onDrawerS2.call(_this$props2, newState, drawerWillShow);
+    });
+
+    _defineProperty(this, "openingHandlerStateChange", ({
+      nativeEvent
+    }) => {
+      if (nativeEvent.oldState === State.ACTIVE) {
+        this.handleRelease({
+          nativeEvent
+        });
+      } else if (nativeEvent.state === State.ACTIVE) {
+        this.emitStateChanged(DRAGGING, false);
+        this.setState({
+          drawerState: DRAGGING
+        });
+
+        if (this.props.keyboardDismissMode === 'on-drag') {
+          Keyboard.dismiss();
+        }
+
+        if (this.props.hideStatusBar) {
+          StatusBar.setHidden(true, this.props.statusBarAnimation || 'slide');
+        }
+      }
+    });
+
+    _defineProperty(this, "onTapHandlerStateChange", ({
+      nativeEvent
+    }) => {
+      if (this.drawerShown && nativeEvent.oldState === State.ACTIVE && this.props.drawerLockMode !== 'locked-open') {
+        this.closeDrawer();
+      }
+    });
+
+    _defineProperty(this, "handleRelease", ({
+      nativeEvent
+    }) => {
+      const {
+        drawerWidth,
+        drawerPosition,
+        drawerType
+      } = this.props;
+      const {
+        containerWidth
+      } = this.state;
+      let {
+        translationX: dragX,
+        velocityX,
+        x: touchX
+      } = nativeEvent;
+
+      if (drawerPosition !== 'left') {
+        // See description in _updateAnimatedEvent about why events are flipped
+        // for right-side drawer
+        dragX = -dragX;
+        touchX = containerWidth - touchX;
+        velocityX = -velocityX;
+      }
+
+      const gestureStartX = touchX - dragX;
+      let dragOffsetBasedOnStart = 0;
+
+      if (drawerType === 'front') {
+        dragOffsetBasedOnStart = gestureStartX > drawerWidth ? gestureStartX - drawerWidth : 0;
+      }
+
+      const startOffsetX = dragX + dragOffsetBasedOnStart + (this.drawerShown ? drawerWidth : 0);
+      const projOffsetX = startOffsetX + DRAG_TOSS * velocityX;
+      const shouldOpen = projOffsetX > drawerWidth / 2;
+
+      if (shouldOpen) {
+        this.animateDrawer(startOffsetX, drawerWidth, velocityX);
+      } else {
+        this.animateDrawer(startOffsetX, 0, velocityX);
+      }
+    });
+
+    _defineProperty(this, "updateShowing", showing => {
+      var _this$accessibilityIs, _this$pointerEventsVi, _this$panGestureHandl;
+
+      this.drawerShown = showing;
+      (_this$accessibilityIs = this.accessibilityIsModalView.current) === null || _this$accessibilityIs === void 0 ? void 0 : _this$accessibilityIs.setNativeProps({
+        accessibilityViewIsModal: showing
+      });
+      (_this$pointerEventsVi = this.pointerEventsView.current) === null || _this$pointerEventsVi === void 0 ? void 0 : _this$pointerEventsVi.setNativeProps({
+        pointerEvents: showing ? 'auto' : 'none'
+      });
+      const {
+        drawerPosition,
+        minSwipeDistance,
+        edgeWidth
+      } = this.props;
+      const fromLeft = drawerPosition === 'left'; // gestureOrientation is 1 if the expected gesture is from left to right and
+      // -1 otherwise e.g. when drawer is on the left and is closed we expect left
+      // to right gesture, thus orientation will be 1.
+
+      const gestureOrientation = (fromLeft ? 1 : -1) * (this.drawerShown ? -1 : 1); // When drawer is closed we want the hitSlop to be horizontally shorter than
+      // the container size by the value of SLOP. This will make it only activate
+      // when gesture happens not further than SLOP away from the edge
+
+      const hitSlop = fromLeft ? {
+        left: 0,
+        width: showing ? undefined : edgeWidth
+      } : {
+        right: 0,
+        width: showing ? undefined : edgeWidth
+      }; // @ts-ignore internal API, maybe could be fixed in handler types
+
+      (_this$panGestureHandl = this.panGestureHandler.current) === null || _this$panGestureHandl === void 0 ? void 0 : _this$panGestureHandl.setNativeProps({
+        hitSlop,
+        activeOffsetX: gestureOrientation * minSwipeDistance
+      });
+    });
+
+    _defineProperty(this, "animateDrawer", (fromValue, toValue, velocity, speed) => {
+      this.state.dragX.setValue(0);
+      this.state.touchX.setValue(this.props.drawerPosition === 'left' ? 0 : this.state.containerWidth);
+
+      if (fromValue != null) {
+        let nextFramePosition = fromValue;
+
+        if (this.props.useNativeAnimations) {
+          // When using native driver, we predict the next position of the
+          // animation because it takes one frame of a roundtrip to pass RELEASE
+          // event from native driver to JS before we can start animating. Without
+          // it, it is more noticable that the frame is dropped.
+          if (fromValue < toValue && velocity > 0) {
+            nextFramePosition = Math.min(fromValue + velocity / 60.0, toValue);
+          } else if (fromValue > toValue && velocity < 0) {
+            nextFramePosition = Math.max(fromValue + velocity / 60.0, toValue);
+          }
+        }
+
+        this.state.drawerTranslation.setValue(nextFramePosition);
+      }
+
+      const willShow = toValue !== 0;
+      this.updateShowing(willShow);
+      this.emitStateChanged(SETTLING, willShow);
+      this.setState({
+        drawerState: SETTLING
+      });
+
+      if (this.props.hideStatusBar) {
+        StatusBar.setHidden(willShow, this.props.statusBarAnimation || 'slide');
+      }
+
+      Animated.spring(this.state.drawerTranslation, {
+        velocity,
+        bounciness: 0,
+        toValue,
+        useNativeDriver: this.props.useNativeAnimations,
+        speed: speed !== null && speed !== void 0 ? speed : undefined
+      }).start(({
+        finished
+      }) => {
+        if (finished) {
+          this.emitStateChanged(IDLE, willShow);
+          this.setState({
+            drawerOpened: willShow
+          });
+
+          if (this.state.drawerState !== DRAGGING) {
+            // it's possilbe that user started drag while the drawer
+            // was settling, don't override state in this case
+            this.setState({
+              drawerState: IDLE
+            });
+          }
+
+          if (willShow) {
+            var _this$props$onDrawerO, _this$props3;
+
+            (_this$props$onDrawerO = (_this$props3 = this.props).onDrawerOpen) === null || _this$props$onDrawerO === void 0 ? void 0 : _this$props$onDrawerO.call(_this$props3);
+          } else {
+            var _this$props$onDrawerC, _this$props4;
+
+            (_this$props$onDrawerC = (_this$props4 = this.props).onDrawerClose) === null || _this$props$onDrawerC === void 0 ? void 0 : _this$props$onDrawerC.call(_this$props4);
+          }
+        }
+      });
+    });
+
+    _defineProperty(this, "openDrawer", (options = {}) => {
+      this.animateDrawer( // TODO: decide if it should be null or undefined is the proper value
+      undefined, this.props.drawerWidth, options.velocity ? options.velocity : 0, options.speed); // We need to force the update, otherwise the overlay is not rerendered and
+      // it would not be clickable
+
+      this.forceUpdate();
+    });
+
+    _defineProperty(this, "closeDrawer", (options = {}) => {
+      // TODO: decide if it should be null or undefined is the proper value
+      this.animateDrawer(undefined, 0, options.velocity ? options.velocity : 0, options.speed); // We need to force the update, otherwise the overlay is not rerendered and
+      // it would be still clickable
+
+      this.forceUpdate();
+    });
+
+    _defineProperty(this, "renderOverlay", () => {
+      /* Overlay styles */
+      invariant(this.openValue, 'should be set');
+      let overlayOpacity;
+
+      if (this.state.drawerState !== IDLE) {
+        overlayOpacity = this.openValue;
+      } else {
+        overlayOpacity = this.state.drawerOpened ? 1 : 0;
+      }
+
+      const dynamicOverlayStyles = {
+        opacity: overlayOpacity,
+        backgroundColor: this.props.overlayColor
+      };
+      return /*#__PURE__*/React.createElement(TapGestureHandler, {
+        onHandlerStateChange: this.onTapHandlerStateChange
+      }, /*#__PURE__*/React.createElement(Animated.View, {
+        pointerEvents: this.drawerShown ? 'auto' : 'none',
+        ref: this.pointerEventsView,
+        style: [styles.overlay, dynamicOverlayStyles]
+      }));
+    });
+
+    _defineProperty(this, "renderDrawer", () => {
+      const {
+        drawerBackgroundColor,
+        drawerWidth,
+        drawerPosition,
+        drawerType,
+        drawerContainerStyle,
+        contentContainerStyle
+      } = this.props;
+      const fromLeft = drawerPosition === 'left';
+      const drawerSlide = drawerType !== 'back';
+      const containerSlide = drawerType !== 'front'; // we rely on row and row-reverse flex directions to position the drawer
+      // properly. Apparently for RTL these are flipped which requires us to use
+      // the opposite setting for the drawer to appear from left or right
+      // according to the drawerPosition prop
+
+      const reverseContentDirection = I18nManager.isRTL ? fromLeft : !fromLeft;
+      const dynamicDrawerStyles = {
+        backgroundColor: drawerBackgroundColor,
+        width: drawerWidth
+      };
+      const openValue = this.openValue;
+      invariant(openValue, 'should be set');
+      let containerStyles;
+
+      if (containerSlide) {
+        const containerTranslateX = openValue.interpolate({
+          inputRange: [0, 1],
+          outputRange: fromLeft ? [0, drawerWidth] : [0, -drawerWidth],
+          extrapolate: 'clamp'
+        });
+        containerStyles = {
+          transform: [{
+            translateX: containerTranslateX
+          }]
+        };
+      }
+
+      let drawerTranslateX = 0;
+
+      if (drawerSlide) {
+        const closedDrawerOffset = fromLeft ? -drawerWidth : drawerWidth;
+
+        if (this.state.drawerState !== IDLE) {
+          drawerTranslateX = openValue.interpolate({
+            inputRange: [0, 1],
+            outputRange: [closedDrawerOffset, 0],
+            extrapolate: 'clamp'
+          });
+        } else {
+          drawerTranslateX = this.state.drawerOpened ? 0 : closedDrawerOffset;
+        }
+      }
+
+      const drawerStyles = {
+        transform: [{
+          translateX: drawerTranslateX
+        }],
+        flexDirection: reverseContentDirection ? 'row-reverse' : 'row'
+      };
+      return /*#__PURE__*/React.createElement(Animated.View, {
+        style: styles.main,
+        onLayout: this.handleContainerLayout
+      }, /*#__PURE__*/React.createElement(Animated.View, {
+        style: [drawerType === 'front' ? styles.containerOnBack : styles.containerInFront, containerStyles, contentContainerStyle],
+        importantForAccessibility: this.drawerShown ? 'no-hide-descendants' : 'yes'
+      }, typeof this.props.children === 'function' ? this.props.children(this.openValue) : this.props.children, this.renderOverlay()), /*#__PURE__*/React.createElement(Animated.View, {
+        pointerEvents: "box-none",
+        ref: this.accessibilityIsModalView,
+        accessibilityViewIsModal: this.drawerShown,
+        style: [styles.drawerContainer, drawerStyles, drawerContainerStyle]
+      }, /*#__PURE__*/React.createElement(View, {
+        style: dynamicDrawerStyles
+      }, this.props.renderNavigationView(this.openValue))));
+    });
+
+    _defineProperty(this, "setPanGestureRef", ref => {
+      var _this$props$onGesture, _this$props5;
+
+      // TODO(TS): make sure it is OK taken from
+      // https://github.com/DefinitelyTyped/DefinitelyTyped/issues/31065#issuecomment-596081842
+      this.panGestureHandler.current = ref;
+      (_this$props$onGesture = (_this$props5 = this.props).onGestureRef) === null || _this$props$onGesture === void 0 ? void 0 : _this$props$onGesture.call(_this$props5, ref);
+    });
+
+    const _dragX = new Animated.Value(0);
+
+    const _touchX = new Animated.Value(0);
+
+    const _drawerTranslation = new Animated.Value(0);
+
+    this.state = {
+      dragX: _dragX,
+      touchX: _touchX,
+      drawerTranslation: _drawerTranslation,
+      containerWidth: 0,
+      drawerState: IDLE,
+      drawerOpened: false
+    };
+    this.updateAnimatedEvent(_props, this.state);
+  }
+
+  shouldComponentUpdate(props, state) {
+    if (this.props.drawerPosition !== props.drawerPosition || this.props.drawerWidth !== props.drawerWidth || this.props.drawerType !== props.drawerType || this.state.containerWidth !== state.containerWidth) {
+      this.updateAnimatedEvent(props, state);
+    }
+
+    return true;
+  }
+
+  render() {
+    const {
+      drawerPosition,
+      drawerLockMode,
+      edgeWidth,
+      minSwipeDistance
+    } = this.props;
+    const fromLeft = drawerPosition === 'left'; // gestureOrientation is 1 if the expected gesture is from left to right and
+    // -1 otherwise e.g. when drawer is on the left and is closed we expect left
+    // to right gesture, thus orientation will be 1.
+
+    const gestureOrientation = (fromLeft ? 1 : -1) * (this.drawerShown ? -1 : 1); // When drawer is closed we want the hitSlop to be horizontally shorter than
+    // the container size by the value of SLOP. This will make it only activate
+    // when gesture happens not further than SLOP away from the edge
+
+    const hitSlop = fromLeft ? {
+      left: 0,
+      width: this.drawerShown ? undefined : edgeWidth
+    } : {
+      right: 0,
+      width: this.drawerShown ? undefined : edgeWidth
+    };
+    return /*#__PURE__*/React.createElement(PanGestureHandler // @ts-ignore could be fixed in handler types
+    , {
+      userSelect: this.props.userSelect,
+      activeCursor: this.props.activeCursor,
+      mouseButton: this.props.mouseButton,
+      enableContextMenu: this.props.enableContextMenu,
+      ref: this.setPanGestureRef,
+      hitSlop: hitSlop,
+      activeOffsetX: gestureOrientation * minSwipeDistance,
+      failOffsetY: [-15, 15],
+      onGestureEvent: this.onGestureEvent,
+      onHandlerStateChange: this.openingHandlerStateChange,
+      enableTrackpadTwoFingerGesture: this.props.enableTrackpadTwoFingerGesture,
+      enabled: drawerLockMode !== 'locked-closed' && drawerLockMode !== 'locked-open'
+    }, this.renderDrawer());
+  }
+
+}
+
+_defineProperty(DrawerLayout, "defaultProps", {
+  drawerWidth: 200,
+  drawerPosition: 'left',
+  useNativeAnimations: true,
+  drawerType: 'front',
+  edgeWidth: 20,
+  minSwipeDistance: 3,
+  overlayColor: 'rgba(0, 0, 0, 0.7)',
+  drawerLockMode: 'unlocked',
+  enableTrackpadTwoFingerGesture: false
+});
+
+_defineProperty(DrawerLayout, "positions", {
+  Left: 'left',
+  Right: 'right'
+});
+
+const styles = StyleSheet.create({
+  drawerContainer: { ...StyleSheet.absoluteFillObject,
+    zIndex: 1001,
+    flexDirection: 'row'
+  },
+  containerInFront: { ...StyleSheet.absoluteFillObject,
+    zIndex: 1002
+  },
+  containerOnBack: { ...StyleSheet.absoluteFillObject
+  },
+  main: {
+    flex: 1,
+    zIndex: 0,
+    overflow: 'hidden'
+  },
+  overlay: { ...StyleSheet.absoluteFillObject,
+    zIndex: 1000
+  }
+});
+//# sourceMappingURL=DrawerLayout.js.map

smart-app-city/frontend/node_modules/react-native-gesture-handler/lib/module/components/GestureButtons.js

@@ -0,0 +1,206 @@
+function _extends() { _extends = Object.assign || function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
+
+function _defineProperty(obj, key, value) { if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
+
+import * as React from 'react';
+import { Animated, Platform, processColor, StyleSheet } from 'react-native';
+import createNativeWrapper from '../handlers/createNativeWrapper';
+import GestureHandlerButton from './GestureHandlerButton';
+import { State } from '../State';
+export const RawButton = createNativeWrapper(GestureHandlerButton, {
+  shouldCancelWhenOutside: false,
+  shouldActivateOnStart: false
+});
+export class BaseButton extends React.Component {
+  constructor(props) {
+    super(props);
+
+    _defineProperty(this, "lastActive", void 0);
+
+    _defineProperty(this, "longPressTimeout", void 0);
+
+    _defineProperty(this, "longPressDetected", void 0);
+
+    _defineProperty(this, "handleEvent", ({
+      nativeEvent
+    }) => {
+      const {
+        state,
+        oldState,
+        pointerInside
+      } = nativeEvent;
+      const active = pointerInside && state === State.ACTIVE;
+
+      if (active !== this.lastActive && this.props.onActiveStateChange) {
+        this.props.onActiveStateChange(active);
+      }
+
+      if (!this.longPressDetected && oldState === State.ACTIVE && state !== State.CANCELLED && this.lastActive && this.props.onPress) {
+        this.props.onPress(active);
+      }
+
+      if (!this.lastActive && // NativeViewGestureHandler sends different events based on platform
+      state === (Platform.OS !== 'android' ? State.ACTIVE : State.BEGAN) && pointerInside) {
+        this.longPressDetected = false;
+
+        if (this.props.onLongPress) {
+          this.longPressTimeout = setTimeout(this.onLongPress, this.props.delayLongPress);
+        }
+      } else if ( // cancel longpress timeout if it's set and the finger moved out of the view
+      state === State.ACTIVE && !pointerInside && this.longPressTimeout !== undefined) {
+        clearTimeout(this.longPressTimeout);
+        this.longPressTimeout = undefined;
+      } else if ( // cancel longpress timeout if it's set and the gesture has finished
+      this.longPressTimeout !== undefined && (state === State.END || state === State.CANCELLED || state === State.FAILED)) {
+        clearTimeout(this.longPressTimeout);
+        this.longPressTimeout = undefined;
+      }
+
+      this.lastActive = active;
+    });
+
+    _defineProperty(this, "onLongPress", () => {
+      var _this$props$onLongPre, _this$props;
+
+      this.longPressDetected = true;
+      (_this$props$onLongPre = (_this$props = this.props).onLongPress) === null || _this$props$onLongPre === void 0 ? void 0 : _this$props$onLongPre.call(_this$props);
+    });
+
+    _defineProperty(this, "onHandlerStateChange", e => {
+      var _this$props$onHandler, _this$props2;
+
+      (_this$props$onHandler = (_this$props2 = this.props).onHandlerStateChange) === null || _this$props$onHandler === void 0 ? void 0 : _this$props$onHandler.call(_this$props2, e);
+      this.handleEvent(e);
+    });
+
+    _defineProperty(this, "onGestureEvent", e => {
+      var _this$props$onGesture, _this$props3;
+
+      (_this$props$onGesture = (_this$props3 = this.props).onGestureEvent) === null || _this$props$onGesture === void 0 ? void 0 : _this$props$onGesture.call(_this$props3, e);
+      this.handleEvent(e); // TODO: maybe it is not correct
+    });
+
+    this.lastActive = false;
+    this.longPressDetected = false;
+  }
+
+  render() {
+    const {
+      rippleColor,
+      ...rest
+    } = this.props;
+    return /*#__PURE__*/React.createElement(RawButton, _extends({
+      rippleColor: processColor(rippleColor)
+    }, rest, {
+      onGestureEvent: this.onGestureEvent,
+      onHandlerStateChange: this.onHandlerStateChange
+    }));
+  }
+
+}
+
+_defineProperty(BaseButton, "defaultProps", {
+  delayLongPress: 600
+});
+
+const AnimatedBaseButton = Animated.createAnimatedComponent(BaseButton);
+const btnStyles = StyleSheet.create({
+  underlay: {
+    position: 'absolute',
+    left: 0,
+    right: 0,
+    bottom: 0,
+    top: 0
+  }
+});
+export class RectButton extends React.Component {
+  constructor(props) {
+    super(props);
+
+    _defineProperty(this, "opacity", void 0);
+
+    _defineProperty(this, "onActiveStateChange", active => {
+      var _this$props$onActiveS, _this$props4;
+
+      if (Platform.OS !== 'android') {
+        this.opacity.setValue(active ? this.props.activeOpacity : 0);
+      }
+
+      (_this$props$onActiveS = (_this$props4 = this.props).onActiveStateChange) === null || _this$props$onActiveS === void 0 ? void 0 : _this$props$onActiveS.call(_this$props4, active);
+    });
+
+    this.opacity = new Animated.Value(0);
+  }
+
+  render() {
+    const {
+      children,
+      style,
+      ...rest
+    } = this.props;
+    const resolvedStyle = StyleSheet.flatten(style !== null && style !== void 0 ? style : {});
+    return /*#__PURE__*/React.createElement(BaseButton, _extends({}, rest, {
+      style: resolvedStyle,
+      onActiveStateChange: this.onActiveStateChange
+    }), /*#__PURE__*/React.createElement(Animated.View, {
+      style: [btnStyles.underlay, {
+        opacity: this.opacity,
+        backgroundColor: this.props.underlayColor,
+        borderRadius: resolvedStyle.borderRadius,
+        borderTopLeftRadius: resolvedStyle.borderTopLeftRadius,
+        borderTopRightRadius: resolvedStyle.borderTopRightRadius,
+        borderBottomLeftRadius: resolvedStyle.borderBottomLeftRadius,
+        borderBottomRightRadius: resolvedStyle.borderBottomRightRadius
+      }]
+    }), children);
+  }
+
+}
+
+_defineProperty(RectButton, "defaultProps", {
+  activeOpacity: 0.105,
+  underlayColor: 'black'
+});
+
+export class BorderlessButton extends React.Component {
+  constructor(props) {
+    super(props);
+
+    _defineProperty(this, "opacity", void 0);
+
+    _defineProperty(this, "onActiveStateChange", active => {
+      var _this$props$onActiveS2, _this$props5;
+
+      if (Platform.OS !== 'android') {
+        this.opacity.setValue(active ? this.props.activeOpacity : 1);
+      }
+
+      (_this$props$onActiveS2 = (_this$props5 = this.props).onActiveStateChange) === null || _this$props$onActiveS2 === void 0 ? void 0 : _this$props$onActiveS2.call(_this$props5, active);
+    });
+
+    this.opacity = new Animated.Value(1);
+  }
+
+  render() {
+    const {
+      children,
+      style,
+      ...rest
+    } = this.props;
+    return /*#__PURE__*/React.createElement(AnimatedBaseButton, _extends({}, rest, {
+      onActiveStateChange: this.onActiveStateChange,
+      style: [style, Platform.OS === 'ios' && {
+        opacity: this.opacity
+      }]
+    }), children);
+  }
+
+}
+
+_defineProperty(BorderlessButton, "defaultProps", {
+  activeOpacity: 0.3,
+  borderless: true
+});
+
+export { default as PureNativeButton } from './GestureHandlerButton';
+//# sourceMappingURL=GestureButtons.js.map

smart-app-city/frontend/node_modules/react-native-gesture-handler/lib/module/components/GestureComponents.js

@@ -0,0 +1,90 @@
+function _extends() { _extends = Object.assign || function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
+
+import * as React from 'react';
+import { ScrollView as RNScrollView, Switch as RNSwitch, TextInput as RNTextInput, DrawerLayoutAndroid as RNDrawerLayoutAndroid, FlatList as RNFlatList, RefreshControl as RNRefreshControl } from 'react-native';
+import createNativeWrapper from '../handlers/createNativeWrapper';
+import { nativeViewProps } from '../handlers/NativeViewGestureHandler';
+import { toArray } from '../utils';
+export const RefreshControl = createNativeWrapper(RNRefreshControl, {
+  disallowInterruption: true,
+  shouldCancelWhenOutside: false
+}); // eslint-disable-next-line @typescript-eslint/no-redeclare
+
+const GHScrollView = createNativeWrapper(RNScrollView, {
+  disallowInterruption: true,
+  shouldCancelWhenOutside: false
+});
+export const ScrollView = /*#__PURE__*/React.forwardRef((props, ref) => {
+  const refreshControlGestureRef = React.useRef(null);
+  const {
+    refreshControl,
+    waitFor,
+    ...rest
+  } = props;
+  return /*#__PURE__*/React.createElement(GHScrollView, _extends({}, rest, {
+    // @ts-ignore `ref` exists on `GHScrollView`
+    ref: ref,
+    waitFor: [...toArray(waitFor !== null && waitFor !== void 0 ? waitFor : []), refreshControlGestureRef] // @ts-ignore we don't pass `refreshing` prop as we only want to override the ref
+    ,
+    refreshControl: refreshControl ? /*#__PURE__*/React.cloneElement(refreshControl, {
+      // @ts-ignore for reasons unknown to me, `ref` doesn't exist on the type inferred by TS
+      ref: refreshControlGestureRef
+    }) : undefined
+  }));
+}); // backward type compatibility with https://github.com/software-mansion/react-native-gesture-handler/blob/db78d3ca7d48e8ba57482d3fe9b0a15aa79d9932/react-native-gesture-handler.d.ts#L440-L457
+// include methods of wrapped components by creating an intersection type with the RN component instead of duplicating them.
+// eslint-disable-next-line @typescript-eslint/no-redeclare
+
+export const Switch = createNativeWrapper(RNSwitch, {
+  shouldCancelWhenOutside: false,
+  shouldActivateOnStart: true,
+  disallowInterruption: true
+}); // eslint-disable-next-line @typescript-eslint/no-redeclare
+
+export const TextInput = createNativeWrapper(RNTextInput); // eslint-disable-next-line @typescript-eslint/no-redeclare
+
+export const DrawerLayoutAndroid = createNativeWrapper(RNDrawerLayoutAndroid, {
+  disallowInterruption: true
+}); // eslint-disable-next-line @typescript-eslint/no-redeclare
+
+export const FlatList = /*#__PURE__*/React.forwardRef((props, ref) => {
+  const refreshControlGestureRef = React.useRef(null);
+  const {
+    waitFor,
+    refreshControl,
+    ...rest
+  } = props;
+  const flatListProps = {};
+  const scrollViewProps = {};
+
+  for (const [propName, value] of Object.entries(rest)) {
+    // https://github.com/microsoft/TypeScript/issues/26255
+    if (nativeViewProps.includes(propName)) {
+      // @ts-ignore - this function cannot have generic type so we have to ignore this error
+      // eslint-disable-next-line @typescript-eslint/no-unsafe-assignment
+      scrollViewProps[propName] = value;
+    } else {
+      // @ts-ignore - this function cannot have generic type so we have to ignore this error
+      // eslint-disable-next-line @typescript-eslint/no-unsafe-assignment
+      flatListProps[propName] = value;
+    }
+  }
+
+  return (
+    /*#__PURE__*/
+    // @ts-ignore - this function cannot have generic type so we have to ignore this error
+    React.createElement(RNFlatList, _extends({
+      ref: ref
+    }, flatListProps, {
+      renderScrollComponent: scrollProps => /*#__PURE__*/React.createElement(ScrollView, _extends({}, scrollProps, scrollViewProps, {
+        waitFor: [...toArray(waitFor !== null && waitFor !== void 0 ? waitFor : []), refreshControlGestureRef]
+      })) // @ts-ignore we don't pass `refreshing` prop as we only want to override the ref
+      ,
+      refreshControl: refreshControl ? /*#__PURE__*/React.cloneElement(refreshControl, {
+        // @ts-ignore for reasons unknown to me, `ref` doesn't exist on the type inferred by TS
+        ref: refreshControlGestureRef
+      }) : undefined
+    }))
+  );
+}); // eslint-disable-next-line @typescript-eslint/no-redeclare
+//# sourceMappingURL=GestureComponents.js.map

smart-app-city/frontend/node_modules/react-native-gesture-handler/lib/module/components/GestureComponents.web.js

@@ -0,0 +1,28 @@
+function _extends() { _extends = Object.assign || function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
+
+import * as React from 'react';
+import { FlatList as RNFlatList, Switch as RNSwitch, TextInput as RNTextInput, ScrollView as RNScrollView, View } from 'react-native';
+import createNativeWrapper from '../handlers/createNativeWrapper';
+export const ScrollView = createNativeWrapper(RNScrollView, {
+  disallowInterruption: false
+});
+export const Switch = createNativeWrapper(RNSwitch, {
+  shouldCancelWhenOutside: false,
+  shouldActivateOnStart: true,
+  disallowInterruption: true
+});
+export const TextInput = createNativeWrapper(RNTextInput);
+export const DrawerLayoutAndroid = () => {
+  console.warn('DrawerLayoutAndroid is not supported on web!');
+  return /*#__PURE__*/React.createElement(View, null);
+}; // RefreshControl is implemented as a functional component, rendering a View
+// NativeViewGestureHandler needs to set a ref on its child, which cannot be done
+// on functional components
+
+export const RefreshControl = createNativeWrapper(View);
+export const FlatList = /*#__PURE__*/React.forwardRef((props, ref) => /*#__PURE__*/React.createElement(RNFlatList, _extends({
+  ref: ref
+}, props, {
+  renderScrollComponent: scrollProps => /*#__PURE__*/React.createElement(ScrollView, scrollProps)
+})));
+//# sourceMappingURL=GestureComponents.web.js.map

smart-app-city/frontend/node_modules/react-native-gesture-handler/lib/module/components/GestureComponents.web.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["GestureComponents.web.tsx"],"names":["React","FlatList","RNFlatList","Switch","RNSwitch","TextInput","RNTextInput","ScrollView","RNScrollView","View","createNativeWrapper","disallowInterruption","shouldCancelWhenOutside","shouldActivateOnStart","DrawerLayoutAndroid","console","warn","RefreshControl","forwardRef","props","ref","scrollProps"],"mappings":";;AAAA,OAAO,KAAKA,KAAZ,MAAuB,OAAvB;AACA,SACEC,QAAQ,IAAIC,UADd,EAEEC,MAAM,IAAIC,QAFZ,EAGEC,SAAS,IAAIC,WAHf,EAIEC,UAAU,IAAIC,YAJhB,EAMEC,IANF,QAOO,cAPP;AASA,OAAOC,mBAAP,MAAgC,iCAAhC;AAEA,OAAO,MAAMH,UAAU,GAAGG,mBAAmB,CAACF,YAAD,EAAe;AAC1DG,EAAAA,oBAAoB,EAAE;AADoC,CAAf,CAAtC;AAIP,OAAO,MAAMR,MAAM,GAAGO,mBAAmB,CAACN,QAAD,EAAW;AAClDQ,EAAAA,uBAAuB,EAAE,KADyB;AAElDC,EAAAA,qBAAqB,EAAE,IAF2B;AAGlDF,EAAAA,oBAAoB,EAAE;AAH4B,CAAX,CAAlC;AAKP,OAAO,MAAMN,SAAS,GAAGK,mBAAmB,CAACJ,WAAD,CAArC;AACP,OAAO,MAAMQ,mBAAmB,GAAG,MAAM;AACvCC,EAAAA,OAAO,CAACC,IAAR,CAAa,8CAAb;AACA,sBAAO,oBAAC,IAAD,OAAP;AACD,CAHM,C,CAKP;AACA;AACA;;AACA,OAAO,MAAMC,cAAc,GAAGP,mBAAmB,CAACD,IAAD,CAA1C;AAEP,OAAO,MAAMR,QAAQ,gBAAGD,KAAK,CAACkB,UAAN,CACtB,CAAoBC,KAApB,EAAiDC,GAAjD,kBACE,oBAAC,UAAD;AACE,EAAA,GAAG,EAAEA;AADP,GAEMD,KAFN;AAGE,EAAA,qBAAqB,EAAGE,WAAD,iBAAiB,oBAAC,UAAD,EAAgBA,WAAhB;AAH1C,GAFoB,CAAjB","sourcesContent":["import * as React from 'react';\nimport {\n  FlatList as RNFlatList,\n  Switch as RNSwitch,\n  TextInput as RNTextInput,\n  ScrollView as RNScrollView,\n  FlatListProps,\n  View,\n} from 'react-native';\n\nimport createNativeWrapper from '../handlers/createNativeWrapper';\n\nexport const ScrollView = createNativeWrapper(RNScrollView, {\n  disallowInterruption: false,\n});\n\nexport const Switch = createNativeWrapper(RNSwitch, {\n  shouldCancelWhenOutside: false,\n  shouldActivateOnStart: true,\n  disallowInterruption: true,\n});\nexport const TextInput = createNativeWrapper(RNTextInput);\nexport const DrawerLayoutAndroid = () => {\n  console.warn('DrawerLayoutAndroid is not supported on web!');\n  return <View />;\n};\n\n// RefreshControl is implemented as a functional component, rendering a View\n// NativeViewGestureHandler needs to set a ref on its child, which cannot be done\n// on functional components\nexport const RefreshControl = createNativeWrapper(View);\n\nexport const FlatList = React.forwardRef(\n  <ItemT extends any>(props: FlatListProps<ItemT>, ref: any) => (\n    <RNFlatList\n      ref={ref}\n      {...props}\n      renderScrollComponent={(scrollProps) => <ScrollView {...scrollProps} />}\n    />\n  )\n);\n"]}

smart-app-city/frontend/node_modules/react-native-gesture-handler/lib/module/components/GestureHandlerButton.js

@@ -0,0 +1,3 @@
+import RNGestureHandlerButtonNativeComponent from '../specs/RNGestureHandlerButtonNativeComponent';
+export default RNGestureHandlerButtonNativeComponent;
+//# sourceMappingURL=GestureHandlerButton.js.map

smart-app-city/frontend/node_modules/react-native-gesture-handler/lib/module/components/GestureHandlerButton.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["GestureHandlerButton.tsx"],"names":["RNGestureHandlerButtonNativeComponent"],"mappings":"AAEA,OAAOA,qCAAP,MAAkD,gDAAlD;AAEA,eAAeA,qCAAf","sourcesContent":["import { HostComponent } from 'react-native';\nimport { RawButtonProps } from './GestureButtons';\nimport RNGestureHandlerButtonNativeComponent from '../specs/RNGestureHandlerButtonNativeComponent';\n\nexport default RNGestureHandlerButtonNativeComponent as HostComponent<RawButtonProps>;\n"]}

smart-app-city/frontend/node_modules/react-native-gesture-handler/lib/module/components/GestureHandlerButton.web.js

@@ -0,0 +1,9 @@
+function _extends() { _extends = Object.assign || function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
+
+import * as React from 'react';
+import { View } from 'react-native';
+export default /*#__PURE__*/React.forwardRef((props, ref) => /*#__PURE__*/React.createElement(View, _extends({
+  ref: ref,
+  accessibilityRole: "button"
+}, props)));
+//# sourceMappingURL=GestureHandlerButton.web.js.map

smart-app-city/frontend/node_modules/react-native-gesture-handler/lib/module/components/GestureHandlerButton.web.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["GestureHandlerButton.web.tsx"],"names":["React","View","forwardRef","props","ref"],"mappings":";;AAAA,OAAO,KAAKA,KAAZ,MAAuB,OAAvB;AACA,SAASC,IAAT,QAAqB,cAArB;AAEA,4BAAeD,KAAK,CAACE,UAAN,CAAuB,CAACC,KAAD,EAAQC,GAAR,kBACpC,oBAAC,IAAD;AAAM,EAAA,GAAG,EAAEA,GAAX;AAAgB,EAAA,iBAAiB,EAAC;AAAlC,GAA+CD,KAA/C,EADa,CAAf","sourcesContent":["import * as React from 'react';\nimport { View } from 'react-native';\n\nexport default React.forwardRef<View>((props, ref) => (\n  <View ref={ref} accessibilityRole=\"button\" {...props} />\n));\n"]}

smart-app-city/frontend/node_modules/react-native-gesture-handler/lib/module/components/GestureHandlerRootView.android.js

@@ -0,0 +1,27 @@
+function _extends() { _extends = Object.assign || function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
+
+import * as React from 'react';
+import { StyleSheet } from 'react-native';
+import { maybeInitializeFabric } from '../init';
+import GestureHandlerRootViewContext from '../GestureHandlerRootViewContext';
+import GestureHandlerRootViewNativeComponent from '../specs/RNGestureHandlerRootViewNativeComponent';
+export default function GestureHandlerRootView({
+  style,
+  ...rest
+}) {
+  // try initialize fabric on the first render, at this point we can
+  // reliably check if fabric is enabled (the function contains a flag
+  // to make sure it's called only once)
+  maybeInitializeFabric();
+  return /*#__PURE__*/React.createElement(GestureHandlerRootViewContext.Provider, {
+    value: true
+  }, /*#__PURE__*/React.createElement(GestureHandlerRootViewNativeComponent, _extends({
+    style: style !== null && style !== void 0 ? style : styles.container
+  }, rest)));
+}
+const styles = StyleSheet.create({
+  container: {
+    flex: 1
+  }
+});
+//# sourceMappingURL=GestureHandlerRootView.android.js.map

smart-app-city/frontend/node_modules/react-native-gesture-handler/lib/module/components/GestureHandlerRootView.android.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["GestureHandlerRootView.android.tsx"],"names":["React","StyleSheet","maybeInitializeFabric","GestureHandlerRootViewContext","GestureHandlerRootViewNativeComponent","GestureHandlerRootView","style","rest","styles","container","create","flex"],"mappings":";;AAAA,OAAO,KAAKA,KAAZ,MAAuB,OAAvB;AAEA,SAAoBC,UAApB,QAAsC,cAAtC;AACA,SAASC,qBAAT,QAAsC,SAAtC;AACA,OAAOC,6BAAP,MAA0C,kCAA1C;AACA,OAAOC,qCAAP,MAAkD,kDAAlD;AAKA,eAAe,SAASC,sBAAT,CAAgC;AAC7CC,EAAAA,KAD6C;AAE7C,KAAGC;AAF0C,CAAhC,EAGiB;AAC9B;AACA;AACA;AACAL,EAAAA,qBAAqB;AAErB,sBACE,oBAAC,6BAAD,CAA+B,QAA/B;AAAwC,IAAA,KAAK;AAA7C,kBACE,oBAAC,qCAAD;AACE,IAAA,KAAK,EAAEI,KAAF,aAAEA,KAAF,cAAEA,KAAF,GAAWE,MAAM,CAACC;AADzB,KAEMF,IAFN,EADF,CADF;AAQD;AAED,MAAMC,MAAM,GAAGP,UAAU,CAACS,MAAX,CAAkB;AAC/BD,EAAAA,SAAS,EAAE;AAAEE,IAAAA,IAAI,EAAE;AAAR;AADoB,CAAlB,CAAf","sourcesContent":["import * as React from 'react';\nimport { PropsWithChildren } from 'react';\nimport { ViewProps, StyleSheet } from 'react-native';\nimport { maybeInitializeFabric } from '../init';\nimport GestureHandlerRootViewContext from '../GestureHandlerRootViewContext';\nimport GestureHandlerRootViewNativeComponent from '../specs/RNGestureHandlerRootViewNativeComponent';\n\nexport interface GestureHandlerRootViewProps\n  extends PropsWithChildren<ViewProps> {}\n\nexport default function GestureHandlerRootView({\n  style,\n  ...rest\n}: GestureHandlerRootViewProps) {\n  // try initialize fabric on the first render, at this point we can\n  // reliably check if fabric is enabled (the function contains a flag\n  // to make sure it's called only once)\n  maybeInitializeFabric();\n\n  return (\n    <GestureHandlerRootViewContext.Provider value>\n      <GestureHandlerRootViewNativeComponent\n        style={style ?? styles.container}\n        {...rest}\n      />\n    </GestureHandlerRootViewContext.Provider>\n  );\n}\n\nconst styles = StyleSheet.create({\n  container: { flex: 1 },\n});\n"]}

smart-app-city/frontend/node_modules/react-native-gesture-handler/lib/module/components/GestureHandlerRootView.js

@@ -0,0 +1,26 @@
+function _extends() { _extends = Object.assign || function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
+
+import * as React from 'react';
+import { View, StyleSheet } from 'react-native';
+import { maybeInitializeFabric } from '../init';
+import GestureHandlerRootViewContext from '../GestureHandlerRootViewContext';
+export default function GestureHandlerRootView({
+  style,
+  ...rest
+}) {
+  // try initialize fabric on the first render, at this point we can
+  // reliably check if fabric is enabled (the function contains a flag
+  // to make sure it's called only once)
+  maybeInitializeFabric();
+  return /*#__PURE__*/React.createElement(GestureHandlerRootViewContext.Provider, {
+    value: true
+  }, /*#__PURE__*/React.createElement(View, _extends({
+    style: style !== null && style !== void 0 ? style : styles.container
+  }, rest)));
+}
+const styles = StyleSheet.create({
+  container: {
+    flex: 1
+  }
+});
+//# sourceMappingURL=GestureHandlerRootView.js.map

smart-app-city/frontend/node_modules/react-native-gesture-handler/lib/module/components/GestureHandlerRootView.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["GestureHandlerRootView.tsx"],"names":["React","View","StyleSheet","maybeInitializeFabric","GestureHandlerRootViewContext","GestureHandlerRootView","style","rest","styles","container","create","flex"],"mappings":";;AAAA,OAAO,KAAKA,KAAZ,MAAuB,OAAvB;AAEA,SAASC,IAAT,EAA0BC,UAA1B,QAA4C,cAA5C;AACA,SAASC,qBAAT,QAAsC,SAAtC;AACA,OAAOC,6BAAP,MAA0C,kCAA1C;AAKA,eAAe,SAASC,sBAAT,CAAgC;AAC7CC,EAAAA,KAD6C;AAE7C,KAAGC;AAF0C,CAAhC,EAGiB;AAC9B;AACA;AACA;AACAJ,EAAAA,qBAAqB;AAErB,sBACE,oBAAC,6BAAD,CAA+B,QAA/B;AAAwC,IAAA,KAAK;AAA7C,kBACE,oBAAC,IAAD;AAAM,IAAA,KAAK,EAAEG,KAAF,aAAEA,KAAF,cAAEA,KAAF,GAAWE,MAAM,CAACC;AAA7B,KAA4CF,IAA5C,EADF,CADF;AAKD;AAED,MAAMC,MAAM,GAAGN,UAAU,CAACQ,MAAX,CAAkB;AAC/BD,EAAAA,SAAS,EAAE;AAAEE,IAAAA,IAAI,EAAE;AAAR;AADoB,CAAlB,CAAf","sourcesContent":["import * as React from 'react';\nimport { PropsWithChildren } from 'react';\nimport { View, ViewProps, StyleSheet } from 'react-native';\nimport { maybeInitializeFabric } from '../init';\nimport GestureHandlerRootViewContext from '../GestureHandlerRootViewContext';\n\nexport interface GestureHandlerRootViewProps\n  extends PropsWithChildren<ViewProps> {}\n\nexport default function GestureHandlerRootView({\n  style,\n  ...rest\n}: GestureHandlerRootViewProps) {\n  // try initialize fabric on the first render, at this point we can\n  // reliably check if fabric is enabled (the function contains a flag\n  // to make sure it's called only once)\n  maybeInitializeFabric();\n\n  return (\n    <GestureHandlerRootViewContext.Provider value>\n      <View style={style ?? styles.container} {...rest} />\n    </GestureHandlerRootViewContext.Provider>\n  );\n}\n\nconst styles = StyleSheet.create({\n  container: { flex: 1 },\n});\n"]}

smart-app-city/frontend/node_modules/react-native-gesture-handler/lib/module/components/GestureHandlerRootView.web.js

@@ -0,0 +1,21 @@
+function _extends() { _extends = Object.assign || function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
+
+import * as React from 'react';
+import { View, StyleSheet } from 'react-native';
+import GestureHandlerRootViewContext from '../GestureHandlerRootViewContext';
+export default function GestureHandlerRootView({
+  style,
+  ...rest
+}) {
+  return /*#__PURE__*/React.createElement(GestureHandlerRootViewContext.Provider, {
+    value: true
+  }, /*#__PURE__*/React.createElement(View, _extends({
+    style: style !== null && style !== void 0 ? style : styles.container
+  }, rest)));
+}
+const styles = StyleSheet.create({
+  container: {
+    flex: 1
+  }
+});
+//# sourceMappingURL=GestureHandlerRootView.web.js.map

smart-app-city/frontend/node_modules/react-native-gesture-handler/lib/module/components/GestureHandlerRootView.web.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["GestureHandlerRootView.web.tsx"],"names":["React","View","StyleSheet","GestureHandlerRootViewContext","GestureHandlerRootView","style","rest","styles","container","create","flex"],"mappings":";;AAAA,OAAO,KAAKA,KAAZ,MAAuB,OAAvB;AAEA,SAASC,IAAT,EAA0BC,UAA1B,QAA4C,cAA5C;AACA,OAAOC,6BAAP,MAA0C,kCAA1C;AAKA,eAAe,SAASC,sBAAT,CAAgC;AAC7CC,EAAAA,KAD6C;AAE7C,KAAGC;AAF0C,CAAhC,EAGiB;AAC9B,sBACE,oBAAC,6BAAD,CAA+B,QAA/B;AAAwC,IAAA,KAAK;AAA7C,kBACE,oBAAC,IAAD;AAAM,IAAA,KAAK,EAAED,KAAF,aAAEA,KAAF,cAAEA,KAAF,GAAWE,MAAM,CAACC;AAA7B,KAA4CF,IAA5C,EADF,CADF;AAKD;AAED,MAAMC,MAAM,GAAGL,UAAU,CAACO,MAAX,CAAkB;AAC/BD,EAAAA,SAAS,EAAE;AAAEE,IAAAA,IAAI,EAAE;AAAR;AADoB,CAAlB,CAAf","sourcesContent":["import * as React from 'react';\nimport { PropsWithChildren } from 'react';\nimport { View, ViewProps, StyleSheet } from 'react-native';\nimport GestureHandlerRootViewContext from '../GestureHandlerRootViewContext';\n\nexport interface GestureHandlerRootViewProps\n  extends PropsWithChildren<ViewProps> {}\n\nexport default function GestureHandlerRootView({\n  style,\n  ...rest\n}: GestureHandlerRootViewProps) {\n  return (\n    <GestureHandlerRootViewContext.Provider value>\n      <View style={style ?? styles.container} {...rest} />\n    </GestureHandlerRootViewContext.Provider>\n  );\n}\n\nconst styles = StyleSheet.create({\n  container: { flex: 1 },\n});\n"]}

smart-app-city/frontend/node_modules/react-native-gesture-handler/lib/module/components/Swipeable.js

@@ -0,0 +1,392 @@
+function _extends() { _extends = Object.assign || function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
+
+function _defineProperty(obj, key, value) { if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
+
+// Similarily to the DrawerLayout component this deserves to be put in a
+// separate repo. Although, keeping it here for the time being will allow us to
+// move faster and fix possible issues quicker
+import * as React from 'react';
+import { Component } from 'react';
+import { Animated, StyleSheet, View, I18nManager } from 'react-native';
+import { PanGestureHandler } from '../handlers/PanGestureHandler';
+import { TapGestureHandler } from '../handlers/TapGestureHandler';
+import { State } from '../State';
+const DRAG_TOSS = 0.05;
+export default class Swipeable extends Component {
+  constructor(_props) {
+    super(_props);
+
+    _defineProperty(this, "onGestureEvent", void 0);
+
+    _defineProperty(this, "transX", void 0);
+
+    _defineProperty(this, "showLeftAction", void 0);
+
+    _defineProperty(this, "leftActionTranslate", void 0);
+
+    _defineProperty(this, "showRightAction", void 0);
+
+    _defineProperty(this, "rightActionTranslate", void 0);
+
+    _defineProperty(this, "updateAnimatedEvent", (props, state) => {
+      const {
+        friction,
+        overshootFriction
+      } = props;
+      const {
+        dragX,
+        rowTranslation,
+        leftWidth = 0,
+        rowWidth = 0
+      } = state;
+      const {
+        rightOffset = rowWidth
+      } = state;
+      const rightWidth = Math.max(0, rowWidth - rightOffset);
+      const {
+        overshootLeft = leftWidth > 0,
+        overshootRight = rightWidth > 0
+      } = props;
+      const transX = Animated.add(rowTranslation, dragX.interpolate({
+        inputRange: [0, friction],
+        outputRange: [0, 1]
+      })).interpolate({
+        inputRange: [-rightWidth - 1, -rightWidth, leftWidth, leftWidth + 1],
+        outputRange: [-rightWidth - (overshootRight ? 1 / overshootFriction : 0), -rightWidth, leftWidth, leftWidth + (overshootLeft ? 1 / overshootFriction : 0)]
+      });
+      this.transX = transX;
+      this.showLeftAction = leftWidth > 0 ? transX.interpolate({
+        inputRange: [-1, 0, leftWidth],
+        outputRange: [0, 0, 1]
+      }) : new Animated.Value(0);
+      this.leftActionTranslate = this.showLeftAction.interpolate({
+        inputRange: [0, Number.MIN_VALUE],
+        outputRange: [-10000, 0],
+        extrapolate: 'clamp'
+      });
+      this.showRightAction = rightWidth > 0 ? transX.interpolate({
+        inputRange: [-rightWidth, 0, 1],
+        outputRange: [1, 0, 0]
+      }) : new Animated.Value(0);
+      this.rightActionTranslate = this.showRightAction.interpolate({
+        inputRange: [0, Number.MIN_VALUE],
+        outputRange: [-10000, 0],
+        extrapolate: 'clamp'
+      });
+    });
+
+    _defineProperty(this, "onTapHandlerStateChange", ({
+      nativeEvent
+    }) => {
+      if (nativeEvent.oldState === State.ACTIVE) {
+        this.close();
+      }
+    });
+
+    _defineProperty(this, "onHandlerStateChange", ev => {
+      if (ev.nativeEvent.oldState === State.ACTIVE) {
+        this.handleRelease(ev);
+      }
+
+      if (ev.nativeEvent.state === State.ACTIVE) {
+        const {
+          velocityX,
+          translationX: dragX
+        } = ev.nativeEvent;
+        const {
+          rowState
+        } = this.state;
+        const {
+          friction
+        } = this.props;
+        const translationX = (dragX + DRAG_TOSS * velocityX) / friction;
+        const direction = rowState === -1 ? 'right' : rowState === 1 ? 'left' : translationX > 0 ? 'left' : 'right';
+
+        if (rowState === 0) {
+          var _this$props$onSwipeab, _this$props;
+
+          (_this$props$onSwipeab = (_this$props = this.props).onSwipeableOpenStartDrag) === null || _this$props$onSwipeab === void 0 ? void 0 : _this$props$onSwipeab.call(_this$props, direction);
+        } else {
+          var _this$props$onSwipeab2, _this$props2;
+
+          (_this$props$onSwipeab2 = (_this$props2 = this.props).onSwipeableCloseStartDrag) === null || _this$props$onSwipeab2 === void 0 ? void 0 : _this$props$onSwipeab2.call(_this$props2, direction);
+        }
+      }
+    });
+
+    _defineProperty(this, "handleRelease", ev => {
+      const {
+        velocityX,
+        translationX: dragX
+      } = ev.nativeEvent;
+      const {
+        leftWidth = 0,
+        rowWidth = 0,
+        rowState
+      } = this.state;
+      const {
+        rightOffset = rowWidth
+      } = this.state;
+      const rightWidth = rowWidth - rightOffset;
+      const {
+        friction,
+        leftThreshold = leftWidth / 2,
+        rightThreshold = rightWidth / 2
+      } = this.props;
+      const startOffsetX = this.currentOffset() + dragX / friction;
+      const translationX = (dragX + DRAG_TOSS * velocityX) / friction;
+      let toValue = 0;
+
+      if (rowState === 0) {
+        if (translationX > leftThreshold) {
+          toValue = leftWidth;
+        } else if (translationX < -rightThreshold) {
+          toValue = -rightWidth;
+        }
+      } else if (rowState === 1) {
+        // swiped to left
+        if (translationX > -leftThreshold) {
+          toValue = leftWidth;
+        }
+      } else {
+        // swiped to right
+        if (translationX < rightThreshold) {
+          toValue = -rightWidth;
+        }
+      }
+
+      this.animateRow(startOffsetX, toValue, velocityX / friction);
+    });
+
+    _defineProperty(this, "animateRow", (fromValue, toValue, velocityX) => {
+      const {
+        dragX,
+        rowTranslation
+      } = this.state;
+      dragX.setValue(0);
+      rowTranslation.setValue(fromValue);
+      this.setState({
+        rowState: Math.sign(toValue)
+      });
+      Animated.spring(rowTranslation, {
+        restSpeedThreshold: 1.7,
+        restDisplacementThreshold: 0.4,
+        velocity: velocityX,
+        bounciness: 0,
+        toValue,
+        useNativeDriver: this.props.useNativeAnimations,
+        ...this.props.animationOptions
+      }).start(({
+        finished
+      }) => {
+        if (finished) {
+          if (toValue > 0) {
+            var _this$props$onSwipeab3, _this$props3, _this$props$onSwipeab4, _this$props4;
+
+            (_this$props$onSwipeab3 = (_this$props3 = this.props).onSwipeableLeftOpen) === null || _this$props$onSwipeab3 === void 0 ? void 0 : _this$props$onSwipeab3.call(_this$props3);
+            (_this$props$onSwipeab4 = (_this$props4 = this.props).onSwipeableOpen) === null || _this$props$onSwipeab4 === void 0 ? void 0 : _this$props$onSwipeab4.call(_this$props4, 'left', this);
+          } else if (toValue < 0) {
+            var _this$props$onSwipeab5, _this$props5, _this$props$onSwipeab6, _this$props6;
+
+            (_this$props$onSwipeab5 = (_this$props5 = this.props).onSwipeableRightOpen) === null || _this$props$onSwipeab5 === void 0 ? void 0 : _this$props$onSwipeab5.call(_this$props5);
+            (_this$props$onSwipeab6 = (_this$props6 = this.props).onSwipeableOpen) === null || _this$props$onSwipeab6 === void 0 ? void 0 : _this$props$onSwipeab6.call(_this$props6, 'right', this);
+          } else {
+            var _this$props$onSwipeab7, _this$props7;
+
+            const closingDirection = fromValue > 0 ? 'left' : 'right';
+            (_this$props$onSwipeab7 = (_this$props7 = this.props).onSwipeableClose) === null || _this$props$onSwipeab7 === void 0 ? void 0 : _this$props$onSwipeab7.call(_this$props7, closingDirection, this);
+          }
+        }
+      });
+
+      if (toValue > 0) {
+        var _this$props$onSwipeab8, _this$props8, _this$props$onSwipeab9, _this$props9;
+
+        (_this$props$onSwipeab8 = (_this$props8 = this.props).onSwipeableLeftWillOpen) === null || _this$props$onSwipeab8 === void 0 ? void 0 : _this$props$onSwipeab8.call(_this$props8);
+        (_this$props$onSwipeab9 = (_this$props9 = this.props).onSwipeableWillOpen) === null || _this$props$onSwipeab9 === void 0 ? void 0 : _this$props$onSwipeab9.call(_this$props9, 'left');
+      } else if (toValue < 0) {
+        var _this$props$onSwipeab10, _this$props10, _this$props$onSwipeab11, _this$props11;
+
+        (_this$props$onSwipeab10 = (_this$props10 = this.props).onSwipeableRightWillOpen) === null || _this$props$onSwipeab10 === void 0 ? void 0 : _this$props$onSwipeab10.call(_this$props10);
+        (_this$props$onSwipeab11 = (_this$props11 = this.props).onSwipeableWillOpen) === null || _this$props$onSwipeab11 === void 0 ? void 0 : _this$props$onSwipeab11.call(_this$props11, 'right');
+      } else {
+        var _this$props$onSwipeab12, _this$props12;
+
+        const closingDirection = fromValue > 0 ? 'left' : 'right';
+        (_this$props$onSwipeab12 = (_this$props12 = this.props).onSwipeableWillClose) === null || _this$props$onSwipeab12 === void 0 ? void 0 : _this$props$onSwipeab12.call(_this$props12, closingDirection);
+      }
+    });
+
+    _defineProperty(this, "onRowLayout", ({
+      nativeEvent
+    }) => {
+      this.setState({
+        rowWidth: nativeEvent.layout.width
+      });
+    });
+
+    _defineProperty(this, "currentOffset", () => {
+      const {
+        leftWidth = 0,
+        rowWidth = 0,
+        rowState
+      } = this.state;
+      const {
+        rightOffset = rowWidth
+      } = this.state;
+      const rightWidth = rowWidth - rightOffset;
+
+      if (rowState === 1) {
+        return leftWidth;
+      } else if (rowState === -1) {
+        return -rightWidth;
+      }
+
+      return 0;
+    });
+
+    _defineProperty(this, "close", () => {
+      this.animateRow(this.currentOffset(), 0);
+    });
+
+    _defineProperty(this, "openLeft", () => {
+      const {
+        leftWidth = 0
+      } = this.state;
+      this.animateRow(this.currentOffset(), leftWidth);
+    });
+
+    _defineProperty(this, "openRight", () => {
+      const {
+        rowWidth = 0
+      } = this.state;
+      const {
+        rightOffset = rowWidth
+      } = this.state;
+      const rightWidth = rowWidth - rightOffset;
+      this.animateRow(this.currentOffset(), -rightWidth);
+    });
+
+    _defineProperty(this, "reset", () => {
+      const {
+        dragX,
+        rowTranslation
+      } = this.state;
+      dragX.setValue(0);
+      rowTranslation.setValue(0);
+      this.setState({
+        rowState: 0
+      });
+    });
+
+    const _dragX = new Animated.Value(0);
+
+    this.state = {
+      dragX: _dragX,
+      rowTranslation: new Animated.Value(0),
+      rowState: 0,
+      leftWidth: undefined,
+      rightOffset: undefined,
+      rowWidth: undefined
+    };
+    this.updateAnimatedEvent(_props, this.state);
+    this.onGestureEvent = Animated.event([{
+      nativeEvent: {
+        translationX: _dragX
+      }
+    }], {
+      useNativeDriver: _props.useNativeAnimations
+    });
+  }
+
+  shouldComponentUpdate(props, state) {
+    if (this.props.friction !== props.friction || this.props.overshootLeft !== props.overshootLeft || this.props.overshootRight !== props.overshootRight || this.props.overshootFriction !== props.overshootFriction || this.state.leftWidth !== state.leftWidth || this.state.rightOffset !== state.rightOffset || this.state.rowWidth !== state.rowWidth) {
+      this.updateAnimatedEvent(props, state);
+    }
+
+    return true;
+  }
+
+  render() {
+    const {
+      rowState
+    } = this.state;
+    const {
+      children,
+      renderLeftActions,
+      renderRightActions,
+      dragOffsetFromLeftEdge = 10,
+      dragOffsetFromRightEdge = 10
+    } = this.props;
+    const left = renderLeftActions && /*#__PURE__*/React.createElement(Animated.View, {
+      style: [styles.leftActions, // all those and below parameters can have ! since they are all
+      // asigned in constructor in `updateAnimatedEvent` but TS cannot spot
+      // it for some reason
+      {
+        transform: [{
+          translateX: this.leftActionTranslate
+        }]
+      }]
+    }, renderLeftActions(this.showLeftAction, this.transX, this), /*#__PURE__*/React.createElement(View, {
+      onLayout: ({
+        nativeEvent
+      }) => this.setState({
+        leftWidth: nativeEvent.layout.x
+      })
+    }));
+    const right = renderRightActions && /*#__PURE__*/React.createElement(Animated.View, {
+      style: [styles.rightActions, {
+        transform: [{
+          translateX: this.rightActionTranslate
+        }]
+      }]
+    }, renderRightActions(this.showRightAction, this.transX, this), /*#__PURE__*/React.createElement(View, {
+      onLayout: ({
+        nativeEvent
+      }) => this.setState({
+        rightOffset: nativeEvent.layout.x
+      })
+    }));
+    return /*#__PURE__*/React.createElement(PanGestureHandler, _extends({
+      activeOffsetX: [-dragOffsetFromRightEdge, dragOffsetFromLeftEdge],
+      touchAction: "pan-y"
+    }, this.props, {
+      onGestureEvent: this.onGestureEvent,
+      onHandlerStateChange: this.onHandlerStateChange
+    }), /*#__PURE__*/React.createElement(Animated.View, {
+      onLayout: this.onRowLayout,
+      style: [styles.container, this.props.containerStyle]
+    }, left, right, /*#__PURE__*/React.createElement(TapGestureHandler, {
+      enabled: rowState !== 0,
+      touchAction: "pan-y",
+      onHandlerStateChange: this.onTapHandlerStateChange
+    }, /*#__PURE__*/React.createElement(Animated.View, {
+      pointerEvents: rowState === 0 ? 'auto' : 'box-only',
+      style: [{
+        transform: [{
+          translateX: this.transX
+        }]
+      }, this.props.childrenContainerStyle]
+    }, children))));
+  }
+
+}
+
+_defineProperty(Swipeable, "defaultProps", {
+  friction: 1,
+  overshootFriction: 1,
+  useNativeAnimations: true
+});
+
+const styles = StyleSheet.create({
+  container: {
+    overflow: 'hidden'
+  },
+  leftActions: { ...StyleSheet.absoluteFillObject,
+    flexDirection: I18nManager.isRTL ? 'row-reverse' : 'row'
+  },
+  rightActions: { ...StyleSheet.absoluteFillObject,
+    flexDirection: I18nManager.isRTL ? 'row' : 'row-reverse'
+  }
+});
+//# sourceMappingURL=Swipeable.js.map

smart-app-city/frontend/node_modules/react-native-gesture-handler/lib/module/components/gestureHandlerRootHOC.js

@@ -0,0 +1,22 @@
+import * as React from 'react';
+import { StyleSheet } from 'react-native';
+import hoistNonReactStatics from 'hoist-non-react-statics';
+import GestureHandlerRootView from './GestureHandlerRootView';
+export default function gestureHandlerRootHOC(Component, containerStyles) {
+  function Wrapper(props) {
+    return /*#__PURE__*/React.createElement(GestureHandlerRootView, {
+      style: [styles.container, containerStyles]
+    }, /*#__PURE__*/React.createElement(Component, props));
+  }
+
+  Wrapper.displayName = `gestureHandlerRootHOC(${Component.displayName || Component.name})`; // @ts-ignore - hoistNonReactStatics uses old version of @types/react
+
+  hoistNonReactStatics(Wrapper, Component);
+  return Wrapper;
+}
+const styles = StyleSheet.create({
+  container: {
+    flex: 1
+  }
+});
+//# sourceMappingURL=gestureHandlerRootHOC.js.map

smart-app-city/frontend/node_modules/react-native-gesture-handler/lib/module/components/gestureHandlerRootHOC.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["gestureHandlerRootHOC.tsx"],"names":["React","StyleSheet","hoistNonReactStatics","GestureHandlerRootView","gestureHandlerRootHOC","Component","containerStyles","Wrapper","props","styles","container","displayName","name","create","flex"],"mappings":"AAAA,OAAO,KAAKA,KAAZ,MAAuB,OAAvB;AACA,SAASC,UAAT,QAAiD,cAAjD;AACA,OAAOC,oBAAP,MAAiC,yBAAjC;AACA,OAAOC,sBAAP,MAAmC,0BAAnC;AAEA,eAAe,SAASC,qBAAT,CACbC,SADa,EAEbC,eAFa,EAGW;AACxB,WAASC,OAAT,CAAiBC,KAAjB,EAA2B;AACzB,wBACE,oBAAC,sBAAD;AAAwB,MAAA,KAAK,EAAE,CAACC,MAAM,CAACC,SAAR,EAAmBJ,eAAnB;AAA/B,oBACE,oBAAC,SAAD,EAAeE,KAAf,CADF,CADF;AAKD;;AAEDD,EAAAA,OAAO,CAACI,WAAR,GAAuB,yBACrBN,SAAS,CAACM,WAAV,IAAyBN,SAAS,CAACO,IACpC,GAFD,CATwB,CAaxB;;AACAV,EAAAA,oBAAoB,CAACK,OAAD,EAAUF,SAAV,CAApB;AAEA,SAAOE,OAAP;AACD;AAED,MAAME,MAAM,GAAGR,UAAU,CAACY,MAAX,CAAkB;AAC/BH,EAAAA,SAAS,EAAE;AAAEI,IAAAA,IAAI,EAAE;AAAR;AADoB,CAAlB,CAAf","sourcesContent":["import * as React from 'react';\nimport { StyleSheet, StyleProp, ViewStyle } from 'react-native';\nimport hoistNonReactStatics from 'hoist-non-react-statics';\nimport GestureHandlerRootView from './GestureHandlerRootView';\n\nexport default function gestureHandlerRootHOC<P extends object>(\n  Component: React.ComponentType<P>,\n  containerStyles?: StyleProp<ViewStyle>\n): React.ComponentType<P> {\n  function Wrapper(props: P) {\n    return (\n      <GestureHandlerRootView style={[styles.container, containerStyles]}>\n        <Component {...props} />\n      </GestureHandlerRootView>\n    );\n  }\n\n  Wrapper.displayName = `gestureHandlerRootHOC(${\n    Component.displayName || Component.name\n  })`;\n\n  // @ts-ignore - hoistNonReactStatics uses old version of @types/react\n  hoistNonReactStatics(Wrapper, Component);\n\n  return Wrapper;\n}\n\nconst styles = StyleSheet.create({\n  container: { flex: 1 },\n});\n"]}

smart-app-city/frontend/node_modules/react-native-gesture-handler/lib/module/components/touchables/GenericTouchable.js

@@ -0,0 +1,274 @@
+function _extends() { _extends = Object.assign || function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
+
+function _defineProperty(obj, key, value) { if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
+
+import * as React from 'react';
+import { Component } from 'react';
+import { Animated, Platform } from 'react-native';
+import { State } from '../../State';
+import { BaseButton } from '../GestureButtons';
+
+/**
+ * Each touchable is a states' machine which preforms transitions.
+ * On very beginning (and on the very end or recognition) touchable is
+ * UNDETERMINED. Then it moves to BEGAN. If touchable recognizes that finger
+ * travel outside it transits to special MOVED_OUTSIDE state. Gesture recognition
+ * finishes in UNDETERMINED state.
+ */
+export const TOUCHABLE_STATE = {
+  UNDETERMINED: 0,
+  BEGAN: 1,
+  MOVED_OUTSIDE: 2
+};
+
+/**
+ * GenericTouchable is not intented to be used as it is.
+ * Should be treated as a source for the rest of touchables
+ */
+export default class GenericTouchable extends Component {
+  constructor(...args) {
+    super(...args);
+
+    _defineProperty(this, "pressInTimeout", void 0);
+
+    _defineProperty(this, "pressOutTimeout", void 0);
+
+    _defineProperty(this, "longPressTimeout", void 0);
+
+    _defineProperty(this, "longPressDetected", false);
+
+    _defineProperty(this, "pointerInside", true);
+
+    _defineProperty(this, "STATE", TOUCHABLE_STATE.UNDETERMINED);
+
+    _defineProperty(this, "onGestureEvent", ({
+      nativeEvent: {
+        pointerInside
+      }
+    }) => {
+      if (this.pointerInside !== pointerInside) {
+        if (pointerInside) {
+          this.onMoveIn();
+        } else {
+          this.onMoveOut();
+        }
+      }
+
+      this.pointerInside = pointerInside;
+    });
+
+    _defineProperty(this, "onHandlerStateChange", ({
+      nativeEvent
+    }) => {
+      const {
+        state
+      } = nativeEvent;
+
+      if (state === State.CANCELLED || state === State.FAILED) {
+        // Need to handle case with external cancellation (e.g. by ScrollView)
+        this.moveToState(TOUCHABLE_STATE.UNDETERMINED);
+      } else if ( // This platform check is an implication of slightly different behavior of handlers on different platform.
+      // And Android "Active" state is achieving on first move of a finger, not on press in.
+      // On iOS event on "Began" is not delivered.
+      state === (Platform.OS !== 'android' ? State.ACTIVE : State.BEGAN) && this.STATE === TOUCHABLE_STATE.UNDETERMINED) {
+        // Moving inside requires
+        this.handlePressIn();
+      } else if (state === State.END) {
+        const shouldCallOnPress = !this.longPressDetected && this.STATE !== TOUCHABLE_STATE.MOVED_OUTSIDE && this.pressOutTimeout === null;
+        this.handleGoToUndetermined();
+
+        if (shouldCallOnPress) {
+          var _this$props$onPress, _this$props;
+
+          // Calls only inside component whether no long press was called previously
+          (_this$props$onPress = (_this$props = this.props).onPress) === null || _this$props$onPress === void 0 ? void 0 : _this$props$onPress.call(_this$props);
+        }
+      }
+    });
+
+    _defineProperty(this, "onLongPressDetected", () => {
+      var _this$props$onLongPre, _this$props2;
+
+      this.longPressDetected = true; // checked for in the caller of `onLongPressDetected`, but better to check twice
+
+      (_this$props$onLongPre = (_this$props2 = this.props).onLongPress) === null || _this$props$onLongPre === void 0 ? void 0 : _this$props$onLongPre.call(_this$props2);
+    });
+  }
+
+  // handlePressIn in called on first touch on traveling inside component.
+  // Handles state transition with delay.
+  handlePressIn() {
+    if (this.props.delayPressIn) {
+      this.pressInTimeout = setTimeout(() => {
+        this.moveToState(TOUCHABLE_STATE.BEGAN);
+        this.pressInTimeout = null;
+      }, this.props.delayPressIn);
+    } else {
+      this.moveToState(TOUCHABLE_STATE.BEGAN);
+    }
+
+    if (this.props.onLongPress) {
+      const time = (this.props.delayPressIn || 0) + (this.props.delayLongPress || 0);
+      this.longPressTimeout = setTimeout(this.onLongPressDetected, time);
+    }
+  } // handleMoveOutside in called on traveling outside component.
+  // Handles state transition with delay.
+
+
+  handleMoveOutside() {
+    if (this.props.delayPressOut) {
+      this.pressOutTimeout = this.pressOutTimeout || setTimeout(() => {
+        this.moveToState(TOUCHABLE_STATE.MOVED_OUTSIDE);
+        this.pressOutTimeout = null;
+      }, this.props.delayPressOut);
+    } else {
+      this.moveToState(TOUCHABLE_STATE.MOVED_OUTSIDE);
+    }
+  } // handleGoToUndetermined transits to UNDETERMINED state with proper delay
+
+
+  handleGoToUndetermined() {
+    clearTimeout(this.pressOutTimeout); // TODO: maybe it can be undefined
+
+    if (this.props.delayPressOut) {
+      this.pressOutTimeout = setTimeout(() => {
+        if (this.STATE === TOUCHABLE_STATE.UNDETERMINED) {
+          this.moveToState(TOUCHABLE_STATE.BEGAN);
+        }
+
+        this.moveToState(TOUCHABLE_STATE.UNDETERMINED);
+        this.pressOutTimeout = null;
+      }, this.props.delayPressOut);
+    } else {
+      if (this.STATE === TOUCHABLE_STATE.UNDETERMINED) {
+        this.moveToState(TOUCHABLE_STATE.BEGAN);
+      }
+
+      this.moveToState(TOUCHABLE_STATE.UNDETERMINED);
+    }
+  }
+
+  componentDidMount() {
+    this.reset();
+  } // reset timeout to prevent memory leaks.
+
+
+  reset() {
+    this.longPressDetected = false;
+    this.pointerInside = true;
+    clearTimeout(this.pressInTimeout);
+    clearTimeout(this.pressOutTimeout);
+    clearTimeout(this.longPressTimeout);
+    this.pressOutTimeout = null;
+    this.longPressTimeout = null;
+    this.pressInTimeout = null;
+  } // All states' transitions are defined here.
+
+
+  moveToState(newState) {
+    var _this$props$onStateCh, _this$props6;
+
+    if (newState === this.STATE) {
+      // Ignore dummy transitions
+      return;
+    }
+
+    if (newState === TOUCHABLE_STATE.BEGAN) {
+      var _this$props$onPressIn, _this$props3;
+
+      // First touch and moving inside
+      (_this$props$onPressIn = (_this$props3 = this.props).onPressIn) === null || _this$props$onPressIn === void 0 ? void 0 : _this$props$onPressIn.call(_this$props3);
+    } else if (newState === TOUCHABLE_STATE.MOVED_OUTSIDE) {
+      var _this$props$onPressOu, _this$props4;
+
+      // Moving outside
+      (_this$props$onPressOu = (_this$props4 = this.props).onPressOut) === null || _this$props$onPressOu === void 0 ? void 0 : _this$props$onPressOu.call(_this$props4);
+    } else if (newState === TOUCHABLE_STATE.UNDETERMINED) {
+      // Need to reset each time on transition to UNDETERMINED
+      this.reset();
+
+      if (this.STATE === TOUCHABLE_STATE.BEGAN) {
+        var _this$props$onPressOu2, _this$props5;
+
+        // ... and if it happens inside button.
+        (_this$props$onPressOu2 = (_this$props5 = this.props).onPressOut) === null || _this$props$onPressOu2 === void 0 ? void 0 : _this$props$onPressOu2.call(_this$props5);
+      }
+    } // Finally call lister (used by subclasses)
+
+
+    (_this$props$onStateCh = (_this$props6 = this.props).onStateChange) === null || _this$props$onStateCh === void 0 ? void 0 : _this$props$onStateCh.call(_this$props6, this.STATE, newState); // ... and make transition.
+
+    this.STATE = newState;
+  }
+
+  componentWillUnmount() {
+    // to prevent memory leaks
+    this.reset();
+  }
+
+  onMoveIn() {
+    if (this.STATE === TOUCHABLE_STATE.MOVED_OUTSIDE) {
+      // This call is not throttled with delays (like in RN's implementation).
+      this.moveToState(TOUCHABLE_STATE.BEGAN);
+    }
+  }
+
+  onMoveOut() {
+    // long press should no longer be detected
+    clearTimeout(this.longPressTimeout);
+    this.longPressTimeout = null;
+
+    if (this.STATE === TOUCHABLE_STATE.BEGAN) {
+      this.handleMoveOutside();
+    }
+  }
+
+  render() {
+    var _ref, _this$props$touchSoun;
+
+    const hitSlop = (_ref = typeof this.props.hitSlop === 'number' ? {
+      top: this.props.hitSlop,
+      left: this.props.hitSlop,
+      bottom: this.props.hitSlop,
+      right: this.props.hitSlop
+    } : this.props.hitSlop) !== null && _ref !== void 0 ? _ref : undefined;
+    const coreProps = {
+      accessible: this.props.accessible !== false,
+      accessibilityLabel: this.props.accessibilityLabel,
+      accessibilityHint: this.props.accessibilityHint,
+      accessibilityRole: this.props.accessibilityRole,
+      // TODO: check if changed to no 's' correctly, also removed 2 props that are no longer available: `accessibilityComponentType` and `accessibilityTraits`,
+      // would be good to check if it is ok for sure, see: https://github.com/facebook/react-native/issues/24016
+      accessibilityState: this.props.accessibilityState,
+      accessibilityActions: this.props.accessibilityActions,
+      onAccessibilityAction: this.props.onAccessibilityAction,
+      nativeID: this.props.nativeID,
+      onLayout: this.props.onLayout
+    };
+    return /*#__PURE__*/React.createElement(BaseButton, _extends({
+      style: this.props.containerStyle,
+      onHandlerStateChange: // TODO: not sure if it can be undefined instead of null
+      this.props.disabled ? undefined : this.onHandlerStateChange,
+      onGestureEvent: this.onGestureEvent,
+      hitSlop: hitSlop,
+      userSelect: this.props.userSelect,
+      shouldActivateOnStart: this.props.shouldActivateOnStart,
+      disallowInterruption: this.props.disallowInterruption,
+      testID: this.props.testID,
+      touchSoundDisabled: (_this$props$touchSoun = this.props.touchSoundDisabled) !== null && _this$props$touchSoun !== void 0 ? _this$props$touchSoun : false,
+      enabled: !this.props.disabled
+    }, this.props.extraButtonProps), /*#__PURE__*/React.createElement(Animated.View, _extends({}, coreProps, {
+      style: this.props.style
+    }), this.props.children));
+  }
+
+}
+
+_defineProperty(GenericTouchable, "defaultProps", {
+  delayLongPress: 600,
+  extraButtonProps: {
+    rippleColor: 'transparent',
+    exclusive: true
+  }
+});
+//# sourceMappingURL=GenericTouchable.js.map

smart-app-city/frontend/node_modules/react-native-gesture-handler/lib/module/components/touchables/TouchableHighlight.js

@@ -0,0 +1,95 @@
+function _extends() { _extends = Object.assign || function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
+
+function _defineProperty(obj, key, value) { if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
+
+import * as React from 'react';
+import { Component } from 'react';
+import GenericTouchable, { TOUCHABLE_STATE } from './GenericTouchable';
+import { StyleSheet, View } from 'react-native';
+
+/**
+ * TouchableHighlight follows RN's implementation
+ */
+export default class TouchableHighlight extends Component {
+  constructor(props) {
+    super(props);
+
+    _defineProperty(this, "showUnderlay", () => {
+      var _this$props$onShowUnd, _this$props;
+
+      if (!this.hasPressHandler()) {
+        return;
+      }
+
+      this.setState({
+        extraChildStyle: {
+          opacity: this.props.activeOpacity
+        },
+        extraUnderlayStyle: {
+          backgroundColor: this.props.underlayColor
+        }
+      });
+      (_this$props$onShowUnd = (_this$props = this.props).onShowUnderlay) === null || _this$props$onShowUnd === void 0 ? void 0 : _this$props$onShowUnd.call(_this$props);
+    });
+
+    _defineProperty(this, "hasPressHandler", () => this.props.onPress || this.props.onPressIn || this.props.onPressOut || this.props.onLongPress);
+
+    _defineProperty(this, "hideUnderlay", () => {
+      var _this$props$onHideUnd, _this$props2;
+
+      this.setState({
+        extraChildStyle: null,
+        extraUnderlayStyle: null
+      });
+      (_this$props$onHideUnd = (_this$props2 = this.props).onHideUnderlay) === null || _this$props$onHideUnd === void 0 ? void 0 : _this$props$onHideUnd.call(_this$props2);
+    });
+
+    _defineProperty(this, "onStateChange", (_from, to) => {
+      if (to === TOUCHABLE_STATE.BEGAN) {
+        this.showUnderlay();
+      } else if (to === TOUCHABLE_STATE.UNDETERMINED || to === TOUCHABLE_STATE.MOVED_OUTSIDE) {
+        this.hideUnderlay();
+      }
+    });
+
+    this.state = {
+      extraChildStyle: null,
+      extraUnderlayStyle: null
+    };
+  } // Copied from RN
+
+
+  renderChildren() {
+    if (!this.props.children) {
+      return /*#__PURE__*/React.createElement(View, null);
+    }
+
+    const child = React.Children.only(this.props.children); // TODO: not sure if OK but fixes error
+
+    return /*#__PURE__*/React.cloneElement(child, {
+      style: StyleSheet.compose(child.props.style, this.state.extraChildStyle)
+    });
+  }
+
+  render() {
+    const {
+      style = {},
+      ...rest
+    } = this.props;
+    const {
+      extraUnderlayStyle
+    } = this.state;
+    return /*#__PURE__*/React.createElement(GenericTouchable, _extends({}, rest, {
+      style: [style, extraUnderlayStyle],
+      onStateChange: this.onStateChange
+    }), this.renderChildren());
+  }
+
+}
+
+_defineProperty(TouchableHighlight, "defaultProps", { ...GenericTouchable.defaultProps,
+  activeOpacity: 0.85,
+  delayPressOut: 100,
+  underlayColor: 'black'
+});
+//# sourceMappingURL=TouchableHighlight.js.map

smart-app-city/frontend/node_modules/react-native-gesture-handler/lib/module/components/touchables/TouchableNativeFeedback.android.js

@@ -0,0 +1,84 @@
+function _extends() { _extends = Object.assign || function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
+
+function _defineProperty(obj, key, value) { if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
+
+import { Platform } from 'react-native';
+import * as React from 'react';
+import { Component } from 'react';
+import GenericTouchable from './GenericTouchable';
+
+/**
+ * TouchableNativeFeedback behaves slightly different than RN's TouchableNativeFeedback.
+ * There's small difference with handling long press ripple since RN's implementation calls
+ * ripple animation via bridge. This solution leaves all animations' handling for native components so
+ * it follows native behaviours.
+ */
+export default class TouchableNativeFeedback extends Component {
+  // could be taken as RNTouchableNativeFeedback.SelectableBackground etc. but the API may change
+  getExtraButtonProps() {
+    const extraProps = {};
+    const {
+      background
+    } = this.props;
+
+    if (background) {
+      // I changed type values to match those used in RN
+      // TODO(TS): check if it works the same as previous implementation - looks like it works the same as RN component, so it should be ok
+      if (background.type === 'RippleAndroid') {
+        extraProps['borderless'] = background.borderless;
+        extraProps['rippleColor'] = background.color;
+      } else if (background.type === 'ThemeAttrAndroid') {
+        extraProps['borderless'] = background.attribute === 'selectableItemBackgroundBorderless';
+      } // I moved it from above since it should be available in all options
+
+
+      extraProps['rippleRadius'] = background.rippleRadius;
+    }
+
+    extraProps['foreground'] = this.props.useForeground;
+    return extraProps;
+  }
+
+  render() {
+    const {
+      style = {},
+      ...rest
+    } = this.props;
+    return /*#__PURE__*/React.createElement(GenericTouchable, _extends({}, rest, {
+      style: style,
+      extraButtonProps: this.getExtraButtonProps()
+    }));
+  }
+
+}
+
+_defineProperty(TouchableNativeFeedback, "defaultProps", { ...GenericTouchable.defaultProps,
+  useForeground: true,
+  extraButtonProps: {
+    // Disable hiding ripple on Android
+    rippleColor: null
+  }
+});
+
+_defineProperty(TouchableNativeFeedback, "SelectableBackground", rippleRadius => ({
+  type: 'ThemeAttrAndroid',
+  // I added `attribute` prop to clone the implementation of RN and be able to use only 2 types
+  attribute: 'selectableItemBackground',
+  rippleRadius
+}));
+
+_defineProperty(TouchableNativeFeedback, "SelectableBackgroundBorderless", rippleRadius => ({
+  type: 'ThemeAttrAndroid',
+  attribute: 'selectableItemBackgroundBorderless',
+  rippleRadius
+}));
+
+_defineProperty(TouchableNativeFeedback, "Ripple", (color, borderless, rippleRadius) => ({
+  type: 'RippleAndroid',
+  color,
+  borderless,
+  rippleRadius
+}));
+
+_defineProperty(TouchableNativeFeedback, "canUseNativeForeground", () => Platform.OS === 'android' && Platform.Version >= 23);
+//# sourceMappingURL=TouchableNativeFeedback.android.js.map

smart-app-city/frontend/node_modules/react-native-gesture-handler/lib/module/components/touchables/TouchableNativeFeedback.js

@@ -0,0 +1,3 @@
+import { TouchableNativeFeedback } from 'react-native';
+export default TouchableNativeFeedback;
+//# sourceMappingURL=TouchableNativeFeedback.js.map

smart-app-city/frontend/node_modules/react-native-gesture-handler/lib/module/components/touchables/TouchableNativeFeedback.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["TouchableNativeFeedback.tsx"],"names":["TouchableNativeFeedback"],"mappings":"AAAA,SAASA,uBAAT,QAAwC,cAAxC;AAEA,eAAeA,uBAAf","sourcesContent":["import { TouchableNativeFeedback } from 'react-native';\n\nexport default TouchableNativeFeedback;\n"]}

smart-app-city/frontend/node_modules/react-native-gesture-handler/lib/module/components/touchables/TouchableOpacity.js

@@ -0,0 +1,63 @@
+function _extends() { _extends = Object.assign || function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
+
+function _defineProperty(obj, key, value) { if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
+
+import { Animated, Easing, StyleSheet, View } from 'react-native';
+import GenericTouchable, { TOUCHABLE_STATE } from './GenericTouchable';
+import * as React from 'react';
+import { Component } from 'react';
+
+/**
+ * TouchableOpacity bases on timing animation which has been used in RN's core
+ */
+export default class TouchableOpacity extends Component {
+  constructor(...args) {
+    super(...args);
+
+    _defineProperty(this, "getChildStyleOpacityWithDefault", () => {
+      const childStyle = StyleSheet.flatten(this.props.style) || {};
+      return childStyle.opacity == null ? 1 : childStyle.opacity.valueOf();
+    });
+
+    _defineProperty(this, "opacity", new Animated.Value(this.getChildStyleOpacityWithDefault()));
+
+    _defineProperty(this, "setOpacityTo", (value, duration) => {
+      var _this$props$useNative;
+
+      Animated.timing(this.opacity, {
+        toValue: value,
+        duration: duration,
+        easing: Easing.inOut(Easing.quad),
+        useNativeDriver: (_this$props$useNative = this.props.useNativeAnimations) !== null && _this$props$useNative !== void 0 ? _this$props$useNative : true
+      }).start();
+    });
+
+    _defineProperty(this, "onStateChange", (_from, to) => {
+      if (to === TOUCHABLE_STATE.BEGAN) {
+        this.setOpacityTo(this.props.activeOpacity, 0);
+      } else if (to === TOUCHABLE_STATE.UNDETERMINED || to === TOUCHABLE_STATE.MOVED_OUTSIDE) {
+        this.setOpacityTo(this.getChildStyleOpacityWithDefault(), 150);
+      }
+    });
+  }
+
+  render() {
+    const {
+      style = {},
+      ...rest
+    } = this.props;
+    return /*#__PURE__*/React.createElement(GenericTouchable, _extends({}, rest, {
+      style: [style, {
+        opacity: this.opacity // TODO: fix this
+
+      }],
+      onStateChange: this.onStateChange
+    }), this.props.children ? this.props.children : /*#__PURE__*/React.createElement(View, null));
+  }
+
+}
+
+_defineProperty(TouchableOpacity, "defaultProps", { ...GenericTouchable.defaultProps,
+  activeOpacity: 0.2
+});
+//# sourceMappingURL=TouchableOpacity.js.map

smart-app-city/frontend/node_modules/react-native-gesture-handler/lib/module/components/touchables/TouchableOpacity.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["TouchableOpacity.tsx"],"names":["Animated","Easing","StyleSheet","View","GenericTouchable","TOUCHABLE_STATE","React","Component","TouchableOpacity","childStyle","flatten","props","style","opacity","valueOf","Value","getChildStyleOpacityWithDefault","value","duration","timing","toValue","easing","inOut","quad","useNativeDriver","useNativeAnimations","start","_from","to","BEGAN","setOpacityTo","activeOpacity","UNDETERMINED","MOVED_OUTSIDE","render","rest","onStateChange","children","defaultProps"],"mappings":";;;;AAAA,SACEA,QADF,EAEEC,MAFF,EAGEC,UAHF,EAIEC,IAJF,QAMO,cANP;AAOA,OAAOC,gBAAP,IACEC,eADF,QAGO,oBAHP;AAIA,OAAO,KAAKC,KAAZ,MAAuB,OAAvB;AACA,SAASC,SAAT,QAA0B,OAA1B;;AAOA;AACA;AACA;AACA,eAAe,MAAMC,gBAAN,SAA+BD,SAA/B,CAAgE;AAAA;AAAA;;AAAA,6DAO3C,MAAM;AACtC,YAAME,UAAU,GAAGP,UAAU,CAACQ,OAAX,CAAmB,KAAKC,KAAL,CAAWC,KAA9B,KAAwC,EAA3D;AACA,aAAOH,UAAU,CAACI,OAAX,IAAsB,IAAtB,GACH,CADG,GAEFJ,UAAU,CAACI,OAAX,CAAmBC,OAAnB,EAFL;AAGD,KAZ4E;;AAAA,qCAcnE,IAAId,QAAQ,CAACe,KAAb,CAAmB,KAAKC,+BAAL,EAAnB,CAdmE;;AAAA,0CAgB9D,CAACC,KAAD,EAAgBC,QAAhB,KAAqC;AAAA;;AAClDlB,MAAAA,QAAQ,CAACmB,MAAT,CAAgB,KAAKN,OAArB,EAA8B;AAC5BO,QAAAA,OAAO,EAAEH,KADmB;AAE5BC,QAAAA,QAAQ,EAAEA,QAFkB;AAG5BG,QAAAA,MAAM,EAAEpB,MAAM,CAACqB,KAAP,CAAarB,MAAM,CAACsB,IAApB,CAHoB;AAI5BC,QAAAA,eAAe,2BAAE,KAAKb,KAAL,CAAWc,mBAAb,yEAAoC;AAJvB,OAA9B,EAKGC,KALH;AAMD,KAvB4E;;AAAA,2CAyB7D,CAACC,KAAD,EAAgBC,EAAhB,KAA+B;AAC7C,UAAIA,EAAE,KAAKvB,eAAe,CAACwB,KAA3B,EAAkC;AAChC,aAAKC,YAAL,CAAkB,KAAKnB,KAAL,CAAWoB,aAA7B,EAA6C,CAA7C;AACD,OAFD,MAEO,IACLH,EAAE,KAAKvB,eAAe,CAAC2B,YAAvB,IACAJ,EAAE,KAAKvB,eAAe,CAAC4B,aAFlB,EAGL;AACA,aAAKH,YAAL,CAAkB,KAAKd,+BAAL,EAAlB,EAA0D,GAA1D;AACD;AACF,KAlC4E;AAAA;;AAoC7EkB,EAAAA,MAAM,GAAG;AACP,UAAM;AAAEtB,MAAAA,KAAK,GAAG,EAAV;AAAc,SAAGuB;AAAjB,QAA0B,KAAKxB,KAArC;AACA,wBACE,oBAAC,gBAAD,eACMwB,IADN;AAEE,MAAA,KAAK,EAAE,CACLvB,KADK,EAEL;AACEC,QAAAA,OAAO,EAAE,KAAKA,OADhB,CAC8C;;AAD9C,OAFK,CAFT;AAQE,MAAA,aAAa,EAAE,KAAKuB;AARtB,QASG,KAAKzB,KAAL,CAAW0B,QAAX,GAAsB,KAAK1B,KAAL,CAAW0B,QAAjC,gBAA4C,oBAAC,IAAD,OAT/C,CADF;AAaD;;AAnD4E;;gBAA1D7B,gB,kBACG,EACpB,GAAGJ,gBAAgB,CAACkC,YADA;AAEpBP,EAAAA,aAAa,EAAE;AAFK,C","sourcesContent":["import {\n  Animated,\n  Easing,\n  StyleSheet,\n  View,\n  TouchableOpacityProps as RNTouchableOpacityProps,\n} from 'react-native';\nimport GenericTouchable, {\n  TOUCHABLE_STATE,\n  GenericTouchableProps,\n} from './GenericTouchable';\nimport * as React from 'react';\nimport { Component } from 'react';\n\nexport type TouchableOpacityProps = RNTouchableOpacityProps &\n  GenericTouchableProps & {\n    useNativeAnimations?: boolean;\n  };\n\n/**\n * TouchableOpacity bases on timing animation which has been used in RN's core\n */\nexport default class TouchableOpacity extends Component<TouchableOpacityProps> {\n  static defaultProps = {\n    ...GenericTouchable.defaultProps,\n    activeOpacity: 0.2,\n  };\n\n  // opacity is 1 one by default but could be overwritten\n  getChildStyleOpacityWithDefault = () => {\n    const childStyle = StyleSheet.flatten(this.props.style) || {};\n    return childStyle.opacity == null\n      ? 1\n      : (childStyle.opacity.valueOf() as number);\n  };\n\n  opacity = new Animated.Value(this.getChildStyleOpacityWithDefault());\n\n  setOpacityTo = (value: number, duration: number) => {\n    Animated.timing(this.opacity, {\n      toValue: value,\n      duration: duration,\n      easing: Easing.inOut(Easing.quad),\n      useNativeDriver: this.props.useNativeAnimations ?? true,\n    }).start();\n  };\n\n  onStateChange = (_from: number, to: number) => {\n    if (to === TOUCHABLE_STATE.BEGAN) {\n      this.setOpacityTo(this.props.activeOpacity!, 0);\n    } else if (\n      to === TOUCHABLE_STATE.UNDETERMINED ||\n      to === TOUCHABLE_STATE.MOVED_OUTSIDE\n    ) {\n      this.setOpacityTo(this.getChildStyleOpacityWithDefault(), 150);\n    }\n  };\n\n  render() {\n    const { style = {}, ...rest } = this.props;\n    return (\n      <GenericTouchable\n        {...rest}\n        style={[\n          style,\n          {\n            opacity: this.opacity as unknown as number, // TODO: fix this\n          },\n        ]}\n        onStateChange={this.onStateChange}>\n        {this.props.children ? this.props.children : <View />}\n      </GenericTouchable>\n    );\n  }\n}\n"]}

smart-app-city/frontend/node_modules/react-native-gesture-handler/lib/module/components/touchables/TouchableWithoutFeedback.js

@@ -0,0 +1,10 @@
+function _extends() { _extends = Object.assign || function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
+
+import * as React from 'react';
+import GenericTouchable from './GenericTouchable';
+const TouchableWithoutFeedback = /*#__PURE__*/React.forwardRef((props, ref) => /*#__PURE__*/React.createElement(GenericTouchable, _extends({
+  ref: ref
+}, props)));
+TouchableWithoutFeedback.defaultProps = GenericTouchable.defaultProps;
+export default TouchableWithoutFeedback;
+//# sourceMappingURL=TouchableWithoutFeedback.js.map

smart-app-city/frontend/node_modules/react-native-gesture-handler/lib/module/components/touchables/TouchableWithoutFeedback.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["TouchableWithoutFeedback.tsx"],"names":["React","GenericTouchable","TouchableWithoutFeedback","forwardRef","props","ref","defaultProps"],"mappings":";;AAAA,OAAO,KAAKA,KAAZ,MAAuB,OAAvB;AAEA,OAAOC,gBAAP,MAAwD,oBAAxD;AAIA,MAAMC,wBAAwB,gBAAGF,KAAK,CAACG,UAAN,CAG/B,CAACC,KAAD,EAAQC,GAAR,kBAAgB,oBAAC,gBAAD;AAAkB,EAAA,GAAG,EAAEA;AAAvB,GAAgCD,KAAhC,EAHe,CAAjC;AAKAF,wBAAwB,CAACI,YAAzB,GAAwCL,gBAAgB,CAACK,YAAzD;AAEA,eAAeJ,wBAAf","sourcesContent":["import * as React from 'react';\nimport { PropsWithChildren } from 'react';\nimport GenericTouchable, { GenericTouchableProps } from './GenericTouchable';\n\nexport type TouchableWithoutFeedbackProps = GenericTouchableProps;\n\nconst TouchableWithoutFeedback = React.forwardRef<\n  GenericTouchable,\n  PropsWithChildren<TouchableWithoutFeedbackProps>\n>((props, ref) => <GenericTouchable ref={ref} {...props} />);\n\nTouchableWithoutFeedback.defaultProps = GenericTouchable.defaultProps;\n\nexport default TouchableWithoutFeedback;\n"]}

smart-app-city/frontend/node_modules/react-native-gesture-handler/lib/module/components/touchables/index.js

@@ -0,0 +1,5 @@
+export { default as TouchableNativeFeedback } from './TouchableNativeFeedback';
+export { default as TouchableWithoutFeedback } from './TouchableWithoutFeedback';
+export { default as TouchableOpacity } from './TouchableOpacity';
+export { default as TouchableHighlight } from './TouchableHighlight';
+//# sourceMappingURL=index.js.map

smart-app-city/frontend/node_modules/react-native-gesture-handler/lib/module/components/touchables/index.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["index.ts"],"names":["default","TouchableNativeFeedback","TouchableWithoutFeedback","TouchableOpacity","TouchableHighlight"],"mappings":"AAGA,SAASA,OAAO,IAAIC,uBAApB,QAAmD,2BAAnD;AACA,SAASD,OAAO,IAAIE,wBAApB,QAAoD,4BAApD;AACA,SAASF,OAAO,IAAIG,gBAApB,QAA4C,oBAA5C;AACA,SAASH,OAAO,IAAII,kBAApB,QAA8C,sBAA9C","sourcesContent":["export type { TouchableHighlightProps } from './TouchableHighlight';\nexport type { TouchableOpacityProps } from './TouchableOpacity';\nexport type { TouchableWithoutFeedbackProps } from './TouchableWithoutFeedback';\nexport { default as TouchableNativeFeedback } from './TouchableNativeFeedback';\nexport { default as TouchableWithoutFeedback } from './TouchableWithoutFeedback';\nexport { default as TouchableOpacity } from './TouchableOpacity';\nexport { default as TouchableHighlight } from './TouchableHighlight';\n"]}