@magmamath/students-features 1.8.4 → 1.8.6-rc.1

package/dist/module/features/profile/components/modals/TranslationLanguageModal.js

@@ -0,0 +1,122 @@
+"use strict";
+
+import React from 'react';
+import { StyleSheet, View } from 'react-native';
+import { useUnit } from 'effector-react';
+import { BaseModal, Checkbox, CheckboxColor, CheckboxGroup, COLORS, HeadingVariants, Search, SPACING, Typography } from '@magmamath/react-native-ui';
+import { TEST_IDS } from '@magmamath/students-qa';
+import { useText } from "../../../../i18n/i18n.js";
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+const LIST_HEIGHT = 360;
+export const TranslationLanguageModal = ({
+  modal: {
+    closeModal,
+    params
+  }
+}) => {
+  const t = useText();
+  const {
+    model
+  } = params;
+  const {
+    search,
+    languages,
+    settings
+  } = useUnit({
+    search: model.language.$search,
+    languages: model.language.$languages,
+    settings: model.$settings
+  });
+  const closeAndReset = () => {
+    model.language.reset();
+    closeModal();
+  };
+  const selectLanguage = language => {
+    model.language.selectLanguage(language);
+    closeAndReset();
+  };
+  const items = languages.map(language => ({
+    id: language,
+    label: language,
+    radio: true,
+    color: CheckboxColor.ORANGE
+  }));
+  const selectedItems = items.filter(item => item.id === settings.translationLanguage);
+  return /*#__PURE__*/_jsx(BaseModal, {
+    onClose: closeAndReset,
+    style: modalStyle,
+    header: /*#__PURE__*/_jsxs(View, {
+      style: styles.header,
+      children: [/*#__PURE__*/_jsx(Typography, {
+        variant: HeadingVariants.H2,
+        align: "center",
+        style: styles.title,
+        children: t('profile.translationModalTitle')
+      }), /*#__PURE__*/_jsx(Search, {
+        nativeID: "translation-language-search",
+        value: search,
+        onChangeText: model.language.setSearch,
+        placeholder: t('profile.search'),
+        containerStyle: styles.search,
+        testID: TEST_IDS.LANGUAGE_SEARCH_INPUT
+      })]
+    }),
+    content: /*#__PURE__*/_jsxs(View, {
+      style: styles.content,
+      children: [/*#__PURE__*/_jsx(Checkbox, {
+        radio: true,
+        label: t('profile.noLanguage'),
+        checked: !settings.translationLanguage,
+        color: CheckboxColor.ORANGE,
+        style: noLanguageStyle,
+        onPress: () => selectLanguage(null)
+      }), /*#__PURE__*/_jsx(View, {
+        style: styles.divider
+      }), /*#__PURE__*/_jsx(CheckboxGroup, {
+        items: items,
+        selectedItems: selectedItems,
+        initialNumToRender: items.length,
+        style: listStyle,
+        onPress: item => selectLanguage(languages.find(language => language === item.id) ?? null)
+      })]
+    })
+  });
+};
+const styles = StyleSheet.create({
+  modal: {
+    width: 530
+  },
+  header: {
+    gap: SPACING['500']
+  },
+  title: {
+    color: COLORS.NEUTRAL_9
+  },
+  search: {
+    width: '100%'
+  },
+  content: {
+    gap: SPACING['300']
+  },
+  noLanguage: {
+    paddingLeft: SPACING['200']
+  },
+  divider: {
+    backgroundColor: COLORS.NEUTRAL_3,
+    height: 1
+  },
+  list: {
+    height: LIST_HEIGHT,
+    width: '100%'
+  }
+});
+const modalStyle = {
+  container: styles.modal
+};
+const noLanguageStyle = {
+  container: styles.noLanguage
+};
+const listStyle = {
+  container: styles.list
+};
+//# sourceMappingURL=TranslationLanguageModal.js.map

package/dist/module/features/profile/components/modals/TranslationLanguageModal.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["React","StyleSheet","View","useUnit","BaseModal","Checkbox","CheckboxColor","CheckboxGroup","COLORS","HeadingVariants","Search","SPACING","Typography","TEST_IDS","useText","jsx","_jsx","jsxs","_jsxs","LIST_HEIGHT","TranslationLanguageModal","modal","closeModal","params","t","model","search","languages","settings","language","$search","$languages","$settings","closeAndReset","reset","selectLanguage","items","map","id","label","radio","color","ORANGE","selectedItems","filter","item","translationLanguage","onClose","style","modalStyle","header","styles","children","variant","H2","align","title","nativeID","value","onChangeText","setSearch","placeholder","containerStyle","testID","LANGUAGE_SEARCH_INPUT","content","checked","noLanguageStyle","onPress","divider","initialNumToRender","length","listStyle","find","create","width","gap","NEUTRAL_9","noLanguage","paddingLeft","backgroundColor","NEUTRAL_3","height","list","container"],"sourceRoot":"../../../../../../src","sources":["features/profile/components/modals/TranslationLanguageModal.tsx"],"mappings":"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","ignoreList":[]}

package/dist/module/features/profile/components/settings/LanguageSettingsCard.js

@@ -0,0 +1,16 @@
+"use strict";
+
+import React from 'react';
+import { useText } from "../../../../i18n/i18n.js";
+import { ProfileCard } from "../cards/ProfileCard.js";
+import { TextToSpeechRow } from "./TextToSpeechRow.js";
+import { TranslationLanguageRow } from "./TranslationLanguageRow.js";
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+export const LanguageSettingsCard = () => {
+  const t = useText();
+  return /*#__PURE__*/_jsxs(ProfileCard, {
+    title: t('profile.languageSettings'),
+    children: [/*#__PURE__*/_jsx(TextToSpeechRow, {}), /*#__PURE__*/_jsx(TranslationLanguageRow, {})]
+  });
+};
+//# sourceMappingURL=LanguageSettingsCard.js.map

