@multiplayer-app/session-recorder-react-native 1.0.1-beta.1 → 1.0.1-beta.10

package/lib/module/components/SessionRecorderWidget/ModalContainer.js

@@ -0,0 +1,177 @@
+"use strict";
+
+import React, { useEffect, useRef, useState } from 'react';
+import { Animated, Pressable, StyleSheet, Dimensions, Modal, PanResponder, Platform } from 'react-native';
+import { SafeAreaProvider, SafeAreaView } from 'react-native-safe-area-context';
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+const {
+  height: SCREEN_HEIGHT
+} = Dimensions.get('window');
+const MODAL_HEIGHT = SCREEN_HEIGHT * 0.7;
+const ModalContainer = ({
+  isVisible,
+  onClose,
+  children
+}) => {
+  const fadeAnim = useRef(new Animated.Value(0)).current;
+  const translateY = useRef(new Animated.Value(0)).current;
+  const [visible, setVisible] = useState(isVisible);
+  const SWIPE_THRESHOLD = 100; // Distance to trigger close
+
+  const animateClose = () => {
+    Animated.parallel([Animated.timing(fadeAnim, {
+      toValue: 0,
+      duration: 250,
+      useNativeDriver: true
+    }), Animated.timing(translateY, {
+      toValue: MODAL_HEIGHT,
+      duration: 250,
+      useNativeDriver: true
+    })]).start(() => {
+      setVisible(false);
+      onClose();
+    });
+  };
+  useEffect(() => {
+    if (isVisible) {
+      setVisible(true);
+      // Start from bottom and animate to position
+      translateY.setValue(MODAL_HEIGHT);
+      Animated.parallel([Animated.timing(fadeAnim, {
+        toValue: 1,
+        duration: 300,
+        useNativeDriver: true
+      }), Animated.timing(translateY, {
+        toValue: 0,
+        duration: 300,
+        useNativeDriver: true
+      })]).start();
+    } else if (visible) {
+      // If external isVisible turned false, animate close then hide
+      Animated.parallel([Animated.timing(fadeAnim, {
+        toValue: 0,
+        duration: 250,
+        useNativeDriver: true
+      }), Animated.timing(translateY, {
+        toValue: MODAL_HEIGHT,
+        duration: 250,
+        useNativeDriver: true
+      })]).start(() => {
+        setVisible(false);
+      });
+    }
+  }, [isVisible, fadeAnim, translateY, visible]);
+
+  // PanResponder for swipe-to-dismiss functionality
+  const panResponder = useRef(PanResponder.create({
+    onStartShouldSetPanResponder: () => true,
+    onMoveShouldSetPanResponder: (_, gestureState) => {
+      // Only respond to downward swipes
+      return gestureState.dy > 10;
+    },
+    onPanResponderGrant: () => {
+      // Reset any ongoing animations
+      translateY.stopAnimation();
+    },
+    onPanResponderMove: (_, gestureState) => {
+      // Only allow downward movement
+      if (gestureState.dy > 0) {
+        translateY.setValue(gestureState.dy);
+      }
+    },
+    onPanResponderRelease: (_, gestureState) => {
+      const {
+        dy,
+        vy
+      } = gestureState;
+
+      // If swiped down with sufficient distance or velocity, close modal
+      if (dy > SWIPE_THRESHOLD || vy > 500) {
+        animateClose();
+      } else {
+        // Snap back to original position
+        Animated.spring(translateY, {
+          toValue: 0,
+          useNativeDriver: true,
+          tension: 100,
+          friction: 8
+        }).start();
+      }
+    }
+  })).current;
+  return /*#__PURE__*/_jsx(Modal, {
+    visible: visible,
+    transparent: true,
+    animationType: "none",
+    onRequestClose: onClose,
+    children: /*#__PURE__*/_jsx(SafeAreaProvider, {
+      children: /*#__PURE__*/_jsxs(Animated.View, {
+        style: {
+          ...styles.backdrop,
+          opacity: fadeAnim
+        },
+        children: [/*#__PURE__*/_jsx(Pressable, {
+          style: styles.backdropPressable,
+          onPress: animateClose
+        }), /*#__PURE__*/_jsx(Animated.View, {
+          style: [styles.modal, {
+            transform: [{
+              translateY
+            }]
+          }],
+          ...panResponder.panHandlers,
+          children: /*#__PURE__*/_jsx(SafeAreaView, {
+            style: styles.safeArea,
+            edges: ['bottom'],
+            children: children
+          })
+        })]
+      })
+    })
+  });
+};
+const styles = StyleSheet.create({
+  backdrop: {
+    position: 'absolute',
+    top: 0,
+    left: 0,
+    right: 0,
+    bottom: 0,
+    backgroundColor: 'rgba(0, 0, 0, 0.5)'
+  },
+  backdropPressable: {
+    flex: 1
+  },
+  safeArea: {
+    flex: 1,
+    backgroundColor: 'white',
+    borderTopLeftRadius: 20,
+    borderTopRightRadius: 20
+  },
+  modal: {
+    position: 'absolute',
+    bottom: 0,
+    left: 0,
+    right: 0,
+    maxHeight: MODAL_HEIGHT,
+    backgroundColor: 'white',
+    borderTopLeftRadius: 20,
+    borderTopRightRadius: 20,
+    ...Platform.select({
+      ios: {
+        shadowColor: '#000',
+        shadowOffset: {
+          width: 0,
+          height: -2
+        },
+        shadowOpacity: 0.1,
+        shadowRadius: 8
+      },
+      android: {
+        elevation: 8
+      }
+    })
+  }
+});
+export default ModalContainer;
+//# sourceMappingURL=ModalContainer.js.map

