@magmamath/students-features 0.8.0-rc.3 → 0.8.0-rc.4

package/dist/module/features/exampleSolution/components/MessageBlock.js

@@ -1,53 +0,0 @@
-"use strict";
-
-import { StyleSheet } from 'react-native';
-import React from 'react';
-import { COLORS, SPACING, Typography } from '@magmamath/react-native-ui';
-import { useUnit } from 'effector-react';
-import { $localization } from "../../../shared/translation/index.js";
-import Animated, { LinearTransition, useAnimatedStyle, withDelay, withTiming } from 'react-native-reanimated';
-import { ExampleSolutionStatuses } from "../constants.js";
-import { jsx as _jsx } from "react/jsx-runtime";
-export const MessageBlock = ({
-  status,
-  style
-}) => {
-  const localization = useUnit($localization);
-  const opacityAnimation = useAnimatedStyle(() => {
-    return {
-      opacity: withDelay(2000, withTiming(status === ExampleSolutionStatuses.LOADING ? 1 : 0, {
-        duration: 350
-      }))
-    };
-  }, [status]);
-  if (status === ExampleSolutionStatuses.CACHE) return null;
-  return /*#__PURE__*/_jsx(Animated.View, {
-    layout: LinearTransition.duration(250),
-    style: [styles.container, opacityAnimation, style],
-    children: /*#__PURE__*/_jsx(Typography, {
-      variant: 'small',
-      numberOfLines: 1,
-      children: status === ExampleSolutionStatuses.LOADING ? localization.exampleSolution.letMeThink : localization.exampleSolution.aha
-    })
-  });
-};
-const styles = StyleSheet.create({
-  container: {
-    padding: SPACING[200],
-    backgroundColor: COLORS.NEUTRAL_3,
-    height: 44,
-    borderRadius: 12,
-    borderBottomRightRadius: 2,
-    borderWidth: StyleSheet.hairlineWidth,
-    borderColor: COLORS.NEUTRAL_5,
-    shadowColor: COLORS.NEUTRAL_10,
-    shadowOffset: {
-      width: 0,
-      height: 1
-    },
-    shadowOpacity: 0.2,
-    shadowRadius: 1,
-    elevation: 3
-  }
-});
-//# sourceMappingURL=MessageBlock.js.map

package/dist/module/features/exampleSolution/components/MessageBlock.js.map

