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

package/dist/commonjs/features/profile/components/modals/LogoutConfirmModal.js

@@ -0,0 +1,61 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.LogoutConfirmModal = void 0;
+var _react = _interopRequireDefault(require("react"));
+var _reactNative = require("react-native");
+var _reactNativeUi = require("@magmamath/react-native-ui");
+var _i18n = require("../../../../i18n/i18n.js");
+var _jsxRuntime = require("react/jsx-runtime");
+function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
+const LogoutConfirmModal = ({
+  modal: {
+    closeModal,
+    params
+  }
+}) => {
+  const t = (0, _i18n.useText)();
+  const confirm = () => {
+    closeModal();
+    params.onConfirm();
+  };
+  return /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNativeUi.BaseModal, {
+    onClose: closeModal,
+    style: modalStyle,
+    header: t('profile.logOut'),
+    content: t('profile.logOutConfirmMessage'),
+    footer: /*#__PURE__*/(0, _jsxRuntime.jsxs)(_jsxRuntime.Fragment, {
+      children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNativeUi.Button, {
+        variant: _reactNativeUi.ButtonVariant.TERTIARY,
+        size: _reactNativeUi.ButtonSize.LARGE,
+        onPress: closeModal,
+        style: buttonTextStyle,
+        children: t('profile.cancel')
+      }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNativeUi.Button, {
+        colorScheme: _reactNativeUi.ButtonColor.ORANGE,
+        size: _reactNativeUi.ButtonSize.LARGE,
+        onPress: confirm,
+        style: buttonTextStyle,
+        children: t('profile.yes')
+      })]
+    })
+  });
+};
+exports.LogoutConfirmModal = LogoutConfirmModal;
+const styles = _reactNative.StyleSheet.create({
+  modal: {
+    width: 530
+  },
+  uppercase: {
+    textTransform: 'uppercase'
+  }
+});
+const modalStyle = {
+  container: styles.modal
+};
+const buttonTextStyle = {
+  text: styles.uppercase
+};
+//# sourceMappingURL=LogoutConfirmModal.js.map

package/dist/commonjs/features/profile/components/modals/LogoutConfirmModal.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["_react","_interopRequireDefault","require","_reactNative","_reactNativeUi","_i18n","_jsxRuntime","e","__esModule","default","LogoutConfirmModal","modal","closeModal","params","t","useText","confirm","onConfirm","jsx","BaseModal","onClose","style","modalStyle","header","content","footer","jsxs","Fragment","children","Button","variant","ButtonVariant","TERTIARY","size","ButtonSize","LARGE","onPress","buttonTextStyle","colorScheme","ButtonColor","ORANGE","exports","styles","StyleSheet","create","width","uppercase","textTransform","container","text"],"sourceRoot":"../../../../../../src","sources":["features/profile/components/modals/LogoutConfirmModal.tsx"],"mappings":";;;;;;AAAA,IAAAA,MAAA,GAAAC,sBAAA,CAAAC,OAAA;AACA,IAAAC,YAAA,GAAAD,OAAA;AACA,IAAAE,cAAA,GAAAF,OAAA;AAQA,IAAAG,KAAA,GAAAH,OAAA;AAA+C,IAAAI,WAAA,GAAAJ,OAAA;AAAA,SAAAD,uBAAAM,CAAA,WAAAA,CAAA,IAAAA,CAAA,CAAAC,UAAA,GAAAD,CAAA,KAAAE,OAAA,EAAAF,CAAA;AAGxC,MAAMG,kBAAkB,GAAGA,CAAC;EACjCC,KAAK,EAAE;IAAEC,UAAU;IAAEC;EAAO;AACQ,CAAC,KAAK;EAC1C,MAAMC,CAAC,GAAG,IAAAC,aAAO,EAAC,CAAC;EAEnB,MAAMC,OAAO,GAAGA,CAAA,KAAM;IACpBJ,UAAU,CAAC,CAAC;IACZC,MAAM,CAACI,SAAS,CAAC,CAAC;EACpB,CAAC;EAED,oBACE,IAAAX,WAAA,CAAAY,GAAA,EAACd,cAAA,CAAAe,SAAS;IACRC,OAAO,EAAER,UAAW;IACpBS,KAAK,EAAEC,UAAW;IAClBC,MAAM,EAAET,CAAC,CAAC,gBAAgB,CAAE;IAC5BU,OAAO,EAAEV,CAAC,CAAC,8BAA8B,CAAE;IAC3CW,MAAM,eACJ,IAAAnB,WAAA,CAAAoB,IAAA,EAAApB,WAAA,CAAAqB,QAAA;MAAAC,QAAA,gBACE,IAAAtB,WAAA,CAAAY,GAAA,EAACd,cAAA,CAAAyB,MAAM;QACLC,OAAO,EAAEC,4BAAa,CAACC,QAAS;QAChCC,IAAI,EAAEC,yBAAU,CAACC,KAAM;QACvBC,OAAO,EAAExB,UAAW;QACpBS,KAAK,EAAEgB,eAAgB;QAAAT,QAAA,EAEtBd,CAAC,CAAC,gBAAgB;MAAC,CACd,CAAC,eACT,IAAAR,WAAA,CAAAY,GAAA,EAACd,cAAA,CAAAyB,MAAM;QACLS,WAAW,EAAEC,0BAAW,CAACC,MAAO;QAChCP,IAAI,EAAEC,yBAAU,CAACC,KAAM;QACvBC,OAAO,EAAEpB,OAAQ;QACjBK,KAAK,EAAEgB,eAAgB;QAAAT,QAAA,EAEtBd,CAAC,CAAC,aAAa;MAAC,CACX,CAAC;IAAA,CACT;EACH,CACF,CAAC;AAEN,CAAC;AAAA2B,OAAA,CAAA/B,kBAAA,GAAAA,kBAAA;AAED,MAAMgC,MAAM,GAAGC,uBAAU,CAACC,MAAM,CAAC;EAC/BjC,KAAK,EAAE;IACLkC,KAAK,EAAE;EACT,CAAC;EACDC,SAAS,EAAE;IACTC,aAAa,EAAE;EACjB;AACF,CAAC,CAAC;AAEF,MAAMzB,UAAU,GAAG;EAAE0B,SAAS,EAAEN,MAAM,CAAC/B;AAAM,CAAC;AAC9C,MAAM0B,eAAe,GAAG;EAAEY,IAAI,EAAEP,MAAM,CAACI;AAAU,CAAC","ignoreList":[]}

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

