@magmamath/students-features 1.2.1-rc.8 → 1.2.2-rc.0
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/commonjs/features/chatbot/components/Chat/Chat.js +3 -1
- package/dist/commonjs/features/chatbot/components/Chat/Chat.js.map +1 -1
- package/dist/commonjs/features/chatbot/components/Chatbot.js +2 -1
- package/dist/commonjs/features/chatbot/components/Chatbot.js.map +1 -1
- package/dist/commonjs/features/voice/constants.js +2 -8
- package/dist/commonjs/features/voice/constants.js.map +1 -1
- package/dist/commonjs/features/voice/recording/components/VoiceRecord.js +5 -16
- package/dist/commonjs/features/voice/recording/components/VoiceRecord.js.map +1 -1
- package/dist/commonjs/features/voice/recording/components/VoiceRecordButton.js +20 -71
- package/dist/commonjs/features/voice/recording/components/VoiceRecordButton.js.map +1 -1
- package/dist/commonjs/features/voice/recording/components/VoiceRecordDeleteButton.js +2 -2
- package/dist/commonjs/features/voice/recording/hooks/useVoiceRecorderAnimation.js +3 -3
- package/dist/commonjs/features/voice/recording/hooks/useVoiceRecorderAnimation.js.map +1 -1
- package/dist/commonjs/features/voice/recording/model/VoiceRecord.model.js +0 -5
- package/dist/commonjs/features/voice/recording/model/VoiceRecord.model.js.map +1 -1
- package/dist/commonjs/features/voice/types.js +0 -6
- package/dist/commonjs/features/voice/types.js.map +1 -1
- package/dist/module/features/chatbot/components/Chat/Chat.js +3 -1
- package/dist/module/features/chatbot/components/Chat/Chat.js.map +1 -1
- package/dist/module/features/chatbot/components/Chatbot.js +2 -1
- package/dist/module/features/chatbot/components/Chatbot.js.map +1 -1
- package/dist/module/features/voice/constants.js +2 -8
- package/dist/module/features/voice/constants.js.map +1 -1
- package/dist/module/features/voice/recording/components/VoiceRecord.js +6 -17
- package/dist/module/features/voice/recording/components/VoiceRecord.js.map +1 -1
- package/dist/module/features/voice/recording/components/VoiceRecordButton.js +21 -72
- package/dist/module/features/voice/recording/components/VoiceRecordButton.js.map +1 -1
- package/dist/module/features/voice/recording/components/VoiceRecordDeleteButton.js +2 -2
- package/dist/module/features/voice/recording/hooks/useVoiceRecorderAnimation.js +3 -3
- package/dist/module/features/voice/recording/hooks/useVoiceRecorderAnimation.js.map +1 -1
- package/dist/module/features/voice/recording/model/VoiceRecord.model.js +0 -5
- package/dist/module/features/voice/recording/model/VoiceRecord.model.js.map +1 -1
- package/dist/module/features/voice/types.js +1 -5
- package/dist/module/features/voice/types.js.map +1 -1
- package/dist/typescript/commonjs/features/chatbot/components/Chat/Chat.d.ts +2 -1
- package/dist/typescript/commonjs/features/chatbot/components/Chat/Chat.d.ts.map +1 -1
- package/dist/typescript/commonjs/features/chatbot/components/Chatbot.d.ts.map +1 -1
- package/dist/typescript/commonjs/features/voice/constants.d.ts +2 -8
- package/dist/typescript/commonjs/features/voice/constants.d.ts.map +1 -1
- package/dist/typescript/commonjs/features/voice/recording/components/VoiceRecord.d.ts.map +1 -1
- package/dist/typescript/commonjs/features/voice/recording/components/VoiceRecordButton.d.ts +3 -1
- package/dist/typescript/commonjs/features/voice/recording/components/VoiceRecordButton.d.ts.map +1 -1
- package/dist/typescript/commonjs/features/voice/recording/hooks/useVoiceRecorderAnimation.d.ts +1 -2
- package/dist/typescript/commonjs/features/voice/recording/hooks/useVoiceRecorderAnimation.d.ts.map +1 -1
- package/dist/typescript/commonjs/features/voice/recording/model/VoiceRecord.model.d.ts +1 -3
- package/dist/typescript/commonjs/features/voice/recording/model/VoiceRecord.model.d.ts.map +1 -1
- package/dist/typescript/commonjs/features/voice/types.d.ts +0 -4
- package/dist/typescript/commonjs/features/voice/types.d.ts.map +1 -1
- package/dist/typescript/module/features/chatbot/components/Chat/Chat.d.ts +2 -1
- package/dist/typescript/module/features/chatbot/components/Chat/Chat.d.ts.map +1 -1
- package/dist/typescript/module/features/chatbot/components/Chatbot.d.ts.map +1 -1
- package/dist/typescript/module/features/voice/constants.d.ts +2 -8
- package/dist/typescript/module/features/voice/constants.d.ts.map +1 -1
- package/dist/typescript/module/features/voice/recording/components/VoiceRecord.d.ts.map +1 -1
- package/dist/typescript/module/features/voice/recording/components/VoiceRecordButton.d.ts +3 -1
- package/dist/typescript/module/features/voice/recording/components/VoiceRecordButton.d.ts.map +1 -1
- package/dist/typescript/module/features/voice/recording/hooks/useVoiceRecorderAnimation.d.ts +1 -2
- package/dist/typescript/module/features/voice/recording/hooks/useVoiceRecorderAnimation.d.ts.map +1 -1
- package/dist/typescript/module/features/voice/recording/model/VoiceRecord.model.d.ts +1 -3
- package/dist/typescript/module/features/voice/recording/model/VoiceRecord.model.d.ts.map +1 -1
- package/dist/typescript/module/features/voice/types.d.ts +0 -4
- package/dist/typescript/module/features/voice/types.d.ts.map +1 -1
- package/package.json +1 -1
- package/src/features/chatbot/components/Chat/Chat.tsx +3 -1
- package/src/features/chatbot/components/Chatbot.tsx +2 -0
- package/src/features/voice/constants.ts +2 -8
- package/src/features/voice/recording/components/VoiceRecord.tsx +5 -26
- package/src/features/voice/recording/components/VoiceRecordButton.tsx +29 -98
- package/src/features/voice/recording/components/VoiceRecordDeleteButton.tsx +2 -2
- package/src/features/voice/recording/hooks/useVoiceRecorderAnimation.ts +4 -8
- package/src/features/voice/recording/model/VoiceRecord.model.ts +0 -7
- package/src/features/voice/types.ts +0 -5
|
@@ -1,12 +1,6 @@
|
|
|
1
1
|
export declare const VOICE_RECORDER_CONTAINER_SIZES: {
|
|
2
|
-
COLLAPSED:
|
|
3
|
-
|
|
4
|
-
advanced: number;
|
|
5
|
-
};
|
|
6
|
-
EXPANDED: {
|
|
7
|
-
default: number;
|
|
8
|
-
advanced: number;
|
|
9
|
-
};
|
|
2
|
+
COLLAPSED: number;
|
|
3
|
+
EXPANDED: number;
|
|
10
4
|
};
|
|
11
5
|
export declare const VOICE_RECORDER_MAX_DURATION_MS = 60000;
|
|
12
6
|
export declare const VOICE_RECORDER_MIN_DURATION_MS = 300;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"constants.d.ts","sourceRoot":"","sources":["../../../../../src/features/voice/constants.ts"],"names":[],"mappings":"AAAA,eAAO,MAAM,8BAA8B
|
|
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"}
|
|
@@ -1 +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;
|
|
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"}
|
|
@@ -1,8 +1,10 @@
|
|
|
1
1
|
import React from 'react';
|
|
2
|
+
import { ButtonStyle } from '@magmamath/react-native-ui';
|
|
2
3
|
import { VoiceRecordModel } from '../model/VoiceRecord.model';
|
|
3
4
|
type VoiceRecordButtonProps = {
|
|
5
|
+
style?: ButtonStyle;
|
|
4
6
|
model: VoiceRecordModel;
|
|
5
7
|
};
|
|
6
|
-
export declare const VoiceRecordButton: ({ model }: VoiceRecordButtonProps) => React.JSX.Element;
|
|
8
|
+
export declare const VoiceRecordButton: ({ style, model }: VoiceRecordButtonProps) => React.JSX.Element;
|
|
7
9
|
export {};
|
|
8
10
|
//# sourceMappingURL=VoiceRecordButton.d.ts.map
|
package/dist/typescript/module/features/voice/recording/components/VoiceRecordButton.d.ts.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"VoiceRecordButton.d.ts","sourceRoot":"","sources":["../../../../../../../src/features/voice/recording/components/VoiceRecordButton.tsx"],"names":[],"mappings":"AAAA,OAAO,
|
|
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"}
|
package/dist/typescript/module/features/voice/recording/hooks/useVoiceRecorderAnimation.d.ts
CHANGED
|
@@ -1,5 +1,4 @@
|
|
|
1
|
-
|
|
2
|
-
export declare const useVoiceRecorderAnimation: (isExpanded: boolean, recordButtonVariant: RecordButtonVariant) => {
|
|
1
|
+
export declare const useVoiceRecorderAnimation: (isExpanded: boolean) => {
|
|
3
2
|
containerAnimatedStyle: {
|
|
4
3
|
height: number;
|
|
5
4
|
};
|
package/dist/typescript/module/features/voice/recording/hooks/useVoiceRecorderAnimation.d.ts.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"useVoiceRecorderAnimation.d.ts","sourceRoot":"","sources":["../../../../../../../src/features/voice/recording/hooks/useVoiceRecorderAnimation.ts"],"names":[],"mappings":"
|
|
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"}
|
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
import { RecorderModel } from './Recorder.model';
|
|
2
2
|
import { VoiceRecordsCollection } from './VoiceRecordCollection';
|
|
3
3
|
import { UploaderModel } from './Uploader.model';
|
|
4
|
-
import {
|
|
4
|
+
import { VoiceRecordCollectionItem, VoiceRecorderApi, VoiceRecordNotificationTypes } from '../../types';
|
|
5
5
|
type VoiceRecordModelParams = {
|
|
6
6
|
api: VoiceRecorderApi;
|
|
7
7
|
notification: VoiceRecordNotificationTypes;
|
|
@@ -22,7 +22,6 @@ export declare class VoiceRecordModel {
|
|
|
22
22
|
readonly notification: VoiceRecordNotificationTypes;
|
|
23
23
|
readonly events: VoiceRecordEvents;
|
|
24
24
|
private shouldDiscardRecording;
|
|
25
|
-
recordButtonVariant: RecordButtonVariant;
|
|
26
25
|
readonly setCurrentKey: import("effector").EventCallable<string>;
|
|
27
26
|
readonly setCurrentRecord: import("effector").EventCallable<any>;
|
|
28
27
|
readonly reset: import("effector").EventCallable<void>;
|
|
@@ -33,7 +32,6 @@ export declare class VoiceRecordModel {
|
|
|
33
32
|
readonly $isButtonDisabled: import("effector").StoreWritable<boolean>;
|
|
34
33
|
readonly $isExpanded: import("effector").Store<boolean>;
|
|
35
34
|
readonly deleteAudioRecord: import("effector").Effect<string, void, Error>;
|
|
36
|
-
readonly setRecordButtonVariant: import("effector").Effect<RecordButtonVariant, void, Error>;
|
|
37
35
|
readonly deleteCurrentRecording: import("effector").Effect<void | DeleteCurrentRecordingProps, void, Error>;
|
|
38
36
|
readonly initializeRecording: import("effector").Effect<void, void, Error>;
|
|
39
37
|
readonly stop: import("effector").Effect<void, void, Error>;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"VoiceRecord.model.d.ts","sourceRoot":"","sources":["../../../../../../../src/features/voice/recording/model/VoiceRecord.model.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,aAAa,EAAE,MAAM,kBAAkB,CAAA;AAChD,OAAO,EAAE,sBAAsB,EAAE,MAAM,yBAAyB,CAAA;AAChE,OAAO,EAAE,aAAa,EAAE,MAAM,kBAAkB,CAAA;AAEhD,OAAO,EACL,
|
|
1
|
+
{"version":3,"file":"VoiceRecord.model.d.ts","sourceRoot":"","sources":["../../../../../../../src/features/voice/recording/model/VoiceRecord.model.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,aAAa,EAAE,MAAM,kBAAkB,CAAA;AAChD,OAAO,EAAE,sBAAsB,EAAE,MAAM,yBAAyB,CAAA;AAChE,OAAO,EAAE,aAAa,EAAE,MAAM,kBAAkB,CAAA;AAEhD,OAAO,EACL,yBAAyB,EACzB,gBAAgB,EAChB,4BAA4B,EAC7B,MAAM,aAAa,CAAA;AAKpB,KAAK,sBAAsB,GAAG;IAC5B,GAAG,EAAE,gBAAgB,CAAA;IACrB,YAAY,EAAE,4BAA4B,CAAA;IAC1C,MAAM,EAAE,iBAAiB,CAAA;CAC1B,CAAA;AAYD,KAAK,iBAAiB,GAAG;IACvB,YAAY,EAAE,MAAM,IAAI,CAAA;IACxB,UAAU,EAAE,MAAM,IAAI,CAAA;CACvB,CAAA;AAED,KAAK,2BAA2B,GAAG;IACjC,YAAY,CAAC,EAAE,OAAO,CAAA;CACvB,CAAA;AAcD,qBAAa,gBAAgB;IAC3B,SAAgB,aAAa,2CAAiD;IAC9E,SAAgB,UAAU,yBAA+B;IACzD,SAAgB,QAAQ,gBAAsB;IAC9C,SAAgB,GAAG,EAAE,gBAAgB,CAAA;IACrC,SAAgB,YAAY,EAAE,4BAA4B,CAAA;IAC1D,SAAgB,MAAM,EAAE,iBAAiB,CAAA;IACzC,OAAO,CAAC,sBAAsB,CAAQ;IAEtC,SAAgB,aAAa,2CAAwB;IACrD,SAAgB,gBAAgB,wCAAqB;IACrD,SAAgB,KAAK,yCAAgB;IACrC,SAAgB,mBAAmB,4CAAyB;IAC5D,SAAgB,gBAAgB,2CAAwB;IAExD,SAAgB,WAAW,2CAAkC;IAC7D,SAAgB,cAAc,wCAAyD;IAEvF,SAAgB,iBAAiB,4CAA2C;IAE5E,SAAgB,WAAW,oCAO1B;IAED,SAAgB,iBAAiB,iDAE/B;IAEF,SAAgB,sBAAsB,6EAqBpC;IAEF,SAAgB,mBAAmB,+CA2BjC;IAEF,SAAgB,IAAI,+CAKlB;IAEF,SAAgB,OAAO,sBAKtB;IAED,SAAgB,qBAAqB,WAAY,GAAG,UAanD;IAED,SAAgB,gBAAgB,kFAkB9B;IAEF,OAAO,CAAC,uBAAuB;IAM/B,OAAO,CAAC,mBAAmB;IAM3B,OAAO,CAAC,iBAAiB,CA2BxB;IAED,OAAO,CAAC,kBAAkB;IAa1B,OAAO,CAAC,sBAAsB;IAe9B,SAAgB,qBAAqB,+CAoCnC;gBAEU,EAAE,GAAG,EAAE,YAAY,EAAE,MAAM,EAAE,EAAE,sBAAsB;CASlE"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../../../src/features/voice/types.ts"],"names":[],"mappings":"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
|
|
1
|
+
{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../../../src/features/voice/types.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,eAAe,EAAE,MAAM,wBAAwB,CAAA;AACxD,OAAO,EAAE,kBAAkB,EAAE,MAAM,WAAW,CAAA;AAC9C,OAAO,EAAE,gBAAgB,EAAE,MAAM,qCAAqC,CAAA;AACtE,OAAO,EAAE,aAAa,EAAE,MAAM,OAAO,CAAA;AAErC,MAAM,MAAM,4BAA4B,GAAG;IACzC,OAAO,EAAE,CAAC,OAAO,EAAE,MAAM,KAAK,IAAI,CAAA;IAClC,IAAI,EAAE,CAAC,OAAO,EAAE,MAAM,KAAK,IAAI,CAAA;IAC/B,KAAK,EAAE,CAAC,OAAO,EAAE,MAAM,KAAK,IAAI,CAAA;IAChC,OAAO,EAAE,CAAC,OAAO,EAAE,MAAM,KAAK,IAAI,CAAA;CACnC,CAAA;AAED,MAAM,MAAM,kBAAkB,GAAG,eAAe,CAAC;IAC/C,iBAAiB,EAAE,QAAQ,CAAA;CAC5B,CAAC,CAAA;AAEF,KAAK,mBAAmB,GAAG;IACzB,EAAE,EAAE,MAAM,CAAA;IACV,QAAQ,EAAE,MAAM,CAAA;IAChB,QAAQ,EAAE,MAAM,CAAA;CACjB,CAAA;AAED,MAAM,MAAM,yBAAyB,GAAG;IACtC,UAAU,CAAC,EAAE,MAAM,CAAA;IACnB,EAAE,CAAC,EAAE,MAAM,CAAA;IACX,UAAU,CAAC,EAAE,MAAM,CAAA;IACnB,GAAG,CAAC,EAAE,MAAM,CAAA;IACZ,kBAAkB,CAAC,EAAE,OAAO,CAAC,IAAI,GAAG,mBAAmB,CAAC,CAAA;IACxD,UAAU,CAAC,EAAE,eAAe,CAAA;CAC7B,CAAA;AAED,MAAM,MAAM,gBAAgB,GAAG;IAC7B,CAAC,SAAS,EAAE,MAAM,GAAG,yBAAyB,CAAA;CAC/C,CAAA;AAED,MAAM,MAAM,oBAAoB,GAAG,OAAO,CAAC,UAAU,CAAC,OAAO,kBAAkB,CAAC,CAAC,CAAA;AAEjF,MAAM,MAAM,sBAAsB,GAAG;IACnC,KAAK,EAAE,gBAAgB,CAAA;CACxB,CAAA;AAED,MAAM,MAAM,WAAW,GAAG;IACxB,OAAO,EAAE,MAAM,CAAA;IACf,GAAG,EAAE,MAAM,CAAA;IACX,WAAW,CAAC,EAAE,MAAM,CAAA;CACrB,CAAA;AAED,MAAM,MAAM,oBAAoB,GAAG;IACjC,WAAW,EAAE,MAAM,CAAA;CACpB,CAAA;AAED,MAAM,MAAM,gBAAgB,GAAG;IAC7B,eAAe,EAAE,CAAC,IAAI,EAAE,kBAAkB,KAAK,OAAO,CAAC,mBAAmB,CAAC,CAAA;IAC3E,eAAe,EAAE,CAAC,WAAW,EAAE,MAAM,KAAK,OAAO,CAAC,IAAI,CAAC,CAAA;CACxD,CAAA;AAED,KAAK,mBAAmB,GAAG,SAAS,GAAG,WAAW,GAAG,QAAQ,CAAA;AAC7D,MAAM,MAAM,uBAAuB,GAAG;IACpC,IAAI,EAAE,MAAM,CAAA;IACZ,MAAM,EAAE,mBAAmB,CAAA;CAC5B,CAAA;AAED,MAAM,MAAM,cAAc,GAAG;IAC3B,sBAAsB,EAAE,CAAC,WAAW,EAAE,MAAM,KAAK,OAAO,CAAC,uBAAuB,CAAC,CAAA;IACjF,iBAAiB,EAAE,CACjB,WAAW,EAAE,MAAM,EACnB,OAAO,CAAC,EAAE;QAAE,MAAM,CAAC,EAAE,WAAW,CAAA;KAAE,KAC/B,OAAO,CAAC,aAAa,CAAC,IAAI,CAAC,CAAC,CAAA;CAClC,CAAA;AAED,MAAM,MAAM,sBAAsB,GAAG;IACnC,aAAa,EAAE,MAAM,CAAA;IACrB,WAAW,EAAE,MAAM,CAAA;IACnB,GAAG,EAAE,MAAM,CAAA;IACX,UAAU,CAAC,EAAE,MAAM,CAAA;IACnB,iBAAiB,CAAC,EAAE,OAAO,CAAA;IAC3B,eAAe,CAAC,EAAE,MAAM,CAAA;IACxB,QAAQ,CAAC,EAAE,MAAM,CAAA;IACjB,YAAY,CAAC,EAAE,OAAO,CAAA;IACtB,UAAU,CAAC,EAAE,MAAM,CAAA;IACnB,oBAAoB,CAAC,EAAE,OAAO,CAAC,GAAG,CAAC,CAAA;IACnC,UAAU,CAAC,EAAE,eAAe,CAAA;IAC5B,UAAU,CAAC,EAAE,OAAO,CAAA;CACrB,CAAA"}
|
package/package.json
CHANGED
|
@@ -35,6 +35,7 @@ type ChatProps = {
|
|
|
35
35
|
MessageWrapper?: ComponentType<PropsWithChildren>
|
|
36
36
|
TTSHighlightRenderer?: TTSHighlightRenderer
|
|
37
37
|
onPressClose?: () => void
|
|
38
|
+
dataTestId?: string
|
|
38
39
|
}
|
|
39
40
|
|
|
40
41
|
export const Chat = ({
|
|
@@ -47,6 +48,7 @@ export const Chat = ({
|
|
|
47
48
|
MessageWrapper,
|
|
48
49
|
TTSHighlightRenderer,
|
|
49
50
|
onPressClose,
|
|
51
|
+
dataTestId,
|
|
50
52
|
}: ChatProps) => {
|
|
51
53
|
const listRef = useRef<FlatList>(null)
|
|
52
54
|
const { fadeRef, maskStyle, handleScrollStateChange, resetFade } = useChatFade()
|
|
@@ -115,7 +117,7 @@ export const Chat = ({
|
|
|
115
117
|
if (!isOpen) return null
|
|
116
118
|
|
|
117
119
|
return (
|
|
118
|
-
<View style={[styles.container, { maxHeight }]}>
|
|
120
|
+
<View testID={dataTestId} style={[styles.container, { maxHeight }]}>
|
|
119
121
|
<View style={styles.listWrapper}>
|
|
120
122
|
<FlatList
|
|
121
123
|
ref={listRef}
|
|
@@ -1,4 +1,5 @@
|
|
|
1
1
|
import React, { ComponentType, PropsWithChildren, useCallback } from 'react'
|
|
2
|
+
import { Text } from 'react-native'
|
|
2
3
|
import { useStoreMap, useUnit } from 'effector-react'
|
|
3
4
|
|
|
4
5
|
import { ChatbotModel } from '../model/ChatBotModel'
|
|
@@ -77,6 +78,7 @@ export const Chatbot = ({
|
|
|
77
78
|
MessageWrapper={ButtonWrapper}
|
|
78
79
|
TTSHighlightRenderer={TTSHighlightRenderer}
|
|
79
80
|
onPressClose={closeChat}
|
|
81
|
+
dataTestId="chatbot-chat"
|
|
80
82
|
/>
|
|
81
83
|
|
|
82
84
|
<ChatControls
|
|
@@ -1,12 +1,6 @@
|
|
|
1
1
|
export const VOICE_RECORDER_CONTAINER_SIZES = {
|
|
2
|
-
COLLAPSED:
|
|
3
|
-
|
|
4
|
-
advanced: 52,
|
|
5
|
-
},
|
|
6
|
-
EXPANDED: {
|
|
7
|
-
default: 152,
|
|
8
|
-
advanced: 136,
|
|
9
|
-
},
|
|
2
|
+
COLLAPSED: 61,
|
|
3
|
+
EXPANDED: 152,
|
|
10
4
|
}
|
|
11
5
|
export const VOICE_RECORDER_MAX_DURATION_MS = 60000 // 1 minute
|
|
12
6
|
export const VOICE_RECORDER_MIN_DURATION_MS = 300
|
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
import { StyleProp, ViewStyle, StyleSheet } from 'react-native'
|
|
2
2
|
import { VoiceRecordButton } from './VoiceRecordButton'
|
|
3
3
|
import React, { useEffect } from 'react'
|
|
4
|
-
import {
|
|
4
|
+
import { COLORS, SPACING } from '@magmamath/react-native-ui'
|
|
5
5
|
import { VoiceRecordDeleteButton } from './VoiceRecordDeleteButton'
|
|
6
6
|
import { VoiceRecordDivider } from './VoiceRecordDivider'
|
|
7
7
|
import { VoiceRecordTimer } from './VoiceRecordTimer'
|
|
@@ -10,7 +10,6 @@ import { VoiceRecordModel } from '../model/VoiceRecord.model'
|
|
|
10
10
|
import { useVoiceRecorder } from '../hooks/useVoiceRecorder'
|
|
11
11
|
import { useVoiceRecorderAnimation } from '../hooks/useVoiceRecorderAnimation'
|
|
12
12
|
import { useUnit } from 'effector-react'
|
|
13
|
-
import { RecordButtonVariant } from '../../types'
|
|
14
13
|
|
|
15
14
|
type VoiceRecordProps = {
|
|
16
15
|
style?: StyleProp<ViewStyle>
|
|
@@ -21,8 +20,7 @@ export const VoiceRecord = ({ style, model }: VoiceRecordProps) => {
|
|
|
21
20
|
const { recorderState } = useVoiceRecorder(model)
|
|
22
21
|
const [isExpanded, isDisabled] = useUnit([model.$isExpanded, model.$isButtonDisabled])
|
|
23
22
|
|
|
24
|
-
const
|
|
25
|
-
const { containerAnimatedStyle } = useVoiceRecorderAnimation(isExpanded, recordButtonVariant)
|
|
23
|
+
const { containerAnimatedStyle } = useVoiceRecorderAnimation(isExpanded)
|
|
26
24
|
|
|
27
25
|
useEffect(() => {
|
|
28
26
|
return () => {
|
|
@@ -31,22 +29,12 @@ export const VoiceRecord = ({ style, model }: VoiceRecordProps) => {
|
|
|
31
29
|
}, [model])
|
|
32
30
|
|
|
33
31
|
return (
|
|
34
|
-
<Animated.View
|
|
35
|
-
style={[
|
|
36
|
-
styles.container,
|
|
37
|
-
recordButtonVariant === RecordButtonVariant.ADVANCED && styles.advancedVariantContainer,
|
|
38
|
-
style,
|
|
39
|
-
containerAnimatedStyle,
|
|
40
|
-
]}
|
|
41
|
-
>
|
|
32
|
+
<Animated.View style={[styles.container, style, containerAnimatedStyle]}>
|
|
42
33
|
<VoiceRecordButton model={model} />
|
|
43
34
|
{isExpanded && (
|
|
44
35
|
<Animated.View entering={FadeIn} exiting={FadeOut} style={styles.expendedContainer}>
|
|
45
36
|
<VoiceRecordTimer
|
|
46
|
-
style={
|
|
47
|
-
styles.timer,
|
|
48
|
-
recordButtonVariant === RecordButtonVariant.ADVANCED && styles.advancedVariantTimer,
|
|
49
|
-
]}
|
|
37
|
+
style={styles.timer}
|
|
50
38
|
model={model}
|
|
51
39
|
recordingFileDurationMs={recorderState.durationMillis}
|
|
52
40
|
/>
|
|
@@ -66,20 +54,11 @@ const styles = StyleSheet.create({
|
|
|
66
54
|
backgroundColor: COLORS.NEUTRAL_3,
|
|
67
55
|
borderRadius: 32,
|
|
68
56
|
boxShadow: '0 1px 3px 0 rgba(51, 51, 51, 0.10), 0 0 1px 0 rgba(51, 51, 51, 0.40)',
|
|
69
|
-
|
|
70
|
-
advancedVariantContainer: {
|
|
71
|
-
borderRadius: BORDER_RADIUS[300],
|
|
72
|
-
padding: 0,
|
|
57
|
+
overflow: 'hidden',
|
|
73
58
|
},
|
|
74
59
|
timer: {
|
|
75
60
|
marginTop: SPACING[400],
|
|
76
61
|
},
|
|
77
|
-
defaultTimer: {
|
|
78
|
-
marginTop: SPACING[300],
|
|
79
|
-
},
|
|
80
|
-
advancedVariantTimer: {
|
|
81
|
-
marginTop: SPACING[150],
|
|
82
|
-
},
|
|
83
62
|
expendedContainer: {
|
|
84
63
|
alignItems: 'center',
|
|
85
64
|
},
|
|
@@ -1,35 +1,25 @@
|
|
|
1
|
-
import React from 'react'
|
|
1
|
+
import React, { useMemo } from 'react'
|
|
2
2
|
import {
|
|
3
|
-
BORDER_RADIUS,
|
|
4
3
|
Button,
|
|
5
4
|
ButtonColor,
|
|
6
5
|
ButtonSize,
|
|
7
6
|
ButtonStyle,
|
|
8
7
|
ButtonVariant,
|
|
9
|
-
CheckIcon,
|
|
10
|
-
COLORS,
|
|
11
8
|
IS_WEB,
|
|
12
|
-
MicrophoneIcon,
|
|
13
9
|
} from '@magmamath/react-native-ui'
|
|
14
|
-
import { Pressable
|
|
10
|
+
import { Pressable } from 'react-native'
|
|
11
|
+
import { MicrophoneIcon, CheckIcon } from '@magmamath/react-native-ui'
|
|
15
12
|
import { VoiceRecordModel } from '../model/VoiceRecord.model'
|
|
16
13
|
import { useUnit } from 'effector-react'
|
|
17
14
|
import { VoiceRecorderState } from '../../constants'
|
|
18
15
|
import { useText } from '../../../../shared/translation'
|
|
19
|
-
import { RecordButtonVariant } from '../../types'
|
|
20
16
|
|
|
21
17
|
type VoiceRecordButtonProps = {
|
|
18
|
+
style?: ButtonStyle
|
|
22
19
|
model: VoiceRecordModel
|
|
23
20
|
}
|
|
24
21
|
|
|
25
|
-
const
|
|
26
|
-
button: {
|
|
27
|
-
width: 50,
|
|
28
|
-
height: 50,
|
|
29
|
-
},
|
|
30
|
-
}
|
|
31
|
-
|
|
32
|
-
export const VoiceRecordButton = ({ model }: VoiceRecordButtonProps) => {
|
|
22
|
+
export const VoiceRecordButton = ({ style, model }: VoiceRecordButtonProps) => {
|
|
33
23
|
const t = useText()
|
|
34
24
|
|
|
35
25
|
const availableInputs = useUnit(model.recorderModel.$availableInputs)
|
|
@@ -37,97 +27,38 @@ export const VoiceRecordButton = ({ model }: VoiceRecordButtonProps) => {
|
|
|
37
27
|
const isButtonDisabled = useUnit(model.$isButtonDisabled)
|
|
38
28
|
const isInitializing = useUnit(model.initializeRecording.pending)
|
|
39
29
|
|
|
40
|
-
const
|
|
41
|
-
|
|
42
|
-
|
|
30
|
+
const combinedStyles = useMemo((): ButtonStyle => {
|
|
31
|
+
return {
|
|
32
|
+
button: [{ width: 50, height: 50 }, style?.button],
|
|
33
|
+
container: [style?.container],
|
|
34
|
+
text: [style?.text],
|
|
35
|
+
}
|
|
36
|
+
}, [style])
|
|
43
37
|
|
|
44
38
|
return (
|
|
45
39
|
<Pressable
|
|
46
40
|
onPressIn={(e) => {
|
|
47
|
-
if (
|
|
41
|
+
if (availableInputs.length) return
|
|
48
42
|
e.preventDefault()
|
|
49
43
|
model.notification.warning(t('voice.noMicrophoneFound'))
|
|
50
44
|
}}
|
|
51
|
-
pointerEvents={!
|
|
52
|
-
style={isButtonDisabled ? styles.disabledCursor : undefined}
|
|
45
|
+
pointerEvents={!availableInputs.length || isInitializing ? 'box-only' : 'auto'}
|
|
53
46
|
>
|
|
54
|
-
|
|
55
|
-
|
|
56
|
-
|
|
57
|
-
|
|
58
|
-
|
|
59
|
-
|
|
60
|
-
|
|
61
|
-
|
|
62
|
-
|
|
63
|
-
|
|
64
|
-
|
|
65
|
-
|
|
66
|
-
|
|
67
|
-
|
|
68
|
-
|
|
69
|
-
icon={
|
|
70
|
-
isRecording ? (
|
|
71
|
-
<CheckIcon size={25} />
|
|
72
|
-
) : (
|
|
73
|
-
<MicrophoneIcon style={IS_WEB ? { width: 19 } : { minWidth: 23, minHeight: 23 }} />
|
|
74
|
-
)
|
|
75
|
-
}
|
|
76
|
-
/>
|
|
77
|
-
)}
|
|
47
|
+
<Button
|
|
48
|
+
disabled={isButtonDisabled || !availableInputs.length}
|
|
49
|
+
onPressIn={() => model.recorderButtonHandler()}
|
|
50
|
+
style={combinedStyles}
|
|
51
|
+
size={ButtonSize.LARGE}
|
|
52
|
+
variant={ButtonVariant.SECONDARY}
|
|
53
|
+
colorScheme={ButtonColor.WHITE}
|
|
54
|
+
icon={
|
|
55
|
+
voiceRecordState === VoiceRecorderState.RECORDING ? (
|
|
56
|
+
<CheckIcon size={25} />
|
|
57
|
+
) : (
|
|
58
|
+
<MicrophoneIcon style={IS_WEB ? { width: 19 } : { minWidth: 23, minHeight: 23 }} />
|
|
59
|
+
)
|
|
60
|
+
}
|
|
61
|
+
/>
|
|
78
62
|
</Pressable>
|
|
79
63
|
)
|
|
80
64
|
}
|
|
81
|
-
|
|
82
|
-
type AdvancedButtonProps = {
|
|
83
|
-
isRecording: boolean
|
|
84
|
-
isIdle: boolean
|
|
85
|
-
disabled: boolean
|
|
86
|
-
onPressIn: () => void
|
|
87
|
-
}
|
|
88
|
-
|
|
89
|
-
const AdvancedButton = ({ isRecording, isIdle, disabled, onPressIn }: AdvancedButtonProps) => (
|
|
90
|
-
<Pressable
|
|
91
|
-
style={[styles.advancedButtonContainer, disabled && styles.disabledCursor]}
|
|
92
|
-
onPressIn={onPressIn}
|
|
93
|
-
disabled={disabled}
|
|
94
|
-
>
|
|
95
|
-
<View
|
|
96
|
-
style={[
|
|
97
|
-
styles.advancedIconContainer,
|
|
98
|
-
!isIdle && { borderRadius: 32, backgroundColor: COLORS.PRIMARY_BLUE },
|
|
99
|
-
]}
|
|
100
|
-
>
|
|
101
|
-
{isRecording ? (
|
|
102
|
-
<CheckIcon size={18} color={COLORS.NEUTRAL_1} />
|
|
103
|
-
) : (
|
|
104
|
-
<MicrophoneIcon
|
|
105
|
-
style={{ width: 14, height: 19 }}
|
|
106
|
-
color={disabled ? COLORS.NEUTRAL_5 : isIdle ? COLORS.NEUTRAL_9 : COLORS.NEUTRAL_1}
|
|
107
|
-
/>
|
|
108
|
-
)}
|
|
109
|
-
</View>
|
|
110
|
-
</Pressable>
|
|
111
|
-
)
|
|
112
|
-
|
|
113
|
-
const styles = StyleSheet.create({
|
|
114
|
-
advancedButtonContainer: {
|
|
115
|
-
width: 52,
|
|
116
|
-
height: 52,
|
|
117
|
-
backgroundColor: 'white',
|
|
118
|
-
alignItems: 'center',
|
|
119
|
-
justifyContent: 'center',
|
|
120
|
-
borderRadius: BORDER_RADIUS[300],
|
|
121
|
-
boxShadow: '0 0 1px 0 rgba(51, 51, 51, 0.20), 0 3px 10px 0 rgba(51, 51, 51, 0.16)',
|
|
122
|
-
},
|
|
123
|
-
advancedIconContainer: {
|
|
124
|
-
width: 36,
|
|
125
|
-
height: 36,
|
|
126
|
-
borderRadius: BORDER_RADIUS[300],
|
|
127
|
-
justifyContent: 'center',
|
|
128
|
-
alignItems: 'center',
|
|
129
|
-
},
|
|
130
|
-
disabledCursor: {
|
|
131
|
-
cursor: 'not-allowed' as 'auto',
|
|
132
|
-
},
|
|
133
|
-
})
|
|
@@ -1,23 +1,19 @@
|
|
|
1
1
|
import { useAnimatedStyle, withTiming } from 'react-native-reanimated'
|
|
2
2
|
import { VOICE_RECORDER_CONTAINER_SIZES } from '../../constants'
|
|
3
|
-
import { RecordButtonVariant } from '../../types'
|
|
4
3
|
|
|
5
|
-
export const useVoiceRecorderAnimation = (
|
|
6
|
-
isExpanded: boolean,
|
|
7
|
-
recordButtonVariant: RecordButtonVariant,
|
|
8
|
-
) => {
|
|
4
|
+
export const useVoiceRecorderAnimation = (isExpanded: boolean) => {
|
|
9
5
|
const containerAnimatedStyle = useAnimatedStyle(() => {
|
|
10
6
|
return {
|
|
11
7
|
height: withTiming(
|
|
12
8
|
isExpanded
|
|
13
|
-
? VOICE_RECORDER_CONTAINER_SIZES.EXPANDED
|
|
14
|
-
: VOICE_RECORDER_CONTAINER_SIZES.COLLAPSED
|
|
9
|
+
? VOICE_RECORDER_CONTAINER_SIZES.EXPANDED
|
|
10
|
+
: VOICE_RECORDER_CONTAINER_SIZES.COLLAPSED,
|
|
15
11
|
{
|
|
16
12
|
duration: 280,
|
|
17
13
|
},
|
|
18
14
|
),
|
|
19
15
|
}
|
|
20
|
-
}, [isExpanded
|
|
16
|
+
}, [isExpanded])
|
|
21
17
|
|
|
22
18
|
return { containerAnimatedStyle }
|
|
23
19
|
}
|
|
@@ -4,7 +4,6 @@ import { VoiceRecordsCollection } from './VoiceRecordCollection'
|
|
|
4
4
|
import { UploaderModel } from './Uploader.model'
|
|
5
5
|
import { VoiceRecorderState } from '../../constants'
|
|
6
6
|
import {
|
|
7
|
-
RecordButtonVariant,
|
|
8
7
|
VoiceRecordCollectionItem,
|
|
9
8
|
VoiceRecorderApi,
|
|
10
9
|
VoiceRecordNotificationTypes,
|
|
@@ -59,8 +58,6 @@ export class VoiceRecordModel {
|
|
|
59
58
|
public readonly events: VoiceRecordEvents
|
|
60
59
|
private shouldDiscardRecording = false
|
|
61
60
|
|
|
62
|
-
public recordButtonVariant = RecordButtonVariant.DEFAULT
|
|
63
|
-
|
|
64
61
|
public readonly setCurrentKey = createEvent<string>()
|
|
65
62
|
public readonly setCurrentRecord = createEvent<any>()
|
|
66
63
|
public readonly reset = createEvent()
|
|
@@ -85,10 +82,6 @@ export class VoiceRecordModel {
|
|
|
85
82
|
await this.api.deleteAudioFile(audioFileId)
|
|
86
83
|
})
|
|
87
84
|
|
|
88
|
-
public readonly setRecordButtonVariant = createEffect((variant: RecordButtonVariant) => {
|
|
89
|
-
this.recordButtonVariant = variant
|
|
90
|
-
})
|
|
91
|
-
|
|
92
85
|
public readonly deleteCurrentRecording = attach({
|
|
93
86
|
source: this.$currentKey,
|
|
94
87
|
mapParams: (props: DeleteCurrentRecordingProps | void, currentKey) => ({
|