@magmamath/students-features 0.9.107-rc.48 → 0.9.107-rc.49

package/dist/commonjs/features/voice/components/VoiceIcon.js

@@ -0,0 +1,49 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.VoiceIcon = void 0;
+var _reactNative = require("react-native");
+var _react = _interopRequireDefault(require("react"));
+var _reactNativeUi = require("@magmamath/react-native-ui");
+var _reactNativeReanimated = _interopRequireWildcard(require("react-native-reanimated"));
+var _jsxRuntime = require("react/jsx-runtime");
+function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function (e) { return e ? t : r; })(e); }
+function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != typeof e && "function" != typeof e) return { default: e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && {}.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n.default = e, t && t.set(e, n), n; }
+function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
+const VoiceIcon = ({
+  style
+}) => {
+  return /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNativeReanimated.default.View, {
+    entering: _reactNativeReanimated.FadeIn.duration(250),
+    style: [styles.container, style],
+    children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.View, {
+      style: styles.iconContainer,
+      children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNativeUi.MicrophoneIcon, {
+        color: _reactNativeUi.COLORS.NEUTRAL_5,
+        size: 80
+      })
+    })
+  });
+};
+exports.VoiceIcon = VoiceIcon;
+const styles = _reactNative.StyleSheet.create({
+  container: {
+    flex: 1,
+    justifyContent: 'center',
+    alignItems: 'center'
+  },
+  iconContainer: {
+    width: 124,
+    height: 124,
+    alignSelf: 'center',
+    padding: 24,
+    borderWidth: 4,
+    borderColor: _reactNativeUi.COLORS.NEUTRAL_5,
+    borderRadius: 400,
+    justifyContent: 'center',
+    alignItems: 'center'
+  }
+});
+//# sourceMappingURL=VoiceIcon.js.map

package/dist/commonjs/features/voice/components/VoiceIcon.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["_reactNative","require","_react","_interopRequireDefault","_reactNativeUi","_reactNativeReanimated","_interopRequireWildcard","_jsxRuntime","_getRequireWildcardCache","e","WeakMap","r","t","__esModule","default","has","get","n","__proto__","a","Object","defineProperty","getOwnPropertyDescriptor","u","hasOwnProperty","call","i","set","VoiceIcon","style","jsx","View","entering","FadeIn","duration","styles","container","children","iconContainer","MicrophoneIcon","color","COLORS","NEUTRAL_5","size","exports","StyleSheet","create","flex","justifyContent","alignItems","width","height","alignSelf","padding","borderWidth","borderColor","borderRadius"],"sourceRoot":"../../../../../src","sources":["features/voice/components/VoiceIcon.tsx"],"mappings":"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","ignoreList":[]}

package/dist/commonjs/features/voice/components/VoicePlayButton.js

@@ -0,0 +1,27 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.PlayButton = void 0;
+var _reactNative = require("react-native");
+var _react = _interopRequireDefault(require("react"));
+var _reactNativeUi = require("@magmamath/react-native-ui");
+var _jsxRuntime = require("react/jsx-runtime");
+function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
+const PlayButton = () => {
+  return /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNativeUi.Button, {
+    style: {
+      button: {
+        width: 25,
+        height: 25
+      }
+    },
+    variant: _reactNativeUi.ButtonVariant.SECONDARY,
+    size: _reactNativeUi.ButtonSize.SMALL,
+    icon: /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNativeUi.SpeakerIcon, {})
+  });
+};
+exports.PlayButton = PlayButton;
+const styles = _reactNative.StyleSheet.create({});
+//# sourceMappingURL=VoicePlayButton.js.map

package/dist/commonjs/features/voice/components/VoicePlayButton.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["_reactNative","require","_react","_interopRequireDefault","_reactNativeUi","_jsxRuntime","e","__esModule","default","PlayButton","jsx","Button","style","button","width","height","variant","ButtonVariant","SECONDARY","size","ButtonSize","SMALL","icon","SpeakerIcon","exports","styles","StyleSheet","create"],"sourceRoot":"../../../../../src","sources":["features/voice/components/VoicePlayButton.tsx"],"mappings":";;;;;;AAAA,IAAAA,YAAA,GAAAC,OAAA;AACA,IAAAC,MAAA,GAAAC,sBAAA,CAAAF,OAAA;AACA,IAAAG,cAAA,GAAAH,OAAA;AAA8E,IAAAI,WAAA,GAAAJ,OAAA;AAAA,SAAAE,uBAAAG,CAAA,WAAAA,CAAA,IAAAA,CAAA,CAAAC,UAAA,GAAAD,CAAA,KAAAE,OAAA,EAAAF,CAAA;AAGvE,MAAMG,UAAU,GAAGA,CAAA,KAAM;EAC9B,oBACE,IAAAJ,WAAA,CAAAK,GAAA,EAACN,cAAA,CAAAO,MAAM;IACLC,KAAK,EAAE;MACLC,MAAM,EAAE;QACNC,KAAK,EAAE,EAAE;QACTC,MAAM,EAAE;MACV;IACF,CAAE;IACFC,OAAO,EAAEC,4BAAa,CAACC,SAAU;IACjCC,IAAI,EAAEC,yBAAU,CAACC,KAAM;IACvBC,IAAI,eAAE,IAAAjB,WAAA,CAAAK,GAAA,EAACN,cAAA,CAAAmB,WAAW,IAAE;EAAE,CACvB,CAAC;AAEN,CAAC;AAAAC,OAAA,CAAAf,UAAA,GAAAA,UAAA;AAED,MAAMgB,MAAM,GAAGC,uBAAU,CAACC,MAAM,CAAC,CAAC,CAAC,CAAC","ignoreList":[]}