@@ -0,0 +1,128 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.TranslationLanguageModal = void 0;
+var _react = _interopRequireDefault(require("react"));
+var _reactNative = require("react-native");
+var _effectorReact = require("effector-react");
+var _reactNativeUi = require("@magmamath/react-native-ui");
+var _studentsQa = require("@magmamath/students-qa");
+var _i18n = require("../../../../i18n/i18n.js");
+var _jsxRuntime = require("react/jsx-runtime");
+function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
+const LIST_HEIGHT = 360;
+const TranslationLanguageModal = ({
+  modal: {
+    closeModal,
+    params
+  }
+}) => {
+  const t = (0, _i18n.useText)();
+  const {
+    model
+  } = params;
+  const {
+    search,
+    languages,
+    settings
+  } = (0, _effectorReact.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: _reactNativeUi.CheckboxColor.ORANGE
+  }));
+  const selectedItems = items.filter(item => item.id === settings.translationLanguage);
+  return /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNativeUi.BaseModal, {
+    onClose: closeAndReset,
+    style: modalStyle,
+    header: /*#__PURE__*/(0, _jsxRuntime.jsxs)(_reactNative.View, {
+      style: styles.header,
+      children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNativeUi.Typography, {
+        variant: _reactNativeUi.HeadingVariants.H2,
+        align: "center",
+        style: styles.title,
+        children: t('profile.translationModalTitle')
+      }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNativeUi.Search, {
+        nativeID: "translation-language-search",
+        value: search,
+        onChangeText: model.language.setSearch,
+        placeholder: t('profile.search'),
+        containerStyle: styles.search,
+        testID: _studentsQa.TEST_IDS.LANGUAGE_SEARCH_INPUT
+      })]
+    }),
+    content: /*#__PURE__*/(0, _jsxRuntime.jsxs)(_reactNative.View, {
+      style: styles.content,
+      children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNativeUi.Checkbox, {
+        radio: true,
+        label: t('profile.noLanguage'),
+        checked: !settings.translationLanguage,
+        color: _reactNativeUi.CheckboxColor.ORANGE,
+        style: noLanguageStyle,
+        onPress: () => selectLanguage(null)
+      }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.View, {
+        style: styles.divider
+      }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNativeUi.CheckboxGroup, {
+        items: items,
+        selectedItems: selectedItems,
+        initialNumToRender: items.length,
+        style: listStyle,
+        onPress: item => selectLanguage(languages.find(language => language === item.id) ?? null)
+      })]
+    })
+  });
+};
+exports.TranslationLanguageModal = TranslationLanguageModal;
+const styles = _reactNative.StyleSheet.create({
+  modal: {
+    width: 530
+  },
+  header: {
+    gap: _reactNativeUi.SPACING['500']
+  },
+  title: {
+    color: _reactNativeUi.COLORS.NEUTRAL_9
+  },
+  search: {
+    width: '100%'
+  },
+  content: {
+    gap: _reactNativeUi.SPACING['300']
+  },
+  noLanguage: {
+    paddingLeft: _reactNativeUi.SPACING['200']
+  },
+  divider: {
+    backgroundColor: _reactNativeUi.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/commonjs/features/profile/components/modals/TranslationLanguageModal.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["_react","_interopRequireDefault","require","_reactNative","_effectorReact","_reactNativeUi","_studentsQa","_i18n","_jsxRuntime","e","__esModule","default","LIST_HEIGHT","TranslationLanguageModal","modal","closeModal","params","t","useText","model","search","languages","settings","useUnit","language","$search","$languages","$settings","closeAndReset","reset","selectLanguage","items","map","id","label","radio","color","CheckboxColor","ORANGE","selectedItems","filter","item","translationLanguage","jsx","BaseModal","onClose","style","modalStyle","header","jsxs","View","styles","children","Typography","variant","HeadingVariants","H2","align","title","Search","nativeID","value","onChangeText","setSearch","placeholder","containerStyle","testID","TEST_IDS","LANGUAGE_SEARCH_INPUT","content","Checkbox","checked","noLanguageStyle","onPress","divider","CheckboxGroup","initialNumToRender","length","listStyle","find","exports","StyleSheet","create","width","gap","SPACING","COLORS","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/commonjs/features/profile/components/settings/LanguageSettingsCard.js

@@ -0,0 +1,22 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.LanguageSettingsCard = void 0;
+var _react = _interopRequireDefault(require("react"));
+var _i18n = require("../../../../i18n/i18n.js");
+var _ProfileCard = require("../cards/ProfileCard.js");
+var _TextToSpeechRow = require("./TextToSpeechRow.js");
+var _TranslationLanguageRow = require("./TranslationLanguageRow.js");
+var _jsxRuntime = require("react/jsx-runtime");
+function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
+const LanguageSettingsCard = () => {
+  const t = (0, _i18n.useText)();
+  return /*#__PURE__*/(0, _jsxRuntime.jsxs)(_ProfileCard.ProfileCard, {
+    title: t('profile.languageSettings'),
+    children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_TextToSpeechRow.TextToSpeechRow, {}), /*#__PURE__*/(0, _jsxRuntime.jsx)(_TranslationLanguageRow.TranslationLanguageRow, {})]
+  });
+};
+exports.LanguageSettingsCard = LanguageSettingsCard;
+//# sourceMappingURL=LanguageSettingsCard.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":["_react","_interopRequireDefault","require","_i18n","_ProfileCard","_TextToSpeechRow","_TranslationLanguageRow","_jsxRuntime","e","__esModule","default","LanguageSettingsCard","t","useText","jsxs","ProfileCard","title","children","jsx","TextToSpeechRow","TranslationLanguageRow","exports"],"sourceRoot":"../../../../../../src","sources":["features/profile/components/settings/LanguageSettingsCard.tsx"],"mappings":";;;;;;AAAA,IAAAA,MAAA,GAAAC,sBAAA,CAAAC,OAAA;AACA,IAAAC,KAAA,GAAAD,OAAA;AACA,IAAAE,YAAA,GAAAF,OAAA;AACA,IAAAG,gBAAA,GAAAH,OAAA;AACA,IAAAI,uBAAA,GAAAJ,OAAA;AAAiE,IAAAK,WAAA,GAAAL,OAAA;AAAA,SAAAD,uBAAAO,CAAA,WAAAA,CAAA,IAAAA,CAAA,CAAAC,UAAA,GAAAD,CAAA,KAAAE,OAAA,EAAAF,CAAA;AAE1D,MAAMG,oBAAoB,GAAGA,CAAA,KAAM;EACxC,MAAMC,CAAC,GAAG,IAAAC,aAAO,EAAC,CAAC;EAEnB,oBACE,IAAAN,WAAA,CAAAO,IAAA,EAACV,YAAA,CAAAW,WAAW;IAACC,KAAK,EAAEJ,CAAC,CAAC,0BAA0B,CAAE;IAAAK,QAAA,gBAChD,IAAAV,WAAA,CAAAW,GAAA,EAACb,gBAAA,CAAAc,eAAe,IAAE,CAAC,eACnB,IAAAZ,WAAA,CAAAW,GAAA,EAACZ,uBAAA,CAAAc,sBAAsB,IAAE,CAAC;EAAA,CACf,CAAC;AAElB,CAAC;AAAAC,OAAA,CAAAV,oBAAA,GAAAA,oBAAA","ignoreList":[]}

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

@@ -0,0 +1,69 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.PreferencesCard = void 0;
+var _react = _interopRequireDefault(require("react"));
+var _reactNative = require("react-native");
+var _effectorReact = require("effector-react");
+var _reactNativeUi = require("@magmamath/react-native-ui");
+var _i18n = require("../../../../i18n/i18n.js");
+var _ProfileContext = require("../../context/ProfileContext.js");
+var _profileConstants = require("../../shared/profile.constants.js");
+var _ProfileCard = require("../cards/ProfileCard.js");
+var _SettingRow = require("./SettingRow.js");
+var _jsxRuntime = require("react/jsx-runtime");
+function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
+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(_profileConstants.ProfileCanvasType.DRAWING),
+  title: /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNativeUi.PencilIcon, {
+    size: ICON_SIZE,
+    color: _reactNativeUi.COLORS.NEUTRAL_9
+  })
+}, {
+  key: String(_profileConstants.ProfileCanvasType.SPREADSHEET),
+  title: /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNativeUi.KeyboardIcon, {
+    size: ICON_SIZE,
+    color: _reactNativeUi.COLORS.NEUTRAL_9
+  })
+}];
+const PreferencesCard = () => {
+  const t = (0, _i18n.useText)();
+  const {
+    model
+  } = (0, _ProfileContext.useProfile)();
+  const settings = (0, _effectorReact.useUnit)(model.$settings);
+  return /*#__PURE__*/(0, _jsxRuntime.jsx)(_ProfileCard.ProfileCard, {
+    title: t('profile.preferences'),
+    children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_SettingRow.SettingRow, {
+      label: t('profile.solveMode'),
+      children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.View, {
+        style: styles.control,
+        children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNativeUi.SelectGroup, {
+          color: _reactNativeUi.SelectOptionColor.GREY,
+          options: CANVAS_OPTIONS,
+          selectedOptions: CANVAS_OPTIONS.filter(({
+            key
+          }) => key === String(settings.canvasType)),
+          onOptionChange: ({
+            key
+          }) => model.setCanvasType(key === String(_profileConstants.ProfileCanvasType.SPREADSHEET) ? _profileConstants.ProfileCanvasType.SPREADSHEET : _profileConstants.ProfileCanvasType.DRAWING)
+        })
+      })
+    })
+  });
+};
+exports.PreferencesCard = PreferencesCard;
+const styles = _reactNative.StyleSheet.create({
+  control: {
+    flex: 1,
+    maxWidth: CONTROL_MAX_WIDTH
+  }
+});
+//# sourceMappingURL=PreferencesCard.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":["_react","_interopRequireDefault","require","_reactNative","_effectorReact","_reactNativeUi","_i18n","_ProfileContext","_profileConstants","_ProfileCard","_SettingRow","_jsxRuntime","e","__esModule","default","ICON_SIZE","CONTROL_MAX_WIDTH","CANVAS_OPTIONS","key","String","ProfileCanvasType","DRAWING","title","jsx","PencilIcon","size","color","COLORS","NEUTRAL_9","SPREADSHEET","KeyboardIcon","PreferencesCard","t","useText","model","useProfile","settings","useUnit","$settings","ProfileCard","children","SettingRow","label","View","style","styles","control","SelectGroup","SelectOptionColor","GREY","options","selectedOptions","filter","canvasType","onOptionChange","setCanvasType","exports","StyleSheet","create","flex","maxWidth"],"sourceRoot":"../../../../../../src","sources":["features/profile/components/settings/PreferencesCard.tsx"],"mappings":";;;;;;AAAA,IAAAA,MAAA,GAAAC,sBAAA,CAAAC,OAAA;AACA,IAAAC,YAAA,GAAAD,OAAA;AACA,IAAAE,cAAA,GAAAF,OAAA;AACA,IAAAG,cAAA,GAAAH,OAAA;AASA,IAAAI,KAAA,GAAAJ,OAAA;AACA,IAAAK,eAAA,GAAAL,OAAA;AACA,IAAAM,iBAAA,GAAAN,OAAA;AACA,IAAAO,YAAA,GAAAP,OAAA;AACA,IAAAQ,WAAA,GAAAR,OAAA;AAAyC,IAAAS,WAAA,GAAAT,OAAA;AAAA,SAAAD,uBAAAW,CAAA,WAAAA,CAAA,IAAAA,CAAA,CAAAC,UAAA,GAAAD,CAAA,KAAAE,OAAA,EAAAF,CAAA;AAEzC,MAAMG,SAAS,GAAG,EAAE;AACpB,MAAMC,iBAAiB,GAAG,GAAG;;AAE7B;AACA;AACA,MAAMC,cAAmC,GAAG,CAC1C;EACEC,GAAG,EAAEC,MAAM,CAACC,mCAAiB,CAACC,OAAO,CAAC;EACtCC,KAAK,eAAE,IAAAX,WAAA,CAAAY,GAAA,EAAClB,cAAA,CAAAmB,UAAU;IAACC,IAAI,EAAEV,SAAU;IAACW,KAAK,EAAEC,qBAAM,CAACC;EAAU,CAAE;AAChE,CAAC,EACD;EACEV,GAAG,EAAEC,MAAM,CAACC,mCAAiB,CAACS,WAAW,CAAC;EAC1CP,KAAK,eAAE,IAAAX,WAAA,CAAAY,GAAA,EAAClB,cAAA,CAAAyB,YAAY;IAACL,IAAI,EAAEV,SAAU;IAACW,KAAK,EAAEC,qBAAM,CAACC;EAAU,CAAE;AAClE,CAAC,CACF;AAEM,MAAMG,eAAe,GAAGA,CAAA,KAAM;EACnC,MAAMC,CAAC,GAAG,IAAAC,aAAO,EAAC,CAAC;EACnB,MAAM;IAAEC;EAAM,CAAC,GAAG,IAAAC,0BAAU,EAAC,CAAC;EAC9B,MAAMC,QAAQ,GAAG,IAAAC,sBAAO,EAACH,KAAK,CAACI,SAAS,CAAC;EAEzC,oBACE,IAAA3B,WAAA,CAAAY,GAAA,EAACd,YAAA,CAAA8B,WAAW;IAACjB,KAAK,EAAEU,CAAC,CAAC,qBAAqB,CAAE;IAAAQ,QAAA,eAC3C,IAAA7B,WAAA,CAAAY,GAAA,EAACb,WAAA,CAAA+B,UAAU;MAACC,KAAK,EAAEV,CAAC,CAAC,mBAAmB,CAAE;MAAAQ,QAAA,eACxC,IAAA7B,WAAA,CAAAY,GAAA,EAACpB,YAAA,CAAAwC,IAAI;QAACC,KAAK,EAAEC,MAAM,CAACC,OAAQ;QAAAN,QAAA,eAC1B,IAAA7B,WAAA,CAAAY,GAAA,EAAClB,cAAA,CAAA0C,WAAW;UACVrB,KAAK,EAAEsB,gCAAiB,CAACC,IAAK;UAC9BC,OAAO,EAAEjC,cAAe;UACxBkC,eAAe,EAAElC,cAAc,CAACmC,MAAM,CAAC,CAAC;YAAElC;UAAI,CAAC,KAAKA,GAAG,KAAKC,MAAM,CAACiB,QAAQ,CAACiB,UAAU,CAAC,CAAE;UACzFC,cAAc,EAAEA,CAAC;YAAEpC;UAAI,CAAC,KACtBgB,KAAK,CAACqB,aAAa,CACjBrC,GAAG,KAAKC,MAAM,CAACC,mCAAiB,CAACS,WAAW,CAAC,GACzCT,mCAAiB,CAACS,WAAW,GAC7BT,mCAAiB,CAACC,OACxB;QACD,CACF;MAAC,CACE;IAAC,CACG;EAAC,CACF,CAAC;AAElB,CAAC;AAAAmC,OAAA,CAAAzB,eAAA,GAAAA,eAAA;AAED,MAAMc,MAAM,GAAGY,uBAAU,CAACC,MAAM,CAAC;EAC/BZ,OAAO,EAAE;IACPa,IAAI,EAAE,CAAC;IACPC,QAAQ,EAAE5C;EACZ;AACF,CAAC,CAAC","ignoreList":[]}

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

