@magmamath/students-features 0.5.7-rc-1 → 0.5.7

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

@@ -1 +0,0 @@
-{"version":3,"names":["ProblemSelector","PROBLEM_SELECTOR_BUTTON_STATE"],"sourceRoot":"../../../../src","sources":["features/problemSelector/index.ts"],"mappings":";;AAAA,SAASA,eAAe,QAAQ,iCAA8B;AAC9D,SAASC,6BAA6B,QAAQ,gBAAa","ignoreList":[]}

package/dist/module/features/problemSelector/types.js

@@ -1,4 +0,0 @@
-"use strict";
-
-export {};
-//# sourceMappingURL=types.js.map

package/dist/module/features/problemSelector/types.js.map

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

package/dist/module/shared/icons/LockIcon.js

@@ -1,23 +0,0 @@
-"use strict";
-
-import React from 'react';
-import Svg, { Path } from 'react-native-svg';
-import { COLORS } from '@magmamath/react-native-ui';
-import { jsx as _jsx } from "react/jsx-runtime";
-export const LockIcon = ({
-  width = 22,
-  height = 24,
-  color = COLORS.NEUTRAL_6
-}) => /*#__PURE__*/_jsx(Svg, {
-  width: width,
-  height: height,
-  viewBox: "0 0 24 28",
-  fill: "none",
-  children: /*#__PURE__*/_jsx(Path, {
-    fillRule: "evenodd",
-    clipRule: "evenodd",
-    d: "M4.183 8.91H3.44A2.578 2.578 0 00.862 11.49v11.068a2.578 2.578 0 002.578 2.578h17.12a2.578 2.578 0 002.578-2.578V11.49a2.578 2.578 0 00-2.578-2.578h-.743c-.119-1.421-.391-3.307-1.374-4.897C17.304 2.172 15.303.864 12 .864c-3.304 0-5.304 1.308-6.443 3.15-.983 1.59-1.255 3.476-1.374 4.897zm2.008 0h11.618c-.12-1.303-.369-2.714-1.067-3.844C16.002 3.87 14.68 2.864 12 2.864c-2.68 0-4.003 1.006-4.742 2.202-.699 1.13-.947 2.54-1.067 3.845zm-2.75 2H20.56c.319 0 .578.26.578.579v11.068c0 .32-.26.578-.578.578H3.44a.578.578 0 01-.578-.578V11.49c0-.32.26-.578.578-.578z",
-    fill: color
-  })
-});
-//# sourceMappingURL=LockIcon.js.map

package/dist/module/shared/icons/LockIcon.js.map

@@ -1 +0,0 @@
-{"version":3,"names":["React","Svg","Path","COLORS","jsx","_jsx","LockIcon","width","height","color","NEUTRAL_6","viewBox","fill","children","fillRule","clipRule","d"],"sourceRoot":"../../../../src","sources":["shared/icons/LockIcon.tsx"],"mappings":";;AAAA,OAAOA,KAAK,MAAM,OAAO;AACzB,OAAOC,GAAG,IAAIC,IAAI,QAAQ,kBAAkB;AAC5C,SAASC,MAAM,QAAQ,4BAA4B;AAAA,SAAAC,GAAA,IAAAC,IAAA;AAInD,OAAO,MAAMC,QAAQ,GAAGA,CAAC;EAAEC,KAAK,GAAG,EAAE;EAAEC,MAAM,GAAG,EAAE;EAAEC,KAAK,GAAGN,MAAM,CAACO;AAAqB,CAAC,kBACvFL,IAAA,CAACJ,GAAG;EAACM,KAAK,EAAEA,KAAM;EAACC,MAAM,EAAEA,MAAO;EAACG,OAAO,EAAC,WAAW;EAACC,IAAI,EAAC,MAAM;EAAAC,QAAA,eAChER,IAAA,CAACH,IAAI;IACHY,QAAQ,EAAC,SAAS;IAClBC,QAAQ,EAAC,SAAS;IAClBC,CAAC,EAAC,kjBAAkjB;IACpjBJ,IAAI,EAAEH;EAAM,CACb;AAAC,CACC,CACN","ignoreList":[]}

package/dist/typescript/commonjs/features/problemSelector/components/ProblemSelector.d.ts