package/dist/commonjs/features/voice/components/VoiceTranscriptionsDropdown.js

@@ -0,0 +1,104 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.VoiceTranscriptionsDropdown = void 0;
+var _reactNative = require("react-native");
+var _react = _interopRequireDefault(require("react"));
+var _VoicePlayButton = require("./VoicePlayButton.js");
+var _reactNativeUi = require("@magmamath/react-native-ui");
+var _jsxRuntime = require("react/jsx-runtime");
+function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
+const Item = ({
+  attempt,
+  content
+}) => /*#__PURE__*/(0, _jsxRuntime.jsxs)(_reactNative.View, {
+  style: {
+    padding: 8
+  },
+  children: [/*#__PURE__*/(0, _jsxRuntime.jsxs)(_reactNativeUi.Typography, {
+    variant: "h7",
+    style: {
+      color: _reactNativeUi.COLORS.NEUTRAL_9
+    },
+    children: ["Attempt ", attempt]
+  }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNativeUi.Typography, {
+    style: {
+      color: _reactNativeUi.COLORS.NEUTRAL_9
+    },
+    children: content
+  })]
+});
+const VoiceTranscriptionsDropdown = () => {
+  return /*#__PURE__*/(0, _jsxRuntime.jsxs)(_reactNative.View, {
+    style: styles.container,
+    children: [/*#__PURE__*/(0, _jsxRuntime.jsxs)(_reactNative.View, {
+      style: styles.header,
+      children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNativeUi.Typography, {
+        style: styles.title,
+        variant: "h7",
+        children: "Transcriptions"
+      }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_VoicePlayButton.PlayButton, {})]
+    }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNativeUi.ScrollableList, {
+      data: [{
+        attempt: 1,
+        content: 'Transcription attempt 1'
+      }, {
+        attempt: 2,
+        content: 'Transcription attempt 2'
+      }, {
+        attempt: 3,
+        content: 'Transcription attempt 3'
+      }, {
+        attempt: 4,
+        content: 'Transcription attempt 4'
+      }, {
+        attempt: 5,
+        content: 'Transcription attempt 5'
+      }, {
+        attempt: 6,
+        content: 'Transcription attempt 6'
+      }, {
+        attempt: 7,
+        content: 'Transcription attempt 7'
+      }, {
+        attempt: 8,
+        content: 'Transcription attempt 8'
+      }],
+      keyExtractor: item => item.attempt.toString(),
+      renderItem: ({
+        item
+      }) => /*#__PURE__*/(0, _jsxRuntime.jsx)(Item, {
+        ...item
+      }),
+      style: {
+        flex: 1
+      }
+    })]
+  });
+};
+exports.VoiceTranscriptionsDropdown = VoiceTranscriptionsDropdown;
+const styles = _reactNative.StyleSheet.create({
+  container: {
+    position: 'absolute',
+    top: 56,
+    left: 8,
+    width: 222,
+    maxHeight: 405,
+    minHeight: 51,
+    padding: 4,
+    boxShadow: '0px 1px 3px 0px rgba(51, 51, 51, 0.25)',
+    borderRadius: 12
+  },
+  header: {
+    flexDirection: 'row',
+    justifyContent: 'space-between',
+    alignItems: 'center',
+    padding: 4
+  },
+  title: {
+    color: _reactNativeUi.COLORS.NEUTRAL_9
+  }
+});
+//# sourceMappingURL=VoiceTranscriptionsDropdown.js.map

package/dist/commonjs/features/voice/components/VoiceTranscriptionsDropdown.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["_reactNative","require","_react","_interopRequireDefault","_VoicePlayButton","_reactNativeUi","_jsxRuntime","e","__esModule","default","Item","attempt","content","jsxs","View","style","padding","children","Typography","variant","color","COLORS","NEUTRAL_9","jsx","VoiceTranscriptionsDropdown","styles","container","header","title","PlayButton","ScrollableList","data","keyExtractor","item","toString","renderItem","flex","exports","StyleSheet","create","position","top","left","width","maxHeight","minHeight","boxShadow","borderRadius","flexDirection","justifyContent","alignItems"],"sourceRoot":"../../../../../src","sources":["features/voice/components/VoiceTranscriptionsDropdown.tsx"],"mappings":"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","ignoreList":[]}

package/dist/commonjs/features/voice/index.js