@@ -0,0 +1,48 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.SettingRow = void 0;
+var _react = _interopRequireDefault(require("react"));
+var _reactNative = require("react-native");
+var _reactNativeUi = require("@magmamath/react-native-ui");
+var _jsxRuntime = require("react/jsx-runtime");
+function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
+const SettingRow = ({
+  icon,
+  label,
+  children,
+  style
+}) => /*#__PURE__*/(0, _jsxRuntime.jsxs)(_reactNative.View, {
+  style: [styles.row, style],
+  children: [/*#__PURE__*/(0, _jsxRuntime.jsxs)(_reactNative.View, {
+    style: styles.labelGroup,
+    children: [icon, /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNativeUi.Typography, {
+      variant: _reactNativeUi.HeadingVariants.H8,
+      style: styles.label,
+      children: label
+    })]
+  }), children]
+});
+exports.SettingRow = SettingRow;
+const styles = _reactNative.StyleSheet.create({
+  row: {
+    alignItems: 'center',
+    flexDirection: 'row',
+    gap: _reactNativeUi.SPACING['400'],
+    justifyContent: 'space-between',
+    padding: _reactNativeUi.SPACING['200']
+  },
+  labelGroup: {
+    alignItems: 'center',
+    flexDirection: 'row',
+    flexShrink: 1,
+    gap: _reactNativeUi.SPACING['200']
+  },
+  label: {
+    color: _reactNativeUi.COLORS.NEUTRAL_9,
+    flexShrink: 1
+  }
+});
+//# sourceMappingURL=SettingRow.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":["_react","_interopRequireDefault","require","_reactNative","_reactNativeUi","_jsxRuntime","e","__esModule","default","SettingRow","icon","label","children","style","jsxs","View","styles","row","labelGroup","jsx","Typography","variant","HeadingVariants","H8","exports","StyleSheet","create","alignItems","flexDirection","gap","SPACING","justifyContent","padding","flexShrink","color","COLORS","NEUTRAL_9"],"sourceRoot":"../../../../../../src","sources":["features/profile/components/settings/SettingRow.tsx"],"mappings":";;;;;;AAAA,IAAAA,MAAA,GAAAC,sBAAA,CAAAC,OAAA;AACA,IAAAC,YAAA,GAAAD,OAAA;AACA,IAAAE,cAAA,GAAAF,OAAA;AAAyF,IAAAG,WAAA,GAAAH,OAAA;AAAA,SAAAD,uBAAAK,CAAA,WAAAA,CAAA,IAAAA,CAAA,CAAAC,UAAA,GAAAD,CAAA,KAAAE,OAAA,EAAAF,CAAA;AASlF,MAAMG,UAAU,GAAGA,CAAC;EAAEC,IAAI;EAAEC,KAAK;EAAEC,QAAQ;EAAEC;AAAuB,CAAC,kBAC1E,IAAAR,WAAA,CAAAS,IAAA,EAACX,YAAA,CAAAY,IAAI;EAACF,KAAK,EAAE,CAACG,MAAM,CAACC,GAAG,EAAEJ,KAAK,CAAE;EAAAD,QAAA,gBAC/B,IAAAP,WAAA,CAAAS,IAAA,EAACX,YAAA,CAAAY,IAAI;IAACF,KAAK,EAAEG,MAAM,CAACE,UAAW;IAAAN,QAAA,GAC5BF,IAAI,eACL,IAAAL,WAAA,CAAAc,GAAA,EAACf,cAAA,CAAAgB,UAAU;MAACC,OAAO,EAAEC,8BAAe,CAACC,EAAG;MAACV,KAAK,EAAEG,MAAM,CAACL,KAAM;MAAAC,QAAA,EAC1DD;IAAK,CACI,CAAC;EAAA,CACT,CAAC,EACNC,QAAQ;AAAA,CACL,CACP;AAAAY,OAAA,CAAAf,UAAA,GAAAA,UAAA;AAED,MAAMO,MAAM,GAAGS,uBAAU,CAACC,MAAM,CAAC;EAC/BT,GAAG,EAAE;IACHU,UAAU,EAAE,QAAQ;IACpBC,aAAa,EAAE,KAAK;IACpBC,GAAG,EAAEC,sBAAO,CAAC,KAAK,CAAC;IACnBC,cAAc,EAAE,eAAe;IAC/BC,OAAO,EAAEF,sBAAO,CAAC,KAAK;EACxB,CAAC;EACDZ,UAAU,EAAE;IACVS,UAAU,EAAE,QAAQ;IACpBC,aAAa,EAAE,KAAK;IACpBK,UAAU,EAAE,CAAC;IACbJ,GAAG,EAAEC,sBAAO,CAAC,KAAK;EACpB,CAAC;EACDnB,KAAK,EAAE;IACLuB,KAAK,EAAEC,qBAAM,CAACC,SAAS;IACvBH,UAAU,EAAE;EACd;AACF,CAAC,CAAC","ignoreList":[]}

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