package/dist/module/features/profile/components/settings/LanguageSettingsCard.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["React","useText","ProfileCard","TextToSpeechRow","TranslationLanguageRow","jsx","_jsx","jsxs","_jsxs","LanguageSettingsCard","t","title","children"],"sourceRoot":"../../../../../../src","sources":["features/profile/components/settings/LanguageSettingsCard.tsx"],"mappings":";;AAAA,OAAOA,KAAK,MAAM,OAAO;AACzB,SAASC,OAAO,QAAQ,0BAAuB;AAC/C,SAASC,WAAW,QAAQ,yBAAsB;AAClD,SAASC,eAAe,QAAQ,sBAAmB;AACnD,SAASC,sBAAsB,QAAQ,6BAA0B;AAAA,SAAAC,GAAA,IAAAC,IAAA,EAAAC,IAAA,IAAAC,KAAA;AAEjE,OAAO,MAAMC,oBAAoB,GAAGA,CAAA,KAAM;EACxC,MAAMC,CAAC,GAAGT,OAAO,CAAC,CAAC;EAEnB,oBACEO,KAAA,CAACN,WAAW;IAACS,KAAK,EAAED,CAAC,CAAC,0BAA0B,CAAE;IAAAE,QAAA,gBAChDN,IAAA,CAACH,eAAe,IAAE,CAAC,eACnBG,IAAA,CAACF,sBAAsB,IAAE,CAAC;EAAA,CACf,CAAC;AAElB,CAAC","ignoreList":[]}

package/dist/module/features/profile/components/settings/PreferencesCard.js

@@ -0,0 +1,63 @@
+"use strict";
+
+import React from 'react';
+import { StyleSheet, View } from 'react-native';
+import { useUnit } from 'effector-react';
+import { COLORS, KeyboardIcon, PencilIcon, SelectGroup, SelectOptionColor } from '@magmamath/react-native-ui';
+import { useText } from "../../../../i18n/i18n.js";
+import { useProfile } from "../../context/ProfileContext.js";
+import { ProfileCanvasType } from "../../shared/profile.constants.js";
+import { ProfileCard } from "../cards/ProfileCard.js";
+import { SettingRow } from "./SettingRow.js";
+import { jsx as _jsx } from "react/jsx-runtime";
+const ICON_SIZE = 22;
+const CONTROL_MAX_WIDTH = 248;
+
+// Pass the glyph via `title` (children), not `icon`: an icon-only Button locks to a fixed
+// square and collapses the SelectOption's flex stretch.
+const CANVAS_OPTIONS = [{
+  key: String(ProfileCanvasType.DRAWING),
+  title: /*#__PURE__*/_jsx(PencilIcon, {
+    size: ICON_SIZE,
+    color: COLORS.NEUTRAL_9
+  })
+}, {
+  key: String(ProfileCanvasType.SPREADSHEET),
+  title: /*#__PURE__*/_jsx(KeyboardIcon, {
+    size: ICON_SIZE,
+    color: COLORS.NEUTRAL_9
+  })
+}];
+export const PreferencesCard = () => {
+  const t = useText();
+  const {
+    model
+  } = useProfile();
+  const settings = useUnit(model.$settings);
+  return /*#__PURE__*/_jsx(ProfileCard, {
+    title: t('profile.preferences'),
+    children: /*#__PURE__*/_jsx(SettingRow, {
+      label: t('profile.solveMode'),
+      children: /*#__PURE__*/_jsx(View, {
+        style: styles.control,
+        children: /*#__PURE__*/_jsx(SelectGroup, {
+          color: SelectOptionColor.GREY,
+          options: CANVAS_OPTIONS,
+          selectedOptions: CANVAS_OPTIONS.filter(({
+            key
+          }) => key === String(settings.canvasType)),
+          onOptionChange: ({
+            key
+          }) => model.setCanvasType(key === String(ProfileCanvasType.SPREADSHEET) ? ProfileCanvasType.SPREADSHEET : ProfileCanvasType.DRAWING)
+        })
+      })
+    })
+  });
+};
+const styles = StyleSheet.create({
+  control: {
+    flex: 1,
+    maxWidth: CONTROL_MAX_WIDTH
+  }
+});
+//# sourceMappingURL=PreferencesCard.js.map