@@ -14,6 +14,28 @@ Object.keys(_VoiceRecord).forEach(function (key) {
     }
   });
 });
+var _VoiceIcon = require("./components/VoiceIcon.js");
+Object.keys(_VoiceIcon).forEach(function (key) {
+  if (key === "default" || key === "__esModule") return;
+  if (key in exports && exports[key] === _VoiceIcon[key]) return;
+  Object.defineProperty(exports, key, {
+    enumerable: true,
+    get: function () {
+      return _VoiceIcon[key];
+    }
+  });
+});
+var _VoiceTranscriptionsDropdown = require("./components/VoiceTranscriptionsDropdown.js");
+Object.keys(_VoiceTranscriptionsDropdown).forEach(function (key) {
+  if (key === "default" || key === "__esModule") return;
+  if (key in exports && exports[key] === _VoiceTranscriptionsDropdown[key]) return;
+  Object.defineProperty(exports, key, {
+    enumerable: true,
+    get: function () {
+      return _VoiceTranscriptionsDropdown[key];
+    }
+  });
+});
 var _VoiceRecordModel = require("./model/VoiceRecord.model.js");
 Object.keys(_VoiceRecordModel).forEach(function (key) {
   if (key === "default" || key === "__esModule") return;

package/dist/commonjs/features/voice/index.js.map

@@ -1 +1 @@
-{"version":3,"names":["_VoiceRecord","require","Object","keys","forEach","key","exports","defineProperty","enumerable","get","_VoiceRecordModel","_VoiceRecordDeleteModal","_VoiceRecordUndoModal","_constants","_types"],"sourceRoot":"../../../../src","sources":["features/voice/index.ts"],"mappings":";;;;;AAAA,IAAAA,YAAA,GAAAC,OAAA;AAAAC,MAAA,CAAAC,IAAA,CAAAH,YAAA,EAAAI,OAAA,WAAAC,GAAA;EAAA,IAAAA,GAAA,kBAAAA,GAAA;EAAA,IAAAA,GAAA,IAAAC,OAAA,IAAAA,OAAA,CAAAD,GAAA,MAAAL,YAAA,CAAAK,GAAA;EAAAH,MAAA,CAAAK,cAAA,CAAAD,OAAA,EAAAD,GAAA;IAAAG,UAAA;IAAAC,GAAA,WAAAA,CAAA;MAAA,OAAAT,YAAA,CAAAK,GAAA;IAAA;EAAA;AAAA;AACA,IAAAK,iBAAA,GAAAT,OAAA;AAAAC,MAAA,CAAAC,IAAA,CAAAO,iBAAA,EAAAN,OAAA,WAAAC,GAAA;EAAA,IAAAA,GAAA,kBAAAA,GAAA;EAAA,IAAAA,GAAA,IAAAC,OAAA,IAAAA,OAAA,CAAAD,GAAA,MAAAK,iBAAA,CAAAL,GAAA;EAAAH,MAAA,CAAAK,cAAA,CAAAD,OAAA,EAAAD,GAAA;IAAAG,UAAA;IAAAC,GAAA,WAAAA,CAAA;MAAA,OAAAC,iBAAA,CAAAL,GAAA;IAAA;EAAA;AAAA;AACA,IAAAM,uBAAA,GAAAV,OAAA;AAAAC,MAAA,CAAAC,IAAA,CAAAQ,uBAAA,EAAAP,OAAA,WAAAC,GAAA;EAAA,IAAAA,GAAA,kBAAAA,GAAA;EAAA,IAAAA,GAAA,IAAAC,OAAA,IAAAA,OAAA,CAAAD,GAAA,MAAAM,uBAAA,CAAAN,GAAA;EAAAH,MAAA,CAAAK,cAAA,CAAAD,OAAA,EAAAD,GAAA;IAAAG,UAAA;IAAAC,GAAA,WAAAA,CAAA;MAAA,OAAAE,uBAAA,CAAAN,GAAA;IAAA;EAAA;AAAA;AACA,IAAAO,qBAAA,GAAAX,OAAA;AAAAC,MAAA,CAAAC,IAAA,CAAAS,qBAAA,EAAAR,OAAA,WAAAC,GAAA;EAAA,IAAAA,GAAA,kBAAAA,GAAA;EAAA,IAAAA,GAAA,IAAAC,OAAA,IAAAA,OAAA,CAAAD,GAAA,MAAAO,qBAAA,CAAAP,GAAA;EAAAH,MAAA,CAAAK,cAAA,CAAAD,OAAA,EAAAD,GAAA;IAAAG,UAAA;IAAAC,GAAA,WAAAA,CAAA;MAAA,OAAAG,qBAAA,CAAAP,GAAA;IAAA;EAAA;AAAA;AACA,IAAAQ,UAAA,GAAAZ,OAAA;AAAAC,MAAA,CAAAC,IAAA,CAAAU,UAAA,EAAAT,OAAA,WAAAC,GAAA;EAAA,IAAAA,GAAA,kBAAAA,GAAA;EAAA,IAAAA,GAAA,IAAAC,OAAA,IAAAA,OAAA,CAAAD,GAAA,MAAAQ,UAAA,CAAAR,GAAA;EAAAH,MAAA,CAAAK,cAAA,CAAAD,OAAA,EAAAD,GAAA;IAAAG,UAAA;IAAAC,GAAA,WAAAA,CAAA;MAAA,OAAAI,UAAA,CAAAR,GAAA;IAAA;EAAA;AAAA;AACA,IAAAS,MAAA,GAAAb,OAAA;AAAAC,MAAA,CAAAC,IAAA,CAAAW,MAAA,EAAAV,OAAA,WAAAC,GAAA;EAAA,IAAAA,GAAA,kBAAAA,GAAA;EAAA,IAAAA,GAAA,IAAAC,OAAA,IAAAA,OAAA,CAAAD,GAAA,MAAAS,MAAA,CAAAT,GAAA;EAAAH,MAAA,CAAAK,cAAA,CAAAD,OAAA,EAAAD,GAAA;IAAAG,UAAA;IAAAC,GAAA,WAAAA,CAAA;MAAA,OAAAK,MAAA,CAAAT,GAAA;IAAA;EAAA;AAAA","ignoreList":[]}
+{"version":3,"names":["_VoiceRecord","require","Object","keys","forEach","key","exports","defineProperty","enumerable","get","_VoiceIcon","_VoiceTranscriptionsDropdown","_VoiceRecordModel","_VoiceRecordDeleteModal","_VoiceRecordUndoModal","_constants","_types"],"sourceRoot":"../../../../src","sources":["features/voice/index.ts"],"mappings":"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","ignoreList":[]}

package/dist/module/features/voice/components/VoiceIcon.js

@@ -0,0 +1,41 @@
+"use strict";
+
+import { StyleSheet, View } from 'react-native';
+import React from 'react';
+import { COLORS, MicrophoneIcon } from '@magmamath/react-native-ui';
+import Animated, { FadeIn } from 'react-native-reanimated';
+import { jsx as _jsx } from "react/jsx-runtime";
+export const VoiceIcon = ({
+  style
+}) => {
+  return /*#__PURE__*/_jsx(Animated.View, {
+    entering: FadeIn.duration(250),
+    style: [styles.container, style],
+    children: /*#__PURE__*/_jsx(View, {
+      style: styles.iconContainer,
+      children: /*#__PURE__*/_jsx(MicrophoneIcon, {
+        color: COLORS.NEUTRAL_5,
+        size: 80
+      })
+    })
+  });
+};
+const styles = StyleSheet.create({
+  container: {
+    flex: 1,
+    justifyContent: 'center',
+    alignItems: 'center'
+  },
+  iconContainer: {
+    width: 124,
+    height: 124,
+    alignSelf: 'center',
+    padding: 24,
+    borderWidth: 4,
+    borderColor: COLORS.NEUTRAL_5,
+    borderRadius: 400,
+    justifyContent: 'center',
+    alignItems: 'center'
+  }
+});
+//# sourceMappingURL=VoiceIcon.js.map

package/dist/module/features/voice/components/VoiceIcon.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["StyleSheet","View","React","COLORS","MicrophoneIcon","Animated","FadeIn","jsx","_jsx","VoiceIcon","style","entering","duration","styles","container","children","iconContainer","color","NEUTRAL_5","size","create","flex","justifyContent","alignItems","width","height","alignSelf","padding","borderWidth","borderColor","borderRadius"],"sourceRoot":"../../../../../src","sources":["features/voice/components/VoiceIcon.tsx"],"mappings":";;AAAA,SAAoBA,UAAU,EAAEC,IAAI,QAAmB,cAAc;AACrE,OAAOC,KAAK,MAAM,OAAO;AACzB,SAASC,MAAM,EAAEC,cAAc,QAAQ,4BAA4B;AACnE,OAAOC,QAAQ,IAAIC,MAAM,QAAQ,yBAAyB;AAAA,SAAAC,GAAA,IAAAC,IAAA;AAM1D,OAAO,MAAMC,SAAS,GAAGA,CAAC;EAAEC;AAAsB,CAAC,KAAK;EACtD,oBACEF,IAAA,CAACH,QAAQ,CAACJ,IAAI;IAACU,QAAQ,EAAEL,MAAM,CAACM,QAAQ,CAAC,GAAG,CAAE;IAACF,KAAK,EAAE,CAACG,MAAM,CAACC,SAAS,EAAEJ,KAAK,CAAE;IAAAK,QAAA,eAC9EP,IAAA,CAACP,IAAI;MAACS,KAAK,EAAEG,MAAM,CAACG,aAAc;MAAAD,QAAA,eAChCP,IAAA,CAACJ,cAAc;QAACa,KAAK,EAAEd,MAAM,CAACe,SAAU;QAACC,IAAI,EAAE;MAAG,CAAE;IAAC,CACjD;EAAC,CACM,CAAC;AAEpB,CAAC;AAED,MAAMN,MAAM,GAAGb,UAAU,CAACoB,MAAM,CAAC;EAC/BN,SAAS,EAAE;IACTO,IAAI,EAAE,CAAC;IACPC,cAAc,EAAE,QAAQ;IACxBC,UAAU,EAAE;EACd,CAAC;EACDP,aAAa,EAAE;IACbQ,KAAK,EAAE,GAAG;IACVC,MAAM,EAAE,GAAG;IACXC,SAAS,EAAE,QAAQ;IACnBC,OAAO,EAAE,EAAE;IACXC,WAAW,EAAE,CAAC;IACdC,WAAW,EAAE1B,MAAM,CAACe,SAAS;IAC7BY,YAAY,EAAE,GAAG;IACjBR,cAAc,EAAE,QAAQ;IACxBC,UAAU,EAAE;EACd;AACF,CAAC,CAAC","ignoreList":[]}

package/dist/module/features/voice/components/VoicePlayButton.js

@@ -0,0 +1,22 @@
+"use strict";
+
+import { StyleSheet } from 'react-native';
+import React from 'react';
+import { Button, ButtonSize, ButtonVariant } from '@magmamath/react-native-ui';
+import { SpeakerIcon } from '@magmamath/react-native-ui';
+import { jsx as _jsx } from "react/jsx-runtime";
+export const PlayButton = () => {
+  return /*#__PURE__*/_jsx(Button, {
+    style: {
+      button: {
+        width: 25,
+        height: 25
+      }
+    },
+    variant: ButtonVariant.SECONDARY,
+    size: ButtonSize.SMALL,
+    icon: /*#__PURE__*/_jsx(SpeakerIcon, {})
+  });
+};
+const styles = StyleSheet.create({});
+//# sourceMappingURL=VoicePlayButton.js.map

package/dist/module/features/voice/components/VoicePlayButton.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["StyleSheet","React","Button","ButtonSize","ButtonVariant","SpeakerIcon","jsx","_jsx","PlayButton","style","button","width","height","variant","SECONDARY","size","SMALL","icon","styles","create"],"sourceRoot":"../../../../../src","sources":["features/voice/components/VoicePlayButton.tsx"],"mappings":";;AAAA,SAASA,UAAU,QAAoB,cAAc;AACrD,OAAOC,KAAK,MAAM,OAAO;AACzB,SAASC,MAAM,EAAEC,UAAU,EAAEC,aAAa,QAAQ,4BAA4B;AAC9E,SAASC,WAAW,QAAQ,4BAA4B;AAAA,SAAAC,GAAA,IAAAC,IAAA;AAExD,OAAO,MAAMC,UAAU,GAAGA,CAAA,KAAM;EAC9B,oBACED,IAAA,CAACL,MAAM;IACLO,KAAK,EAAE;MACLC,MAAM,EAAE;QACNC,KAAK,EAAE,EAAE;QACTC,MAAM,EAAE;MACV;IACF,CAAE;IACFC,OAAO,EAAET,aAAa,CAACU,SAAU;IACjCC,IAAI,EAAEZ,UAAU,CAACa,KAAM;IACvBC,IAAI,eAAEV,IAAA,CAACF,WAAW,IAAE;EAAE,CACvB,CAAC;AAEN,CAAC;AAED,MAAMa,MAAM,GAAGlB,UAAU,CAACmB,MAAM,CAAC,CAAC,CAAC,CAAC","ignoreList":[]}

