@magmamath/students-features 1.3.7 → 1.3.8-rc.2

package/dist/module/features/voice/recording/components/VoiceRecordButton.js

@@ -1,57 +1,114 @@
 "use strict";
 
-import React, { useMemo } from 'react';
-import { Button, ButtonColor, ButtonSize, ButtonVariant, IS_WEB } from '@magmamath/react-native-ui';
-import { Pressable } from 'react-native';
-import { MicrophoneIcon, CheckIcon } from '@magmamath/react-native-ui';
+import React from 'react';
+import { BORDER_RADIUS, Button, ButtonColor, ButtonSize, ButtonVariant, CheckIcon, COLORS, IS_WEB, MicrophoneIcon } from '@magmamath/react-native-ui';
+import { Pressable, StyleSheet, View } from 'react-native';
 import { useUnit } from 'effector-react';
-import { VoiceRecorderState } from "../../constants.js";
+import { VOICE_RECORD_SHADOWS, VoiceRecorderState } from "../../constants.js";
 import { useText } from "../../../../shared/translation/index.js";
+import { RecordButtonVariant } from "../../types.js";
 import { jsx as _jsx } from "react/jsx-runtime";
+const defaultButtonStyles = {
+  button: {
+    width: 50,
+    height: 50
+  }
+};
 export const VoiceRecordButton = ({
-  style,
-  model
+  model,
+  buttonVariant
 }) => {
   const t = useText();
   const availableInputs = useUnit(model.recorderModel.$availableInputs);
   const voiceRecordState = useUnit(model.recorderModel.$voiceRecordState);
   const isButtonDisabled = useUnit(model.$isButtonDisabled);
   const isInitializing = useUnit(model.initializeRecording.pending);
-  const combinedStyles = useMemo(() => {
-    return {
-      button: [{
-        width: 50,
-        height: 50
-      }, style?.button],
-      container: [style?.container],
-      text: [style?.text]
-    };
-  }, [style]);
+  const isRecording = voiceRecordState === VoiceRecorderState.RECORDING;
+  const isIdle = voiceRecordState === VoiceRecorderState.IDLE;
+  const hasInputs = availableInputs.length > 0;
   return /*#__PURE__*/_jsx(Pressable, {
     onPressIn: e => {
-      if (availableInputs.length) return;
+      if (hasInputs) return;
       e.preventDefault();
       model.notification.warning(t('voice.noMicrophoneFound'));
     },
-    pointerEvents: !availableInputs.length || isInitializing ? 'box-only' : 'auto',
-    children: /*#__PURE__*/_jsx(Button, {
-      disabled: isButtonDisabled || !availableInputs.length,
+    pointerEvents: !hasInputs || isInitializing ? 'box-only' : 'auto',
+    style: [isButtonDisabled ? styles.disabledCursor : undefined],
+    children: buttonVariant === RecordButtonVariant.ADVANCED ? /*#__PURE__*/_jsx(AdvancedButton, {
+      isRecording: isRecording,
+      isIdle: isIdle,
+      disabled: isButtonDisabled,
+      onPressIn: () => model.recorderButtonHandler()
+    }) : /*#__PURE__*/_jsx(Button, {
+      disabled: isButtonDisabled,
       onPressIn: () => model.recorderButtonHandler(),
-      style: combinedStyles,
+      style: defaultButtonStyles,
       size: ButtonSize.LARGE,
       variant: ButtonVariant.SECONDARY,
       colorScheme: ButtonColor.WHITE,
-      icon: voiceRecordState === VoiceRecorderState.RECORDING ? /*#__PURE__*/_jsx(CheckIcon, {
+      icon: isRecording ? /*#__PURE__*/_jsx(CheckIcon, {
         size: 25
       }) : /*#__PURE__*/_jsx(MicrophoneIcon, {
-        style: IS_WEB ? {
-          width: 19
-        } : {
-          minWidth: 23,
-          minHeight: 23
-        }
+        style: IS_WEB ? styles.microphoneIconWeb : styles.microphoneIconNative
       })
     })
   });
 };
+const AdvancedButton = ({
+  isRecording,
+  isIdle,
+  disabled,
+  onPressIn
+}) => /*#__PURE__*/_jsx(Pressable, {
+  style: [styles.advancedButtonContainer, disabled && styles.disabledCursor],
+  onPressIn: onPressIn,
+  disabled: disabled,
+  children: /*#__PURE__*/_jsx(View, {
+    style: [styles.advancedIconContainer, !isIdle && styles.advancedIconContainerActive],
+    children: isRecording ? /*#__PURE__*/_jsx(CheckIcon, {
+      size: 18,
+      color: COLORS.NEUTRAL_1
+    }) : /*#__PURE__*/_jsx(MicrophoneIcon, {
+      style: styles.advancedMicrophoneIcon,
+      color: disabled ? COLORS.NEUTRAL_5 : isIdle ? COLORS.NEUTRAL_9 : COLORS.NEUTRAL_1
+    })
+  })
+});
+const styles = StyleSheet.create({
+  advancedButtonContainer: {
+    width: 52,
+    height: 52,
+    backgroundColor: 'white',
+    alignItems: 'center',
+    justifyContent: 'center',
+    borderRadius: BORDER_RADIUS[300],
+    boxShadow: VOICE_RECORD_SHADOWS[RecordButtonVariant.ADVANCED]
+  },
+  advancedIconContainer: {
+    width: 36,
+    height: 36,
+    borderRadius: BORDER_RADIUS[300],
+    justifyContent: 'center',
+    alignItems: 'center'
+  },
+  disabledCursor: {
+    // @ts-expect-error web-only property
+    cursor: 'not-allowed'
+  },
+  microphoneIconWeb: {
+    width: 19
+  },
+  microphoneIconNative: {
+    minWidth: 23,
+    minHeight: 23
+  },
+  advancedIconContainerActive: {
+    borderRadius: 32,
+    backgroundColor: COLORS.PRIMARY_BLUE
+  },
+  advancedMicrophoneIcon: {
+    width: 14,
+    height: 19
+  }
+});
 //# sourceMappingURL=VoiceRecordButton.js.map

package/dist/module/features/voice/recording/components/VoiceRecordButton.js.map

@@ -1 +1 @@
-{"version":3,"names":["React","useMemo","Button","ButtonColor","ButtonSize","ButtonVariant","IS_WEB","Pressable","MicrophoneIcon","CheckIcon","useUnit","VoiceRecorderState","useText","jsx","_jsx","VoiceRecordButton","style","model","t","availableInputs","recorderModel","$availableInputs","voiceRecordState","$voiceRecordState","isButtonDisabled","$isButtonDisabled","isInitializing","initializeRecording","pending","combinedStyles","button","width","height","container","text","onPressIn","e","length","preventDefault","notification","warning","pointerEvents","children","disabled","recorderButtonHandler","size","LARGE","variant","SECONDARY","colorScheme","WHITE","icon","RECORDING","minWidth","minHeight"],"sourceRoot":"../../../../../../src","sources":["features/voice/recording/components/VoiceRecordButton.tsx"],"mappings":";;AAAA,OAAOA,KAAK,IAAIC,OAAO,QAAQ,OAAO;AACtC,SACEC,MAAM,EACNC,WAAW,EACXC,UAAU,EAEVC,aAAa,EACbC,MAAM,QACD,4BAA4B;AACnC,SAASC,SAAS,QAAQ,cAAc;AACxC,SAASC,cAAc,EAAEC,SAAS,QAAQ,4BAA4B;AAEtE,SAASC,OAAO,QAAQ,gBAAgB;AACxC,SAASC,kBAAkB,QAAQ,oBAAiB;AACpD,SAASC,OAAO,QAAQ,yCAAgC;AAAA,SAAAC,GAAA,IAAAC,IAAA;AAOxD,OAAO,MAAMC,iBAAiB,GAAGA,CAAC;EAAEC,KAAK;EAAEC;AAA8B,CAAC,KAAK;EAC7E,MAAMC,CAAC,GAAGN,OAAO,CAAC,CAAC;EAEnB,MAAMO,eAAe,GAAGT,OAAO,CAACO,KAAK,CAACG,aAAa,CAACC,gBAAgB,CAAC;EACrE,MAAMC,gBAAgB,GAAGZ,OAAO,CAACO,KAAK,CAACG,aAAa,CAACG,iBAAiB,CAAC;EACvE,MAAMC,gBAAgB,GAAGd,OAAO,CAACO,KAAK,CAACQ,iBAAiB,CAAC;EACzD,MAAMC,cAAc,GAAGhB,OAAO,CAACO,KAAK,CAACU,mBAAmB,CAACC,OAAO,CAAC;EAEjE,MAAMC,cAAc,GAAG5B,OAAO,CAAC,MAAmB;IAChD,OAAO;MACL6B,MAAM,EAAE,CAAC;QAAEC,KAAK,EAAE,EAAE;QAAEC,MAAM,EAAE;MAAG,CAAC,EAAEhB,KAAK,EAAEc,MAAM,CAAC;MAClDG,SAAS,EAAE,CAACjB,KAAK,EAAEiB,SAAS,CAAC;MAC7BC,IAAI,EAAE,CAAClB,KAAK,EAAEkB,IAAI;IACpB,CAAC;EACH,CAAC,EAAE,CAAClB,KAAK,CAAC,CAAC;EAEX,oBACEF,IAAA,CAACP,SAAS;IACR4B,SAAS,EAAGC,CAAC,IAAK;MAChB,IAAIjB,eAAe,CAACkB,MAAM,EAAE;MAC5BD,CAAC,CAACE,cAAc,CAAC,CAAC;MAClBrB,KAAK,CAACsB,YAAY,CAACC,OAAO,CAACtB,CAAC,CAAC,yBAAyB,CAAC,CAAC;IAC1D,CAAE;IACFuB,aAAa,EAAE,CAACtB,eAAe,CAACkB,MAAM,IAAIX,cAAc,GAAG,UAAU,GAAG,MAAO;IAAAgB,QAAA,eAE/E5B,IAAA,CAACZ,MAAM;MACLyC,QAAQ,EAAEnB,gBAAgB,IAAI,CAACL,eAAe,CAACkB,MAAO;MACtDF,SAAS,EAAEA,CAAA,KAAMlB,KAAK,CAAC2B,qBAAqB,CAAC,CAAE;MAC/C5B,KAAK,EAAEa,cAAe;MACtBgB,IAAI,EAAEzC,UAAU,CAAC0C,KAAM;MACvBC,OAAO,EAAE1C,aAAa,CAAC2C,SAAU;MACjCC,WAAW,EAAE9C,WAAW,CAAC+C,KAAM;MAC/BC,IAAI,EACF7B,gBAAgB,KAAKX,kBAAkB,CAACyC,SAAS,gBAC/CtC,IAAA,CAACL,SAAS;QAACoC,IAAI,EAAE;MAAG,CAAE,CAAC,gBAEvB/B,IAAA,CAACN,cAAc;QAACQ,KAAK,EAAEV,MAAM,GAAG;UAAEyB,KAAK,EAAE;QAAG,CAAC,GAAG;UAAEsB,QAAQ,EAAE,EAAE;UAAEC,SAAS,EAAE;QAAG;MAAE,CAAE;IAErF,CACF;EAAC,CACO,CAAC;AAEhB,CAAC","ignoreList":[]}
+{"version":3,"names":["React","BORDER_RADIUS","Button","ButtonColor","ButtonSize","ButtonVariant","CheckIcon","COLORS","IS_WEB","MicrophoneIcon","Pressable","StyleSheet","View","useUnit","VOICE_RECORD_SHADOWS","VoiceRecorderState","useText","RecordButtonVariant","jsx","_jsx","defaultButtonStyles","button","width","height","VoiceRecordButton","model","buttonVariant","t","availableInputs","recorderModel","$availableInputs","voiceRecordState","$voiceRecordState","isButtonDisabled","$isButtonDisabled","isInitializing","initializeRecording","pending","isRecording","RECORDING","isIdle","IDLE","hasInputs","length","onPressIn","e","preventDefault","notification","warning","pointerEvents","style","styles","disabledCursor","undefined","children","ADVANCED","AdvancedButton","disabled","recorderButtonHandler","size","LARGE","variant","SECONDARY","colorScheme","WHITE","icon","microphoneIconWeb","microphoneIconNative","advancedButtonContainer","advancedIconContainer","advancedIconContainerActive","color","NEUTRAL_1","advancedMicrophoneIcon","NEUTRAL_5","NEUTRAL_9","create","backgroundColor","alignItems","justifyContent","borderRadius","boxShadow","cursor","minWidth","minHeight","PRIMARY_BLUE"],"sourceRoot":"../../../../../../src","sources":["features/voice/recording/components/VoiceRecordButton.tsx"],"mappings":"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","ignoreList":[]}

package/dist/module/features/voice/recording/components/VoiceRecordDeleteButton.js

@@ -20,8 +20,8 @@ export const VoiceRecordDeleteButton = ({
 };
 const styles = StyleSheet.create({
   container: {
-    width: 36,
-    height: 36,
+    width: 32,
+    height: 32,
     alignItems: 'center',
     justifyContent: 'center'
   }

package/dist/module/features/voice/recording/hooks/useVoiceRecorderAnimation.js

@@ -2,14 +2,14 @@
 
 import { useAnimatedStyle, withTiming } from 'react-native-reanimated';
 import { VOICE_RECORDER_CONTAINER_SIZES } from "../../constants.js";
-export const useVoiceRecorderAnimation = isExpanded => {
+export const useVoiceRecorderAnimation = (isExpanded, buttonVariant) => {
   const containerAnimatedStyle = useAnimatedStyle(() => {
     return {
-      height: withTiming(isExpanded ? VOICE_RECORDER_CONTAINER_SIZES.EXPANDED : VOICE_RECORDER_CONTAINER_SIZES.COLLAPSED, {
+      height: withTiming(isExpanded ? VOICE_RECORDER_CONTAINER_SIZES.EXPANDED[buttonVariant] : VOICE_RECORDER_CONTAINER_SIZES.COLLAPSED[buttonVariant], {
         duration: 280
       })
     };
-  }, [isExpanded]);
+  }, [isExpanded, buttonVariant]);
   return {
     containerAnimatedStyle
   };

package/dist/module/features/voice/recording/hooks/useVoiceRecorderAnimation.js.map

@@ -1 +1 @@
-{"version":3,"names":["useAnimatedStyle","withTiming","VOICE_RECORDER_CONTAINER_SIZES","useVoiceRecorderAnimation","isExpanded","containerAnimatedStyle","height","EXPANDED","COLLAPSED","duration"],"sourceRoot":"../../../../../../src","sources":["features/voice/recording/hooks/useVoiceRecorderAnimation.ts"],"mappings":";;AAAA,SAASA,gBAAgB,EAAEC,UAAU,QAAQ,yBAAyB;AACtE,SAASC,8BAA8B,QAAQ,oBAAiB;AAEhE,OAAO,MAAMC,yBAAyB,GAAIC,UAAmB,IAAK;EAChE,MAAMC,sBAAsB,GAAGL,gBAAgB,CAAC,MAAM;IACpD,OAAO;MACLM,MAAM,EAAEL,UAAU,CAChBG,UAAU,GACNF,8BAA8B,CAACK,QAAQ,GACvCL,8BAA8B,CAACM,SAAS,EAC5C;QACEC,QAAQ,EAAE;MACZ,CACF;IACF,CAAC;EACH,CAAC,EAAE,CAACL,UAAU,CAAC,CAAC;EAEhB,OAAO;IAAEC;EAAuB,CAAC;AACnC,CAAC","ignoreList":[]}
+{"version":3,"names":["useAnimatedStyle","withTiming","VOICE_RECORDER_CONTAINER_SIZES","useVoiceRecorderAnimation","isExpanded","buttonVariant","containerAnimatedStyle","height","EXPANDED","COLLAPSED","duration"],"sourceRoot":"../../../../../../src","sources":["features/voice/recording/hooks/useVoiceRecorderAnimation.ts"],"mappings":";;AAAA,SAASA,gBAAgB,EAAEC,UAAU,QAAQ,yBAAyB;AACtE,SAASC,8BAA8B,QAAQ,oBAAiB;AAGhE,OAAO,MAAMC,yBAAyB,GAAGA,CACvCC,UAAmB,EACnBC,aAAkC,KAC/B;EACH,MAAMC,sBAAsB,GAAGN,gBAAgB,CAAC,MAAM;IACpD,OAAO;MACLO,MAAM,EAAEN,UAAU,CAChBG,UAAU,GACNF,8BAA8B,CAACM,QAAQ,CAACH,aAAa,CAAC,GACtDH,8BAA8B,CAACO,SAAS,CAACJ,aAAa,CAAC,EAC3D;QACEK,QAAQ,EAAE;MACZ,CACF;IACF,CAAC;EACH,CAAC,EAAE,CAACN,UAAU,EAAEC,aAAa,CAAC,CAAC;EAE/B,OAAO;IAAEC;EAAuB,CAAC;AACnC,CAAC","ignoreList":[]}

package/dist/module/features/voice/types.js

@@ -1,4 +1,8 @@
 "use strict";
 
-export {};
+export let RecordButtonVariant = /*#__PURE__*/function (RecordButtonVariant) {
+  RecordButtonVariant["DEFAULT"] = "default";
+  RecordButtonVariant["ADVANCED"] = "advanced";
+  return RecordButtonVariant;
+}({});
 //# sourceMappingURL=types.js.map

package/dist/module/features/voice/types.js.map

@@ -1 +1 @@
-{"version":3,"names":[],"sourceRoot":"../../../../src","sources":["features/voice/types.ts"],"mappings":"","ignoreList":[]}
+{"version":3,"names":["RecordButtonVariant"],"sourceRoot":"../../../../src","sources":["features/voice/types.ts"],"mappings":";;AAqFA,WAAYA,mBAAmB,0BAAnBA,mBAAmB;EAAnBA,mBAAmB;EAAnBA,mBAAmB;EAAA,OAAnBA,mBAAmB;AAAA","ignoreList":[]}

package/dist/typescript/commonjs/features/voice/constants.d.ts

@@ -1,6 +1,12 @@
 export declare const VOICE_RECORDER_CONTAINER_SIZES: {
-    COLLAPSED: number;
-    EXPANDED: number;
+    COLLAPSED: {
+        default: number;
+        advanced: number;
+    };
+    EXPANDED: {
+        default: number;
+        advanced: number;
+    };
 };
 export declare const VOICE_RECORDER_MAX_DURATION_MS = 60000;
 export declare const VOICE_RECORDER_MIN_DURATION_MS = 300;
@@ -13,4 +19,8 @@ export declare const DROPDOWN_MAX_CONTENT_HEIGHT = 330;
 export declare const TRANSCRIPT_RETRY_INTERVAL_MS = 4000;
 export declare const TRANSCRIPT_MAX_RETRIES = 15;
 export declare const NO_AUDIO_BE_MESSAGE = "No audio";
+export declare const VOICE_RECORD_SHADOWS: {
+    default: string;
+    advanced: string;
+};
 //# sourceMappingURL=constants.d.ts.map

package/dist/typescript/commonjs/features/voice/constants.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"constants.d.ts","sourceRoot":"","sources":["../../../../../src/features/voice/constants.ts"],"names":[],"mappings":"AAAA,eAAO,MAAM,8BAA8B;;;CAG1C,CAAA;AACD,eAAO,MAAM,8BAA8B,QAAQ,CAAA;AACnD,eAAO,MAAM,8BAA8B,MAAM,CAAA;AACjD,oBAAY,kBAAkB;IAC5B,IAAI,IAAA;IACJ,SAAS,IAAA;IACT,MAAM,IAAA;CACP;AACD,eAAO,MAAM,2BAA2B,MAAM,CAAA;AAC9C,eAAO,MAAM,4BAA4B,OAAO,CAAA;AAChD,eAAO,MAAM,sBAAsB,KAAK,CAAA;AACxC,eAAO,MAAM,mBAAmB,aAAa,CAAA"}
+{"version":3,"file":"constants.d.ts","sourceRoot":"","sources":["../../../../../src/features/voice/constants.ts"],"names":[],"mappings":"AAAA,eAAO,MAAM,8BAA8B;;;;;;;;;CAS1C,CAAA;AACD,eAAO,MAAM,8BAA8B,QAAQ,CAAA;AACnD,eAAO,MAAM,8BAA8B,MAAM,CAAA;AACjD,oBAAY,kBAAkB;IAC5B,IAAI,IAAA;IACJ,SAAS,IAAA;IACT,MAAM,IAAA;CACP;AACD,eAAO,MAAM,2BAA2B,MAAM,CAAA;AAC9C,eAAO,MAAM,4BAA4B,OAAO,CAAA;AAChD,eAAO,MAAM,sBAAsB,KAAK,CAAA;AACxC,eAAO,MAAM,mBAAmB,aAAa,CAAA;AAG7C,eAAO,MAAM,oBAAoB;;;CAGhC,CAAA"}

package/dist/typescript/commonjs/features/voice/recording/components/VoiceRecord.d.ts

@@ -1,10 +1,12 @@
 import { StyleProp, ViewStyle } from 'react-native';
 import React from 'react';
 import { VoiceRecordModel } from '../model/VoiceRecord.model';
+import { RecordButtonVariant } from '../../types';
 type VoiceRecordProps = {
     style?: StyleProp<ViewStyle>;
     model: VoiceRecordModel;
+    buttonVariant: RecordButtonVariant;
 };
-export declare const VoiceRecord: ({ style, model }: VoiceRecordProps) => React.JSX.Element;
+export declare const VoiceRecord: ({ style, model, buttonVariant }: VoiceRecordProps) => React.JSX.Element;
 export {};
 //# sourceMappingURL=VoiceRecord.d.ts.map

package/dist/typescript/commonjs/features/voice/recording/components/VoiceRecord.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"VoiceRecord.d.ts","sourceRoot":"","sources":["../../../../../../../src/features/voice/recording/components/VoiceRecord.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,SAAS,EAAc,MAAM,cAAc,CAAA;AAE/D,OAAO,KAAoB,MAAM,OAAO,CAAA;AAMxC,OAAO,EAAE,gBAAgB,EAAE,MAAM,4BAA4B,CAAA;AAK7D,KAAK,gBAAgB,GAAG;IACtB,KAAK,CAAC,EAAE,SAAS,CAAC,SAAS,CAAC,CAAA;IAC5B,KAAK,EAAE,gBAAgB,CAAA;CACxB,CAAA;AAED,eAAO,MAAM,WAAW,qBAAsB,gBAAgB,sBA4B7D,CAAA"}
+{"version":3,"file":"VoiceRecord.d.ts","sourceRoot":"","sources":["../../../../../../../src/features/voice/recording/components/VoiceRecord.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,SAAS,EAAc,MAAM,cAAc,CAAA;AAE/D,OAAO,KAAoB,MAAM,OAAO,CAAA;AAMxC,OAAO,EAAE,gBAAgB,EAAE,MAAM,4BAA4B,CAAA;AAI7D,OAAO,EAAE,mBAAmB,EAAE,MAAM,aAAa,CAAA;AAGjD,KAAK,gBAAgB,GAAG;IACtB,KAAK,CAAC,EAAE,SAAS,CAAC,SAAS,CAAC,CAAA;IAC5B,KAAK,EAAE,gBAAgB,CAAA;IACvB,aAAa,EAAE,mBAAmB,CAAA;CACnC,CAAA;AAED,eAAO,MAAM,WAAW,oCAAqC,gBAAgB,sBAuC5E,CAAA"}

package/dist/typescript/commonjs/features/voice/recording/components/VoiceRecordButton.d.ts

@@ -1,10 +1,10 @@
 import React from 'react';
-import { ButtonStyle } from '@magmamath/react-native-ui';
 import { VoiceRecordModel } from '../model/VoiceRecord.model';
+import { RecordButtonVariant } from '../../types';
 type VoiceRecordButtonProps = {
-    style?: ButtonStyle;
     model: VoiceRecordModel;
+    buttonVariant: RecordButtonVariant;
 };
-export declare const VoiceRecordButton: ({ style, model }: VoiceRecordButtonProps) => React.JSX.Element;
+export declare const VoiceRecordButton: ({ model, buttonVariant }: VoiceRecordButtonProps) => React.JSX.Element;
 export {};
 //# sourceMappingURL=VoiceRecordButton.d.ts.map

package/dist/typescript/commonjs/features/voice/recording/components/VoiceRecordButton.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"VoiceRecordButton.d.ts","sourceRoot":"","sources":["../../../../../../../src/features/voice/recording/components/VoiceRecordButton.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAkB,MAAM,OAAO,CAAA;AACtC,OAAO,EAIL,WAAW,EAGZ,MAAM,4BAA4B,CAAA;AAGnC,OAAO,EAAE,gBAAgB,EAAE,MAAM,4BAA4B,CAAA;AAK7D,KAAK,sBAAsB,GAAG;IAC5B,KAAK,CAAC,EAAE,WAAW,CAAA;IACnB,KAAK,EAAE,gBAAgB,CAAA;CACxB,CAAA;AAED,eAAO,MAAM,iBAAiB,qBAAsB,sBAAsB,sBA0CzE,CAAA"}
+{"version":3,"file":"VoiceRecordButton.d.ts","sourceRoot":"","sources":["../../../../../../../src/features/voice/recording/components/VoiceRecordButton.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAA;AAczB,OAAO,EAAE,gBAAgB,EAAE,MAAM,4BAA4B,CAAA;AAI7D,OAAO,EAAE,mBAAmB,EAAE,MAAM,aAAa,CAAA;AAEjD,KAAK,sBAAsB,GAAG;IAC5B,KAAK,EAAE,gBAAgB,CAAA;IACvB,aAAa,EAAE,mBAAmB,CAAA;CACnC,CAAA;AASD,eAAO,MAAM,iBAAiB,6BAA8B,sBAAsB,sBAkDjF,CAAA"}

package/dist/typescript/commonjs/features/voice/recording/hooks/useVoiceRecorderAnimation.d.ts

@@ -1,4 +1,5 @@
-export declare const useVoiceRecorderAnimation: (isExpanded: boolean) => {
+import { RecordButtonVariant } from '../../types';
+export declare const useVoiceRecorderAnimation: (isExpanded: boolean, buttonVariant: RecordButtonVariant) => {
     containerAnimatedStyle: {
         height: number;
     };

package/dist/typescript/commonjs/features/voice/recording/hooks/useVoiceRecorderAnimation.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"useVoiceRecorderAnimation.d.ts","sourceRoot":"","sources":["../../../../../../../src/features/voice/recording/hooks/useVoiceRecorderAnimation.ts"],"names":[],"mappings":"AAGA,eAAO,MAAM,yBAAyB,eAAgB,OAAO;;;;CAe5D,CAAA"}
+{"version":3,"file":"useVoiceRecorderAnimation.d.ts","sourceRoot":"","sources":["../../../../../../../src/features/voice/recording/hooks/useVoiceRecorderAnimation.ts"],"names":[],"mappings":"AAEA,OAAO,EAAE,mBAAmB,EAAE,MAAM,aAAa,CAAA;AAEjD,eAAO,MAAM,yBAAyB,eACxB,OAAO,iBACJ,mBAAmB;;;;CAgBnC,CAAA"}

package/dist/typescript/commonjs/features/voice/types.d.ts

@@ -68,5 +68,9 @@ export type VoiceTranscriptionItem = {
     controller?: AbortController;
     hasDrawing?: boolean;
 };
+export declare enum RecordButtonVariant {
+    DEFAULT = "default",
+    ADVANCED = "advanced"
+}
 export {};
 //# sourceMappingURL=types.d.ts.map

package/dist/typescript/commonjs/features/voice/types.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../../../src/features/voice/types.ts"],"names":[],"mappings":"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"}
+{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../../../src/features/voice/types.ts"],"names":[],"mappings":"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"}

package/dist/typescript/module/features/voice/constants.d.ts

@@ -1,6 +1,12 @@
 export declare const VOICE_RECORDER_CONTAINER_SIZES: {
-    COLLAPSED: number;
-    EXPANDED: number;
+    COLLAPSED: {
+        default: number;
+        advanced: number;
+    };
+    EXPANDED: {
+        default: number;
+        advanced: number;
+    };
 };
 export declare const VOICE_RECORDER_MAX_DURATION_MS = 60000;
 export declare const VOICE_RECORDER_MIN_DURATION_MS = 300;
@@ -13,4 +19,8 @@ export declare const DROPDOWN_MAX_CONTENT_HEIGHT = 330;
 export declare const TRANSCRIPT_RETRY_INTERVAL_MS = 4000;
 export declare const TRANSCRIPT_MAX_RETRIES = 15;
 export declare const NO_AUDIO_BE_MESSAGE = "No audio";
+export declare const VOICE_RECORD_SHADOWS: {
+    default: string;
+    advanced: string;
+};
 //# sourceMappingURL=constants.d.ts.map

package/dist/typescript/module/features/voice/constants.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"constants.d.ts","sourceRoot":"","sources":["../../../../../src/features/voice/constants.ts"],"names":[],"mappings":"AAAA,eAAO,MAAM,8BAA8B;;;CAG1C,CAAA;AACD,eAAO,MAAM,8BAA8B,QAAQ,CAAA;AACnD,eAAO,MAAM,8BAA8B,MAAM,CAAA;AACjD,oBAAY,kBAAkB;IAC5B,IAAI,IAAA;IACJ,SAAS,IAAA;IACT,MAAM,IAAA;CACP;AACD,eAAO,MAAM,2BAA2B,MAAM,CAAA;AAC9C,eAAO,MAAM,4BAA4B,OAAO,CAAA;AAChD,eAAO,MAAM,sBAAsB,KAAK,CAAA;AACxC,eAAO,MAAM,mBAAmB,aAAa,CAAA"}
+{"version":3,"file":"constants.d.ts","sourceRoot":"","sources":["../../../../../src/features/voice/constants.ts"],"names":[],"mappings":"AAAA,eAAO,MAAM,8BAA8B;;;;;;;;;CAS1C,CAAA;AACD,eAAO,MAAM,8BAA8B,QAAQ,CAAA;AACnD,eAAO,MAAM,8BAA8B,MAAM,CAAA;AACjD,oBAAY,kBAAkB;IAC5B,IAAI,IAAA;IACJ,SAAS,IAAA;IACT,MAAM,IAAA;CACP;AACD,eAAO,MAAM,2BAA2B,MAAM,CAAA;AAC9C,eAAO,MAAM,4BAA4B,OAAO,CAAA;AAChD,eAAO,MAAM,sBAAsB,KAAK,CAAA;AACxC,eAAO,MAAM,mBAAmB,aAAa,CAAA;AAG7C,eAAO,MAAM,oBAAoB;;;CAGhC,CAAA"}

package/dist/typescript/module/features/voice/recording/components/VoiceRecord.d.ts

@@ -1,10 +1,12 @@
 import { StyleProp, ViewStyle } from 'react-native';
 import React from 'react';
 import { VoiceRecordModel } from '../model/VoiceRecord.model';
+import { RecordButtonVariant } from '../../types';
 type VoiceRecordProps = {
     style?: StyleProp<ViewStyle>;
     model: VoiceRecordModel;
+    buttonVariant: RecordButtonVariant;
 };
-export declare const VoiceRecord: ({ style, model }: VoiceRecordProps) => React.JSX.Element;
+export declare const VoiceRecord: ({ style, model, buttonVariant }: VoiceRecordProps) => React.JSX.Element;
 export {};
 //# sourceMappingURL=VoiceRecord.d.ts.map

package/dist/typescript/module/features/voice/recording/components/VoiceRecord.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"VoiceRecord.d.ts","sourceRoot":"","sources":["../../../../../../../src/features/voice/recording/components/VoiceRecord.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,SAAS,EAAc,MAAM,cAAc,CAAA;AAE/D,OAAO,KAAoB,MAAM,OAAO,CAAA;AAMxC,OAAO,EAAE,gBAAgB,EAAE,MAAM,4BAA4B,CAAA;AAK7D,KAAK,gBAAgB,GAAG;IACtB,KAAK,CAAC,EAAE,SAAS,CAAC,SAAS,CAAC,CAAA;IAC5B,KAAK,EAAE,gBAAgB,CAAA;CACxB,CAAA;AAED,eAAO,MAAM,WAAW,qBAAsB,gBAAgB,sBA4B7D,CAAA"}
+{"version":3,"file":"VoiceRecord.d.ts","sourceRoot":"","sources":["../../../../../../../src/features/voice/recording/components/VoiceRecord.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,SAAS,EAAc,MAAM,cAAc,CAAA;AAE/D,OAAO,KAAoB,MAAM,OAAO,CAAA;AAMxC,OAAO,EAAE,gBAAgB,EAAE,MAAM,4BAA4B,CAAA;AAI7D,OAAO,EAAE,mBAAmB,EAAE,MAAM,aAAa,CAAA;AAGjD,KAAK,gBAAgB,GAAG;IACtB,KAAK,CAAC,EAAE,SAAS,CAAC,SAAS,CAAC,CAAA;IAC5B,KAAK,EAAE,gBAAgB,CAAA;IACvB,aAAa,EAAE,mBAAmB,CAAA;CACnC,CAAA;AAED,eAAO,MAAM,WAAW,oCAAqC,gBAAgB,sBAuC5E,CAAA"}

package/dist/typescript/module/features/voice/recording/components/VoiceRecordButton.d.ts

@@ -1,10 +1,10 @@
 import React from 'react';
-import { ButtonStyle } from '@magmamath/react-native-ui';
 import { VoiceRecordModel } from '../model/VoiceRecord.model';
+import { RecordButtonVariant } from '../../types';
 type VoiceRecordButtonProps = {
-    style?: ButtonStyle;
     model: VoiceRecordModel;
+    buttonVariant: RecordButtonVariant;
 };
-export declare const VoiceRecordButton: ({ style, model }: VoiceRecordButtonProps) => React.JSX.Element;
+export declare const VoiceRecordButton: ({ model, buttonVariant }: VoiceRecordButtonProps) => React.JSX.Element;
 export {};
 //# sourceMappingURL=VoiceRecordButton.d.ts.map

package/dist/typescript/module/features/voice/recording/components/VoiceRecordButton.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"VoiceRecordButton.d.ts","sourceRoot":"","sources":["../../../../../../../src/features/voice/recording/components/VoiceRecordButton.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAkB,MAAM,OAAO,CAAA;AACtC,OAAO,EAIL,WAAW,EAGZ,MAAM,4BAA4B,CAAA;AAGnC,OAAO,EAAE,gBAAgB,EAAE,MAAM,4BAA4B,CAAA;AAK7D,KAAK,sBAAsB,GAAG;IAC5B,KAAK,CAAC,EAAE,WAAW,CAAA;IACnB,KAAK,EAAE,gBAAgB,CAAA;CACxB,CAAA;AAED,eAAO,MAAM,iBAAiB,qBAAsB,sBAAsB,sBA0CzE,CAAA"}
+{"version":3,"file":"VoiceRecordButton.d.ts","sourceRoot":"","sources":["../../../../../../../src/features/voice/recording/components/VoiceRecordButton.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAA;AAczB,OAAO,EAAE,gBAAgB,EAAE,MAAM,4BAA4B,CAAA;AAI7D,OAAO,EAAE,mBAAmB,EAAE,MAAM,aAAa,CAAA;AAEjD,KAAK,sBAAsB,GAAG;IAC5B,KAAK,EAAE,gBAAgB,CAAA;IACvB,aAAa,EAAE,mBAAmB,CAAA;CACnC,CAAA;AASD,eAAO,MAAM,iBAAiB,6BAA8B,sBAAsB,sBAkDjF,CAAA"}

package/dist/typescript/module/features/voice/recording/hooks/useVoiceRecorderAnimation.d.ts

@@ -1,4 +1,5 @@
-export declare const useVoiceRecorderAnimation: (isExpanded: boolean) => {
+import { RecordButtonVariant } from '../../types';
+export declare const useVoiceRecorderAnimation: (isExpanded: boolean, buttonVariant: RecordButtonVariant) => {
     containerAnimatedStyle: {
         height: number;
     };

package/dist/typescript/module/features/voice/recording/hooks/useVoiceRecorderAnimation.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"useVoiceRecorderAnimation.d.ts","sourceRoot":"","sources":["../../../../../../../src/features/voice/recording/hooks/useVoiceRecorderAnimation.ts"],"names":[],"mappings":"AAGA,eAAO,MAAM,yBAAyB,eAAgB,OAAO;;;;CAe5D,CAAA"}
+{"version":3,"file":"useVoiceRecorderAnimation.d.ts","sourceRoot":"","sources":["../../../../../../../src/features/voice/recording/hooks/useVoiceRecorderAnimation.ts"],"names":[],"mappings":"AAEA,OAAO,EAAE,mBAAmB,EAAE,MAAM,aAAa,CAAA;AAEjD,eAAO,MAAM,yBAAyB,eACxB,OAAO,iBACJ,mBAAmB;;;;CAgBnC,CAAA"}

package/dist/typescript/module/features/voice/types.d.ts

@@ -68,5 +68,9 @@ export type VoiceTranscriptionItem = {
     controller?: AbortController;
     hasDrawing?: boolean;
 };
+export declare enum RecordButtonVariant {
+    DEFAULT = "default",
+    ADVANCED = "advanced"
+}
 export {};
 //# sourceMappingURL=types.d.ts.map

package/dist/typescript/module/features/voice/types.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../../../src/features/voice/types.ts"],"names":[],"mappings":"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"}
+{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../../../src/features/voice/types.ts"],"names":[],"mappings":"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"}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@magmamath/students-features",
-  "version": "1.3.7",
+  "version": "1.3.8-rc.2",
   "description": "Magmamath features library",
   "source": "src/index.ts",
   "main": "src/index.ts",

package/src/features/voice/constants.ts

@@ -1,6 +1,12 @@
 export const VOICE_RECORDER_CONTAINER_SIZES = {
-  COLLAPSED: 61,
-  EXPANDED: 152,
+  COLLAPSED: {
+    default: 61,
+    advanced: 52,
+  },
+  EXPANDED: {
+    default: 152,
+    advanced: 136,
+  },
 }
 export const VOICE_RECORDER_MAX_DURATION_MS = 60000 // 1 minute
 export const VOICE_RECORDER_MIN_DURATION_MS = 300
@@ -13,3 +19,9 @@ export const DROPDOWN_MAX_CONTENT_HEIGHT = 330
 export const TRANSCRIPT_RETRY_INTERVAL_MS = 4000
 export const TRANSCRIPT_MAX_RETRIES = 15
 export const NO_AUDIO_BE_MESSAGE = 'No audio'
+
+//todo: remove native shadows from rn-ui and set from WEB for both platforms
+export const VOICE_RECORD_SHADOWS = {
+  default: '0 1px 3px 0 rgba(51, 51, 51, 0.10), 0 0 1px 0 rgba(51, 51, 51, 0.40)',
+  advanced: '0 0 1px 0 rgba(51, 51, 51, 0.20), 0 3px 10px 0 rgba(51, 51, 51, 0.16)',
+}

package/src/features/voice/recording/components/VoiceRecord.tsx

@@ -1,7 +1,7 @@
 import { StyleProp, ViewStyle, StyleSheet } from 'react-native'
 import { VoiceRecordButton } from './VoiceRecordButton'
 import React, { useEffect } from 'react'
-import { COLORS, SPACING } from '@magmamath/react-native-ui'
+import { BORDER_RADIUS, COLORS, SPACING } from '@magmamath/react-native-ui'
 import { VoiceRecordDeleteButton } from './VoiceRecordDeleteButton'
 import { VoiceRecordDivider } from './VoiceRecordDivider'
 import { VoiceRecordTimer } from './VoiceRecordTimer'
@@ -10,17 +10,20 @@ import { VoiceRecordModel } from '../model/VoiceRecord.model'
 import { useVoiceRecorder } from '../hooks/useVoiceRecorder'
 import { useVoiceRecorderAnimation } from '../hooks/useVoiceRecorderAnimation'
 import { useUnit } from 'effector-react'
+import { RecordButtonVariant } from '../../types'
+import { VOICE_RECORD_SHADOWS } from '../../constants'
 
 type VoiceRecordProps = {
   style?: StyleProp<ViewStyle>
   model: VoiceRecordModel
+  buttonVariant: RecordButtonVariant
 }
 
-export const VoiceRecord = ({ style, model }: VoiceRecordProps) => {
+export const VoiceRecord = ({ style, model, buttonVariant }: VoiceRecordProps) => {
   const { recorderState } = useVoiceRecorder(model)
   const [isExpanded, isDisabled] = useUnit([model.$isExpanded, model.$isButtonDisabled])
 
-  const { containerAnimatedStyle } = useVoiceRecorderAnimation(isExpanded)
+  const { containerAnimatedStyle } = useVoiceRecorderAnimation(isExpanded, buttonVariant)
 
   useEffect(() => {
     return () => {
@@ -29,12 +32,23 @@ export const VoiceRecord = ({ style, model }: VoiceRecordProps) => {
   }, [model])
 
   return (
-    <Animated.View style={[styles.container, style, containerAnimatedStyle]}>
-      <VoiceRecordButton model={model} />
+    <Animated.View
+      style={[
+        styles.container,
+        buttonVariant === RecordButtonVariant.ADVANCED && styles.advancedVariantContainer,
+        { boxShadow: VOICE_RECORD_SHADOWS[buttonVariant] },
+        style,
+        containerAnimatedStyle,
+      ]}
+    >
+      <VoiceRecordButton model={model} buttonVariant={buttonVariant} />
       {isExpanded && (
         <Animated.View entering={FadeIn} exiting={FadeOut} style={styles.expendedContainer}>
           <VoiceRecordTimer
-            style={styles.timer}
+            style={[
+              styles.timer,
+              buttonVariant === RecordButtonVariant.ADVANCED && styles.advancedVariantTimer,
+            ]}
             model={model}
             recordingFileDurationMs={recorderState.durationMillis}
           />
@@ -53,12 +67,18 @@ const styles = StyleSheet.create({
     paddingBottom: 6,
     backgroundColor: COLORS.NEUTRAL_3,
     borderRadius: 32,
-    boxShadow: '0 1px 3px 0 rgba(51, 51, 51, 0.10), 0 0 1px 0 rgba(51, 51, 51, 0.40)',
+  },
+  advancedVariantContainer: {
+    borderRadius: BORDER_RADIUS[300],
+    padding: 0,
     overflow: 'hidden',
   },
   timer: {
     marginTop: SPACING[400],
   },
+  advancedVariantTimer: {
+    marginTop: SPACING[150],
+  },
   expendedContainer: {
     alignItems: 'center',
   },