package/dist/module/features/profile/components/settings/PreferencesCard.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["React","StyleSheet","View","useUnit","COLORS","KeyboardIcon","PencilIcon","SelectGroup","SelectOptionColor","useText","useProfile","ProfileCanvasType","ProfileCard","SettingRow","jsx","_jsx","ICON_SIZE","CONTROL_MAX_WIDTH","CANVAS_OPTIONS","key","String","DRAWING","title","size","color","NEUTRAL_9","SPREADSHEET","PreferencesCard","t","model","settings","$settings","children","label","style","styles","control","GREY","options","selectedOptions","filter","canvasType","onOptionChange","setCanvasType","create","flex","maxWidth"],"sourceRoot":"../../../../../../src","sources":["features/profile/components/settings/PreferencesCard.tsx"],"mappings":";;AAAA,OAAOA,KAAK,MAAM,OAAO;AACzB,SAASC,UAAU,EAAEC,IAAI,QAAQ,cAAc;AAC/C,SAASC,OAAO,QAAQ,gBAAgB;AACxC,SACEC,MAAM,EACNC,YAAY,EACZC,UAAU,EACVC,WAAW,EACXC,iBAAiB,QAEZ,4BAA4B;AAEnC,SAASC,OAAO,QAAQ,0BAAuB;AAC/C,SAASC,UAAU,QAAQ,iCAA8B;AACzD,SAASC,iBAAiB,QAAQ,mCAAgC;AAClE,SAASC,WAAW,QAAQ,yBAAsB;AAClD,SAASC,UAAU,QAAQ,iBAAc;AAAA,SAAAC,GAAA,IAAAC,IAAA;AAEzC,MAAMC,SAAS,GAAG,EAAE;AACpB,MAAMC,iBAAiB,GAAG,GAAG;;AAE7B;AACA;AACA,MAAMC,cAAmC,GAAG,CAC1C;EACEC,GAAG,EAAEC,MAAM,CAACT,iBAAiB,CAACU,OAAO,CAAC;EACtCC,KAAK,eAAEP,IAAA,CAACT,UAAU;IAACiB,IAAI,EAAEP,SAAU;IAACQ,KAAK,EAAEpB,MAAM,CAACqB;EAAU,CAAE;AAChE,CAAC,EACD;EACEN,GAAG,EAAEC,MAAM,CAACT,iBAAiB,CAACe,WAAW,CAAC;EAC1CJ,KAAK,eAAEP,IAAA,CAACV,YAAY;IAACkB,IAAI,EAAEP,SAAU;IAACQ,KAAK,EAAEpB,MAAM,CAACqB;EAAU,CAAE;AAClE,CAAC,CACF;AAED,OAAO,MAAME,eAAe,GAAGA,CAAA,KAAM;EACnC,MAAMC,CAAC,GAAGnB,OAAO,CAAC,CAAC;EACnB,MAAM;IAAEoB;EAAM,CAAC,GAAGnB,UAAU,CAAC,CAAC;EAC9B,MAAMoB,QAAQ,GAAG3B,OAAO,CAAC0B,KAAK,CAACE,SAAS,CAAC;EAEzC,oBACEhB,IAAA,CAACH,WAAW;IAACU,KAAK,EAAEM,CAAC,CAAC,qBAAqB,CAAE;IAAAI,QAAA,eAC3CjB,IAAA,CAACF,UAAU;MAACoB,KAAK,EAAEL,CAAC,CAAC,mBAAmB,CAAE;MAAAI,QAAA,eACxCjB,IAAA,CAACb,IAAI;QAACgC,KAAK,EAAEC,MAAM,CAACC,OAAQ;QAAAJ,QAAA,eAC1BjB,IAAA,CAACR,WAAW;UACViB,KAAK,EAAEhB,iBAAiB,CAAC6B,IAAK;UAC9BC,OAAO,EAAEpB,cAAe;UACxBqB,eAAe,EAAErB,cAAc,CAACsB,MAAM,CAAC,CAAC;YAAErB;UAAI,CAAC,KAAKA,GAAG,KAAKC,MAAM,CAACU,QAAQ,CAACW,UAAU,CAAC,CAAE;UACzFC,cAAc,EAAEA,CAAC;YAAEvB;UAAI,CAAC,KACtBU,KAAK,CAACc,aAAa,CACjBxB,GAAG,KAAKC,MAAM,CAACT,iBAAiB,CAACe,WAAW,CAAC,GACzCf,iBAAiB,CAACe,WAAW,GAC7Bf,iBAAiB,CAACU,OACxB;QACD,CACF;MAAC,CACE;IAAC,CACG;EAAC,CACF,CAAC;AAElB,CAAC;AAED,MAAMc,MAAM,GAAGlC,UAAU,CAAC2C,MAAM,CAAC;EAC/BR,OAAO,EAAE;IACPS,IAAI,EAAE,CAAC;IACPC,QAAQ,EAAE7B;EACZ;AACF,CAAC,CAAC","ignoreList":[]}

package/dist/module/features/profile/components/settings/SettingRow.js

@@ -0,0 +1,42 @@
+"use strict";
+
+import React from 'react';
+import { StyleSheet, View } from 'react-native';
+import { COLORS, HeadingVariants, SPACING, Typography } from '@magmamath/react-native-ui';
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+export const SettingRow = ({
+  icon,
+  label,
+  children,
+  style
+}) => /*#__PURE__*/_jsxs(View, {
+  style: [styles.row, style],
+  children: [/*#__PURE__*/_jsxs(View, {
+    style: styles.labelGroup,
+    children: [icon, /*#__PURE__*/_jsx(Typography, {
+      variant: HeadingVariants.H8,
+      style: styles.label,
+      children: label
+    })]
+  }), children]
+});
+const styles = StyleSheet.create({
+  row: {
+    alignItems: 'center',
+    flexDirection: 'row',
+    gap: SPACING['400'],
+    justifyContent: 'space-between',
+    padding: SPACING['200']
+  },
+  labelGroup: {
+    alignItems: 'center',
+    flexDirection: 'row',
+    flexShrink: 1,
+    gap: SPACING['200']
+  },
+  label: {
+    color: COLORS.NEUTRAL_9,
+    flexShrink: 1
+  }
+});
+//# sourceMappingURL=SettingRow.js.map

package/dist/module/features/profile/components/settings/SettingRow.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["React","StyleSheet","View","COLORS","HeadingVariants","SPACING","Typography","jsx","_jsx","jsxs","_jsxs","SettingRow","icon","label","children","style","styles","row","labelGroup","variant","H8","create","alignItems","flexDirection","gap","justifyContent","padding","flexShrink","color","NEUTRAL_9"],"sourceRoot":"../../../../../../src","sources":["features/profile/components/settings/SettingRow.tsx"],"mappings":";;AAAA,OAAOA,KAAK,MAAqB,OAAO;AACxC,SAAoBC,UAAU,EAAEC,IAAI,QAAmB,cAAc;AACrE,SAASC,MAAM,EAAEC,eAAe,EAAEC,OAAO,EAAEC,UAAU,QAAQ,4BAA4B;AAAA,SAAAC,GAAA,IAAAC,IAAA,EAAAC,IAAA,IAAAC,KAAA;AASzF,OAAO,MAAMC,UAAU,GAAGA,CAAC;EAAEC,IAAI;EAAEC,KAAK;EAAEC,QAAQ;EAAEC;AAAuB,CAAC,kBAC1EL,KAAA,CAACR,IAAI;EAACa,KAAK,EAAE,CAACC,MAAM,CAACC,GAAG,EAAEF,KAAK,CAAE;EAAAD,QAAA,gBAC/BJ,KAAA,CAACR,IAAI;IAACa,KAAK,EAAEC,MAAM,CAACE,UAAW;IAAAJ,QAAA,GAC5BF,IAAI,eACLJ,IAAA,CAACF,UAAU;MAACa,OAAO,EAAEf,eAAe,CAACgB,EAAG;MAACL,KAAK,EAAEC,MAAM,CAACH,KAAM;MAAAC,QAAA,EAC1DD;IAAK,CACI,CAAC;EAAA,CACT,CAAC,EACNC,QAAQ;AAAA,CACL,CACP;AAED,MAAME,MAAM,GAAGf,UAAU,CAACoB,MAAM,CAAC;EAC/BJ,GAAG,EAAE;IACHK,UAAU,EAAE,QAAQ;IACpBC,aAAa,EAAE,KAAK;IACpBC,GAAG,EAAEnB,OAAO,CAAC,KAAK,CAAC;IACnBoB,cAAc,EAAE,eAAe;IAC/BC,OAAO,EAAErB,OAAO,CAAC,KAAK;EACxB,CAAC;EACDa,UAAU,EAAE;IACVI,UAAU,EAAE,QAAQ;IACpBC,aAAa,EAAE,KAAK;IACpBI,UAAU,EAAE,CAAC;IACbH,GAAG,EAAEnB,OAAO,CAAC,KAAK;EACpB,CAAC;EACDQ,KAAK,EAAE;IACLe,KAAK,EAAEzB,MAAM,CAAC0B,SAAS;IACvBF,UAAU,EAAE;EACd;AACF,CAAC,CAAC","ignoreList":[]}