package/dist/module/features/voice/components/VoiceTranscriptionsDropdown.js

@@ -0,0 +1,98 @@
+"use strict";
+
+import { StyleSheet, View } from 'react-native';
+import React from 'react';
+import { PlayButton } from "./VoicePlayButton.js";
+import { COLORS, ScrollableList, Typography } from '@magmamath/react-native-ui';
+import { jsxs as _jsxs, jsx as _jsx } from "react/jsx-runtime";
+const Item = ({
+  attempt,
+  content
+}) => /*#__PURE__*/_jsxs(View, {
+  style: {
+    padding: 8
+  },
+  children: [/*#__PURE__*/_jsxs(Typography, {
+    variant: "h7",
+    style: {
+      color: COLORS.NEUTRAL_9
+    },
+    children: ["Attempt ", attempt]
+  }), /*#__PURE__*/_jsx(Typography, {
+    style: {
+      color: COLORS.NEUTRAL_9
+    },
+    children: content
+  })]
+});
+export const VoiceTranscriptionsDropdown = () => {
+  return /*#__PURE__*/_jsxs(View, {
+    style: styles.container,
+    children: [/*#__PURE__*/_jsxs(View, {
+      style: styles.header,
+      children: [/*#__PURE__*/_jsx(Typography, {
+        style: styles.title,
+        variant: "h7",
+        children: "Transcriptions"
+      }), /*#__PURE__*/_jsx(PlayButton, {})]
+    }), /*#__PURE__*/_jsx(ScrollableList, {
+      data: [{
+        attempt: 1,
+        content: 'Transcription attempt 1'
+      }, {
+        attempt: 2,
+        content: 'Transcription attempt 2'
+      }, {
+        attempt: 3,
+        content: 'Transcription attempt 3'
+      }, {
+        attempt: 4,
+        content: 'Transcription attempt 4'
+      }, {
+        attempt: 5,
+        content: 'Transcription attempt 5'
+      }, {
+        attempt: 6,
+        content: 'Transcription attempt 6'
+      }, {
+        attempt: 7,
+        content: 'Transcription attempt 7'
+      }, {
+        attempt: 8,
+        content: 'Transcription attempt 8'
+      }],
+      keyExtractor: item => item.attempt.toString(),
+      renderItem: ({
+        item
+      }) => /*#__PURE__*/_jsx(Item, {
+        ...item
+      }),
+      style: {
+        flex: 1
+      }
+    })]
+  });
+};
+const styles = StyleSheet.create({
+  container: {
+    position: 'absolute',
+    top: 56,
+    left: 8,
+    width: 222,
+    maxHeight: 405,
+    minHeight: 51,
+    padding: 4,
+    boxShadow: '0px 1px 3px 0px rgba(51, 51, 51, 0.25)',
+    borderRadius: 12
+  },
+  header: {
+    flexDirection: 'row',
+    justifyContent: 'space-between',
+    alignItems: 'center',
+    padding: 4
+  },
+  title: {
+    color: COLORS.NEUTRAL_9
+  }
+});
+//# sourceMappingURL=VoiceTranscriptionsDropdown.js.map