@@ -0,0 +1,77 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.TextSettingsCard = void 0;
+var _react = _interopRequireDefault(require("react"));
+var _effectorReact = require("effector-react");
+var _reactNative = require("react-native");
+var _reactNativeUi = require("@magmamath/react-native-ui");
+var _i18n = require("../../../../i18n/i18n.js");
+var _ProfileContext = require("../../context/ProfileContext.js");
+var _TextSizeSlider = require("./TextSizeSlider.js");
+var _ProfileCard = require("../cards/ProfileCard.js");
+var _jsxRuntime = require("react/jsx-runtime");
+function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
+const TextSettingsCard = () => {
+  const t = (0, _i18n.useText)();
+  const {
+    model
+  } = (0, _ProfileContext.useProfile)();
+  const settings = (0, _effectorReact.useUnit)(model.$settings);
+  return /*#__PURE__*/(0, _jsxRuntime.jsxs)(_ProfileCard.ProfileCard, {
+    title: t('profile.textSettings'),
+    children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNativeUi.Typography, {
+      variant: _reactNativeUi.HeadingVariants.H8,
+      style: styles.label,
+      children: t('profile.textSize')
+    }), /*#__PURE__*/(0, _jsxRuntime.jsxs)(_reactNative.View, {
+      style: styles.sliderWrap,
+      children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_TextSizeSlider.TextSizeSlider, {
+        value: settings.textSize,
+        onSlidingComplete: model.setTextSize
+      }), /*#__PURE__*/(0, _jsxRuntime.jsxs)(_reactNative.View, {
+        style: styles.markers,
+        children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNativeUi.Typography, {
+          variant: _reactNativeUi.ParagraphVariants.XS,
+          style: styles.marker,
+          selectable: false,
+          children: "A"
+        }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNativeUi.Typography, {
+          variant: _reactNativeUi.ParagraphVariants.MEDIUM,
+          style: styles.marker,
+          selectable: false,
+          children: "A"
+        }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNativeUi.Typography, {
+          variant: _reactNativeUi.ParagraphVariants.XL,
+          style: styles.marker,
+          selectable: false,
+          children: "A"
+        })]
+      })]
+    })]
+  });
+};
+exports.TextSettingsCard = TextSettingsCard;
+const styles = _reactNative.StyleSheet.create({
+  label: {
+    color: _reactNativeUi.COLORS.NEUTRAL_9,
+    padding: _reactNativeUi.SPACING['200']
+  },
+  sliderWrap: {
+    gap: _reactNativeUi.SPACING['200'],
+    margin: _reactNativeUi.SPACING['100']
+  },
+  markers: {
+    alignItems: 'center',
+    flexDirection: 'row',
+    justifyContent: 'space-between'
+  },
+  marker: {
+    color: _reactNativeUi.COLORS.NEUTRAL_7,
+    fontWeight: '700',
+    width: 16
+  }
+});
+//# sourceMappingURL=TextSettingsCard.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":["_react","_interopRequireDefault","require","_effectorReact","_reactNative","_reactNativeUi","_i18n","_ProfileContext","_TextSizeSlider","_ProfileCard","_jsxRuntime","e","__esModule","default","TextSettingsCard","t","useText","model","useProfile","settings","useUnit","$settings","jsxs","ProfileCard","title","children","jsx","Typography","variant","HeadingVariants","H8","style","styles","label","View","sliderWrap","TextSizeSlider","value","textSize","onSlidingComplete","setTextSize","markers","ParagraphVariants","XS","marker","selectable","MEDIUM","XL","exports","StyleSheet","create","color","COLORS","NEUTRAL_9","padding","SPACING","gap","margin","alignItems","flexDirection","justifyContent","NEUTRAL_7","fontWeight","width"],"sourceRoot":"../../../../../../src","sources":["features/profile/components/settings/TextSettingsCard.tsx"],"mappings":"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","ignoreList":[]}

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