package/dist/module/features/profile/components/settings/TextSettingsCard.js

@@ -0,0 +1,71 @@
+"use strict";
+
+import React from 'react';
+import { useUnit } from 'effector-react';
+import { StyleSheet, View } from 'react-native';
+import { COLORS, HeadingVariants, ParagraphVariants, SPACING, Typography } from '@magmamath/react-native-ui';
+import { useText } from "../../../../i18n/i18n.js";
+import { useProfile } from "../../context/ProfileContext.js";
+import { TextSizeSlider } from "./TextSizeSlider.js";
+import { ProfileCard } from "../cards/ProfileCard.js";
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+export const TextSettingsCard = () => {
+  const t = useText();
+  const {
+    model
+  } = useProfile();
+  const settings = useUnit(model.$settings);
+  return /*#__PURE__*/_jsxs(ProfileCard, {
+    title: t('profile.textSettings'),
+    children: [/*#__PURE__*/_jsx(Typography, {
+      variant: HeadingVariants.H8,
+      style: styles.label,
+      children: t('profile.textSize')
+    }), /*#__PURE__*/_jsxs(View, {
+      style: styles.sliderWrap,
+      children: [/*#__PURE__*/_jsx(TextSizeSlider, {
+        value: settings.textSize,
+        onSlidingComplete: model.setTextSize
+      }), /*#__PURE__*/_jsxs(View, {
+        style: styles.markers,
+        children: [/*#__PURE__*/_jsx(Typography, {
+          variant: ParagraphVariants.XS,
+          style: styles.marker,
+          selectable: false,
+          children: "A"
+        }), /*#__PURE__*/_jsx(Typography, {
+          variant: ParagraphVariants.MEDIUM,
+          style: styles.marker,
+          selectable: false,
+          children: "A"
+        }), /*#__PURE__*/_jsx(Typography, {
+          variant: ParagraphVariants.XL,
+          style: styles.marker,
+          selectable: false,
+          children: "A"
+        })]
+      })]
+    })]
+  });
+};
+const styles = StyleSheet.create({
+  label: {
+    color: COLORS.NEUTRAL_9,
+    padding: SPACING['200']
+  },
+  sliderWrap: {
+    gap: SPACING['200'],
+    margin: SPACING['100']
+  },
+  markers: {
+    alignItems: 'center',
+    flexDirection: 'row',
+    justifyContent: 'space-between'
+  },
+  marker: {
+    color: COLORS.NEUTRAL_7,
+    fontWeight: '700',
+    width: 16
+  }
+});
+//# sourceMappingURL=TextSettingsCard.js.map