package/lib/module/components/SessionRecorderWidget/ModalContainer.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["React","useEffect","useRef","useState","Animated","Pressable","StyleSheet","Dimensions","Modal","PanResponder","Platform","SafeAreaProvider","SafeAreaView","jsx","_jsx","jsxs","_jsxs","height","SCREEN_HEIGHT","get","MODAL_HEIGHT","ModalContainer","isVisible","onClose","children","fadeAnim","Value","current","translateY","visible","setVisible","SWIPE_THRESHOLD","animateClose","parallel","timing","toValue","duration","useNativeDriver","start","setValue","panResponder","create","onStartShouldSetPanResponder","onMoveShouldSetPanResponder","_","gestureState","dy","onPanResponderGrant","stopAnimation","onPanResponderMove","onPanResponderRelease","vy","spring","tension","friction","transparent","animationType","onRequestClose","View","style","styles","backdrop","opacity","backdropPressable","onPress","modal","transform","panHandlers","safeArea","edges","position","top","left","right","bottom","backgroundColor","flex","borderTopLeftRadius","borderTopRightRadius","maxHeight","select","ios","shadowColor","shadowOffset","width","shadowOpacity","shadowRadius","android","elevation"],"sourceRoot":"../../../../src","sources":["components/SessionRecorderWidget/ModalContainer.tsx"],"mappings":"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","ignoreList":[]}

package/lib/module/components/SessionRecorderWidget/ModalHeader.js

@@ -0,0 +1,27 @@
+"use strict";
+
+import React from 'react';
+import { View, Pressable, Linking } from 'react-native';
+import { sharedStyles } from "./styles.js";
+import { LogoIcon } from "./icons.js";
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+const ModalHeader = ({
+  children
+}) => {
+  return /*#__PURE__*/_jsxs(View, {
+    style: sharedStyles.popoverHeader,
+    children: [/*#__PURE__*/_jsx(View, {
+      style: sharedStyles.modalHandle
+    }), /*#__PURE__*/_jsxs(View, {
+      style: sharedStyles.popoverHeaderContent,
+      children: [/*#__PURE__*/_jsx(Pressable, {
+        onPress: () => Linking.openURL('https://www.multiplayer.app'),
+        children: /*#__PURE__*/_jsx(LogoIcon, {
+          size: 42
+        })
+      }), children]
+    })]
+  });
+};
+export default ModalHeader;
+//# sourceMappingURL=ModalHeader.js.map