@@ -1,8 +0,0 @@
-import React from 'react';
-import { ProblemSelectorButtonProps } from '../types';
-type ProblemSelectorProps = {
-    buttons: ProblemSelectorButtonProps[];
-};
-export declare const ProblemSelector: ({ buttons }: ProblemSelectorProps) => React.JSX.Element | null;
-export {};
-//# sourceMappingURL=ProblemSelector.d.ts.map

package/dist/typescript/commonjs/features/problemSelector/components/ProblemSelector.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"ProblemSelector.d.ts","sourceRoot":"","sources":["../../../../../../src/features/problemSelector/components/ProblemSelector.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAA;AAOzB,OAAO,EAAE,0BAA0B,EAAE,MAAM,UAAU,CAAA;AAErD,KAAK,oBAAoB,GAAG;IAC1B,OAAO,EAAE,0BAA0B,EAAE,CAAA;CACtC,CAAA;AAED,eAAO,MAAM,eAAe,gBAAiB,oBAAoB,6BAYhE,CAAA"}

package/dist/typescript/commonjs/features/problemSelector/components/ProblemSelectorButton.d.ts

@@ -1,4 +0,0 @@
-import React from 'react';
-import { ProblemSelectorButtonProps } from '../types';
-export declare const ProblemSelectorButton: ({ text, state, onClick, badgeValue, locked, }: ProblemSelectorButtonProps) => React.JSX.Element;
-//# sourceMappingURL=ProblemSelectorButton.d.ts.map

package/dist/typescript/commonjs/features/problemSelector/components/ProblemSelectorButton.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"ProblemSelectorButton.d.ts","sourceRoot":"","sources":["../../../../../../src/features/problemSelector/components/ProblemSelectorButton.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAA;AAezB,OAAO,EAAE,0BAA0B,EAAE,MAAM,UAAU,CAAA;AAErD,eAAO,MAAM,qBAAqB,kDAM/B,0BAA0B,sBA+C5B,CAAA"}

package/dist/typescript/commonjs/features/problemSelector/constants.d.ts

@@ -1,22 +0,0 @@
-import { ButtonColorPreset } from '@magmamath/react-native-ui';
-import { ProblemSelectorButtonState } from './types';
-export declare const BUTTON_SIZE = 49.5;
-export declare const BADGE_COORDINATES: {
-    top: number;
-    right: number;
-};
-export declare const ICON_SIZE: {
-    width: number;
-    height: number;
-};
-export declare const PROBLEM_SELECTOR_CONTENT_WIDTH = 265;
-export declare const PROBLEM_SELECTOR_BUTTON_STATE: {
-    readonly SELECTED: "selected";
-    readonly SOLVED: "solved";
-    readonly SOLVED_FIRST_ATTEMPT: "solved-first-attempt";
-    readonly NOT_SOLVED: "not-solved";
-    readonly MISTAKE: "mistake";
-    readonly EXAM: "exam";
-};
-export declare const COLOR_SCHEME_MAP: Record<ProblemSelectorButtonState, ButtonColorPreset>;
-//# sourceMappingURL=constants.d.ts.map

package/dist/typescript/commonjs/features/problemSelector/constants.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"constants.d.ts","sourceRoot":"","sources":["../../../../../src/features/problemSelector/constants.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,iBAAiB,EAAwB,MAAM,4BAA4B,CAAA;AACpF,OAAO,EAAE,0BAA0B,EAAE,MAAM,SAAS,CAAA;AAEpD,eAAO,MAAM,WAAW,OAAO,CAAA;AAC/B,eAAO,MAAM,iBAAiB;;;CAAuB,CAAA;AACrD,eAAO,MAAM,SAAS;;;CAA4B,CAAA;AAClD,eAAO,MAAM,8BAA8B,MAAM,CAAA;AAEjD,eAAO,MAAM,6BAA6B;;;;;;;CAOhC,CAAA;AAEV,eAAO,MAAM,gBAAgB,EAAE,MAAM,CAAC,0BAA0B,EAAE,iBAAiB,CAsMlF,CAAA"}

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

@@ -1,4 +0,0 @@
-export { ProblemSelector } from './components/ProblemSelector';
-export { PROBLEM_SELECTOR_BUTTON_STATE } from './constants';
-export type { ProblemSelectorButtonProps, ProblemSelectorButtonState } from './types';
-//# sourceMappingURL=index.d.ts.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../src/features/problemSelector/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,eAAe,EAAE,MAAM,8BAA8B,CAAA;AAC9D,OAAO,EAAE,6BAA6B,EAAE,MAAM,aAAa,CAAA;AAC3D,YAAY,EAAE,0BAA0B,EAAE,0BAA0B,EAAE,MAAM,SAAS,CAAA"}