package/dist/module/features/profile/components/settings/TextSettingsCard.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["React","useUnit","StyleSheet","View","COLORS","HeadingVariants","ParagraphVariants","SPACING","Typography","useText","useProfile","TextSizeSlider","ProfileCard","jsx","_jsx","jsxs","_jsxs","TextSettingsCard","t","model","settings","$settings","title","children","variant","H8","style","styles","label","sliderWrap","value","textSize","onSlidingComplete","setTextSize","markers","XS","marker","selectable","MEDIUM","XL","create","color","NEUTRAL_9","padding","gap","margin","alignItems","flexDirection","justifyContent","NEUTRAL_7","fontWeight","width"],"sourceRoot":"../../../../../../src","sources":["features/profile/components/settings/TextSettingsCard.tsx"],"mappings":";;AAAA,OAAOA,KAAK,MAAM,OAAO;AACzB,SAASC,OAAO,QAAQ,gBAAgB;AACxC,SAASC,UAAU,EAAEC,IAAI,QAAQ,cAAc;AAC/C,SACEC,MAAM,EACNC,eAAe,EACfC,iBAAiB,EACjBC,OAAO,EACPC,UAAU,QACL,4BAA4B;AAEnC,SAASC,OAAO,QAAQ,0BAAuB;AAC/C,SAASC,UAAU,QAAQ,iCAA8B;AACzD,SAASC,cAAc,QAAQ,qBAAkB;AACjD,SAASC,WAAW,QAAQ,yBAAsB;AAAA,SAAAC,GAAA,IAAAC,IAAA,EAAAC,IAAA,IAAAC,KAAA;AAElD,OAAO,MAAMC,gBAAgB,GAAGA,CAAA,KAAM;EACpC,MAAMC,CAAC,GAAGT,OAAO,CAAC,CAAC;EACnB,MAAM;IAAEU;EAAM,CAAC,GAAGT,UAAU,CAAC,CAAC;EAC9B,MAAMU,QAAQ,GAAGnB,OAAO,CAACkB,KAAK,CAACE,SAAS,CAAC;EAEzC,oBACEL,KAAA,CAACJ,WAAW;IAACU,KAAK,EAAEJ,CAAC,CAAC,sBAAsB,CAAE;IAAAK,QAAA,gBAC5CT,IAAA,CAACN,UAAU;MAACgB,OAAO,EAAEnB,eAAe,CAACoB,EAAG;MAACC,KAAK,EAAEC,MAAM,CAACC,KAAM;MAAAL,QAAA,EAC1DL,CAAC,CAAC,kBAAkB;IAAC,CACZ,CAAC,eACbF,KAAA,CAACb,IAAI;MAACuB,KAAK,EAAEC,MAAM,CAACE,UAAW;MAAAN,QAAA,gBAC7BT,IAAA,CAACH,cAAc;QAACmB,KAAK,EAAEV,QAAQ,CAACW,QAAS;QAACC,iBAAiB,EAAEb,KAAK,CAACc;MAAY,CAAE,CAAC,eAClFjB,KAAA,CAACb,IAAI;QAACuB,KAAK,EAAEC,MAAM,CAACO,OAAQ;QAAAX,QAAA,gBAC1BT,IAAA,CAACN,UAAU;UAACgB,OAAO,EAAElB,iBAAiB,CAAC6B,EAAG;UAACT,KAAK,EAAEC,MAAM,CAACS,MAAO;UAACC,UAAU,EAAE,KAAM;UAAAd,QAAA,EAAC;QAEpF,CAAY,CAAC,eACbT,IAAA,CAACN,UAAU;UAACgB,OAAO,EAAElB,iBAAiB,CAACgC,MAAO;UAACZ,KAAK,EAAEC,MAAM,CAACS,MAAO;UAACC,UAAU,EAAE,KAAM;UAAAd,QAAA,EAAC;QAExF,CAAY,CAAC,eACbT,IAAA,CAACN,UAAU;UAACgB,OAAO,EAAElB,iBAAiB,CAACiC,EAAG;UAACb,KAAK,EAAEC,MAAM,CAACS,MAAO;UAACC,UAAU,EAAE,KAAM;UAAAd,QAAA,EAAC;QAEpF,CAAY,CAAC;MAAA,CACT,CAAC;IAAA,CACH,CAAC;EAAA,CACI,CAAC;AAElB,CAAC;AAED,MAAMI,MAAM,GAAGzB,UAAU,CAACsC,MAAM,CAAC;EAC/BZ,KAAK,EAAE;IACLa,KAAK,EAAErC,MAAM,CAACsC,SAAS;IACvBC,OAAO,EAAEpC,OAAO,CAAC,KAAK;EACxB,CAAC;EACDsB,UAAU,EAAE;IACVe,GAAG,EAAErC,OAAO,CAAC,KAAK,CAAC;IACnBsC,MAAM,EAAEtC,OAAO,CAAC,KAAK;EACvB,CAAC;EACD2B,OAAO,EAAE;IACPY,UAAU,EAAE,QAAQ;IACpBC,aAAa,EAAE,KAAK;IACpBC,cAAc,EAAE;EAClB,CAAC;EACDZ,MAAM,EAAE;IACNK,KAAK,EAAErC,MAAM,CAAC6C,SAAS;IACvBC,UAAU,EAAE,KAAK;IACjBC,KAAK,EAAE;EACT;AACF,CAAC,CAAC","ignoreList":[]}

package/dist/module/features/profile/components/settings/TextSizeSlider.js

@@ -0,0 +1,112 @@
+"use strict";
+
+import React, { useRef, useState } from 'react';
+import { PanResponder, StyleSheet, View } from 'react-native';
+import { COLORS } from '@magmamath/react-native-ui';
+import { TEST_IDS } from '@magmamath/students-qa';
+import { TEXT_SIZE } from "../../shared/profile.constants.js";
+import { snapTextSize } from "../../shared/profile.helpers.js";
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+const THUMB_SIZE = 20;
+const DOT_SIZE = 6;
+const TRACK_HEIGHT = 10;
+const TRACK_RADIUS = 5;
+const STEPS = (TEXT_SIZE.MAX - TEXT_SIZE.MIN) / TEXT_SIZE.STEP + 1;
+const RANGE = TEXT_SIZE.MAX - TEXT_SIZE.MIN;
+const TRACK_PADDING = THUMB_SIZE / 2 - DOT_SIZE / 2;
+export const TextSizeSlider = ({
+  value,
+  onSlidingComplete
+}) => {
+  const [trackWidth, setTrackWidth] = useState(0);
+  const [dragValue, setDragValue] = useState(null);
+  const widthRef = useRef(0);
+  const onCompleteRef = useRef(onSlidingComplete);
+  onCompleteRef.current = onSlidingComplete;
+  const currentValue = dragValue ?? value;
+  const fraction = RANGE === 0 ? 0 : (currentValue - TEXT_SIZE.MIN) / RANGE;
+  const travel = Math.max(0, trackWidth - THUMB_SIZE);
+  const measureTrack = event => {
+    const width = event.nativeEvent.layout.width;
+    widthRef.current = width;
+    setTrackWidth(width);
+  };
+  const valueFromX = x => {
+    const width = widthRef.current;
+    if (width <= 0) return TEXT_SIZE.MIN;
+    const ratio = Math.min(1, Math.max(0, x / width));
+    return snapTextSize(TEXT_SIZE.MIN + ratio * RANGE);
+  };
+  const panResponder = useRef(PanResponder.create({
+    onStartShouldSetPanResponder: () => true,
+    onMoveShouldSetPanResponder: () => true,
+    onPanResponderGrant: event => setDragValue(valueFromX(event.nativeEvent.locationX)),
+    onPanResponderMove: event => setDragValue(valueFromX(event.nativeEvent.locationX)),
+    onPanResponderRelease: event => {
+      const next = valueFromX(event.nativeEvent.locationX);
+      setDragValue(null);
+      onCompleteRef.current(next);
+    },
+    onPanResponderTerminate: () => setDragValue(null)
+  })).current;
+  return /*#__PURE__*/_jsxs(View, {
+    style: styles.container,
+    onLayout: measureTrack,
+    testID: TEST_IDS.TEXT_SIZE_SLIDER,
+    ...panResponder.panHandlers,
+    children: [/*#__PURE__*/_jsx(View, {
+      style: styles.track,
+      children: Array.from({
+        length: STEPS
+      }, (_, index) => {
+        const isEdge = index === 0 || index === STEPS - 1;
+        return /*#__PURE__*/_jsx(View, {
+          style: [styles.dot, isEdge && styles.dotHidden]
+        }, index);
+      })
+    }), /*#__PURE__*/_jsx(View, {
+      style: [styles.thumb, {
+        left: fraction * travel
+      }]
+    })]
+  });
+};
+const styles = StyleSheet.create({
+  container: {
+    cursor: 'pointer',
+    height: THUMB_SIZE,
+    justifyContent: 'center',
+    width: '100%'
+  },
+  track: {
+    alignItems: 'center',
+    backgroundColor: COLORS.NEUTRAL_3,
+    borderColor: COLORS.NEUTRAL_4,
+    borderRadius: TRACK_RADIUS,
+    borderWidth: 0.5,
+    boxShadow: 'inset -3px -3px 3px rgba(255, 255, 255, 0.6), inset 2px 2px 3px rgba(0, 0, 0, 0.12)',
+    flexDirection: 'row',
+    height: TRACK_HEIGHT,
+    justifyContent: 'space-between',
+    paddingHorizontal: TRACK_PADDING,
+    width: '100%'
+  },
+  dot: {
+    backgroundColor: COLORS.NEUTRAL_5,
+    borderRadius: DOT_SIZE / 2,
+    height: DOT_SIZE,
+    width: DOT_SIZE
+  },
+  dotHidden: {
+    opacity: 0
+  },
+  thumb: {
+    backgroundColor: COLORS.NEUTRAL_1,
+    borderRadius: THUMB_SIZE / 2,
+    boxShadow: '0px 2px 6px rgba(0, 0, 0, 0.2)',
+    height: THUMB_SIZE,
+    position: 'absolute',
+    width: THUMB_SIZE
+  }
+});
+//# sourceMappingURL=TextSizeSlider.js.map