package/lib/module/components/SessionRecorderWidget/ModalHeader.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["React","View","Pressable","Linking","sharedStyles","LogoIcon","jsx","_jsx","jsxs","_jsxs","ModalHeader","children","style","popoverHeader","modalHandle","popoverHeaderContent","onPress","openURL","size"],"sourceRoot":"../../../../src","sources":["components/SessionRecorderWidget/ModalHeader.tsx"],"mappings":";;AAAA,OAAOA,KAAK,MAAM,OAAO;AACzB,SAASC,IAAI,EAAEC,SAAS,EAAEC,OAAO,QAAQ,cAAc;AACvD,SAASC,YAAY,QAAQ,aAAU;AACvC,SAASC,QAAQ,QAAQ,YAAS;AAAC,SAAAC,GAAA,IAAAC,IAAA,EAAAC,IAAA,IAAAC,KAAA;AAMnC,MAAMC,WAAuC,GAAGA,CAAC;EAAEC;AAAS,CAAC,KAAK;EAChE,oBACEF,KAAA,CAACR,IAAI;IAACW,KAAK,EAAER,YAAY,CAACS,aAAc;IAAAF,QAAA,gBACtCJ,IAAA,CAACN,IAAI;MAACW,KAAK,EAAER,YAAY,CAACU;IAAY,CAAE,CAAC,eACzCL,KAAA,CAACR,IAAI;MAACW,KAAK,EAAER,YAAY,CAACW,oBAAqB;MAAAJ,QAAA,gBAC7CJ,IAAA,CAACL,SAAS;QACRc,OAAO,EAAEA,CAAA,KAAMb,OAAO,CAACc,OAAO,CAAC,6BAA6B,CAAE;QAAAN,QAAA,eAE9DJ,IAAA,CAACF,QAAQ;UAACa,IAAI,EAAE;QAAG,CAAE;MAAC,CACb,CAAC,EACXP,QAAQ;IAAA,CACL,CAAC;EAAA,CACH,CAAC;AAEX,CAAC;AAED,eAAeD,WAAW","ignoreList":[]}

package/lib/module/components/SessionRecorderWidget/SessionRecorderWidget.js