package/dist/typescript/commonjs/features/problemSelector/types.d.ts

@@ -1,11 +0,0 @@
-import { PROBLEM_SELECTOR_BUTTON_STATE } from './constants';
-export type ProblemSelectorButtonState = (typeof PROBLEM_SELECTOR_BUTTON_STATE)[keyof typeof PROBLEM_SELECTOR_BUTTON_STATE];
-export type ProblemSelectorButtonProps = {
-    key: string;
-    text: string;
-    state: ProblemSelectorButtonState;
-    locked: boolean;
-    onClick: () => void;
-    badgeValue?: number;
-};
-//# sourceMappingURL=types.d.ts.map

package/dist/typescript/commonjs/features/problemSelector/types.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../../../src/features/problemSelector/types.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,6BAA6B,EAAE,MAAM,aAAa,CAAA;AAE3D,MAAM,MAAM,0BAA0B,GACpC,CAAC,OAAO,6BAA6B,CAAC,CAAC,MAAM,OAAO,6BAA6B,CAAC,CAAA;AAEpF,MAAM,MAAM,0BAA0B,GAAG;IACvC,GAAG,EAAE,MAAM,CAAA;IACX,IAAI,EAAE,MAAM,CAAA;IACZ,KAAK,EAAE,0BAA0B,CAAA;IACjC,MAAM,EAAE,OAAO,CAAA;IACf,OAAO,EAAE,MAAM,IAAI,CAAA;IACnB,UAAU,CAAC,EAAE,MAAM,CAAA;CACpB,CAAA"}

package/dist/typescript/commonjs/shared/icons/LockIcon.d.ts

@@ -1,4 +0,0 @@
-import React from 'react';
-import { IconProps } from './icon.types';
-export declare const LockIcon: ({ width, height, color }: IconProps) => React.JSX.Element;
-//# sourceMappingURL=LockIcon.d.ts.map

package/dist/typescript/commonjs/shared/icons/LockIcon.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"LockIcon.d.ts","sourceRoot":"","sources":["../../../../../src/shared/icons/LockIcon.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAA;AAIzB,OAAO,EAAE,SAAS,EAAE,MAAM,cAAc,CAAA;AAExC,eAAO,MAAM,QAAQ,6BAA2D,SAAS,sBASxF,CAAA"}

package/dist/typescript/module/features/problemSelector/components/ProblemSelector.d.ts

@@ -1,8 +0,0 @@
-import React from 'react';
-import { ProblemSelectorButtonProps } from '../types';
-type ProblemSelectorProps = {
-    buttons: ProblemSelectorButtonProps[];
-};
-export declare const ProblemSelector: ({ buttons }: ProblemSelectorProps) => React.JSX.Element | null;
-export {};
-//# sourceMappingURL=ProblemSelector.d.ts.map

package/dist/typescript/module/features/problemSelector/components/ProblemSelector.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"ProblemSelector.d.ts","sourceRoot":"","sources":["../../../../../../src/features/problemSelector/components/ProblemSelector.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAA;AAOzB,OAAO,EAAE,0BAA0B,EAAE,MAAM,UAAU,CAAA;AAErD,KAAK,oBAAoB,GAAG;IAC1B,OAAO,EAAE,0BAA0B,EAAE,CAAA;CACtC,CAAA;AAED,eAAO,MAAM,eAAe,gBAAiB,oBAAoB,6BAYhE,CAAA"}

package/dist/typescript/module/features/problemSelector/components/ProblemSelectorButton.d.ts

@@ -1,4 +0,0 @@
-import React from 'react';
-import { ProblemSelectorButtonProps } from '../types';
-export declare const ProblemSelectorButton: ({ text, state, onClick, badgeValue, locked, }: ProblemSelectorButtonProps) => React.JSX.Element;
-//# sourceMappingURL=ProblemSelectorButton.d.ts.map