package/dist/module/features/profile/components/settings/TextSizeSlider.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["React","useRef","useState","PanResponder","StyleSheet","View","COLORS","TEST_IDS","TEXT_SIZE","snapTextSize","jsx","_jsx","jsxs","_jsxs","THUMB_SIZE","DOT_SIZE","TRACK_HEIGHT","TRACK_RADIUS","STEPS","MAX","MIN","STEP","RANGE","TRACK_PADDING","TextSizeSlider","value","onSlidingComplete","trackWidth","setTrackWidth","dragValue","setDragValue","widthRef","onCompleteRef","current","currentValue","fraction","travel","Math","max","measureTrack","event","width","nativeEvent","layout","valueFromX","x","ratio","min","panResponder","create","onStartShouldSetPanResponder","onMoveShouldSetPanResponder","onPanResponderGrant","locationX","onPanResponderMove","onPanResponderRelease","next","onPanResponderTerminate","style","styles","container","onLayout","testID","TEXT_SIZE_SLIDER","panHandlers","children","track","Array","from","length","_","index","isEdge","dot","dotHidden","thumb","left","cursor","height","justifyContent","alignItems","backgroundColor","NEUTRAL_3","borderColor","NEUTRAL_4","borderRadius","borderWidth","boxShadow","flexDirection","paddingHorizontal","NEUTRAL_5","opacity","NEUTRAL_1","position"],"sourceRoot":"../../../../../../src","sources":["features/profile/components/settings/TextSizeSlider.tsx"],"mappings":"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","ignoreList":[]}

package/dist/module/features/profile/components/settings/TextToSpeechRow.js

@@ -0,0 +1,31 @@
+"use strict";
+
+import React from 'react';
+import { useUnit } from 'effector-react';
+import { COLORS, SpeakerIcon, Toggle } from '@magmamath/react-native-ui';
+import { TEST_IDS } from '@magmamath/students-qa';
+import { useText } from "../../../../i18n/i18n.js";
+import { useProfile } from "../../context/ProfileContext.js";
+import { SettingRow } from "./SettingRow.js";
+import { jsx as _jsx } from "react/jsx-runtime";
+const ICON_SIZE = 20;
+export const TextToSpeechRow = () => {
+  const t = useText();
+  const {
+    model
+  } = useProfile();
+  const settings = useUnit(model.$settings);
+  return /*#__PURE__*/_jsx(SettingRow, {
+    icon: /*#__PURE__*/_jsx(SpeakerIcon, {
+      size: ICON_SIZE,
+      color: COLORS.NEUTRAL_7
+    }),
+    label: t('profile.textToSpeech'),
+    children: /*#__PURE__*/_jsx(Toggle, {
+      value: settings.textToSpeech,
+      onValueChange: model.setTextToSpeech,
+      testID: TEST_IDS.PROFILE_TTS_SWITCH
+    })
+  });
+};
+//# sourceMappingURL=TextToSpeechRow.js.map