@@ -0,0 +1,133 @@
+"use strict";
+
+import React, { useState, useCallback, memo } from 'react';
+import { View, StyleSheet } from 'react-native';
+import { SessionState } from "../../types/index.js";
+import { SessionType } from '@multiplayer-app/session-recorder-common';
+import { useSessionRecorder } from "../../context/SessionRecorderContext.js";
+import FinalPopover from "./FinalPopover.js";
+import ModalContainer from "./ModalContainer.js";
+import InitialPopover from "./InitialPopover.js";
+import FloatingButton from "./FloatingButton.js";
+import ErrorBanner from "./ErrorBanner.js";
+import { logger } from "../../utils/index.js";
+import { useSessionRecorderStore } from "../../context/useSessionRecorderStore.js";
+import { sessionRecorderStore } from "../../context/SessionRecorderStore.js";
+import { jsx as _jsx, Fragment as _Fragment, jsxs as _jsxs } from "react/jsx-runtime";
+const SessionRecorderWidget = /*#__PURE__*/memo(() => {
+  const {
+    instance,
+    openWidgetModal,
+    closeWidgetModal
+  } = useSessionRecorder();
+  const isOnline = useSessionRecorderStore(s => s.isOnline);
+  const sessionType = useSessionRecorderStore(s => s.sessionType);
+  const isModalVisible = useSessionRecorderStore(s => s.isWidgetModalVisible);
+  const sessionState = useSessionRecorderStore(s => s.sessionState);
+  const error = useSessionRecorderStore(s => s.error);
+  const [isSubmitting, setIsSubmitting] = useState(false);
+
+  // Get configuration from instance
+  const {
+    widget,
+    showContinuousRecording
+  } = instance.config;
+  const dismissError = useCallback(() => {
+    sessionRecorderStore.setState({
+      error: null
+    });
+  }, []);
+  const handleError = useCallback((error, message) => {
+    const errorMessage = error instanceof Error ? error.message : message;
+    logger.error('SessionRecorderWidget', message, error);
+    sessionRecorderStore.setState({
+      error: errorMessage
+    });
+  }, []);
+  const onStartRecording = useCallback(async sessionType => {
+    if (!isOnline) {
+      handleError(new Error('Cannot start recording while offline'), 'Cannot start recording while offline');
+      return;
+    }
+    try {
+      await instance.start(sessionType);
+      closeWidgetModal();
+    } catch (error) {
+      handleError(error, 'Failed to start recording');
+    }
+  }, [isOnline, handleError]);
+  const onStopRecording = useCallback(async comment => {
+    try {
+      setIsSubmitting(true);
+      await instance.stop(comment);
+      closeWidgetModal();
+    } catch (error) {
+      handleError(error, 'Failed to stop recording');
+    } finally {
+      setIsSubmitting(false);
+    }
+  }, [handleError]);
+  const onCancelSession = useCallback(async () => {
+    try {
+      await instance.cancel();
+      closeWidgetModal();
+    } catch (error) {
+      handleError(error, 'Failed to cancel session');
+    }
+  }, [handleError]);
+  const onSaveContinuousSession = useCallback(async () => {
+    try {
+      await instance.save();
+    } catch (error) {
+      handleError(error, 'Failed to save continuous session');
+    }
+  }, [handleError]);
+  const isStarted = sessionState === SessionState.started || sessionState === SessionState.paused;
+  const isContinuous = sessionType === SessionType.CONTINUOUS;
+  return /*#__PURE__*/_jsxs(_Fragment, {
+    children: [widget.button?.visible && /*#__PURE__*/_jsx(View, {
+      pointerEvents: "box-none",
+      style: styles.overlayContainer,
+      children: /*#__PURE__*/_jsx(FloatingButton, {
+        sessionState: sessionState,
+        onPress: openWidgetModal
+      })
+    }), /*#__PURE__*/_jsx(ModalContainer, {
+      isVisible: isModalVisible,
+      onClose: closeWidgetModal,
+      children: isStarted && !isContinuous ? /*#__PURE__*/_jsx(FinalPopover, {
+        isOnline: isOnline,
+        isSubmitting: isSubmitting,
+        textOverrides: widget.textOverrides,
+        onClose: closeWidgetModal,
+        onStopRecording: onStopRecording,
+        onCancelSession: onCancelSession,
+        children: error && /*#__PURE__*/_jsx(ErrorBanner, {
+          error: error,
+          onDismiss: dismissError
+        })
+      }) : /*#__PURE__*/_jsx(InitialPopover, {
+        isOnline: isOnline,
+        isSubmitting: isSubmitting,
+        textOverrides: widget.textOverrides,
+        isContinuous: isStarted && isContinuous,
+        showContinuousRecording: showContinuousRecording,
+        onClose: closeWidgetModal,
+        onStopRecording: onStopRecording,
+        onStartRecording: onStartRecording,
+        onSaveContinuousSession: onSaveContinuousSession,
+        children: error && /*#__PURE__*/_jsx(ErrorBanner, {
+          error: error,
+          onDismiss: dismissError
+        })
+      })
+    })]
+  });
+});
+export default SessionRecorderWidget;
+const styles = StyleSheet.create({
+  overlayContainer: {
+    ...StyleSheet.absoluteFillObject
+  }
+});
+//# sourceMappingURL=SessionRecorderWidget.js.map