package/dist/typescript/module/features/problemSelector/components/ProblemSelectorButton.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"ProblemSelectorButton.d.ts","sourceRoot":"","sources":["../../../../../../src/features/problemSelector/components/ProblemSelectorButton.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAA;AAezB,OAAO,EAAE,0BAA0B,EAAE,MAAM,UAAU,CAAA;AAErD,eAAO,MAAM,qBAAqB,kDAM/B,0BAA0B,sBA+C5B,CAAA"}

package/dist/typescript/module/features/problemSelector/constants.d.ts

@@ -1,22 +0,0 @@
-import { ButtonColorPreset } from '@magmamath/react-native-ui';
-import { ProblemSelectorButtonState } from './types';
-export declare const BUTTON_SIZE = 49.5;
-export declare const BADGE_COORDINATES: {
-    top: number;
-    right: number;
-};
-export declare const ICON_SIZE: {
-    width: number;
-    height: number;
-};
-export declare const PROBLEM_SELECTOR_CONTENT_WIDTH = 265;
-export declare const PROBLEM_SELECTOR_BUTTON_STATE: {
-    readonly SELECTED: "selected";
-    readonly SOLVED: "solved";
-    readonly SOLVED_FIRST_ATTEMPT: "solved-first-attempt";
-    readonly NOT_SOLVED: "not-solved";
-    readonly MISTAKE: "mistake";
-    readonly EXAM: "exam";
-};
-export declare const COLOR_SCHEME_MAP: Record<ProblemSelectorButtonState, ButtonColorPreset>;
-//# sourceMappingURL=constants.d.ts.map

package/dist/typescript/module/features/problemSelector/constants.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"constants.d.ts","sourceRoot":"","sources":["../../../../../src/features/problemSelector/constants.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,iBAAiB,EAAwB,MAAM,4BAA4B,CAAA;AACpF,OAAO,EAAE,0BAA0B,EAAE,MAAM,SAAS,CAAA;AAEpD,eAAO,MAAM,WAAW,OAAO,CAAA;AAC/B,eAAO,MAAM,iBAAiB;;;CAAuB,CAAA;AACrD,eAAO,MAAM,SAAS;;;CAA4B,CAAA;AAClD,eAAO,MAAM,8BAA8B,MAAM,CAAA;AAEjD,eAAO,MAAM,6BAA6B;;;;;;;CAOhC,CAAA;AAEV,eAAO,MAAM,gBAAgB,EAAE,MAAM,CAAC,0BAA0B,EAAE,iBAAiB,CAsMlF,CAAA"}

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

@@ -1,4 +0,0 @@
-export { ProblemSelector } from './components/ProblemSelector';
-export { PROBLEM_SELECTOR_BUTTON_STATE } from './constants';
-export type { ProblemSelectorButtonProps, ProblemSelectorButtonState } from './types';
-//# sourceMappingURL=index.d.ts.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../src/features/problemSelector/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,eAAe,EAAE,MAAM,8BAA8B,CAAA;AAC9D,OAAO,EAAE,6BAA6B,EAAE,MAAM,aAAa,CAAA;AAC3D,YAAY,EAAE,0BAA0B,EAAE,0BAA0B,EAAE,MAAM,SAAS,CAAA"}

package/dist/typescript/module/features/problemSelector/types.d.ts

@@ -1,11 +0,0 @@
-import { PROBLEM_SELECTOR_BUTTON_STATE } from './constants';
-export type ProblemSelectorButtonState = (typeof PROBLEM_SELECTOR_BUTTON_STATE)[keyof typeof PROBLEM_SELECTOR_BUTTON_STATE];
-export type ProblemSelectorButtonProps = {
-    key: string;
-    text: string;
-    state: ProblemSelectorButtonState;
-    locked: boolean;
-    onClick: () => void;
-    badgeValue?: number;
-};
-//# sourceMappingURL=types.d.ts.map

package/dist/typescript/module/features/problemSelector/types.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../../../src/features/problemSelector/types.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,6BAA6B,EAAE,MAAM,aAAa,CAAA;AAE3D,MAAM,MAAM,0BAA0B,GACpC,CAAC,OAAO,6BAA6B,CAAC,CAAC,MAAM,OAAO,6BAA6B,CAAC,CAAA;AAEpF,MAAM,MAAM,0BAA0B,GAAG;IACvC,GAAG,EAAE,MAAM,CAAA;IACX,IAAI,EAAE,MAAM,CAAA;IACZ,KAAK,EAAE,0BAA0B,CAAA;IACjC,MAAM,EAAE,OAAO,CAAA;IACf,OAAO,EAAE,MAAM,IAAI,CAAA;IACnB,UAAU,CAAC,EAAE,MAAM,CAAA;CACpB,CAAA"}