package/dist/module/features/voice/components/VoiceTranscriptionsDropdown.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["StyleSheet","View","React","PlayButton","COLORS","ScrollableList","Typography","jsxs","_jsxs","jsx","_jsx","Item","attempt","content","style","padding","children","variant","color","NEUTRAL_9","VoiceTranscriptionsDropdown","styles","container","header","title","data","keyExtractor","item","toString","renderItem","flex","create","position","top","left","width","maxHeight","minHeight","boxShadow","borderRadius","flexDirection","justifyContent","alignItems"],"sourceRoot":"../../../../../src","sources":["features/voice/components/VoiceTranscriptionsDropdown.tsx"],"mappings":"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","ignoreList":[]}

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

@@ -1,6 +1,8 @@
 "use strict";
 
 export * from "./components/VoiceRecord.js";
+export * from "./components/VoiceIcon.js";
+export * from "./components/VoiceTranscriptionsDropdown.js";
 export * from "./model/VoiceRecord.model.js";
 export * from "./modal/VoiceRecordDeleteModal.js";
 export * from "./modal/VoiceRecordUndoModal.js";

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

@@ -1 +1 @@
-{"version":3,"names":[],"sourceRoot":"../../../../src","sources":["features/voice/index.ts"],"mappings":";;AAAA,cAAc,6BAA0B;AACxC,cAAc,8BAA2B;AACzC,cAAc,mCAAgC;AAC9C,cAAc,iCAA8B;AAC5C,cAAc,gBAAa;AAC3B,cAAc,YAAS","ignoreList":[]}
+{"version":3,"names":[],"sourceRoot":"../../../../src","sources":["features/voice/index.ts"],"mappings":";;AAAA,cAAc,6BAA0B;AACxC,cAAc,2BAAwB;AACtC,cAAc,6CAA0C;AACxD,cAAc,8BAA2B;AACzC,cAAc,mCAAgC;AAC9C,cAAc,iCAA8B;AAC5C,cAAc,gBAAa;AAC3B,cAAc,YAAS","ignoreList":[]}