package/lib/module/components/SessionRecorderWidget/SessionRecorderWidget.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["React","useState","useCallback","memo","View","StyleSheet","SessionState","SessionType","useSessionRecorder","FinalPopover","ModalContainer","InitialPopover","FloatingButton","ErrorBanner","logger","useSessionRecorderStore","sessionRecorderStore","jsx","_jsx","Fragment","_Fragment","jsxs","_jsxs","SessionRecorderWidget","instance","openWidgetModal","closeWidgetModal","isOnline","s","sessionType","isModalVisible","isWidgetModalVisible","sessionState","error","isSubmitting","setIsSubmitting","widget","showContinuousRecording","config","dismissError","setState","handleError","message","errorMessage","Error","onStartRecording","start","onStopRecording","comment","stop","onCancelSession","cancel","onSaveContinuousSession","save","isStarted","started","paused","isContinuous","CONTINUOUS","children","button","visible","pointerEvents","style","styles","overlayContainer","onPress","isVisible","onClose","textOverrides","onDismiss","create","absoluteFillObject"],"sourceRoot":"../../../../src","sources":["components/SessionRecorderWidget/SessionRecorderWidget.tsx"],"mappings":"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","ignoreList":[]}

package/lib/module/components/SessionRecorderWidget/icons.js

@@ -0,0 +1,93 @@
+"use strict";
+
+import React from 'react';
+import Svg, { Path, Circle } from 'react-native-svg';
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+export const RecordIcon = ({
+  size = 19,
+  color = 'white'
+}) => /*#__PURE__*/_jsx(Svg, {
+  width: size,
+  height: size,
+  viewBox: "0 0 19 19",
+  fill: "none",
+  children: /*#__PURE__*/_jsx(Path, {
+    fillRule: "evenodd",
+    clipRule: "evenodd",
+    d: "M6.68926 5.30356C6.56568 5.38721 6.39976 5.37561 6.29459 5.26937L3.58782 2.53477C3.46424 2.40992 3.47196 2.20492 3.60862 2.09483C5.2319 0.786982 7.28494 0 9.51866 0C11.7535 0 13.8066 0.787042 15.4308 2.09586C15.5674 2.20596 15.5752 2.41091 15.4516 2.53577L12.7468 5.26931C12.6416 5.37558 12.4757 5.38719 12.3521 5.30353C11.5393 4.75345 10.571 4.42281 9.52066 4.42281C8.47036 4.42281 7.50203 4.75346 6.68926 5.30356ZM16.4926 3.4303C16.6163 3.30527 16.8197 3.31303 16.9288 3.45121C18.2224 5.08933 19.0001 7.15932 19.0001 9.4116C19.0001 11.6671 18.2204 13.7392 16.9238 15.3785C16.8147 15.5165 16.6114 15.5242 16.4877 15.3992L13.7872 12.6701C13.682 12.5638 13.6708 12.3962 13.7538 12.2716C14.3006 11.451 14.6291 10.4727 14.6291 9.4116C14.6291 8.35454 14.3016 7.37925 13.756 6.56083C13.6728 6.43616 13.6841 6.26857 13.7893 6.16224L16.4926 3.4303ZM5.21676 12.6712C5.322 12.5649 5.3333 12.3974 5.2502 12.2727C4.70331 11.4522 4.374 10.4737 4.374 9.41184C4.374 8.35469 4.70232 7.37949 5.24808 6.56106C5.33123 6.43637 5.31996 6.26872 5.2147 6.16241L2.50855 3.4293C2.38482 3.30434 2.18146 3.31213 2.07236 3.45028C0.77864 5.08841 0 7.15845 0 9.41184C0 11.6684 0.78066 13.7406 2.07831 15.3799C2.18749 15.5178 2.39066 15.5255 2.51429 15.4006L5.21676 12.6712ZM12.3323 13.707C12.4559 13.6231 12.6221 13.6346 12.7273 13.741L15.4277 16.4691C15.5513 16.594 15.5435 16.7991 15.4068 16.9091C13.7837 18.215 11.7327 19 9.49998 19C7.2693 19 5.21837 18.2159 3.59619 16.9102C3.45943 16.8001 3.45169 16.595 3.57533 16.4702L6.27769 13.7409C6.38296 13.6346 6.54906 13.6231 6.67267 13.707C7.48459 14.2577 8.45278 14.5883 9.50198 14.5883C10.5522 14.5883 11.5204 14.2578 12.3323 13.707Z",
+    fill: color
+  })
+});
+export const CapturingIcon = ({
+  size = 24,
+  color = 'white'
+}) => /*#__PURE__*/_jsxs(Svg, {
+  width: size,
+  height: size,
+  viewBox: "0 0 24 24",
+  fill: "none",
+  children: [/*#__PURE__*/_jsx(Circle, {
+    cx: "12",
+    cy: "12",
+    r: "4",
+    fill: color
+  }), /*#__PURE__*/_jsx(Circle, {
+    cx: "12",
+    cy: "12",
+    r: "7.5",
+    stroke: color,
+    strokeWidth: "1"
+  }), /*#__PURE__*/_jsx(Circle, {
+    cx: "12",
+    cy: "12",
+    r: "11.5",
+    stroke: color,
+    strokeWidth: "1",
+    opacity: "0.2"
+  })]
+});
+export const PausedIcon = ({
+  size = 24,
+  color = 'white'
+}) => /*#__PURE__*/_jsx(Svg, {
+  width: size,
+  height: size,
+  viewBox: "0 0 24 24",
+  fill: "none",
+  children: /*#__PURE__*/_jsx(Path, {
+    d: "M8 5V19M16 5V19",
+    stroke: color,
+    strokeWidth: "2",
+    strokeLinecap: "round",
+    strokeLinejoin: "round"
+  })
+});
+export const CheckmarkIcon = ({
+  size = 24,
+  color = 'white'
+}) => /*#__PURE__*/_jsx(Svg, {
+  width: size,
+  height: size,
+  viewBox: "0 0 24 24",
+  fill: "none",
+  children: /*#__PURE__*/_jsx(Path, {
+    fillRule: "evenodd",
+    clipRule: "evenodd",
+    d: "M20.0481 6.35147C20.5168 6.8201 20.5168 7.5799 20.0481 8.04853L10.4481 17.6485C9.97951 18.1172 9.21971 18.1172 8.75108 17.6485L3.95108 12.8485C3.48245 12.3799 3.48245 11.6201 3.95108 11.1515C4.41971 10.6828 5.17951 10.6828 5.64814 11.1515L9.59961 15.1029L18.3511 6.35147C18.8197 5.88284 19.5795 5.88284 20.0481 6.35147Z",
+    fill: color
+  })
+});
+export const LogoIcon = ({
+  size = 30,
+  color = '#473CFB'
+}) => /*#__PURE__*/_jsx(Svg, {
+  width: size,
+  height: size * 0.8,
+  viewBox: "0 0 30 24",
+  fill: "none",
+  children: /*#__PURE__*/_jsx(Path, {
+    d: "M28.8324 8.83643L23.5495 6.85854L21.4856 6.08553L23.6001 0.4375L15 3.65769L6.39963 0.4375L8.51441 6.08585L6.45046 6.85885L1.16757 8.83674L0.625 9.03974L9.10095 12.0981C10.0891 12.4548 10.9201 13.1265 11.4758 13.9952C11.6632 14.2883 11.8194 14.6036 11.9398 14.9369L15 23.4076L18.0602 14.9369C18.1806 14.6036 18.3368 14.288 18.5242 13.9952C19.0802 13.1265 19.9112 12.4545 20.8991 12.0981L29.375 9.03974L28.8324 8.83674V8.83643ZM19.779 10.6434C18.2872 11.1816 17.1126 12.3563 16.5744 13.848L15.014 18.173L11.5182 8.83643L10.7776 6.85854L10.2456 5.43757L9.57367 3.64272L12.3068 4.66612L18.1631 6.85885L20.8233 7.85481L23.4457 8.83674L24.104 9.08308L19.779 10.6438V10.6434Z",
+    fill: color
+  })
+});
+//# sourceMappingURL=icons.js.map