package/dist/typescript/module/shared/icons/LockIcon.d.ts

@@ -1,4 +0,0 @@
-import React from 'react';
-import { IconProps } from './icon.types';
-export declare const LockIcon: ({ width, height, color }: IconProps) => React.JSX.Element;
-//# sourceMappingURL=LockIcon.d.ts.map

package/dist/typescript/module/shared/icons/LockIcon.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"LockIcon.d.ts","sourceRoot":"","sources":["../../../../../src/shared/icons/LockIcon.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAA;AAIzB,OAAO,EAAE,SAAS,EAAE,MAAM,cAAc,CAAA;AAExC,eAAO,MAAM,QAAQ,6BAA2D,SAAS,sBASxF,CAAA"}

package/src/features/problemSelector/components/ProblemSelector.tsx

@@ -1,37 +0,0 @@
-import React from 'react'
-import { View, StyleSheet } from 'react-native'
-import { SPACING } from '@magmamath/react-native-ui'
-
-import { ProblemSelectorButton } from './ProblemSelectorButton'
-
-import { PROBLEM_SELECTOR_CONTENT_WIDTH } from '../constants'
-import { ProblemSelectorButtonProps } from '../types'
-
-type ProblemSelectorProps = {
-  buttons: ProblemSelectorButtonProps[]
-}
-
-export const ProblemSelector = ({ buttons }: ProblemSelectorProps) => {
-  if (!buttons.length) return null
-
-  return (
-    <View style={styles.container}>
-      <View style={styles.contentContainer}>
-        {buttons.map((btn) => (
-          <ProblemSelectorButton {...btn} key={btn.key} />
-        ))}
-      </View>
-    </View>
-  )
-}
-
-const styles = StyleSheet.create({
-  container: { alignItems: 'center' },
-  contentContainer: {
-    width: PROBLEM_SELECTOR_CONTENT_WIDTH,
-    flexWrap: 'wrap',
-    flexDirection: 'row',
-    paddingVertical: SPACING[400],
-    gap: 15,
-  },
-})

package/src/features/problemSelector/components/ProblemSelectorButton.tsx

@@ -1,81 +0,0 @@
-import React from 'react'
-import { View, StyleSheet } from 'react-native'
-
-import { UnreadMessagesBadge } from '@magmamath/students-features'
-import {
-  Button,
-  ButtonSize,
-  ButtonStates,
-  ButtonVariant,
-  Typography,
-} from '@magmamath/react-native-ui'
-
-import { BADGE_COORDINATES, BUTTON_SIZE, COLOR_SCHEME_MAP, ICON_SIZE } from '../constants'
-import { LockIcon } from '../../../shared/icons/LockIcon'
-
-import { ProblemSelectorButtonProps } from '../types'
-
-export const ProblemSelectorButton = ({
-  text,
-  state,
-  onClick,
-  badgeValue,
-  locked,
-}: ProblemSelectorButtonProps) => {
-  const customColorScheme = COLOR_SCHEME_MAP[state]
-
-  return (
-    <View style={styles.wrapper}>
-      <Button
-        variant={ButtonVariant.PRIMARY}
-        size={ButtonSize.MEDIUM}
-        customColorScheme={customColorScheme}
-        onPress={onClick}
-        style={{
-          button: styles.button,
-        }}
-        disabled={locked}
-        icon={
-          locked ? (
-            <LockIcon
-              height={ICON_SIZE.height}
-              width={ICON_SIZE.width}
-              color={customColorScheme[ButtonStates.DISABLED]?.color}
-            />
-          ) : (
-            <Typography
-              variant="h2"
-              style={{ color: customColorScheme[ButtonStates.DEFAULT]?.color }}
-            >
-              {text ?? ''}
-            </Typography>
-          )
-        }
-      />
-
-      {typeof badgeValue === 'number' && (
-        <UnreadMessagesBadge
-          badgeContent={badgeValue !== 0 ? badgeValue : undefined}
-          withBorder
-          style={[
-            styles.badge,
-            {
-              top: badgeValue ? 0 : BADGE_COORDINATES.top,
-              right: badgeValue ? 0 : BADGE_COORDINATES.right,
-            },
-          ]}
-        />
-      )}
-    </View>
-  )
-}
-
-const styles = StyleSheet.create({
-  wrapper: { position: 'relative' },
-  badge: { position: 'absolute' },
-  button: {
-    width: BUTTON_SIZE,
-    height: BUTTON_SIZE,
-    borderWidth: 2.75,
-  },
-})

