@magmamath/students-features 1.2.1-rc.39 → 1.2.1-rc.4

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,6 +10,7 @@ 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'
 
 type VoiceRecordProps = {
   style?: StyleProp<ViewStyle>
@@ -20,7 +21,8 @@ export const VoiceRecord = ({ style, model }: VoiceRecordProps) => {
   const { recorderState } = useVoiceRecorder(model)
   const [isExpanded, isDisabled] = useUnit([model.$isExpanded, model.$isButtonDisabled])
 
-  const { containerAnimatedStyle } = useVoiceRecorderAnimation(isExpanded)
+  const recordButtonVariant = model.recordButtonVariant
+  const { containerAnimatedStyle } = useVoiceRecorderAnimation(isExpanded, recordButtonVariant)
 
   useEffect(() => {
     return () => {
@@ -29,12 +31,22 @@ export const VoiceRecord = ({ style, model }: VoiceRecordProps) => {
   }, [model])
 
   return (
-    <Animated.View style={[styles.container, style, containerAnimatedStyle]}>
+    <Animated.View
+      style={[
+        styles.container,
+        recordButtonVariant && styles.advancedVariantContainer,
+        style,
+        containerAnimatedStyle,
+      ]}
+    >
       <VoiceRecordButton model={model} />
       {isExpanded && (
         <Animated.View entering={FadeIn} exiting={FadeOut} style={styles.expendedContainer}>
           <VoiceRecordTimer
-            style={styles.timer}
+            style={[
+              styles.timer,
+              recordButtonVariant === RecordButtonVariant.ADVANCED && styles.advancedVariantTimer,
+            ]}
             model={model}
             recordingFileDurationMs={recorderState.durationMillis}
           />
@@ -54,11 +66,20 @@ const styles = StyleSheet.create({
     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)',
-    overflow: 'hidden',
+  },
+  advancedVariantContainer: {
+    borderRadius: BORDER_RADIUS[300],
+    padding: 0,
   },
   timer: {
     marginTop: SPACING[400],
   },
+  defaultTimer: {
+    marginTop: SPACING[300],
+  },
+  advancedVariantTimer: {
+    marginTop: SPACING[150],
+  },
   expendedContainer: {
     alignItems: 'center',
   },

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

@@ -1,25 +1,35 @@
-import React, { useMemo } from 'react'
+import React from 'react'
 import {
+  BORDER_RADIUS,
   Button,
   ButtonColor,
   ButtonSize,
   ButtonStyle,
   ButtonVariant,
+  CheckIcon,
+  COLORS,
   IS_WEB,
+  MicrophoneIcon,
 } from '@magmamath/react-native-ui'
-import { Pressable } from 'react-native'
-import { MicrophoneIcon, CheckIcon } from '@magmamath/react-native-ui'
+import { Pressable, StyleSheet, View } from 'react-native'
 import { VoiceRecordModel } from '../model/VoiceRecord.model'
 import { useUnit } from 'effector-react'
 import { VoiceRecorderState } from '../../constants'
 import { useText } from '../../../../shared/translation'
+import { RecordButtonVariant } from '../../types'
 
 type VoiceRecordButtonProps = {
-  style?: ButtonStyle
   model: VoiceRecordModel
 }
 
-export const VoiceRecordButton = ({ style, model }: VoiceRecordButtonProps) => {
+const defaultButtonStyles: ButtonStyle = {
+  button: {
+    width: 50,
+    height: 50,
+  },
+}
+
+export const VoiceRecordButton = ({ model }: VoiceRecordButtonProps) => {
   const t = useText()
 
   const availableInputs = useUnit(model.recorderModel.$availableInputs)
@@ -27,38 +37,90 @@ export const VoiceRecordButton = ({ style, model }: VoiceRecordButtonProps) => {
   const isButtonDisabled = useUnit(model.$isButtonDisabled)
   const isInitializing = useUnit(model.initializeRecording.pending)
 
-  const combinedStyles = useMemo((): ButtonStyle => {
-    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
+  const disabled = isButtonDisabled || !hasInputs
 
   return (
     <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'}
+      pointerEvents={!hasInputs || isInitializing ? 'box-only' : 'auto'}
     >
-      <Button
-        disabled={isButtonDisabled || !availableInputs.length}
-        onPressIn={() => model.recorderButtonHandler()}
-        style={combinedStyles}
-        size={ButtonSize.LARGE}
-        variant={ButtonVariant.SECONDARY}
-        colorScheme={ButtonColor.WHITE}
-        icon={
-          voiceRecordState === VoiceRecorderState.RECORDING ? (
-            <CheckIcon size={25} />
-          ) : (
-            <MicrophoneIcon style={IS_WEB ? { width: 19 } : { minWidth: 23, minHeight: 23 }} />
-          )
-        }
-      />
+      {model.recordButtonVariant === RecordButtonVariant.ADVANCED ? (
+        <AdvancedButton
+          isRecording={isRecording}
+          isIdle={isIdle}
+          disabled={disabled}
+          onPressIn={() => model.recorderButtonHandler()}
+        />
+      ) : (
+        <Button
+          disabled={disabled}
+          onPressIn={() => model.recorderButtonHandler()}
+          style={defaultButtonStyles}
+          size={ButtonSize.LARGE}
+          variant={ButtonVariant.SECONDARY}
+          colorScheme={ButtonColor.WHITE}
+          icon={
+            isRecording ? (
+              <CheckIcon size={25} />
+            ) : (
+              <MicrophoneIcon style={IS_WEB ? { width: 19 } : { minWidth: 23, minHeight: 23 }} />
+            )
+          }
+        />
+      )}
     </Pressable>
   )
 }
+
+type AdvancedButtonProps = {
+  isRecording: boolean
+  isIdle: boolean
+  disabled: boolean
+  onPressIn: () => void
+}
+
+const AdvancedButton = ({ isRecording, isIdle, disabled, onPressIn }: AdvancedButtonProps) => (
+  <Pressable style={styles.advancedButtonContainer} onPressIn={onPressIn} disabled={disabled}>
+    <View
+      style={[
+        styles.advancedIconContainer,
+        !isIdle && { borderRadius: 32, backgroundColor: COLORS.PRIMARY_BLUE },
+      ]}
+    >
+      {isRecording ? (
+        <CheckIcon size={18} color={COLORS.NEUTRAL_1} />
+      ) : (
+        <MicrophoneIcon
+          style={{ width: 14, height: 19 }}
+          color={isIdle ? COLORS.NEUTRAL_9 : COLORS.NEUTRAL_1}
+        />
+      )}
+    </View>
+  </Pressable>
+)
+
+const styles = StyleSheet.create({
+  advancedButtonContainer: {
+    width: 52,
+    height: 52,
+    backgroundColor: 'white',
+    alignItems: 'center',
+    justifyContent: 'center',
+    borderRadius: BORDER_RADIUS[300],
+    boxShadow: '0 0 1px 0 rgba(51, 51, 51, 0.20), 0 3px 10px 0 rgba(51, 51, 51, 0.16)',
+  },
+  advancedIconContainer: {
+    width: 36,
+    height: 36,
+    borderRadius: BORDER_RADIUS[300],
+    justifyContent: 'center',
+    alignItems: 'center',
+  },
+})

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

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

package/src/features/voice/recording/hooks/useVoiceRecorderAnimation.ts

@@ -1,13 +1,17 @@
 import { useAnimatedStyle, withTiming } from 'react-native-reanimated'
 import { VOICE_RECORDER_CONTAINER_SIZES } from '../../constants'
+import { RecordButtonVariant } from '../../types'
 
-export const useVoiceRecorderAnimation = (isExpanded: boolean) => {
+export const useVoiceRecorderAnimation = (
+  isExpanded: boolean,
+  recordButtonVariant: RecordButtonVariant,
+) => {
   const containerAnimatedStyle = useAnimatedStyle(() => {
     return {
       height: withTiming(
         isExpanded
-          ? VOICE_RECORDER_CONTAINER_SIZES.EXPANDED
-          : VOICE_RECORDER_CONTAINER_SIZES.COLLAPSED,
+          ? VOICE_RECORDER_CONTAINER_SIZES.EXPANDED[recordButtonVariant]
+          : VOICE_RECORDER_CONTAINER_SIZES.COLLAPSED[recordButtonVariant],
         {
           duration: 280,
         },

package/src/features/voice/recording/model/VoiceRecord.model.ts

@@ -4,6 +4,7 @@ import { VoiceRecordsCollection } from './VoiceRecordCollection'
 import { UploaderModel } from './Uploader.model'
 import { VoiceRecorderState } from '../../constants'
 import {
+  RecordButtonVariant,
   VoiceRecordCollectionItem,
   VoiceRecorderApi,
   VoiceRecordNotificationTypes,
@@ -58,6 +59,8 @@ export class VoiceRecordModel {
   public readonly events: VoiceRecordEvents
   private shouldDiscardRecording = false
 
+  public recordButtonVariant = RecordButtonVariant.DEFAULT
+
   public readonly setCurrentKey = createEvent<string>()
   public readonly setCurrentRecord = createEvent<any>()
   public readonly reset = createEvent()
@@ -82,6 +85,10 @@ export class VoiceRecordModel {
     await this.api.deleteAudioFile(audioFileId)
   })
 
+  public readonly setRecordButtonVariant = createEffect((variant: RecordButtonVariant) => {
+    this.recordButtonVariant = variant
+  })
+
   public readonly deleteCurrentRecording = attach({
     source: this.$currentKey,
     mapParams: (props: DeleteCurrentRecordingProps | void, currentKey) => ({

package/src/features/voice/types.ts

@@ -82,3 +82,8 @@ export type VoiceTranscriptionItem = {
   controller?: AbortController
   hasDrawing?: boolean
 }
+
+export enum RecordButtonVariant {
+  DEFAULT = 'default',
+  ADVANCED = 'advanced',
+}

package/src/index.ts

@@ -9,7 +9,6 @@ export * from './features/problemSelector'
 export * from './features/gifCelebrations'
 export * from './features/exampleSolution'
 export * from './features/keyboard'
-export * from './features/pmProgress'
 export * from './features/openEnded'
 export * from './shared/icons'
 export * from './features/voice'

package/src/shared/translation/localization/ca.json

@@ -57,29 +57,5 @@
     "transcriptions": "Transcriptions",
     "attempt": "Attempt {{number}}",
     "transcriptNotAvailable": "Transcript not available"
-  },
-  "pmProgress": {
-    "title": "Practice & Progress",
-    "startButton": "START",
-    "nextUp": "Next up!",
-    "teacherRecs": "Teacher recommendations",
-    "practiceButton": "PRACTICE",
-    "stars": "Practice stars",
-    "time": "Practice time",
-    "thisWeek": "This week",
-    "lastWeek": "Last week",
-    "allTime": "All time",
-    "fluency": "Fluency",
-    "andMore": "and {{count}} more...",
-    "skillsLeft": "skills left",
-    "skillLeft": "skill left",
-    "grade": "Grade",
-    "gradeK": "K",
-    "gradeOther": "Other",
-    "loading": "Loading...",
-    "allLockedTitle": "All grades are locked",
-    "allLockedSubtitle": "Your teacher has locked all grades.\nAsk them to unlock grades so you can start practising.",
-"initErrorTitle": "Something went wrong",
-    "initErrorSubtitle": "We couldn't load your progress.\nPlease try again later."
   }
 }

package/src/shared/translation/localization/de.json

@@ -57,29 +57,5 @@
     "transcriptions": "Transkriptionen",
     "attempt": "Versuch {{number}}",
     "transcriptNotAvailable": "Transkript nicht verfügbar"
-  },
-  "pmProgress": {
-    "title": "Üben & Fortschritt",
-    "startButton": "START",
-    "nextUp": "Als Nächstes dran!",
-    "teacherRecs": "Empfehlungen der Lehrkraft",
-    "practiceButton": "ÜBEN",
-    "stars": "Übungssterne",
-    "time": "Übungszeit",
-    "thisWeek": "Diese Woche",
-    "lastWeek": "Letzte Woche",
-    "allTime": "Gesamte Zeit",
-    "fluency": "Sicherheit",
-    "andMore": "und {{count}} weitere...",
-    "skillsLeft": "Fähigkeiten übrig",
-    "skillLeft": "Fähigkeit übrig",
-    "grade": "Jahrgang",
-    "gradeK": "Kiga",
-    "gradeOther": "Sonstige",
-    "loading": "Wird geladen...",
-    "allLockedTitle": "Alle Jahrgänge sind gesperrt",
-    "allLockedSubtitle": "Deine Lehrkraft hat alle Jahrgänge gesperrt.\nBitte sie, Jahrgänge freizuschalten, damit du mit dem Üben beginnen kannst.",
-"initErrorTitle": "Etwas ist schiefgelaufen",
-    "initErrorSubtitle": "Wir konnten deinen Fortschritt nicht laden.\nBitte versuche es später erneut."
   }
 }

package/src/shared/translation/localization/en.json

@@ -57,29 +57,5 @@
     "transcriptions": "Transcriptions",
     "attempt": "Attempt {{number}}",
     "transcriptNotAvailable": "Transcript not available"
-  },
-  "pmProgress": {
-    "title": "Practice & Progress",
-    "startButton": "START",
-    "nextUp": "Next up!",
-    "teacherRecs": "Teacher recommendations",
-    "practiceButton": "PRACTICE",
-    "stars": "Practice stars",
-    "time": "Practice time",
-    "thisWeek": "This week",
-    "lastWeek": "Last week",
-    "allTime": "All time",
-    "fluency": "Fluency",
-    "andMore": "and {{count}} more...",
-    "skillsLeft": "skills left",
-    "skillLeft": "skill left",
-    "grade": "Grade",
-    "gradeK": "K",
-    "gradeOther": "Other",
-    "loading": "Loading...",
-    "allLockedTitle": "All grades are locked",
-    "allLockedSubtitle": "Your teacher has locked all grades.\nAsk them to unlock grades so you can start practicing.",
-"initErrorTitle": "Something went wrong",
-    "initErrorSubtitle": "We couldn't load your progress.\nPlease try again later."
   }
 }

package/src/shared/translation/localization/gb.json

@@ -57,29 +57,5 @@
     "transcriptions": "Transcriptions",
     "attempt": "Attempt {{number}}",
     "transcriptNotAvailable": "Transcript not available"
-  },
-  "pmProgress": {
-    "title": "Practice & Progress",
-    "startButton": "START",
-    "nextUp": "Next up!",
-    "teacherRecs": "Teacher recommendations",
-    "practiceButton": "PRACTICE",
-    "stars": "Practice stars",
-    "time": "Practice time",
-    "thisWeek": "This week",
-    "lastWeek": "Last week",
-    "allTime": "All time",
-    "fluency": "Fluency",
-    "andMore": "and {{count}} more...",
-    "skillsLeft": "skills left",
-    "skillLeft": "skill left",
-    "grade": "Year",
-    "gradeK": "R",
-    "gradeOther": "Other",
-    "loading": "Loading...",
-    "allLockedTitle": "All years are locked",
-    "allLockedSubtitle": "Your teacher has locked all years.\nAsk them to unlock years so you can start practising.",
-"initErrorTitle": "Something went wrong",
-    "initErrorSubtitle": "We couldn't load your progress.\nPlease try again later."
   }
 }

package/src/shared/translation/localization/sct.json

@@ -57,29 +57,5 @@
     "transcriptions": "Transcriptions",
     "attempt": "Attempt {{number}}",
     "transcriptNotAvailable": "Transcript not available"
-  },
-  "pmProgress": {
-    "title": "Practice & Progress",
-    "startButton": "START",
-    "nextUp": "Next up!",
-    "teacherRecs": "Teacher recommendations",
-    "practiceButton": "PRACTICE",
-    "stars": "Practice stars",
-    "time": "Practice time",
-    "thisWeek": "This week",
-    "lastWeek": "Last week",
-    "allTime": "All time",
-    "fluency": "Fluency",
-    "andMore": "and {{count}} more...",
-    "skillsLeft": "skills left",
-    "skillLeft": "skill left",
-    "grade": "Year",
-    "gradeK": "R",
-    "gradeOther": "Other",
-    "loading": "Loading...",
-    "allLockedTitle": "All years are locked",
-    "allLockedSubtitle": "Your teacher has locked all years.\nAsk them to unlock years so you can start practising.",
-"initErrorTitle": "Something went wrong",
-    "initErrorSubtitle": "We couldn't load your progress.\nPlease try again later."
   }
 }

package/src/shared/translation/localization/sw.json

@@ -57,29 +57,5 @@
     "transcriptions": "Transkriptioner",
     "attempt": "Försök {{number}}",
     "transcriptNotAvailable": "Transkript inte tillgängligt"
-  },
-  "pmProgress": {
-    "title": "Träna & Framsteg",
-    "startButton": "STARTA",
-    "nextUp": "Nästa!",
-    "teacherRecs": "Lärarens rekommendationer",
-    "practiceButton": "TRÄNA",
-    "stars": "Stjärnor",
-    "time": "Träningstid",
-    "thisWeek": "Denna vecka",
-    "lastWeek": "Förra veckan",
-    "allTime": "Totalt",
-    "fluency": "Räknefärdighet",
-    "andMore": "och {{count}} till...",
-    "skillsLeft": "Förmågor kvar",
-    "skillLeft": "Förmåga kvar",
-    "grade": "Årskurs",
-    "gradeK": "F",
-    "gradeOther": "Övrigt",
-    "loading": "Laddar...",
-    "allLockedTitle": "Alla årskurser är låsta",
-    "allLockedSubtitle": "Din lärare har låst alla årskurser.\nBe dem att låsa upp så att du kan börja träna.",
-"initErrorTitle": "Något gick fel",
-    "initErrorSubtitle": "Vi kunde inte ladda dina framsteg.\nFörsök igen senare."
   }
 }

package/dist/commonjs/features/pmProgress/PmProgress.js

@@ -1,42 +0,0 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.PmProgress = void 0;
-var _react = _interopRequireWildcard(require("react"));
-var _reactNative = require("react-native");
-var _effectorReact = require("effector-react");
-var _PmProgressHeader = require("./components/header/PmProgressHeader.js");
-var _PmProgressContext = require("./context/PmProgressContext.js");
-var _PmContent = require("./components/content/PmContent.js");
-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; }
-const PmProgress = exports.PmProgress = /*#__PURE__*/(0, _react.memo)(({
-  model,
-  user,
-  ...props
-}) => {
-  (0, _effectorReact.useGate)(model.gate, {
-    user
-  });
-  return /*#__PURE__*/(0, _jsxRuntime.jsx)(_PmProgressContext.PmProgressProvider, {
-    value: {
-      model,
-      ...props
-    },
-    children: /*#__PURE__*/(0, _jsxRuntime.jsxs)(_reactNative.View, {
-      style: styles.container,
-      children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_PmProgressHeader.PmProgressHeader, {}), /*#__PURE__*/(0, _jsxRuntime.jsx)(_PmContent.PmProgressContent, {})]
-    })
-  });
-});
-const styles = _reactNative.StyleSheet.create({
-  container: {
-    flex: 1,
-    overflow: 'hidden',
-    height: '100%'
-  }
-});
-//# sourceMappingURL=PmProgress.js.map

package/dist/commonjs/features/pmProgress/PmProgress.js.map

@@ -1 +0,0 @@
-{"version":3,"names":["_react","_interopRequireWildcard","require","_reactNative","_effectorReact","_PmProgressHeader","_PmProgressContext","_PmContent","_jsxRuntime","_getRequireWildcardCache","e","WeakMap","r","t","__esModule","default","has","get","n","__proto__","a","Object","defineProperty","getOwnPropertyDescriptor","u","hasOwnProperty","call","i","set","PmProgress","exports","memo","model","user","props","useGate","gate","jsx","PmProgressProvider","value","children","jsxs","View","style","styles","container","PmProgressHeader","PmProgressContent","StyleSheet","create","flex","overflow","height"],"sourceRoot":"../../../../src","sources":["features/pmProgress/PmProgress.tsx"],"mappings":";;;;;;AAAA,IAAAA,MAAA,GAAAC,uBAAA,CAAAC,OAAA;AACA,IAAAC,YAAA,GAAAD,OAAA;AACA,IAAAE,cAAA,GAAAF,OAAA;AACA,IAAAG,iBAAA,GAAAH,OAAA;AACA,IAAAI,kBAAA,GAAAJ,OAAA;AAEA,IAAAK,UAAA,GAAAL,OAAA;AAAkE,IAAAM,WAAA,GAAAN,OAAA;AAAA,SAAAO,yBAAAC,CAAA,6BAAAC,OAAA,mBAAAC,CAAA,OAAAD,OAAA,IAAAE,CAAA,OAAAF,OAAA,YAAAF,wBAAA,YAAAA,CAAAC,CAAA,WAAAA,CAAA,GAAAG,CAAA,GAAAD,CAAA,KAAAF,CAAA;AAAA,SAAAT,wBAAAS,CAAA,EAAAE,CAAA,SAAAA,CAAA,IAAAF,CAAA,IAAAA,CAAA,CAAAI,UAAA,SAAAJ,CAAA,eAAAA,CAAA,uBAAAA,CAAA,yBAAAA,CAAA,WAAAK,OAAA,EAAAL,CAAA,QAAAG,CAAA,GAAAJ,wBAAA,CAAAG,CAAA,OAAAC,CAAA,IAAAA,CAAA,CAAAG,GAAA,CAAAN,CAAA,UAAAG,CAAA,CAAAI,GAAA,CAAAP,CAAA,OAAAQ,CAAA,KAAAC,SAAA,UAAAC,CAAA,GAAAC,MAAA,CAAAC,cAAA,IAAAD,MAAA,CAAAE,wBAAA,WAAAC,CAAA,IAAAd,CAAA,oBAAAc,CAAA,OAAAC,cAAA,CAAAC,IAAA,CAAAhB,CAAA,EAAAc,CAAA,SAAAG,CAAA,GAAAP,CAAA,GAAAC,MAAA,CAAAE,wBAAA,CAAAb,CAAA,EAAAc,CAAA,UAAAG,CAAA,KAAAA,CAAA,CAAAV,GAAA,IAAAU,CAAA,CAAAC,GAAA,IAAAP,MAAA,CAAAC,cAAA,CAAAJ,CAAA,EAAAM,CAAA,EAAAG,CAAA,IAAAT,CAAA,CAAAM,CAAA,IAAAd,CAAA,CAAAc,CAAA,YAAAN,CAAA,CAAAH,OAAA,GAAAL,CAAA,EAAAG,CAAA,IAAAA,CAAA,CAAAe,GAAA,CAAAlB,CAAA,EAAAQ,CAAA,GAAAA,CAAA;AAI3D,MAAMW,UAAU,GAAAC,OAAA,CAAAD,UAAA,gBAAG,IAAAE,WAAI,EAAC,CAAC;EAAEC,KAAK;EAAEC,IAAI;EAAE,GAAGC;AAAuB,CAAC,KAAK;EAC7E,IAAAC,sBAAO,EAACH,KAAK,CAACI,IAAI,EAAE;IAAEH;EAAK,CAAC,CAAC;EAE7B,oBACE,IAAAzB,WAAA,CAAA6B,GAAA,EAAC/B,kBAAA,CAAAgC,kBAAkB;IAACC,KAAK,EAAE;MAAEP,KAAK;MAAE,GAAGE;IAAM,CAAE;IAAAM,QAAA,eAC7C,IAAAhC,WAAA,CAAAiC,IAAA,EAACtC,YAAA,CAAAuC,IAAI;MAACC,KAAK,EAAEC,MAAM,CAACC,SAAU;MAAAL,QAAA,gBAC5B,IAAAhC,WAAA,CAAA6B,GAAA,EAAChC,iBAAA,CAAAyC,gBAAgB,IAAE,CAAC,eACpB,IAAAtC,WAAA,CAAA6B,GAAA,EAAC9B,UAAA,CAAAwC,iBAAiB,IAAE,CAAC;IAAA,CACjB;EAAC,CACW,CAAC;AAEzB,CAAC,CAAC;AAEF,MAAMH,MAAM,GAAGI,uBAAU,CAACC,MAAM,CAAC;EAC/BJ,SAAS,EAAE;IACTK,IAAI,EAAE,CAAC;IACPC,QAAQ,EAAE,QAAQ;IAClBC,MAAM,EAAE;EACV;AACF,CAAC,CAAC","ignoreList":[]}

package/dist/commonjs/features/pmProgress/components/chart/chart.helpers.js

@@ -1,24 +0,0 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.getSliceClipId = exports.dynamicInnerRadius = exports.dynamicCornerRadius = void 0;
-const getSliceClipId = index => `slice-clip-${index}`;
-exports.getSliceClipId = getSliceClipId;
-const dynamicInnerRadius = sliceCount => {
-  if (sliceCount >= 5) return 14;
-  if (sliceCount === 4) return 8;
-  if (sliceCount === 3) return 6;
-  if (sliceCount === 2) return 4;
-  if (sliceCount === 1) return 0;
-  return 30;
-};
-exports.dynamicInnerRadius = dynamicInnerRadius;
-const dynamicCornerRadius = fillPercent => {
-  if (fillPercent >= 30) return 8;
-  if (fillPercent >= 5) return 6;
-  return 4;
-};
-exports.dynamicCornerRadius = dynamicCornerRadius;
-//# sourceMappingURL=chart.helpers.js.map

package/dist/commonjs/features/pmProgress/components/chart/chart.helpers.js.map

@@ -1 +0,0 @@
-{"version":3,"names":["getSliceClipId","index","exports","dynamicInnerRadius","sliceCount","dynamicCornerRadius","fillPercent"],"sourceRoot":"../../../../../../src","sources":["features/pmProgress/components/chart/chart.helpers.ts"],"mappings":";;;;;;AAAO,MAAMA,cAAc,GAAIC,KAAsB,IAAK,cAAcA,KAAK,EAAE;AAAAC,OAAA,CAAAF,cAAA,GAAAA,cAAA;AAExE,MAAMG,kBAAkB,GAAIC,UAAkB,IAAa;EAChE,IAAIA,UAAU,IAAI,CAAC,EAAE,OAAO,EAAE;EAC9B,IAAIA,UAAU,KAAK,CAAC,EAAE,OAAO,CAAC;EAC9B,IAAIA,UAAU,KAAK,CAAC,EAAE,OAAO,CAAC;EAC9B,IAAIA,UAAU,KAAK,CAAC,EAAE,OAAO,CAAC;EAC9B,IAAIA,UAAU,KAAK,CAAC,EAAE,OAAO,CAAC;EAC9B,OAAO,EAAE;AACX,CAAC;AAAAF,OAAA,CAAAC,kBAAA,GAAAA,kBAAA;AAEM,MAAME,mBAAmB,GAAIC,WAAmB,IAAa;EAClE,IAAIA,WAAW,IAAI,EAAE,EAAE,OAAO,CAAC;EAC/B,IAAIA,WAAW,IAAI,CAAC,EAAE,OAAO,CAAC;EAC9B,OAAO,CAAC;AACV,CAAC;AAAAJ,OAAA,CAAAG,mBAAA,GAAAA,mBAAA","ignoreList":[]}

package/dist/commonjs/features/pmProgress/components/chart/chart.types.js

@@ -1,2 +0,0 @@
-"use strict";
-//# sourceMappingURL=chart.types.js.map

package/dist/commonjs/features/pmProgress/components/chart/chart.types.js.map

@@ -1 +0,0 @@
-{"version":3,"names":[],"sourceRoot":"../../../../../../src","sources":["features/pmProgress/components/chart/chart.types.ts"],"mappings":"","ignoreList":[]}

package/dist/commonjs/features/pmProgress/components/chart/components/PracticeProgressPieChart.js

@@ -1,44 +0,0 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.PracticeProgressPieChart = void 0;
-var _react = _interopRequireWildcard(require("react"));
-var _reactNative = require("react-native");
-var _reactNativeSvg = _interopRequireWildcard(require("react-native-svg"));
-var _PieChartManager = require("../model/PieChartManager.js");
-var _SlicesClipPaths = require("./SlicesClipPaths.js");
-var _SlicesPaths = require("./SlicesPaths.js");
-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; }
-const PracticeProgressPieChart = exports.PracticeProgressPieChart = /*#__PURE__*/(0, _react.memo)(({
-  data,
-  config
-}) => {
-  const pieChartManager = (0, _react.useMemo)(() => new _PieChartManager.PieChartManager(config), [config]);
-  const center = pieChartManager.getCenter();
-  const slices = (0, _react.useMemo)(() => {
-    return pieChartManager.shape.generateSlices(data);
-  }, [data, pieChartManager]);
-  return /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.View, {
-    children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNativeSvg.default, {
-      width: config.size,
-      height: config.size,
-      children: /*#__PURE__*/(0, _jsxRuntime.jsxs)(_reactNativeSvg.G, {
-        x: center.x,
-        y: center.y,
-        children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_SlicesClipPaths.SlicesClipPaths, {
-          slices: slices,
-          pieChartManager: pieChartManager
-        }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_SlicesPaths.SlicesPaths, {
-          slices: slices,
-          pieChartManager: pieChartManager,
-          config: config
-        })]
-      })
-    })
-  });
-});
-//# sourceMappingURL=PracticeProgressPieChart.js.map

package/dist/commonjs/features/pmProgress/components/chart/components/PracticeProgressPieChart.js.map

@@ -1 +0,0 @@
-{"version":3,"names":["_react","_interopRequireWildcard","require","_reactNative","_reactNativeSvg","_PieChartManager","_SlicesClipPaths","_SlicesPaths","_jsxRuntime","_getRequireWildcardCache","e","WeakMap","r","t","__esModule","default","has","get","n","__proto__","a","Object","defineProperty","getOwnPropertyDescriptor","u","hasOwnProperty","call","i","set","PracticeProgressPieChart","exports","memo","data","config","pieChartManager","useMemo","PieChartManager","center","getCenter","slices","shape","generateSlices","jsx","View","children","width","size","height","jsxs","G","x","y","SlicesClipPaths","SlicesPaths"],"sourceRoot":"../../../../../../../src","sources":["features/pmProgress/components/chart/components/PracticeProgressPieChart.tsx"],"mappings":"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","ignoreList":[]}