@@ -1 +0,0 @@
-{"version":3,"names":["StyleSheet","React","COLORS","SPACING","Typography","useUnit","$localization","Animated","LinearTransition","useAnimatedStyle","withDelay","withTiming","ExampleSolutionStatuses","jsx","_jsx","MessageBlock","status","style","localization","opacityAnimation","opacity","LOADING","duration","CACHE","View","layout","styles","container","children","variant","numberOfLines","exampleSolution","letMeThink","aha","create","padding","backgroundColor","NEUTRAL_3","height","borderRadius","borderBottomRightRadius","borderWidth","hairlineWidth","borderColor","NEUTRAL_5","shadowColor","NEUTRAL_10","shadowOffset","width","shadowOpacity","shadowRadius","elevation"],"sourceRoot":"../../../../../src","sources":["features/exampleSolution/components/MessageBlock.tsx"],"mappings":";;AAAA,SAAoBA,UAAU,QAAmB,cAAc;AAC/D,OAAOC,KAAK,MAAM,OAAO;AACzB,SAASC,MAAM,EAAEC,OAAO,EAAEC,UAAU,QAAQ,4BAA4B;AACxE,SAASC,OAAO,QAAQ,gBAAgB;AACxC,SAASC,aAAa,QAAQ,sCAA6B;AAC3D,OAAOC,QAAQ,IACbC,gBAAgB,EAChBC,gBAAgB,EAChBC,SAAS,EACTC,UAAU,QACL,yBAAyB;AAChC,SAASC,uBAAuB,QAAQ,iBAAc;AAAA,SAAAC,GAAA,IAAAC,IAAA;AAOtD,OAAO,MAAMC,YAAY,GAAGA,CAAC;EAAEC,MAAM;EAAEC;AAAyB,CAAC,KAAK;EACpE,MAAMC,YAAY,GAAGb,OAAO,CAACC,aAAa,CAAC;EAE3C,MAAMa,gBAAgB,GAAGV,gBAAgB,CAAC,MAAM;IAC9C,OAAO;MACLW,OAAO,EAAEV,SAAS,CAChB,IAAI,EACJC,UAAU,CAACK,MAAM,KAAKJ,uBAAuB,CAACS,OAAO,GAAG,CAAC,GAAG,CAAC,EAAE;QAAEC,QAAQ,EAAE;MAAI,CAAC,CAClF;IACF,CAAC;EACH,CAAC,EAAE,CAACN,MAAM,CAAC,CAAC;EAEZ,IAAIA,MAAM,KAAKJ,uBAAuB,CAACW,KAAK,EAAE,OAAO,IAAI;EAEzD,oBACET,IAAA,CAACP,QAAQ,CAACiB,IAAI;IACZC,MAAM,EAAEjB,gBAAgB,CAACc,QAAQ,CAAC,GAAG,CAAE;IACvCL,KAAK,EAAE,CAACS,MAAM,CAACC,SAAS,EAAER,gBAAgB,EAAEF,KAAK,CAAE;IAAAW,QAAA,eAEnDd,IAAA,CAACV,UAAU;MAACyB,OAAO,EAAE,OAAQ;MAACC,aAAa,EAAE,CAAE;MAAAF,QAAA,EAC5CZ,MAAM,KAAKJ,uBAAuB,CAACS,OAAO,GACvCH,YAAY,CAACa,eAAe,CAACC,UAAU,GACvCd,YAAY,CAACa,eAAe,CAACE;IAAG,CAC1B;EAAC,CACA,CAAC;AAEpB,CAAC;AAED,MAAMP,MAAM,GAAG1B,UAAU,CAACkC,MAAM,CAAC;EAC/BP,SAAS,EAAE;IACTQ,OAAO,EAAEhC,OAAO,CAAC,GAAG,CAAC;IACrBiC,eAAe,EAAElC,MAAM,CAACmC,SAAS;IACjCC,MAAM,EAAE,EAAE;IACVC,YAAY,EAAE,EAAE;IAChBC,uBAAuB,EAAE,CAAC;IAC1BC,WAAW,EAAEzC,UAAU,CAAC0C,aAAa;IACrCC,WAAW,EAAEzC,MAAM,CAAC0C,SAAS;IAE7BC,WAAW,EAAE3C,MAAM,CAAC4C,UAAU;IAC9BC,YAAY,EAAE;MACZC,KAAK,EAAE,CAAC;MACRV,MAAM,EAAE;IACV,CAAC;IACDW,aAAa,EAAE,GAAG;IAClBC,YAAY,EAAE,CAAC;IAEfC,SAAS,EAAE;EACb;AACF,CAAC,CAAC","ignoreList":[]}

package/dist/typescript/commonjs/features/exampleSolution/components/LavaIcon.d.ts

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

package/dist/typescript/commonjs/features/exampleSolution/components/LavaIcon.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"LavaIcon.d.ts","sourceRoot":"","sources":["../../../../../../src/features/exampleSolution/components/LavaIcon.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAA;AAIzB,OAAO,EAAE,SAAS,EAAE,SAAS,EAAE,MAAM,cAAc,CAAA;AACnD,OAAO,EAAE,uBAAuB,EAAE,MAAM,cAAc,CAAA;AAItD,KAAK,aAAa,GAAG;IACnB,MAAM,EAAE,uBAAuB,CAAA;IAC/B,KAAK,CAAC,EAAE,SAAS,CAAC,SAAS,CAAC,CAAA;CAC7B,CAAA;AAED,eAAO,MAAM,QAAQ,sBAAuB,aAAa,sBAoBxD,CAAA"}