package/lib/module/components/SessionRecorderWidget/icons.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["React","Svg","Path","Circle","jsx","_jsx","jsxs","_jsxs","RecordIcon","size","color","width","height","viewBox","fill","children","fillRule","clipRule","d","CapturingIcon","cx","cy","r","stroke","strokeWidth","opacity","PausedIcon","strokeLinecap","strokeLinejoin","CheckmarkIcon","LogoIcon"],"sourceRoot":"../../../../src","sources":["components/SessionRecorderWidget/icons.tsx"],"mappings":"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","ignoreList":[]}

package/lib/module/components/SessionRecorderWidget/index.js

@@ -0,0 +1,5 @@
+"use strict";
+
+import SessionRecorderWidget from "./SessionRecorderWidget.js";
+export default SessionRecorderWidget;
+//# sourceMappingURL=index.js.map

package/lib/module/components/SessionRecorderWidget/index.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["SessionRecorderWidget"],"sourceRoot":"../../../../src","sources":["components/SessionRecorderWidget/index.ts"],"mappings":";;AAAA,OAAOA,qBAAqB,MAAM,4BAAyB;AAE3D,eAAeA,qBAAqB","ignoreList":[]}

package/lib/module/components/SessionRecorderWidget/styles.js

@@ -0,0 +1,173 @@
+"use strict";
+
+import { StyleSheet } from 'react-native';
+export const sharedStyles = StyleSheet.create({
+  // Popover styles
+  popoverContent: {
+    flex: 1,
+    paddingHorizontal: 0
+  },
+  popoverHeader: {
+    flexDirection: 'column',
+    paddingBottom: 8,
+    paddingHorizontal: 16,
+    borderTopLeftRadius: 20,
+    borderTopRightRadius: 20,
+    backgroundColor: '#f4f9ff',
+    shadowColor: '#f4f9ff',
+    shadowOffset: {
+      width: 0,
+      height: 5
+    },
+    shadowOpacity: 1,
+    shadowRadius: 5,
+    elevation: 10
+  },
+  modalHandle: {
+    marginTop: 8,
+    marginBottom: 16,
+    width: 40,
+    height: 4,
+    backgroundColor: '#D1D5DB',
+    borderRadius: 2,
+    alignSelf: 'center'
+  },
+  popoverHeaderContent: {
+    flexDirection: 'row',
+    justifyContent: 'space-between',
+    alignItems: 'flex-start'
+  },
+  cancelButton: {
+    paddingHorizontal: 12,
+    paddingVertical: 6,
+    borderRadius: 6,
+    borderWidth: 1,
+    borderColor: '#e1e8f1',
+    backgroundColor: '#fff',
+    shadowColor: '#000',
+    shadowOffset: {
+      width: 0,
+      height: 2
+    },
+    shadowOpacity: 0.06,
+    shadowRadius: 3,
+    elevation: 3
+  },
+  cancelButtonText: {
+    color: '#374151',
+    fontSize: 14,
+    fontWeight: '500'
+  },
+  popoverBody: {
+    flex: 1,
+    padding: 16,
+    paddingTop: 24
+  },
+  title: {
+    fontSize: 18,
+    fontWeight: '600',
+    color: '#2d3748',
+    marginBottom: 12
+  },
+  description: {
+    fontSize: 14,
+    color: '#718096',
+    marginBottom: 16
+  },
+  popoverFooter: {
+    marginTop: 'auto',
+    paddingTop: 16
+  },
+  actionButton: {
+    paddingVertical: 16,
+    paddingHorizontal: 24,
+    borderRadius: 12,
+    alignItems: 'center'
+  },
+  actionButtonText: {
+    color: 'white',
+    fontSize: 16,
+    fontWeight: '500'
+  },
+  // Continuous recording styles
+  continuousRecordingSection: {
+    flexDirection: 'row',
+    justifyContent: 'space-between',
+    alignItems: 'center',
+    marginBottom: 20,
+    paddingVertical: 12,
+    paddingHorizontal: 16,
+    borderWidth: 1,
+    borderColor: '#e1e8f1',
+    backgroundColor: '#fff',
+    borderRadius: 12,
+    shadowColor: '#000',
+    shadowOffset: {
+      width: 0,
+      height: 2
+    },
+    shadowOpacity: 0.06,
+    shadowRadius: 3,
+    elevation: 3
+  },
+  continuousRecordingLabel: {
+    fontSize: 16,
+    fontWeight: '500',
+    color: '#374151'
+  },
+  continuousOverlay: {
+    borderRadius: 12,
+    borderWidth: 1,
+    borderColor: '#e1e8f1',
+    backgroundColor: '#fff',
+    padding: 12,
+    shadowColor: '#000',
+    shadowOffset: {
+      width: 0,
+      height: 2
+    },
+    shadowOpacity: 0.06,
+    shadowRadius: 3,
+    elevation: 3,
+    flexDirection: 'column',
+    gap: 8
+  },
+  continuousOverlayHeader: {
+    flexDirection: 'row',
+    alignItems: 'center',
+    gap: 8
+  },
+  continuousOverlayTitle: {
+    fontSize: 14,
+    fontWeight: '500',
+    color: '#2d3748'
+  },
+  continuousOverlayDescription: {
+    fontSize: 14,
+    color: '#718096',
+    lineHeight: 20
+  },
+  // Comment input styles
+  commentInput: {
+    borderWidth: 1,
+    borderColor: '#D1D5DB',
+    borderRadius: 8,
+    padding: 12,
+    fontSize: 16,
+    color: '#374151',
+    backgroundColor: '#F9FAFB',
+    marginBottom: 24,
+    minHeight: 80
+  },
+  // Button color variants
+  startButton: {
+    backgroundColor: '#473cfb'
+  },
+  stopButton: {
+    backgroundColor: '#473cfb'
+  },
+  saveButton: {
+    backgroundColor: '#473cfb'
+  }
+});
+//# sourceMappingURL=styles.js.map