package/dist/typescript/commonjs/features/voice/components/VoiceIcon.d.ts

@@ -0,0 +1,8 @@
+import { StyleProp, ViewStyle } from 'react-native';
+import React from 'react';
+type VoiceIconProps = {
+    style?: StyleProp<ViewStyle>;
+};
+export declare const VoiceIcon: ({ style }: VoiceIconProps) => React.JSX.Element;
+export {};
+//# sourceMappingURL=VoiceIcon.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"VoiceIcon.d.ts","sourceRoot":"","sources":["../../../../../../src/features/voice/components/VoiceIcon.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAoB,SAAS,EAAE,MAAM,cAAc,CAAA;AACrE,OAAO,KAAK,MAAM,OAAO,CAAA;AAIzB,KAAK,cAAc,GAAG;IACpB,KAAK,CAAC,EAAE,SAAS,CAAC,SAAS,CAAC,CAAA;CAC7B,CAAA;AAED,eAAO,MAAM,SAAS,cAAe,cAAc,sBAQlD,CAAA"}

package/dist/typescript/commonjs/features/voice/components/VoicePlayButton.d.ts

@@ -0,0 +1,3 @@
+import React from 'react';
+export declare const PlayButton: () => React.JSX.Element;
+//# sourceMappingURL=VoicePlayButton.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"VoicePlayButton.d.ts","sourceRoot":"","sources":["../../../../../../src/features/voice/components/VoicePlayButton.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,MAAM,OAAO,CAAA;AAIzB,eAAO,MAAM,UAAU,yBActB,CAAA"}