package/src/features/problemSelector/constants.ts

@@ -1,216 +0,0 @@
-import { ButtonColorPreset, ButtonStates, COLORS } from '@magmamath/react-native-ui'
-import { ProblemSelectorButtonState } from './types'
-
-export const BUTTON_SIZE = 49.5
-export const BADGE_COORDINATES = { top: 4, right: 4 }
-export const ICON_SIZE = { width: 22, height: 24 }
-export const PROBLEM_SELECTOR_CONTENT_WIDTH = 265
-
-export const PROBLEM_SELECTOR_BUTTON_STATE = {
-  SELECTED: 'selected',
-  SOLVED: 'solved',
-  SOLVED_FIRST_ATTEMPT: 'solved-first-attempt',
-  NOT_SOLVED: 'not-solved',
-  MISTAKE: 'mistake',
-  EXAM: 'exam',
-} as const
-
-export const COLOR_SCHEME_MAP: Record<ProblemSelectorButtonState, ButtonColorPreset> = {
-  [PROBLEM_SELECTOR_BUTTON_STATE.SELECTED]: {
-    [ButtonStates.DEFAULT]: {
-      backgroundColor: COLORS.BLUE_1,
-      borderColor: COLORS.PRIMARY_BLUE,
-      color: COLORS.PRIMARY_BLUE,
-      raiseColor: COLORS.PRIMARY_BLUE,
-    },
-    [ButtonStates.HOVER]: {
-      backgroundColor: COLORS.BLUE_1,
-      borderColor: COLORS.BLUE_4,
-      color: COLORS.BLUE_4,
-      raiseColor: COLORS.BLUE_4,
-    },
-    [ButtonStates.ACTIVE]: {
-      backgroundColor: COLORS.BLUE_1,
-      borderColor: COLORS.BLUE_4,
-      color: COLORS.BLUE_4,
-      raiseColor: COLORS.BLUE_4,
-    },
-    [ButtonStates.PRESSED]: {
-      backgroundColor: COLORS.BLUE_1,
-      borderColor: COLORS.BLUE_4,
-      color: COLORS.BLUE_4,
-      raiseColor: COLORS.BLUE_4,
-    },
-    [ButtonStates.DISABLED]: {
-      backgroundColor: COLORS.BLUE_1,
-      borderColor: COLORS.BLUE_3,
-      color: COLORS.BLUE_3,
-      raiseColor: COLORS.BLUE_3,
-    },
-  },
-
-  [PROBLEM_SELECTOR_BUTTON_STATE.MISTAKE]: {
-    [ButtonStates.DEFAULT]: {
-      backgroundColor: COLORS.PRIMARY_RED,
-      borderColor: COLORS.PRIMARY_RED,
-      color: COLORS.NEUTRAL_1,
-      raiseColor: COLORS.PRIMARY_RED,
-    },
-    [ButtonStates.HOVER]: {
-      backgroundColor: COLORS.RED_4,
-      borderColor: COLORS.RED_4,
-      color: COLORS.NEUTRAL_1,
-      raiseColor: COLORS.RED_4,
-    },
-    [ButtonStates.ACTIVE]: {
-      backgroundColor: COLORS.RED_4,
-      borderColor: COLORS.RED_4,
-      color: COLORS.NEUTRAL_1,
-      raiseColor: COLORS.RED_4,
-    },
-    [ButtonStates.PRESSED]: {
-      backgroundColor: COLORS.RED_4,
-      borderColor: COLORS.RED_4,
-      color: COLORS.NEUTRAL_1,
-      raiseColor: COLORS.RED_4,
-    },
-    [ButtonStates.DISABLED]: {
-      backgroundColor: COLORS.RED_3,
-      borderColor: COLORS.RED_3,
-      color: COLORS.NEUTRAL_1,
-      raiseColor: COLORS.RED_3,
-    },
-  },
-
-  [PROBLEM_SELECTOR_BUTTON_STATE.SOLVED]: {
-    [ButtonStates.DEFAULT]: {
-      backgroundColor: COLORS.PRIMARY_YELLOW,
-      borderColor: COLORS.PRIMARY_YELLOW,
-      color: COLORS.NEUTRAL_1,
-      raiseColor: COLORS.PRIMARY_YELLOW,
-    },
-    [ButtonStates.HOVER]: {
-      backgroundColor: COLORS.YELLOW_4,
-      borderColor: COLORS.YELLOW_4,
-      color: COLORS.NEUTRAL_1,
-      raiseColor: COLORS.YELLOW_4,
-    },
-    [ButtonStates.ACTIVE]: {
-      backgroundColor: COLORS.YELLOW_4,
-      borderColor: COLORS.YELLOW_4,
-      color: COLORS.NEUTRAL_1,
-      raiseColor: COLORS.YELLOW_4,
-    },
-    [ButtonStates.PRESSED]: {
-      backgroundColor: COLORS.YELLOW_4,
-      borderColor: COLORS.YELLOW_4,
-      color: COLORS.NEUTRAL_1,
-      raiseColor: COLORS.YELLOW_4,
-    },
-    [ButtonStates.DISABLED]: {
-      backgroundColor: COLORS.YELLOW_3,
-      borderColor: COLORS.YELLOW_3,
-      color: COLORS.NEUTRAL_1,
-      raiseColor: COLORS.YELLOW_3,
-    },
-  },
-
-  [PROBLEM_SELECTOR_BUTTON_STATE.SOLVED_FIRST_ATTEMPT]: {
-    [ButtonStates.DEFAULT]: {
-      backgroundColor: COLORS.PRIMARY_GREEN,
-      borderColor: COLORS.PRIMARY_GREEN,
-      color: COLORS.NEUTRAL_1,
-      raiseColor: COLORS.PRIMARY_GREEN,
-    },
-    [ButtonStates.HOVER]: {
-      backgroundColor: COLORS.GREEN_4,
-      borderColor: COLORS.GREEN_4,
-      color: COLORS.NEUTRAL_1,
-      raiseColor: COLORS.GREEN_4,
-    },
-    [ButtonStates.ACTIVE]: {
-      backgroundColor: COLORS.GREEN_4,
-      borderColor: COLORS.GREEN_4,
-      color: COLORS.NEUTRAL_1,
-      raiseColor: COLORS.GREEN_4,
-    },
-    [ButtonStates.PRESSED]: {
-      backgroundColor: COLORS.GREEN_4,
-      borderColor: COLORS.GREEN_4,
-      color: COLORS.NEUTRAL_1,
-      raiseColor: COLORS.GREEN_4,
-    },
-    [ButtonStates.DISABLED]: {
-      backgroundColor: COLORS.GREEN_3,
-      borderColor: COLORS.GREEN_3,
-      color: COLORS.NEUTRAL_1,
-      raiseColor: COLORS.GREEN_3,
-    },
-  },
-
-  [PROBLEM_SELECTOR_BUTTON_STATE.NOT_SOLVED]: {
-    [ButtonStates.DEFAULT]: {
-      backgroundColor: COLORS.NEUTRAL_4,
-      borderColor: COLORS.NEUTRAL_4,
-      color: COLORS.NEUTRAL_10,
-      raiseColor: COLORS.NEUTRAL_4,
-    },
-    [ButtonStates.HOVER]: {
-      backgroundColor: COLORS.NEUTRAL_3,
-      borderColor: COLORS.NEUTRAL_3,
-      color: COLORS.NEUTRAL_10,
-      raiseColor: COLORS.NEUTRAL_3,
-    },
-    [ButtonStates.ACTIVE]: {
-      backgroundColor: COLORS.NEUTRAL_3,
-      borderColor: COLORS.NEUTRAL_3,
-      color: COLORS.NEUTRAL_10,
-      raiseColor: COLORS.NEUTRAL_3,
-    },
-    [ButtonStates.PRESSED]: {
-      backgroundColor: COLORS.NEUTRAL_3,
-      borderColor: COLORS.NEUTRAL_3,
-      color: COLORS.NEUTRAL_10,
-      raiseColor: COLORS.NEUTRAL_3,
-    },
-    [ButtonStates.DISABLED]: {
-      backgroundColor: COLORS.NEUTRAL_3,
-      borderColor: COLORS.NEUTRAL_3,
-      color: COLORS.NEUTRAL_6,
-      raiseColor: COLORS.NEUTRAL_3,
-    },
-  },
-
-  [PROBLEM_SELECTOR_BUTTON_STATE.EXAM]: {
-    [ButtonStates.DEFAULT]: {
-      backgroundColor: COLORS.PRIMARY_PURPLE,
-      borderColor: COLORS.PRIMARY_PURPLE,
-      color: COLORS.NEUTRAL_1,
-      raiseColor: COLORS.PRIMARY_PURPLE,
-    },
-    [ButtonStates.HOVER]: {
-      backgroundColor: COLORS.PURPLE_4,
-      borderColor: COLORS.PURPLE_4,
-      color: COLORS.NEUTRAL_1,
-      raiseColor: COLORS.PURPLE_4,
-    },
-    [ButtonStates.ACTIVE]: {
-      backgroundColor: COLORS.PRIMARY_PURPLE,
-      borderColor: COLORS.PRIMARY_PURPLE,
-      color: COLORS.NEUTRAL_1,
-      raiseColor: COLORS.PRIMARY_PURPLE,
-    },
-    [ButtonStates.PRESSED]: {
-      backgroundColor: COLORS.PRIMARY_PURPLE,
-      borderColor: COLORS.PRIMARY_PURPLE,
-      color: COLORS.NEUTRAL_1,
-      raiseColor: COLORS.PRIMARY_PURPLE,
-    },
-    [ButtonStates.DISABLED]: {
-      backgroundColor: COLORS.PURPLE_3,
-      borderColor: COLORS.PURPLE_3,
-      color: COLORS.NEUTRAL_1,
-      raiseColor: COLORS.PURPLE_3,
-    },
-  },
-}