package/lib/module/components/SessionRecorderWidget/styles.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["StyleSheet","sharedStyles","create","popoverContent","flex","paddingHorizontal","popoverHeader","flexDirection","paddingBottom","borderTopLeftRadius","borderTopRightRadius","backgroundColor","shadowColor","shadowOffset","width","height","shadowOpacity","shadowRadius","elevation","modalHandle","marginTop","marginBottom","borderRadius","alignSelf","popoverHeaderContent","justifyContent","alignItems","cancelButton","paddingVertical","borderWidth","borderColor","cancelButtonText","color","fontSize","fontWeight","popoverBody","padding","paddingTop","title","description","popoverFooter","actionButton","actionButtonText","continuousRecordingSection","continuousRecordingLabel","continuousOverlay","gap","continuousOverlayHeader","continuousOverlayTitle","continuousOverlayDescription","lineHeight","commentInput","minHeight","startButton","stopButton","saveButton"],"sourceRoot":"../../../../src","sources":["components/SessionRecorderWidget/styles.ts"],"mappings":"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","ignoreList":[]}

package/lib/module/components/index.js

@@ -0,0 +1,5 @@
+"use strict";
+
+export * from "./ScreenRecorderView/index.js";
+export * from "./SessionRecorderWidget/index.js";
+//# sourceMappingURL=index.js.map

package/lib/module/components/index.js.map

@@ -0,0 +1 @@
+{"version":3,"names":[],"sourceRoot":"../../../src","sources":["components/index.ts"],"mappings":";;AAAA,cAAc,+BAAsB;AACpC,cAAc,kCAAyB","ignoreList":[]}