package/dist/module/features/profile/components/settings/TextToSpeechRow.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["React","useUnit","COLORS","SpeakerIcon","Toggle","TEST_IDS","useText","useProfile","SettingRow","jsx","_jsx","ICON_SIZE","TextToSpeechRow","t","model","settings","$settings","icon","size","color","NEUTRAL_7","label","children","value","textToSpeech","onValueChange","setTextToSpeech","testID","PROFILE_TTS_SWITCH"],"sourceRoot":"../../../../../../src","sources":["features/profile/components/settings/TextToSpeechRow.tsx"],"mappings":";;AAAA,OAAOA,KAAK,MAAM,OAAO;AACzB,SAASC,OAAO,QAAQ,gBAAgB;AACxC,SAASC,MAAM,EAAEC,WAAW,EAAEC,MAAM,QAAQ,4BAA4B;AACxE,SAASC,QAAQ,QAAQ,wBAAwB;AAEjD,SAASC,OAAO,QAAQ,0BAAuB;AAC/C,SAASC,UAAU,QAAQ,iCAA8B;AACzD,SAASC,UAAU,QAAQ,iBAAc;AAAA,SAAAC,GAAA,IAAAC,IAAA;AAEzC,MAAMC,SAAS,GAAG,EAAE;AAEpB,OAAO,MAAMC,eAAe,GAAGA,CAAA,KAAM;EACnC,MAAMC,CAAC,GAAGP,OAAO,CAAC,CAAC;EACnB,MAAM;IAAEQ;EAAM,CAAC,GAAGP,UAAU,CAAC,CAAC;EAC9B,MAAMQ,QAAQ,GAAGd,OAAO,CAACa,KAAK,CAACE,SAAS,CAAC;EAEzC,oBACEN,IAAA,CAACF,UAAU;IACTS,IAAI,eAAEP,IAAA,CAACP,WAAW;MAACe,IAAI,EAAEP,SAAU;MAACQ,KAAK,EAAEjB,MAAM,CAACkB;IAAU,CAAE,CAAE;IAChEC,KAAK,EAAER,CAAC,CAAC,sBAAsB,CAAE;IAAAS,QAAA,eAEjCZ,IAAA,CAACN,MAAM;MACLmB,KAAK,EAAER,QAAQ,CAACS,YAAa;MAC7BC,aAAa,EAAEX,KAAK,CAACY,eAAgB;MACrCC,MAAM,EAAEtB,QAAQ,CAACuB;IAAmB,CACrC;EAAC,CACQ,CAAC;AAEjB,CAAC","ignoreList":[]}

package/dist/module/features/profile/components/settings/TranslationLanguageRow.js

@@ -0,0 +1,56 @@
+"use strict";
+
+import React from 'react';
+import { useUnit } from 'effector-react';
+import { StyleSheet } from 'react-native';
+import { COLORS, FilterDropdown, FilterDropdownSize, FilterDropdownVariant, GlobeIcon } from '@magmamath/react-native-ui';
+import { TEST_IDS } from '@magmamath/students-qa';
+import { useText } from "../../../../i18n/i18n.js";
+import { useProfile } from "../../context/ProfileContext.js";
+import { SettingRow } from "./SettingRow.js";
+import { jsx as _jsx } from "react/jsx-runtime";
+const ICON_SIZE = 20;
+export const TranslationLanguageRow = () => {
+  const t = useText();
+  const {
+    model,
+    onOpenTranslationModal
+  } = useProfile();
+  const settings = useUnit(model.$settings);
+  return /*#__PURE__*/_jsx(SettingRow, {
+    icon: /*#__PURE__*/_jsx(GlobeIcon, {
+      size: ICON_SIZE,
+      color: COLORS.NEUTRAL_7
+    }),
+    label: t('profile.translationLanguage'),
+    style: styles.settingRow,
+    children: /*#__PURE__*/_jsx(FilterDropdown, {
+      variant: FilterDropdownVariant.SECONDARY,
+      size: FilterDropdownSize.MEDIUM,
+      value: settings.translationLanguage ?? undefined,
+      placeholder: t('profile.selectLanguage'),
+      disabled: settings.isTranslationLocked,
+      onPress: onOpenTranslationModal,
+      accessibilityLabel: t('profile.translationLanguage'),
+      testID: TEST_IDS.PROFILE_LANGUAGE_SELECTOR,
+      style: {
+        text: styles.filterLabel,
+        container: styles.filterContainer
+      }
+    })
+  });
+};
+const styles = StyleSheet.create({
+  settingRow: {
+    paddingVertical: 0
+  },
+  filterLabel: {
+    color: COLORS.NEUTRAL_7,
+    fontSize: 16,
+    fontWeight: '400'
+  },
+  filterContainer: {
+    maxWidth: 231
+  }
+});
+//# sourceMappingURL=TranslationLanguageRow.js.map

package/dist/module/features/profile/components/settings/TranslationLanguageRow.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["React","useUnit","StyleSheet","COLORS","FilterDropdown","FilterDropdownSize","FilterDropdownVariant","GlobeIcon","TEST_IDS","useText","useProfile","SettingRow","jsx","_jsx","ICON_SIZE","TranslationLanguageRow","t","model","onOpenTranslationModal","settings","$settings","icon","size","color","NEUTRAL_7","label","style","styles","settingRow","children","variant","SECONDARY","MEDIUM","value","translationLanguage","undefined","placeholder","disabled","isTranslationLocked","onPress","accessibilityLabel","testID","PROFILE_LANGUAGE_SELECTOR","text","filterLabel","container","filterContainer","create","paddingVertical","fontSize","fontWeight","maxWidth"],"sourceRoot":"../../../../../../src","sources":["features/profile/components/settings/TranslationLanguageRow.tsx"],"mappings":";;AAAA,OAAOA,KAAK,MAAM,OAAO;AACzB,SAASC,OAAO,QAAQ,gBAAgB;AACxC,SAASC,UAAU,QAAQ,cAAc;AACzC,SACEC,MAAM,EACNC,cAAc,EACdC,kBAAkB,EAClBC,qBAAqB,EACrBC,SAAS,QACJ,4BAA4B;AACnC,SAASC,QAAQ,QAAQ,wBAAwB;AAEjD,SAASC,OAAO,QAAQ,0BAAuB;AAC/C,SAASC,UAAU,QAAQ,iCAA8B;AACzD,SAASC,UAAU,QAAQ,iBAAc;AAAA,SAAAC,GAAA,IAAAC,IAAA;AAEzC,MAAMC,SAAS,GAAG,EAAE;AAEpB,OAAO,MAAMC,sBAAsB,GAAGA,CAAA,KAAM;EAC1C,MAAMC,CAAC,GAAGP,OAAO,CAAC,CAAC;EACnB,MAAM;IAAEQ,KAAK;IAAEC;EAAuB,CAAC,GAAGR,UAAU,CAAC,CAAC;EACtD,MAAMS,QAAQ,GAAGlB,OAAO,CAACgB,KAAK,CAACG,SAAS,CAAC;EAEzC,oBACEP,IAAA,CAACF,UAAU;IACTU,IAAI,eAAER,IAAA,CAACN,SAAS;MAACe,IAAI,EAAER,SAAU;MAACS,KAAK,EAAEpB,MAAM,CAACqB;IAAU,CAAE,CAAE;IAC9DC,KAAK,EAAET,CAAC,CAAC,6BAA6B,CAAE;IACxCU,KAAK,EAAEC,MAAM,CAACC,UAAW;IAAAC,QAAA,eAEzBhB,IAAA,CAACT,cAAc;MACb0B,OAAO,EAAExB,qBAAqB,CAACyB,SAAU;MACzCT,IAAI,EAAEjB,kBAAkB,CAAC2B,MAAO;MAChCC,KAAK,EAAEd,QAAQ,CAACe,mBAAmB,IAAIC,SAAU;MACjDC,WAAW,EAAEpB,CAAC,CAAC,wBAAwB,CAAE;MACzCqB,QAAQ,EAAElB,QAAQ,CAACmB,mBAAoB;MACvCC,OAAO,EAAErB,sBAAuB;MAChCsB,kBAAkB,EAAExB,CAAC,CAAC,6BAA6B,CAAE;MACrDyB,MAAM,EAAEjC,QAAQ,CAACkC,yBAA0B;MAC3ChB,KAAK,EAAE;QACLiB,IAAI,EAAEhB,MAAM,CAACiB,WAAW;QACxBC,SAAS,EAAElB,MAAM,CAACmB;MACpB;IAAE,CACH;EAAC,CACQ,CAAC;AAEjB,CAAC;AAED,MAAMnB,MAAM,GAAGzB,UAAU,CAAC6C,MAAM,CAAC;EAC/BnB,UAAU,EAAE;IACVoB,eAAe,EAAE;EACnB,CAAC;EACDJ,WAAW,EAAE;IACXrB,KAAK,EAAEpB,MAAM,CAACqB,SAAS;IACvByB,QAAQ,EAAE,EAAE;IACZC,UAAU,EAAE;EACd,CAAC;EACDJ,eAAe,EAAE;IACfK,QAAQ,EAAE;EACZ;AACF,CAAC,CAAC","ignoreList":[]}