package/dist/typescript/commonjs/features/voice/components/VoiceTranscriptionsDropdown.d.ts

@@ -0,0 +1,3 @@
+import React from 'react';
+export declare const VoiceTranscriptionsDropdown: () => React.JSX.Element;
+//# sourceMappingURL=VoiceTranscriptionsDropdown.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"VoiceTranscriptionsDropdown.d.ts","sourceRoot":"","sources":["../../../../../../src/features/voice/components/VoiceTranscriptionsDropdown.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,MAAM,OAAO,CAAA;AAkBzB,eAAO,MAAM,2BAA2B,yBA0BvC,CAAA"}

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

@@ -1,4 +1,6 @@
 export * from './components/VoiceRecord';
+export * from './components/VoiceIcon';
+export * from './components/VoiceTranscriptionsDropdown';
 export * from './model/VoiceRecord.model';
 export * from './modal/VoiceRecordDeleteModal';
 export * from './modal/VoiceRecordUndoModal';

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

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../src/features/voice/index.ts"],"names":[],"mappings":"AAAA,cAAc,0BAA0B,CAAA;AACxC,cAAc,2BAA2B,CAAA;AACzC,cAAc,gCAAgC,CAAA;AAC9C,cAAc,8BAA8B,CAAA;AAC5C,cAAc,aAAa,CAAA;AAC3B,cAAc,SAAS,CAAA"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../src/features/voice/index.ts"],"names":[],"mappings":"AAAA,cAAc,0BAA0B,CAAA;AACxC,cAAc,wBAAwB,CAAA;AACtC,cAAc,0CAA0C,CAAA;AACxD,cAAc,2BAA2B,CAAA;AACzC,cAAc,gCAAgC,CAAA;AAC9C,cAAc,8BAA8B,CAAA;AAC5C,cAAc,aAAa,CAAA;AAC3B,cAAc,SAAS,CAAA"}

package/dist/typescript/module/features/voice/components/VoiceIcon.d.ts

@@ -0,0 +1,8 @@
+import { StyleProp, ViewStyle } from 'react-native';
+import React from 'react';
+type VoiceIconProps = {
+    style?: StyleProp<ViewStyle>;
+};
+export declare const VoiceIcon: ({ style }: VoiceIconProps) => React.JSX.Element;
+export {};
+//# sourceMappingURL=VoiceIcon.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"VoiceIcon.d.ts","sourceRoot":"","sources":["../../../../../../src/features/voice/components/VoiceIcon.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAoB,SAAS,EAAE,MAAM,cAAc,CAAA;AACrE,OAAO,KAAK,MAAM,OAAO,CAAA;AAIzB,KAAK,cAAc,GAAG;IACpB,KAAK,CAAC,EAAE,SAAS,CAAC,SAAS,CAAC,CAAA;CAC7B,CAAA;AAED,eAAO,MAAM,SAAS,cAAe,cAAc,sBAQlD,CAAA"}

package/dist/typescript/module/features/voice/components/VoicePlayButton.d.ts

@@ -0,0 +1,3 @@
+import React from 'react';
+export declare const PlayButton: () => React.JSX.Element;
+//# sourceMappingURL=VoicePlayButton.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"VoicePlayButton.d.ts","sourceRoot":"","sources":["../../../../../../src/features/voice/components/VoicePlayButton.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,MAAM,OAAO,CAAA;AAIzB,eAAO,MAAM,UAAU,yBActB,CAAA"}

package/dist/typescript/module/features/voice/components/VoiceTranscriptionsDropdown.d.ts

@@ -0,0 +1,3 @@
+import React from 'react';
+export declare const VoiceTranscriptionsDropdown: () => React.JSX.Element;
+//# sourceMappingURL=VoiceTranscriptionsDropdown.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"VoiceTranscriptionsDropdown.d.ts","sourceRoot":"","sources":["../../../../../../src/features/voice/components/VoiceTranscriptionsDropdown.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,MAAM,OAAO,CAAA;AAkBzB,eAAO,MAAM,2BAA2B,yBA0BvC,CAAA"}

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

@@ -1,4 +1,6 @@
 export * from './components/VoiceRecord';
+export * from './components/VoiceIcon';
+export * from './components/VoiceTranscriptionsDropdown';
 export * from './model/VoiceRecord.model';
 export * from './modal/VoiceRecordDeleteModal';
 export * from './modal/VoiceRecordUndoModal';

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

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../src/features/voice/index.ts"],"names":[],"mappings":"AAAA,cAAc,0BAA0B,CAAA;AACxC,cAAc,2BAA2B,CAAA;AACzC,cAAc,gCAAgC,CAAA;AAC9C,cAAc,8BAA8B,CAAA;AAC5C,cAAc,aAAa,CAAA;AAC3B,cAAc,SAAS,CAAA"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../src/features/voice/index.ts"],"names":[],"mappings":"AAAA,cAAc,0BAA0B,CAAA;AACxC,cAAc,wBAAwB,CAAA;AACtC,cAAc,0CAA0C,CAAA;AACxD,cAAc,2BAA2B,CAAA;AACzC,cAAc,gCAAgC,CAAA;AAC9C,cAAc,8BAA8B,CAAA;AAC5C,cAAc,aAAa,CAAA;AAC3B,cAAc,SAAS,CAAA"}