package/src/features/problemSelector/index.ts

@@ -1,3 +0,0 @@
-export { ProblemSelector } from './components/ProblemSelector'
-export { PROBLEM_SELECTOR_BUTTON_STATE } from './constants'
-export type { ProblemSelectorButtonProps, ProblemSelectorButtonState } from './types'

package/src/features/problemSelector/types.ts

@@ -1,13 +0,0 @@
-import { PROBLEM_SELECTOR_BUTTON_STATE } from './constants'
-
-export type ProblemSelectorButtonState =
-  (typeof PROBLEM_SELECTOR_BUTTON_STATE)[keyof typeof PROBLEM_SELECTOR_BUTTON_STATE]
-
-export type ProblemSelectorButtonProps = {
-  key: string
-  text: string
-  state: ProblemSelectorButtonState
-  locked: boolean
-  onClick: () => void
-  badgeValue?: number
-}

package/src/shared/icons/LockIcon.tsx

@@ -1,16 +0,0 @@
-import React from 'react'
-import Svg, { Path } from 'react-native-svg'
-import { COLORS } from '@magmamath/react-native-ui'
-
-import { IconProps } from './icon.types'
-
-export const LockIcon = ({ width = 22, height = 24, color = COLORS.NEUTRAL_6 }: IconProps) => (
-  <Svg width={width} height={height} viewBox="0 0 24 28" fill="none">
-    <Path
-      fillRule="evenodd"
-      clipRule="evenodd"
-      d="M4.183 8.91H3.44A2.578 2.578 0 00.862 11.49v11.068a2.578 2.578 0 002.578 2.578h17.12a2.578 2.578 0 002.578-2.578V11.49a2.578 2.578 0 00-2.578-2.578h-.743c-.119-1.421-.391-3.307-1.374-4.897C17.304 2.172 15.303.864 12 .864c-3.304 0-5.304 1.308-6.443 3.15-.983 1.59-1.255 3.476-1.374 4.897zm2.008 0h11.618c-.12-1.303-.369-2.714-1.067-3.844C16.002 3.87 14.68 2.864 12 2.864c-2.68 0-4.003 1.006-4.742 2.202-.699 1.13-.947 2.54-1.067 3.845zm-2.75 2H20.56c.319 0 .578.26.578.579v11.068c0 .32-.26.578-.578.578H3.44a.578.578 0 01-.578-.578V11.49c0-.32.26-.578.578-.578z"
-      fill={color}
-    />
-  </Svg>
-)