@multiplayer-app/session-recorder-react-native 1.0.1-beta.3 → 1.0.1-beta.4

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

@@ -0,0 +1,138 @@
+"use strict";
+
+import React, { useMemo, useState } from 'react';
+import { View, Text, Pressable, Switch } from 'react-native';
+import { SessionType } from '@multiplayer-app/session-recorder-common';
+import { sharedStyles } from "./styles.js";
+import ModalHeader from "./ModalHeader.js";
+import { CapturingIcon } from "./icons.js";
+import { logger } from "../../utils/index.js";
+import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
+const InitialPopover = ({
+  isContinuous,
+  textOverrides,
+  showContinuousRecording,
+  onStartRecording,
+  onStopRecording,
+  onSaveContinuousSession,
+  isOnline,
+  children
+}) => {
+  const [saving, setSaving] = useState(false);
+  const [loading, setLoading] = useState(false);
+  const [continuousRecording, setContinuousRecording] = useState(isContinuous);
+  const handleStartRecording = async () => {
+    try {
+      setLoading(true);
+      await onStartRecording(SessionType.PLAIN);
+    } catch (error) {
+      logger.error('InitialPopover', 'Failed to start recording', error);
+    } finally {
+      setLoading(false);
+    }
+  };
+  const handleToggleContinuousRecording = async value => {
+    try {
+      setLoading(true);
+      setContinuousRecording(value);
+      if (value) {
+        await onStartRecording(SessionType.CONTINUOUS);
+      } else {
+        await onStopRecording();
+      }
+    } catch (error) {
+      logger.error('InitialPopover', 'Failed to toggle continuous recording', error);
+    } finally {
+      setLoading(false);
+    }
+  };
+  const handleSaveContinuousSession = async () => {
+    try {
+      setSaving(true);
+      await onSaveContinuousSession();
+    } catch (error) {
+      logger.error('InitialPopover', 'Failed to save continuous session', error);
+    } finally {
+      setSaving(false);
+    }
+  };
+  const textContent = useMemo(() => {
+    return {
+      label: textOverrides.continuousRecordingLabel,
+      title: showContinuousRecording ? textOverrides.initialTitleWithContinuous : textOverrides.initialTitleWithoutContinuous,
+      description: showContinuousRecording ? textOverrides.initialDescriptionWithContinuous : textOverrides.initialDescriptionWithoutContinuous
+    };
+  }, [showContinuousRecording, textOverrides]);
+  return /*#__PURE__*/_jsxs(View, {
+    style: sharedStyles.popoverContent,
+    children: [/*#__PURE__*/_jsx(ModalHeader, {}), /*#__PURE__*/_jsxs(View, {
+      style: sharedStyles.popoverBody,
+      children: [children, showContinuousRecording && /*#__PURE__*/_jsxs(View, {
+        style: sharedStyles.continuousRecordingSection,
+        children: [/*#__PURE__*/_jsx(Text, {
+          style: sharedStyles.continuousRecordingLabel,
+          children: textContent.label
+        }), /*#__PURE__*/_jsx(Switch, {
+          disabled: loading || !isOnline,
+          value: continuousRecording,
+          ios_backgroundColor: "#e2e8f0",
+          onValueChange: handleToggleContinuousRecording,
+          trackColor: {
+            false: '#e2e8f0',
+            true: '#493bff'
+          },
+          thumbColor: '#ffffff'
+        })]
+      }), !continuousRecording ? /*#__PURE__*/_jsxs(_Fragment, {
+        children: [/*#__PURE__*/_jsx(Text, {
+          style: sharedStyles.title,
+          children: textContent.title
+        }), /*#__PURE__*/_jsx(Text, {
+          style: sharedStyles.description,
+          children: textContent.description
+        }), /*#__PURE__*/_jsx(View, {
+          style: sharedStyles.popoverFooter,
+          children: /*#__PURE__*/_jsx(Pressable, {
+            disabled: loading || !isOnline,
+            onPress: handleStartRecording,
+            style: [sharedStyles.actionButton, sharedStyles.startButton],
+            children: /*#__PURE__*/_jsx(Text, {
+              style: sharedStyles.actionButtonText,
+              children: loading ? 'Starting to record...' : textOverrides.startRecordingButtonText
+            })
+          })
+        })]
+      }) : /*#__PURE__*/_jsxs(_Fragment, {
+        children: [/*#__PURE__*/_jsxs(View, {
+          style: sharedStyles.continuousOverlay,
+          children: [/*#__PURE__*/_jsxs(View, {
+            style: sharedStyles.continuousOverlayHeader,
+            children: [/*#__PURE__*/_jsx(CapturingIcon, {
+              size: 20,
+              color: "red"
+            }), /*#__PURE__*/_jsx(Text, {
+              style: sharedStyles.continuousOverlayTitle,
+              children: textOverrides.continuousOverlayTitle
+            })]
+          }), /*#__PURE__*/_jsx(Text, {
+            style: sharedStyles.continuousOverlayDescription,
+            children: textOverrides.continuousOverlayDescription
+          })]
+        }), /*#__PURE__*/_jsx(View, {
+          style: sharedStyles.popoverFooter,
+          children: /*#__PURE__*/_jsx(Pressable, {
+            disabled: saving || !isOnline,
+            onPress: handleSaveContinuousSession,
+            style: [sharedStyles.actionButton, sharedStyles.saveButton],
+            children: /*#__PURE__*/_jsx(Text, {
+              style: sharedStyles.actionButtonText,
+              children: saving ? 'Saving...' : textOverrides.saveLastSnapshotButtonText
+            })
+          })
+        })]
+      })]
+    })]
+  });
+};
+export default InitialPopover;
+//# sourceMappingURL=InitialPopover.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":["React","useMemo","useState","View","Text","Pressable","Switch","SessionType","sharedStyles","ModalHeader","CapturingIcon","logger","jsx","_jsx","jsxs","_jsxs","Fragment","_Fragment","InitialPopover","isContinuous","textOverrides","showContinuousRecording","onStartRecording","onStopRecording","onSaveContinuousSession","isOnline","children","saving","setSaving","loading","setLoading","continuousRecording","setContinuousRecording","handleStartRecording","PLAIN","error","handleToggleContinuousRecording","value","CONTINUOUS","handleSaveContinuousSession","textContent","label","continuousRecordingLabel","title","initialTitleWithContinuous","initialTitleWithoutContinuous","description","initialDescriptionWithContinuous","initialDescriptionWithoutContinuous","style","popoverContent","popoverBody","continuousRecordingSection","disabled","ios_backgroundColor","onValueChange","trackColor","false","true","thumbColor","popoverFooter","onPress","actionButton","startButton","actionButtonText","startRecordingButtonText","continuousOverlay","continuousOverlayHeader","size","color","continuousOverlayTitle","continuousOverlayDescription","saveButton","saveLastSnapshotButtonText"],"sourceRoot":"../../../../src","sources":["components/SessionRecorderWidget/InitialPopover.tsx"],"mappings":"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","ignoreList":[]}

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;AAAA,SAAAC,GAAA,IAAAC,IAAA,EAAAC,IAAA,IAAAC,KAAA;AAMlC,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;QAACc,OAAO,EAAEA,CAAA,KAAMb,OAAO,CAACc,OAAO,CAAC,6BAA6B,CAAE;QAAAN,QAAA,eACvEJ,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":[]}