package/package.json

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

package/src/features/voice/components/VoiceIcon.tsx

@@ -0,0 +1,37 @@
+import { StyleProp, StyleSheet, View, ViewStyle } from 'react-native'
+import React from 'react'
+import { COLORS, MicrophoneIcon } from '@magmamath/react-native-ui'
+import Animated, { FadeIn } from 'react-native-reanimated'
+
+type VoiceIconProps = {
+  style?: StyleProp<ViewStyle>
+}
+
+export const VoiceIcon = ({ style }: VoiceIconProps) => {
+  return (
+    <Animated.View entering={FadeIn.duration(250)} style={[styles.container, style]}>
+      <View style={styles.iconContainer}>
+        <MicrophoneIcon color={COLORS.NEUTRAL_5} size={80} />
+      </View>
+    </Animated.View>
+  )
+}
+
+const styles = StyleSheet.create({
+  container: {
+    flex: 1,
+    justifyContent: 'center',
+    alignItems: 'center',
+  },
+  iconContainer: {
+    width: 124,
+    height: 124,
+    alignSelf: 'center',
+    padding: 24,
+    borderWidth: 4,
+    borderColor: COLORS.NEUTRAL_5,
+    borderRadius: 400,
+    justifyContent: 'center',
+    alignItems: 'center',
+  },
+})

package/src/features/voice/components/VoicePlayButton.tsx

@@ -0,0 +1,22 @@
+import { StyleSheet, Text, View } from 'react-native'
+import React from 'react'
+import { Button, ButtonSize, ButtonVariant } from '@magmamath/react-native-ui'
+import { SpeakerIcon } from '@magmamath/react-native-ui'
+
+export const PlayButton = () => {
+  return (
+    <Button
+      style={{
+        button: {
+          width: 25,
+          height: 25,
+        },
+      }}
+      variant={ButtonVariant.SECONDARY}
+      size={ButtonSize.SMALL}
+      icon={<SpeakerIcon />}
+    />
+  )
+}
+
+const styles = StyleSheet.create({})

package/src/features/voice/components/VoiceTranscriptionsDropdown.tsx

@@ -0,0 +1,69 @@
+import { StyleSheet, Text, View } from 'react-native'
+import React from 'react'
+import { PlayButton } from './VoicePlayButton'
+import { COLORS, ScrollableList, Typography } from '@magmamath/react-native-ui'
+
+type ItemProps = {
+  attempt: number
+  content: string
+}
+
+const Item = ({ attempt, content }: ItemProps) => (
+  <View style={{ padding: 8 }}>
+    <Typography variant="h7" style={{ color: COLORS.NEUTRAL_9 }}>
+      Attempt {attempt}
+    </Typography>
+    <Typography style={{ color: COLORS.NEUTRAL_9 }}>{content}</Typography>
+  </View>
+)
+
+export const VoiceTranscriptionsDropdown = () => {
+  return (
+    <View style={styles.container}>
+      <View style={styles.header}>
+        <Typography style={styles.title} variant="h7">
+          Transcriptions
+        </Typography>
+        <PlayButton />
+      </View>
+      <ScrollableList
+        data={[
+          { attempt: 1, content: 'Transcription attempt 1' },
+          { attempt: 2, content: 'Transcription attempt 2' },
+          { attempt: 3, content: 'Transcription attempt 3' },
+          { attempt: 4, content: 'Transcription attempt 4' },
+          { attempt: 5, content: 'Transcription attempt 5' },
+          { attempt: 6, content: 'Transcription attempt 6' },
+          { attempt: 7, content: 'Transcription attempt 7' },
+          { attempt: 8, content: 'Transcription attempt 8' },
+        ]}
+        keyExtractor={(item) => item.attempt.toString()}
+        renderItem={({ item }) => <Item {...item} />}
+        style={{ flex: 1 }}
+      />
+    </View>
+  )
+}
+
+const styles = StyleSheet.create({
+  container: {
+    position: 'absolute',
+    top: 56,
+    left: 8,
+    width: 222,
+    maxHeight: 405,
+    minHeight: 51,
+    padding: 4,
+    boxShadow: '0px 1px 3px 0px rgba(51, 51, 51, 0.25)',
+    borderRadius: 12,
+  },
+  header: {
+    flexDirection: 'row',
+    justifyContent: 'space-between',
+    alignItems: 'center',
+    padding: 4,
+  },
+  title: {
+    color: COLORS.NEUTRAL_9,
+  },
+})

package/src/features/voice/index.ts

@@ -1,4 +1,6 @@
 export * from './components/VoiceRecord'
+export * from './components/VoiceIcon'
+export * from './components/VoiceTranscriptionsDropdown'
 export * from './model/VoiceRecord.model'
 export * from './modal/VoiceRecordDeleteModal'
 export * from './modal/VoiceRecordUndoModal'