@@ -0,0 +1,119 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.TextSizeSlider = void 0;
+var _react = _interopRequireWildcard(require("react"));
+var _reactNative = require("react-native");
+var _reactNativeUi = require("@magmamath/react-native-ui");
+var _studentsQa = require("@magmamath/students-qa");
+var _profileConstants = require("../../shared/profile.constants.js");
+var _profileHelpers = require("../../shared/profile.helpers.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 THUMB_SIZE = 20;
+const DOT_SIZE = 6;
+const TRACK_HEIGHT = 10;
+const TRACK_RADIUS = 5;
+const STEPS = (_profileConstants.TEXT_SIZE.MAX - _profileConstants.TEXT_SIZE.MIN) / _profileConstants.TEXT_SIZE.STEP + 1;
+const RANGE = _profileConstants.TEXT_SIZE.MAX - _profileConstants.TEXT_SIZE.MIN;
+const TRACK_PADDING = THUMB_SIZE / 2 - DOT_SIZE / 2;
+const TextSizeSlider = ({
+  value,
+  onSlidingComplete
+}) => {
+  const [trackWidth, setTrackWidth] = (0, _react.useState)(0);
+  const [dragValue, setDragValue] = (0, _react.useState)(null);
+  const widthRef = (0, _react.useRef)(0);
+  const onCompleteRef = (0, _react.useRef)(onSlidingComplete);
+  onCompleteRef.current = onSlidingComplete;
+  const currentValue = dragValue ?? value;
+  const fraction = RANGE === 0 ? 0 : (currentValue - _profileConstants.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 _profileConstants.TEXT_SIZE.MIN;
+    const ratio = Math.min(1, Math.max(0, x / width));
+    return (0, _profileHelpers.snapTextSize)(_profileConstants.TEXT_SIZE.MIN + ratio * RANGE);
+  };
+  const panResponder = (0, _react.useRef)(_reactNative.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__*/(0, _jsxRuntime.jsxs)(_reactNative.View, {
+    style: styles.container,
+    onLayout: measureTrack,
+    testID: _studentsQa.TEST_IDS.TEXT_SIZE_SLIDER,
+    ...panResponder.panHandlers,
+    children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.View, {
+      style: styles.track,
+      children: Array.from({
+        length: STEPS
+      }, (_, index) => {
+        const isEdge = index === 0 || index === STEPS - 1;
+        return /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.View, {
+          style: [styles.dot, isEdge && styles.dotHidden]
+        }, index);
+      })
+    }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.View, {
+      style: [styles.thumb, {
+        left: fraction * travel
+      }]
+    })]
+  });
+};
+exports.TextSizeSlider = TextSizeSlider;
+const styles = _reactNative.StyleSheet.create({
+  container: {
+    cursor: 'pointer',
+    height: THUMB_SIZE,
+    justifyContent: 'center',
+    width: '100%'
+  },
+  track: {
+    alignItems: 'center',
+    backgroundColor: _reactNativeUi.COLORS.NEUTRAL_3,
+    borderColor: _reactNativeUi.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: _reactNativeUi.COLORS.NEUTRAL_5,
+    borderRadius: DOT_SIZE / 2,
+    height: DOT_SIZE,
+    width: DOT_SIZE
+  },
+  dotHidden: {
+    opacity: 0
+  },
+  thumb: {
+    backgroundColor: _reactNativeUi.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/commonjs/features/profile/components/settings/TextSizeSlider.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["_react","_interopRequireWildcard","require","_reactNative","_reactNativeUi","_studentsQa","_profileConstants","_profileHelpers","_jsxRuntime","_getRequireWildcardCache","e","WeakMap","r","t","__esModule","default","has","get","n","__proto__","a","Object","defineProperty","getOwnPropertyDescriptor","u","hasOwnProperty","call","i","set","THUMB_SIZE","DOT_SIZE","TRACK_HEIGHT","TRACK_RADIUS","STEPS","TEXT_SIZE","MAX","MIN","STEP","RANGE","TRACK_PADDING","TextSizeSlider","value","onSlidingComplete","trackWidth","setTrackWidth","useState","dragValue","setDragValue","widthRef","useRef","onCompleteRef","current","currentValue","fraction","travel","Math","max","measureTrack","event","width","nativeEvent","layout","valueFromX","x","ratio","min","snapTextSize","panResponder","PanResponder","create","onStartShouldSetPanResponder","onMoveShouldSetPanResponder","onPanResponderGrant","locationX","onPanResponderMove","onPanResponderRelease","next","onPanResponderTerminate","jsxs","View","style","styles","container","onLayout","testID","TEST_IDS","TEXT_SIZE_SLIDER","panHandlers","children","jsx","track","Array","from","length","_","index","isEdge","dot","dotHidden","thumb","left","exports","StyleSheet","cursor","height","justifyContent","alignItems","backgroundColor","COLORS","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/commonjs/features/profile/components/settings/TextToSpeechRow.js

@@ -0,0 +1,37 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.TextToSpeechRow = void 0;
+var _react = _interopRequireDefault(require("react"));
+var _effectorReact = require("effector-react");
+var _reactNativeUi = require("@magmamath/react-native-ui");
+var _studentsQa = require("@magmamath/students-qa");
+var _i18n = require("../../../../i18n/i18n.js");
+var _ProfileContext = require("../../context/ProfileContext.js");
+var _SettingRow = require("./SettingRow.js");
+var _jsxRuntime = require("react/jsx-runtime");
+function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
+const ICON_SIZE = 20;
+const TextToSpeechRow = () => {
+  const t = (0, _i18n.useText)();
+  const {
+    model
+  } = (0, _ProfileContext.useProfile)();
+  const settings = (0, _effectorReact.useUnit)(model.$settings);
+  return /*#__PURE__*/(0, _jsxRuntime.jsx)(_SettingRow.SettingRow, {
+    icon: /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNativeUi.SpeakerIcon, {
+      size: ICON_SIZE,
+      color: _reactNativeUi.COLORS.NEUTRAL_7
+    }),
+    label: t('profile.textToSpeech'),
+    children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNativeUi.Toggle, {
+      value: settings.textToSpeech,
+      onValueChange: model.setTextToSpeech,
+      testID: _studentsQa.TEST_IDS.PROFILE_TTS_SWITCH
+    })
+  });
+};
+exports.TextToSpeechRow = TextToSpeechRow;
+//# sourceMappingURL=TextToSpeechRow.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":["_react","_interopRequireDefault","require","_effectorReact","_reactNativeUi","_studentsQa","_i18n","_ProfileContext","_SettingRow","_jsxRuntime","e","__esModule","default","ICON_SIZE","TextToSpeechRow","t","useText","model","useProfile","settings","useUnit","$settings","jsx","SettingRow","icon","SpeakerIcon","size","color","COLORS","NEUTRAL_7","label","children","Toggle","value","textToSpeech","onValueChange","setTextToSpeech","testID","TEST_IDS","PROFILE_TTS_SWITCH","exports"],"sourceRoot":"../../../../../../src","sources":["features/profile/components/settings/TextToSpeechRow.tsx"],"mappings":";;;;;;AAAA,IAAAA,MAAA,GAAAC,sBAAA,CAAAC,OAAA;AACA,IAAAC,cAAA,GAAAD,OAAA;AACA,IAAAE,cAAA,GAAAF,OAAA;AACA,IAAAG,WAAA,GAAAH,OAAA;AAEA,IAAAI,KAAA,GAAAJ,OAAA;AACA,IAAAK,eAAA,GAAAL,OAAA;AACA,IAAAM,WAAA,GAAAN,OAAA;AAAyC,IAAAO,WAAA,GAAAP,OAAA;AAAA,SAAAD,uBAAAS,CAAA,WAAAA,CAAA,IAAAA,CAAA,CAAAC,UAAA,GAAAD,CAAA,KAAAE,OAAA,EAAAF,CAAA;AAEzC,MAAMG,SAAS,GAAG,EAAE;AAEb,MAAMC,eAAe,GAAGA,CAAA,KAAM;EACnC,MAAMC,CAAC,GAAG,IAAAC,aAAO,EAAC,CAAC;EACnB,MAAM;IAAEC;EAAM,CAAC,GAAG,IAAAC,0BAAU,EAAC,CAAC;EAC9B,MAAMC,QAAQ,GAAG,IAAAC,sBAAO,EAACH,KAAK,CAACI,SAAS,CAAC;EAEzC,oBACE,IAAAZ,WAAA,CAAAa,GAAA,EAACd,WAAA,CAAAe,UAAU;IACTC,IAAI,eAAE,IAAAf,WAAA,CAAAa,GAAA,EAAClB,cAAA,CAAAqB,WAAW;MAACC,IAAI,EAAEb,SAAU;MAACc,KAAK,EAAEC,qBAAM,CAACC;IAAU,CAAE,CAAE;IAChEC,KAAK,EAAEf,CAAC,CAAC,sBAAsB,CAAE;IAAAgB,QAAA,eAEjC,IAAAtB,WAAA,CAAAa,GAAA,EAAClB,cAAA,CAAA4B,MAAM;MACLC,KAAK,EAAEd,QAAQ,CAACe,YAAa;MAC7BC,aAAa,EAAElB,KAAK,CAACmB,eAAgB;MACrCC,MAAM,EAAEC,oBAAQ,CAACC;IAAmB,CACrC;EAAC,CACQ,CAAC;AAEjB,CAAC;AAAAC,OAAA,CAAA1B,eAAA,GAAAA,eAAA","ignoreList":[]}