package/dist/module/features/profile/context/ProfileContext.js

@@ -0,0 +1,13 @@
+"use strict";
+
+import { createContext, useContext } from 'react';
+const ProfileContext = /*#__PURE__*/createContext(null);
+export function useProfile() {
+  const value = useContext(ProfileContext);
+  if (!value) {
+    throw new Error('useProfile must be used within ProfileProvider');
+  }
+  return value;
+}
+export const ProfileProvider = ProfileContext.Provider;
+//# sourceMappingURL=ProfileContext.js.map

package/dist/module/features/profile/context/ProfileContext.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["createContext","useContext","ProfileContext","useProfile","value","Error","ProfileProvider","Provider"],"sourceRoot":"../../../../../src","sources":["features/profile/context/ProfileContext.tsx"],"mappings":";;AAAA,SAASA,aAAa,EAAEC,UAAU,QAAwB,OAAO;AAajE,MAAMC,cAAc,gBAAGF,aAAa,CAA6B,IAAI,CAAC;AAEtE,OAAO,SAASG,UAAUA,CAAA,EAAwB;EAChD,MAAMC,KAAK,GAAGH,UAAU,CAACC,cAAc,CAAC;EACxC,IAAI,CAACE,KAAK,EAAE;IACV,MAAM,IAAIC,KAAK,CAAC,gDAAgD,CAAC;EACnE;EACA,OAAOD,KAAK;AACd;AAEA,OAAO,MAAME,eAAe,GAAGJ,cAAc,CAACK,QAAQ","ignoreList":[]}

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

@@ -0,0 +1,11 @@
+"use strict";
+
+export { Profile } from "./Profile.js";
+export { ProfileModel } from "./model/ProfileModel.js";
+export { TranslationLanguageModal } from "./components/modals/TranslationLanguageModal.js";
+export { JoinClassModal } from "./components/modals/JoinClassModal.js";
+export { LogoutConfirmModal } from "./components/modals/LogoutConfirmModal.js";
+export { JoinClassError } from "./shared/JoinClassError.js";
+export * from "./shared/profile.types.js";
+export * from "./shared/profile.constants.js";
+//# sourceMappingURL=index.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":["Profile","ProfileModel","TranslationLanguageModal","JoinClassModal","LogoutConfirmModal","JoinClassError"],"sourceRoot":"../../../../src","sources":["features/profile/index.ts"],"mappings":";;AAAA,SAASA,OAAO,QAAQ,cAAW;AACnC,SAASC,YAAY,QAAQ,yBAAsB;AAGnD,SAASC,wBAAwB,QAAQ,iDAA8C;AACvF,SAASC,cAAc,QAAQ,uCAAoC;AACnE,SAASC,kBAAkB,QAAQ,2CAAwC;AAE3E,SAASC,cAAc,QAAQ,4BAAyB;AACxD,cAAc,2BAAwB;AACtC,cAAc,+BAA4B","ignoreList":[]}

package/dist/module/features/profile/model/ProfileApi.js

@@ -0,0 +1,10 @@
+"use strict";
+
+import { createEffect } from 'effector';
+export class ProfileApi {
+  constructor(props) {
+    this.updateSettingsFx = createEffect(props.updateSettings);
+    this.joinClassFx = createEffect(props.joinClass);
+  }
+}
+//# sourceMappingURL=ProfileApi.js.map

package/dist/module/features/profile/model/ProfileApi.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["createEffect","ProfileApi","constructor","props","updateSettingsFx","updateSettings","joinClassFx","joinClass"],"sourceRoot":"../../../../../src","sources":["features/profile/model/ProfileApi.ts"],"mappings":";;AAAA,SAASA,YAAY,QAAQ,UAAU;AAcvC,OAAO,MAAMC,UAAU,CAAC;EAItBC,WAAWA,CAACC,KAAsB,EAAE;IAClC,IAAI,CAACC,gBAAgB,GAAGJ,YAAY,CAACG,KAAK,CAACE,cAAc,CAAC;IAC1D,IAAI,CAACC,WAAW,GAAGN,YAAY,CAACG,KAAK,CAACI,SAAS,CAAC;EAClD;AACF","ignoreList":[]}