package/dist/typescript/commonjs/features/exampleSolution/components/MessageBlock.d.ts

@@ -1,10 +0,0 @@
-import { StyleProp, ViewStyle } from 'react-native';
-import React from 'react';
-import { ExampleSolutionStatuses } from '../constants';
-type MessageBlockProps = {
-    status: ExampleSolutionStatuses;
-    style?: StyleProp<ViewStyle>;
-};
-export declare const MessageBlock: ({ status, style }: MessageBlockProps) => React.JSX.Element | null;
-export {};
-//# sourceMappingURL=MessageBlock.d.ts.map

package/dist/typescript/commonjs/features/exampleSolution/components/MessageBlock.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"MessageBlock.d.ts","sourceRoot":"","sources":["../../../../../../src/features/exampleSolution/components/MessageBlock.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAc,SAAS,EAAE,MAAM,cAAc,CAAA;AAC/D,OAAO,KAAK,MAAM,OAAO,CAAA;AAUzB,OAAO,EAAE,uBAAuB,EAAE,MAAM,cAAc,CAAA;AAEtD,KAAK,iBAAiB,GAAG;IACvB,MAAM,EAAE,uBAAuB,CAAA;IAC/B,KAAK,CAAC,EAAE,SAAS,CAAC,SAAS,CAAC,CAAA;CAC7B,CAAA;AAED,eAAO,MAAM,YAAY,sBAAuB,iBAAiB,6BA0BhE,CAAA"}

package/dist/typescript/module/features/exampleSolution/components/LavaIcon.d.ts

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

package/dist/typescript/module/features/exampleSolution/components/LavaIcon.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"LavaIcon.d.ts","sourceRoot":"","sources":["../../../../../../src/features/exampleSolution/components/LavaIcon.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAA;AAIzB,OAAO,EAAE,SAAS,EAAE,SAAS,EAAE,MAAM,cAAc,CAAA;AACnD,OAAO,EAAE,uBAAuB,EAAE,MAAM,cAAc,CAAA;AAItD,KAAK,aAAa,GAAG;IACnB,MAAM,EAAE,uBAAuB,CAAA;IAC/B,KAAK,CAAC,EAAE,SAAS,CAAC,SAAS,CAAC,CAAA;CAC7B,CAAA;AAED,eAAO,MAAM,QAAQ,sBAAuB,aAAa,sBAoBxD,CAAA"}

package/dist/typescript/module/features/exampleSolution/components/MessageBlock.d.ts

@@ -1,10 +0,0 @@
-import { StyleProp, ViewStyle } from 'react-native';
-import React from 'react';
-import { ExampleSolutionStatuses } from '../constants';
-type MessageBlockProps = {
-    status: ExampleSolutionStatuses;
-    style?: StyleProp<ViewStyle>;
-};
-export declare const MessageBlock: ({ status, style }: MessageBlockProps) => React.JSX.Element | null;
-export {};
-//# sourceMappingURL=MessageBlock.d.ts.map

package/dist/typescript/module/features/exampleSolution/components/MessageBlock.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"MessageBlock.d.ts","sourceRoot":"","sources":["../../../../../../src/features/exampleSolution/components/MessageBlock.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAc,SAAS,EAAE,MAAM,cAAc,CAAA;AAC/D,OAAO,KAAK,MAAM,OAAO,CAAA;AAUzB,OAAO,EAAE,uBAAuB,EAAE,MAAM,cAAc,CAAA;AAEtD,KAAK,iBAAiB,GAAG;IACvB,MAAM,EAAE,uBAAuB,CAAA;IAC/B,KAAK,CAAC,EAAE,SAAS,CAAC,SAAS,CAAC,CAAA;CAC7B,CAAA;AAED,eAAO,MAAM,YAAY,sBAAuB,iBAAiB,6BA0BhE,CAAA"}

package/src/features/exampleSolution/components/LavaIcon.tsx

@@ -1,35 +0,0 @@
-import React from 'react'
-import { ExcitedLavaIcon } from '../../../shared/icons/ExcitedLavaIcon'
-import { LavaIconInGlasses } from '../../../shared/icons'
-import Animated, { FadeIn, useAnimatedStyle, withTiming } from 'react-native-reanimated'
-import { StyleProp, ViewStyle } from 'react-native'
-import { ExampleSolutionStatuses } from '../constants'
-
-const LAVA_ICON_HEIGHT = 112
-
-type LavaIconProps = {
-  status: ExampleSolutionStatuses
-  style?: StyleProp<ViewStyle>
-}
-
-export const LavaIcon = ({ status, style }: LavaIconProps) => {
-  const opacityAnimation = useAnimatedStyle(() => {
-    return {
-      opacity: withTiming(status === ExampleSolutionStatuses.LOADING ? 1 : 0, { duration: 500 }),
-    }
-  }, [status])
-
-  return (
-    <>
-      <Animated.View style={[style, opacityAnimation]}>
-        <LavaIconInGlasses height={112} />
-      </Animated.View>
-
-      {status !== ExampleSolutionStatuses.LOADING && (
-        <Animated.View style={style} entering={FadeIn}>
-          <ExcitedLavaIcon height={LAVA_ICON_HEIGHT} />
-        </Animated.View>
-      )}
-    </>
-  )
-}

package/src/features/exampleSolution/components/MessageBlock.tsx

@@ -1,67 +0,0 @@
-import { StyleProp, StyleSheet, ViewStyle } from 'react-native'
-import React from 'react'
-import { COLORS, SPACING, Typography } from '@magmamath/react-native-ui'
-import { useUnit } from 'effector-react'
-import { $localization } from '../../../shared/translation'
-import Animated, {
-  LinearTransition,
-  useAnimatedStyle,
-  withDelay,
-  withTiming,
-} from 'react-native-reanimated'
-import { ExampleSolutionStatuses } from '../constants'
-
-type MessageBlockProps = {
-  status: ExampleSolutionStatuses
-  style?: StyleProp<ViewStyle>
-}
-
-export const MessageBlock = ({ status, style }: MessageBlockProps) => {
-  const localization = useUnit($localization)
-
-  const opacityAnimation = useAnimatedStyle(() => {
-    return {
-      opacity: withDelay(
-        2000,
-        withTiming(status === ExampleSolutionStatuses.LOADING ? 1 : 0, { duration: 350 }),
-      ),
-    }
-  }, [status])
-
-  if (status === ExampleSolutionStatuses.CACHE) return null
-
-  return (
-    <Animated.View
-      layout={LinearTransition.duration(250)}
-      style={[styles.container, opacityAnimation, style]}
-    >
-      <Typography variant={'small'} numberOfLines={1}>
-        {status === ExampleSolutionStatuses.LOADING
-          ? localization.exampleSolution.letMeThink
-          : localization.exampleSolution.aha}
-      </Typography>
-    </Animated.View>
-  )
-}
-
-const styles = StyleSheet.create({
-  container: {
-    padding: SPACING[200],
-    backgroundColor: COLORS.NEUTRAL_3,
-    height: 44,
-    borderRadius: 12,
-    borderBottomRightRadius: 2,
-    borderWidth: StyleSheet.hairlineWidth,
-    borderColor: COLORS.NEUTRAL_5,
-
-    shadowColor: COLORS.NEUTRAL_10,
-    shadowOffset: {
-      width: 0,
-      height: 1,
-    },
-    shadowOpacity: 0.2,
-    shadowRadius: 1,
-
-    elevation: 3,
-  },
-})