@magmamath/students-features 0.6.12-rc.0 → 0.6.13

package/dist/commonjs/features/exampleSolution/ExampleSolutionModal.js

@@ -0,0 +1,31 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.ExampleSolutionModal = void 0;
+var _react = _interopRequireDefault(require("react"));
+var _reactNativeUi = require("@magmamath/react-native-ui");
+var _ExampleSolutionModalContent = require("./components/ExampleSolutionModalContent.js");
+var _jsxRuntime = require("react/jsx-runtime");
+function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
+const ExampleSolutionModal = ({
+  modal: {
+    closeModal,
+    params
+  }
+}) => /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNativeUi.BaseModal, {
+  style: {
+    container: {
+      paddingHorizontal: _reactNativeUi.SPACING[800]
+    }
+  },
+  onClose: closeModal,
+  content: /*#__PURE__*/(0, _jsxRuntime.jsx)(_ExampleSolutionModalContent.ExampleSolutionModalContent, {
+    model: params.model,
+    payload: params.payload,
+    cacheKey: params.cacheKey
+  })
+});
+exports.ExampleSolutionModal = ExampleSolutionModal;
+//# sourceMappingURL=ExampleSolutionModal.js.map

package/dist/commonjs/features/exampleSolution/ExampleSolutionModal.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["_react","_interopRequireDefault","require","_reactNativeUi","_ExampleSolutionModalContent","_jsxRuntime","e","__esModule","default","ExampleSolutionModal","modal","closeModal","params","jsx","BaseModal","style","container","paddingHorizontal","SPACING","onClose","content","ExampleSolutionModalContent","model","payload","cacheKey","exports"],"sourceRoot":"../../../../src","sources":["features/exampleSolution/ExampleSolutionModal.tsx"],"mappings":";;;;;;AAAA,IAAAA,MAAA,GAAAC,sBAAA,CAAAC,OAAA;AACA,IAAAC,cAAA,GAAAD,OAAA;AACA,IAAAE,4BAAA,GAAAF,OAAA;AAAsF,IAAAG,WAAA,GAAAH,OAAA;AAAA,SAAAD,uBAAAK,CAAA,WAAAA,CAAA,IAAAA,CAAA,CAAAC,UAAA,GAAAD,CAAA,KAAAE,OAAA,EAAAF,CAAA;AAU/E,MAAMG,oBAAoB,GAAGA,CAAC;EACnCC,KAAK,EAAE;IAAEC,UAAU;IAAEC;EAAO;AACM,CAAC,kBACnC,IAAAP,WAAA,CAAAQ,GAAA,EAACV,cAAA,CAAAW,SAAS;EACRC,KAAK,EAAE;IACLC,SAAS,EAAE;MAAEC,iBAAiB,EAAEC,sBAAO,CAAC,GAAG;IAAE;EAC/C,CAAE;EACFC,OAAO,EAAER,UAAW;EACpBS,OAAO,eACL,IAAAf,WAAA,CAAAQ,GAAA,EAACT,4BAAA,CAAAiB,2BAA2B;IAC1BC,KAAK,EAAEV,MAAM,CAACU,KAAM;IACpBC,OAAO,EAAEX,MAAM,CAACW,OAAQ;IACxBC,QAAQ,EAAEZ,MAAM,CAACY;EAAS,CAC3B;AACF,CACF,CACF;AAAAC,OAAA,CAAAhB,oBAAA,GAAAA,oBAAA","ignoreList":[]}

package/dist/commonjs/features/exampleSolution/components/ExampleSolutionModalContent.js

@@ -0,0 +1,97 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.ExampleSolutionModalContent = void 0;
+var _reactNative = require("react-native");
+var _react = _interopRequireDefault(require("react"));
+var _reactNativeUi = require("@magmamath/react-native-ui");
+var _effectorReact = require("effector-react");
+var _index = require("../../../shared/translation/index.js");
+var _MessageBlock = require("./MessageBlock.js");
+var _LavaIcon = require("./LavaIcon.js");
+var _QuestionSection = require("./QuestionSection.js");
+var _SolutionSection = require("./SolutionSection.js");
+var _useExampleSolution = require("../hooks/useExampleSolution.js");
+var _jsxRuntime = require("react/jsx-runtime");
+function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
+const ExampleSolutionModalContent = ({
+  model,
+  payload,
+  cacheKey
+}) => {
+  const {
+    result,
+    status
+  } = (0, _useExampleSolution.useExampleSolution)({
+    model,
+    payload,
+    cacheKey
+  });
+  const localization = (0, _effectorReact.useUnit)(_index.$localization);
+  return /*#__PURE__*/(0, _jsxRuntime.jsxs)(_reactNative.View, {
+    style: styles.container,
+    children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNativeUi.Typography, {
+      align: "center",
+      variant: _reactNativeUi.HeadingVariants.H2,
+      style: {
+        color: _reactNativeUi.COLORS.NEUTRAL_9
+      },
+      children: localization.exampleSolution.exampleSolution
+    }), /*#__PURE__*/(0, _jsxRuntime.jsxs)(_reactNative.View, {
+      style: styles.content,
+      children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_QuestionSection.QuestionSection, {
+        status: status,
+        question: result?.question
+      }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_SolutionSection.SolutionSection, {
+        status: status,
+        answer: result?.answer
+      })]
+    }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_MessageBlock.MessageBlock, {
+      status: status,
+      style: styles.messageBlock
+    }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_LavaIcon.LavaIcon, {
+      status: status,
+      style: styles.lavaIconContainer
+    })]
+  });
+};
+exports.ExampleSolutionModalContent = ExampleSolutionModalContent;
+const styles = _reactNative.StyleSheet.create({
+  container: {
+    width: 880,
+    height: 593
+  },
+  content: {
+    flex: 1,
+    flexDirection: 'row',
+    marginTop: _reactNativeUi.SPACING[400],
+    gap: _reactNativeUi.SPACING[400]
+  },
+  solutionContainer: {
+    width: 351,
+    overflow: 'hidden',
+    borderRadius: 8,
+    borderWidth: 1,
+    borderColor: _reactNativeUi.COLORS.NEUTRAL_5
+  },
+  lavaIconContainer: {
+    position: 'absolute',
+    bottom: -54,
+    right: -50
+  },
+  loaderContainer: {
+    paddingTop: 34,
+    position: 'absolute',
+    width: '100%',
+    height: '100%',
+    backgroundColor: _reactNativeUi.COLORS.NEUTRAL_1
+  },
+  messageBlock: {
+    position: 'absolute',
+    right: 38,
+    bottom: -22
+  }
+});
+//# sourceMappingURL=ExampleSolutionModalContent.js.map

package/dist/commonjs/features/exampleSolution/components/ExampleSolutionModalContent.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["_reactNative","require","_react","_interopRequireDefault","_reactNativeUi","_effectorReact","_index","_MessageBlock","_LavaIcon","_QuestionSection","_SolutionSection","_useExampleSolution","_jsxRuntime","e","__esModule","default","ExampleSolutionModalContent","model","payload","cacheKey","result","status","useExampleSolution","localization","useUnit","$localization","jsxs","View","style","styles","container","children","jsx","Typography","align","variant","HeadingVariants","H2","color","COLORS","NEUTRAL_9","exampleSolution","content","QuestionSection","question","SolutionSection","answer","MessageBlock","messageBlock","LavaIcon","lavaIconContainer","exports","StyleSheet","create","width","height","flex","flexDirection","marginTop","SPACING","gap","solutionContainer","overflow","borderRadius","borderWidth","borderColor","NEUTRAL_5","position","bottom","right","loaderContainer","paddingTop","backgroundColor","NEUTRAL_1"],"sourceRoot":"../../../../../src","sources":["features/exampleSolution/components/ExampleSolutionModalContent.tsx"],"mappings":";;;;;;AAAA,IAAAA,YAAA,GAAAC,OAAA;AACA,IAAAC,MAAA,GAAAC,sBAAA,CAAAF,OAAA;AACA,IAAAG,cAAA,GAAAH,OAAA;AACA,IAAAI,cAAA,GAAAJ,OAAA;AACA,IAAAK,MAAA,GAAAL,OAAA;AACA,IAAAM,aAAA,GAAAN,OAAA;AACA,IAAAO,SAAA,GAAAP,OAAA;AAEA,IAAAQ,gBAAA,GAAAR,OAAA;AACA,IAAAS,gBAAA,GAAAT,OAAA;AACA,IAAAU,mBAAA,GAAAV,OAAA;AAAgE,IAAAW,WAAA,GAAAX,OAAA;AAAA,SAAAE,uBAAAU,CAAA,WAAAA,CAAA,IAAAA,CAAA,CAAAC,UAAA,GAAAD,CAAA,KAAAE,OAAA,EAAAF,CAAA;AAEzD,MAAMG,2BAA2B,GAAGA,CAAC;EAC1CC,KAAK;EACLC,OAAO;EACPC;AAC0B,CAAC,KAAK;EAChC,MAAM;IAAEC,MAAM;IAAEC;EAAO,CAAC,GAAG,IAAAC,sCAAkB,EAAC;IAAEL,KAAK;IAAEC,OAAO;IAAEC;EAAS,CAAC,CAAC;EAC3E,MAAMI,YAAY,GAAG,IAAAC,sBAAO,EAACC,oBAAa,CAAC;EAE3C,oBACE,IAAAb,WAAA,CAAAc,IAAA,EAAC1B,YAAA,CAAA2B,IAAI;IAACC,KAAK,EAAEC,MAAM,CAACC,SAAU;IAAAC,QAAA,gBAC5B,IAAAnB,WAAA,CAAAoB,GAAA,EAAC5B,cAAA,CAAA6B,UAAU;MAACC,KAAK,EAAC,QAAQ;MAACC,OAAO,EAAEC,8BAAe,CAACC,EAAG;MAACT,KAAK,EAAE;QAAEU,KAAK,EAAEC,qBAAM,CAACC;MAAU,CAAE;MAAAT,QAAA,EACxFR,YAAY,CAACkB,eAAe,CAACA;IAAe,CACnC,CAAC,eACb,IAAA7B,WAAA,CAAAc,IAAA,EAAC1B,YAAA,CAAA2B,IAAI;MAACC,KAAK,EAAEC,MAAM,CAACa,OAAQ;MAAAX,QAAA,gBAC1B,IAAAnB,WAAA,CAAAoB,GAAA,EAACvB,gBAAA,CAAAkC,eAAe;QAACtB,MAAM,EAAEA,MAAO;QAACuB,QAAQ,EAAExB,MAAM,EAAEwB;MAAS,CAAE,CAAC,eAC/D,IAAAhC,WAAA,CAAAoB,GAAA,EAACtB,gBAAA,CAAAmC,eAAe;QAACxB,MAAM,EAAEA,MAAO;QAACyB,MAAM,EAAE1B,MAAM,EAAE0B;MAAO,CAAE,CAAC;IAAA,CACvD,CAAC,eACP,IAAAlC,WAAA,CAAAoB,GAAA,EAACzB,aAAA,CAAAwC,YAAY;MAAC1B,MAAM,EAAEA,MAAO;MAACO,KAAK,EAAEC,MAAM,CAACmB;IAAa,CAAE,CAAC,eAC5D,IAAApC,WAAA,CAAAoB,GAAA,EAACxB,SAAA,CAAAyC,QAAQ;MAAC5B,MAAM,EAAEA,MAAO;MAACO,KAAK,EAAEC,MAAM,CAACqB;IAAkB,CAAE,CAAC;EAAA,CACzD,CAAC;AAEX,CAAC;AAAAC,OAAA,CAAAnC,2BAAA,GAAAA,2BAAA;AAED,MAAMa,MAAM,GAAGuB,uBAAU,CAACC,MAAM,CAAC;EAC/BvB,SAAS,EAAE;IACTwB,KAAK,EAAE,GAAG;IACVC,MAAM,EAAE;EACV,CAAC;EACDb,OAAO,EAAE;IACPc,IAAI,EAAE,CAAC;IACPC,aAAa,EAAE,KAAK;IACpBC,SAAS,EAAEC,sBAAO,CAAC,GAAG,CAAC;IACvBC,GAAG,EAAED,sBAAO,CAAC,GAAG;EAClB,CAAC;EACDE,iBAAiB,EAAE;IACjBP,KAAK,EAAE,GAAG;IACVQ,QAAQ,EAAE,QAAQ;IAClBC,YAAY,EAAE,CAAC;IACfC,WAAW,EAAE,CAAC;IACdC,WAAW,EAAE1B,qBAAM,CAAC2B;EACtB,CAAC;EACDhB,iBAAiB,EAAE;IACjBiB,QAAQ,EAAE,UAAU;IACpBC,MAAM,EAAE,CAAC,EAAE;IACXC,KAAK,EAAE,CAAC;EACV,CAAC;EACDC,eAAe,EAAE;IACfC,UAAU,EAAE,EAAE;IACdJ,QAAQ,EAAE,UAAU;IACpBb,KAAK,EAAE,MAAM;IACbC,MAAM,EAAE,MAAM;IACdiB,eAAe,EAAEjC,qBAAM,CAACkC;EAC1B,CAAC;EACDzB,YAAY,EAAE;IACZmB,QAAQ,EAAE,UAAU;IACpBE,KAAK,EAAE,EAAE;IACTD,MAAM,EAAE,CAAC;EACX;AACF,CAAC,CAAC","ignoreList":[]}

package/dist/commonjs/features/exampleSolution/components/LavaIcon.js

@@ -0,0 +1,44 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.LavaIcon = void 0;
+var _react = _interopRequireDefault(require("react"));
+var _ExcitedLavaIcon = require("../../../shared/icons/ExcitedLavaIcon.js");
+var _index = require("../../../shared/icons/index.js");
+var _reactNativeReanimated = _interopRequireWildcard(require("react-native-reanimated"));
+var _constants = require("../constants.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; }
+function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
+const LAVA_ICON_HEIGHT = 112;
+const LavaIcon = ({
+  status,
+  style
+}) => {
+  const opacityAnimation = (0, _reactNativeReanimated.useAnimatedStyle)(() => {
+    return {
+      opacity: (0, _reactNativeReanimated.withTiming)(status === _constants.ExampleSolutionStatuses.LOADING ? 1 : 0, {
+        duration: 500
+      })
+    };
+  }, [status]);
+  return /*#__PURE__*/(0, _jsxRuntime.jsxs)(_jsxRuntime.Fragment, {
+    children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNativeReanimated.default.View, {
+      style: [style, opacityAnimation],
+      children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_index.LavaIconInGlasses, {
+        height: 112
+      })
+    }), status !== _constants.ExampleSolutionStatuses.LOADING && /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNativeReanimated.default.View, {
+      style: style,
+      entering: _reactNativeReanimated.FadeIn,
+      children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_ExcitedLavaIcon.ExcitedLavaIcon, {
+        height: LAVA_ICON_HEIGHT
+      })
+    })]
+  });
+};
+exports.LavaIcon = LavaIcon;
+//# sourceMappingURL=LavaIcon.js.map

package/dist/commonjs/features/exampleSolution/components/LavaIcon.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["_react","_interopRequireDefault","require","_ExcitedLavaIcon","_index","_reactNativeReanimated","_interopRequireWildcard","_constants","_jsxRuntime","_getRequireWildcardCache","e","WeakMap","r","t","__esModule","default","has","get","n","__proto__","a","Object","defineProperty","getOwnPropertyDescriptor","u","hasOwnProperty","call","i","set","LAVA_ICON_HEIGHT","LavaIcon","status","style","opacityAnimation","useAnimatedStyle","opacity","withTiming","ExampleSolutionStatuses","LOADING","duration","jsxs","Fragment","children","jsx","View","LavaIconInGlasses","height","entering","FadeIn","ExcitedLavaIcon","exports"],"sourceRoot":"../../../../../src","sources":["features/exampleSolution/components/LavaIcon.tsx"],"mappings":"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","ignoreList":[]}

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

@@ -0,0 +1,61 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.MessageBlock = void 0;
+var _reactNative = require("react-native");
+var _react = _interopRequireDefault(require("react"));
+var _reactNativeUi = require("@magmamath/react-native-ui");
+var _effectorReact = require("effector-react");
+var _index = require("../../../shared/translation/index.js");
+var _reactNativeReanimated = _interopRequireWildcard(require("react-native-reanimated"));
+var _constants = require("../constants.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; }
+function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
+const MessageBlock = ({
+  status,
+  style
+}) => {
+  const localization = (0, _effectorReact.useUnit)(_index.$localization);
+  const opacityAnimation = (0, _reactNativeReanimated.useAnimatedStyle)(() => {
+    return {
+      opacity: (0, _reactNativeReanimated.withDelay)(2000, (0, _reactNativeReanimated.withTiming)(status === _constants.ExampleSolutionStatuses.LOADING ? 1 : 0, {
+        duration: 350
+      }))
+    };
+  }, [status]);
+  if (status === _constants.ExampleSolutionStatuses.CACHE) return null;
+  return /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNativeReanimated.default.View, {
+    layout: _reactNativeReanimated.LinearTransition.duration(250),
+    style: [styles.container, opacityAnimation, style],
+    children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNativeUi.Typography, {
+      variant: 'small',
+      numberOfLines: 1,
+      children: status === _constants.ExampleSolutionStatuses.LOADING ? localization.exampleSolution.letMeThink : localization.exampleSolution.aha
+    })
+  });
+};
+exports.MessageBlock = MessageBlock;
+const styles = _reactNative.StyleSheet.create({
+  container: {
+    padding: _reactNativeUi.SPACING[200],
+    backgroundColor: _reactNativeUi.COLORS.NEUTRAL_3,
+    height: 44,
+    borderRadius: 12,
+    borderBottomRightRadius: 2,
+    borderWidth: _reactNative.StyleSheet.hairlineWidth,
+    borderColor: _reactNativeUi.COLORS.NEUTRAL_5,
+    shadowColor: _reactNativeUi.COLORS.NEUTRAL_10,
+    shadowOffset: {
+      width: 0,
+      height: 1
+    },
+    shadowOpacity: 0.2,
+    shadowRadius: 1,
+    elevation: 3
+  }
+});
+//# sourceMappingURL=MessageBlock.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":["_reactNative","require","_react","_interopRequireDefault","_reactNativeUi","_effectorReact","_index","_reactNativeReanimated","_interopRequireWildcard","_constants","_jsxRuntime","_getRequireWildcardCache","e","WeakMap","r","t","__esModule","default","has","get","n","__proto__","a","Object","defineProperty","getOwnPropertyDescriptor","u","hasOwnProperty","call","i","set","MessageBlock","status","style","localization","useUnit","$localization","opacityAnimation","useAnimatedStyle","opacity","withDelay","withTiming","ExampleSolutionStatuses","LOADING","duration","CACHE","jsx","View","layout","LinearTransition","styles","container","children","Typography","variant","numberOfLines","exampleSolution","letMeThink","aha","exports","StyleSheet","create","padding","SPACING","backgroundColor","COLORS","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":"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","ignoreList":[]}

package/dist/commonjs/features/exampleSolution/components/QuestionSection.js

@@ -0,0 +1,68 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.QuestionSection = void 0;
+var _reactNative = require("react-native");
+var _react = _interopRequireDefault(require("react"));
+var _reactNativeUi = require("@magmamath/react-native-ui");
+var _reactNativeReanimated = _interopRequireWildcard(require("react-native-reanimated"));
+var _constants = require("../constants.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; }
+function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
+const QuestionSection = ({
+  question,
+  status
+}) => {
+  return /*#__PURE__*/(0, _jsxRuntime.jsxs)(_reactNative.View, {
+    style: styles.container,
+    children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.ScrollView, {
+      style: styles.scrollView,
+      children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNativeUi.Typography, {
+        children: question
+      })
+    }), status === _constants.ExampleSolutionStatuses.LOADING && /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNativeReanimated.default.View, {
+      exiting: _reactNativeReanimated.FadeOut,
+      style: styles.loaderContainer,
+      children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNativeUi.Loader, {
+        size: "large",
+        color: _reactNativeUi.LoaderColor.BLUE
+      })
+    })]
+  });
+};
+exports.QuestionSection = QuestionSection;
+const styles = _reactNative.StyleSheet.create({
+  container: {
+    flex: 1
+  },
+  scrollView: {
+    flex: 1
+  },
+  loaderContainer: {
+    paddingTop: 34,
+    position: 'absolute',
+    width: '100%',
+    height: '100%',
+    backgroundColor: _reactNativeUi.COLORS.NEUTRAL_1,
+    justifyContent: 'flex-start',
+    alignItems: 'center'
+  },
+  errorContainer: {
+    position: 'absolute',
+    width: '100%',
+    height: '100%',
+    backgroundColor: _reactNativeUi.COLORS.NEUTRAL_1,
+    justifyContent: 'center',
+    alignItems: 'center',
+    padding: _reactNativeUi.SPACING[400]
+  },
+  errorText: {
+    color: _reactNativeUi.COLORS.PRIMARY_RED,
+    textAlign: 'center'
+  }
+});
+//# sourceMappingURL=QuestionSection.js.map

package/dist/commonjs/features/exampleSolution/components/QuestionSection.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["_reactNative","require","_react","_interopRequireDefault","_reactNativeUi","_reactNativeReanimated","_interopRequireWildcard","_constants","_jsxRuntime","_getRequireWildcardCache","e","WeakMap","r","t","__esModule","default","has","get","n","__proto__","a","Object","defineProperty","getOwnPropertyDescriptor","u","hasOwnProperty","call","i","set","QuestionSection","question","status","jsxs","View","style","styles","container","children","jsx","ScrollView","scrollView","Typography","ExampleSolutionStatuses","LOADING","exiting","FadeOut","loaderContainer","Loader","size","color","LoaderColor","BLUE","exports","StyleSheet","create","flex","paddingTop","position","width","height","backgroundColor","COLORS","NEUTRAL_1","justifyContent","alignItems","errorContainer","padding","SPACING","errorText","PRIMARY_RED","textAlign"],"sourceRoot":"../../../../../src","sources":["features/exampleSolution/components/QuestionSection.tsx"],"mappings":"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","ignoreList":[]}

package/dist/commonjs/features/exampleSolution/components/SolutionSection.js

@@ -0,0 +1,75 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.SolutionSection = void 0;
+var _reactNative = require("react-native");
+var _react = _interopRequireDefault(require("react"));
+var _reactNativeUi = require("@magmamath/react-native-ui");
+var _reactNativeReanimated = _interopRequireWildcard(require("react-native-reanimated"));
+var _constants = require("../constants.js");
+var _grid = _interopRequireDefault(require("../assets/grid.png"));
+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; }
+function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
+const gridImagePath = !_reactNativeUi.IS_WEB ? _reactNative.Image.resolveAssetSource(_grid.default).uri : _grid.default;
+const SolutionSection = ({
+  answer,
+  status
+}) => {
+  const shouldShowAnswer = answer && (status === _constants.ExampleSolutionStatuses.DONE_DATA || status === _constants.ExampleSolutionStatuses.CACHE);
+  return /*#__PURE__*/(0, _jsxRuntime.jsxs)(_reactNative.View, {
+    style: styles.container,
+    children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.Image, {
+      source: {
+        uri: gridImagePath
+      },
+      style: [styles.gridImage, _reactNativeUi.IS_WEB && styles.gridImageWeb]
+    }), shouldShowAnswer && /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNativeReanimated.default.ScrollView, {
+      style: styles.solutionScroll,
+      contentContainerStyle: styles.solutionScrollContent,
+      entering: status === 'cache' ? undefined : _reactNativeReanimated.FadeIn.delay(1000).duration(500),
+      children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.Text, {
+        style: styles.solutionText,
+        children: answer
+      })
+    })]
+  });
+};
+exports.SolutionSection = SolutionSection;
+const styles = _reactNative.StyleSheet.create({
+  container: {
+    width: 500,
+    overflow: 'hidden',
+    borderRadius: 8,
+    borderWidth: 1,
+    borderColor: _reactNativeUi.COLORS.NEUTRAL_5
+  },
+  gridImage: {
+    width: '100%',
+    height: '100%',
+    resizeMode: 'cover',
+    aspectRatio: 28 / 8
+  },
+  gridImageWeb: {
+    transform: [{
+      scale: 3.5
+    }]
+  },
+  solutionScroll: {
+    position: 'absolute',
+    width: '100%',
+    height: '100%'
+  },
+  solutionScrollContent: {
+    paddingHorizontal: _reactNativeUi.SPACING[800],
+    paddingVertical: _reactNativeUi.SPACING[400]
+  },
+  solutionText: {
+    fontFamily: 'PlaypenSans-Light',
+    fontSize: 22
+  }
+});
+//# sourceMappingURL=SolutionSection.js.map

package/dist/commonjs/features/exampleSolution/components/SolutionSection.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["_reactNative","require","_react","_interopRequireDefault","_reactNativeUi","_reactNativeReanimated","_interopRequireWildcard","_constants","_grid","_jsxRuntime","_getRequireWildcardCache","e","WeakMap","r","t","__esModule","default","has","get","n","__proto__","a","Object","defineProperty","getOwnPropertyDescriptor","u","hasOwnProperty","call","i","set","gridImagePath","IS_WEB","Image","resolveAssetSource","gridImage","uri","SolutionSection","answer","status","shouldShowAnswer","ExampleSolutionStatuses","DONE_DATA","CACHE","jsxs","View","style","styles","container","children","jsx","source","gridImageWeb","ScrollView","solutionScroll","contentContainerStyle","solutionScrollContent","entering","undefined","FadeIn","delay","duration","Text","solutionText","exports","StyleSheet","create","width","overflow","borderRadius","borderWidth","borderColor","COLORS","NEUTRAL_5","height","resizeMode","aspectRatio","transform","scale","position","paddingHorizontal","SPACING","paddingVertical","fontFamily","fontSize"],"sourceRoot":"../../../../../src","sources":["features/exampleSolution/components/SolutionSection.tsx"],"mappings":"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","ignoreList":[]}

package/dist/commonjs/features/exampleSolution/constants.js

@@ -0,0 +1,13 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.ExampleSolutionStatuses = void 0;
+let ExampleSolutionStatuses = exports.ExampleSolutionStatuses = /*#__PURE__*/function (ExampleSolutionStatuses) {
+  ExampleSolutionStatuses["LOADING"] = "loading";
+  ExampleSolutionStatuses["DONE_DATA"] = "doneData";
+  ExampleSolutionStatuses["CACHE"] = "cache";
+  return ExampleSolutionStatuses;
+}({});
+//# sourceMappingURL=constants.js.map

package/dist/commonjs/features/exampleSolution/constants.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["ExampleSolutionStatuses","exports"],"sourceRoot":"../../../../src","sources":["features/exampleSolution/constants.ts"],"mappings":";;;;;;IAAkBA,uBAAuB,GAAAC,OAAA,CAAAD,uBAAA,0BAAvBA,uBAAuB;EAAvBA,uBAAuB;EAAvBA,uBAAuB;EAAvBA,uBAAuB;EAAA,OAAvBA,uBAAuB;AAAA","ignoreList":[]}

package/dist/commonjs/features/exampleSolution/hooks/useExampleSolution.js

@@ -0,0 +1,61 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.useExampleSolution = void 0;
+var _react = require("react");
+var _effectorReact = require("effector-react");
+var _constants = require("../constants.js");
+const ANIMATION_DELAY = 600;
+const useExampleSolution = ({
+  model,
+  payload,
+  cacheKey
+}) => {
+  const exampleSolutionsCache = (0, _effectorReact.useUnit)(model.cache.$state);
+  const [result, setResult] = (0, _react.useState)(null);
+  const [status, setStatus] = (0, _react.useState)(_constants.ExampleSolutionStatuses.LOADING);
+  (0, _react.useEffect)(() => {
+    let timer = null;
+    const fetchExampleSolution = async () => {
+      try {
+        if (exampleSolutionsCache[cacheKey]) {
+          setResult(exampleSolutionsCache[cacheKey]);
+          setStatus(_constants.ExampleSolutionStatuses.CACHE);
+          return;
+        }
+        const startTime = Date.now();
+        const response = await model.api.generateExampleSolutionFx(payload);
+        setResult(response);
+        model.cache.addExampleSolution({
+          cacheKey,
+          response
+        });
+        const elapsedTime = Date.now() - startTime;
+        if (elapsedTime >= ANIMATION_DELAY) {
+          setStatus(_constants.ExampleSolutionStatuses.DONE_DATA);
+        } else {
+          timer = setTimeout(() => {
+            setStatus(_constants.ExampleSolutionStatuses.DONE_DATA);
+          }, ANIMATION_DELAY - elapsedTime);
+        }
+      } catch (error) {
+        console.error('Failed to fetch example solution:', error);
+        setStatus(_constants.ExampleSolutionStatuses.DONE_DATA);
+      }
+    };
+    fetchExampleSolution();
+    return () => {
+      if (timer) {
+        clearTimeout(timer);
+      }
+    };
+  }, []);
+  return {
+    result,
+    status
+  };
+};
+exports.useExampleSolution = useExampleSolution;
+//# sourceMappingURL=useExampleSolution.js.map

package/dist/commonjs/features/exampleSolution/hooks/useExampleSolution.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["_react","require","_effectorReact","_constants","ANIMATION_DELAY","useExampleSolution","model","payload","cacheKey","exampleSolutionsCache","useUnit","cache","$state","result","setResult","useState","status","setStatus","ExampleSolutionStatuses","LOADING","useEffect","timer","fetchExampleSolution","CACHE","startTime","Date","now","response","api","generateExampleSolutionFx","addExampleSolution","elapsedTime","DONE_DATA","setTimeout","error","console","clearTimeout","exports"],"sourceRoot":"../../../../../src","sources":["features/exampleSolution/hooks/useExampleSolution.ts"],"mappings":";;;;;;AAAA,IAAAA,MAAA,GAAAC,OAAA;AACA,IAAAC,cAAA,GAAAD,OAAA;AAEA,IAAAE,UAAA,GAAAF,OAAA;AAEA,MAAMG,eAAe,GAAG,GAAG;AAOpB,MAAMC,kBAAkB,GAAGA,CAAC;EACjCC,KAAK;EACLC,OAAO;EACPC;AAC0B,CAAC,KAA+B;EAC1D,MAAMC,qBAAqB,GAAG,IAAAC,sBAAO,EAACJ,KAAK,CAACK,KAAK,CAACC,MAAM,CAAC;EACzD,MAAM,CAACC,MAAM,EAAEC,SAAS,CAAC,GAAG,IAAAC,eAAQ,EAAiC,IAAI,CAAC;EAC1E,MAAM,CAACC,MAAM,EAAEC,SAAS,CAAC,GAAG,IAAAF,eAAQ,EAA0BG,kCAAuB,CAACC,OAAO,CAAC;EAE9F,IAAAC,gBAAS,EAAC,MAAM;IACd,IAAIC,KAA4B,GAAG,IAAI;IAEvC,MAAMC,oBAAoB,GAAG,MAAAA,CAAA,KAAY;MACvC,IAAI;QACF,IAAIb,qBAAqB,CAACD,QAAQ,CAAC,EAAE;UACnCM,SAAS,CAACL,qBAAqB,CAACD,QAAQ,CAAC,CAAC;UAC1CS,SAAS,CAACC,kCAAuB,CAACK,KAAK,CAAC;UACxC;QACF;QAEA,MAAMC,SAAS,GAAGC,IAAI,CAACC,GAAG,CAAC,CAAC;QAC5B,MAAMC,QAAQ,GAAG,MAAMrB,KAAK,CAACsB,GAAG,CAACC,yBAAyB,CAACtB,OAAO,CAAC;QAEnEO,SAAS,CAACa,QAAQ,CAAC;QACnBrB,KAAK,CAACK,KAAK,CAACmB,kBAAkB,CAAC;UAAEtB,QAAQ;UAAEmB;QAAS,CAAC,CAAC;QAEtD,MAAMI,WAAW,GAAGN,IAAI,CAACC,GAAG,CAAC,CAAC,GAAGF,SAAS;QAC1C,IAAIO,WAAW,IAAI3B,eAAe,EAAE;UAClCa,SAAS,CAACC,kCAAuB,CAACc,SAAS,CAAC;QAC9C,CAAC,MAAM;UACLX,KAAK,GAAGY,UAAU,CAAC,MAAM;YACvBhB,SAAS,CAACC,kCAAuB,CAACc,SAAS,CAAC;UAC9C,CAAC,EAAE5B,eAAe,GAAG2B,WAAW,CAAC;QACnC;MACF,CAAC,CAAC,OAAOG,KAAK,EAAE;QACdC,OAAO,CAACD,KAAK,CAAC,mCAAmC,EAAEA,KAAK,CAAC;QACzDjB,SAAS,CAACC,kCAAuB,CAACc,SAAS,CAAC;MAC9C;IACF,CAAC;IAEDV,oBAAoB,CAAC,CAAC;IAEtB,OAAO,MAAM;MACX,IAAID,KAAK,EAAE;QACTe,YAAY,CAACf,KAAK,CAAC;MACrB;IACF,CAAC;EACH,CAAC,EAAE,EAAE,CAAC;EAEN,OAAO;IACLR,MAAM;IACNG;EACF,CAAC;AACH,CAAC;AAAAqB,OAAA,CAAAhC,kBAAA,GAAAA,kBAAA","ignoreList":[]}

package/dist/commonjs/features/exampleSolution/index.js

@@ -0,0 +1,39 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+var _ExampleSolutionModal = require("./ExampleSolutionModal.js");
+Object.keys(_ExampleSolutionModal).forEach(function (key) {
+  if (key === "default" || key === "__esModule") return;
+  if (key in exports && exports[key] === _ExampleSolutionModal[key]) return;
+  Object.defineProperty(exports, key, {
+    enumerable: true,
+    get: function () {
+      return _ExampleSolutionModal[key];
+    }
+  });
+});
+var _ExampleSolutionModel = require("./model/ExampleSolution.model.js");
+Object.keys(_ExampleSolutionModel).forEach(function (key) {
+  if (key === "default" || key === "__esModule") return;
+  if (key in exports && exports[key] === _ExampleSolutionModel[key]) return;
+  Object.defineProperty(exports, key, {
+    enumerable: true,
+    get: function () {
+      return _ExampleSolutionModel[key];
+    }
+  });
+});
+var _types = require("./types.js");
+Object.keys(_types).forEach(function (key) {
+  if (key === "default" || key === "__esModule") return;
+  if (key in exports && exports[key] === _types[key]) return;
+  Object.defineProperty(exports, key, {
+    enumerable: true,
+    get: function () {
+      return _types[key];
+    }
+  });
+});
+//# sourceMappingURL=index.js.map

package/dist/commonjs/features/exampleSolution/index.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["_ExampleSolutionModal","require","Object","keys","forEach","key","exports","defineProperty","enumerable","get","_ExampleSolutionModel","_types"],"sourceRoot":"../../../../src","sources":["features/exampleSolution/index.ts"],"mappings":";;;;;AAAA,IAAAA,qBAAA,GAAAC,OAAA;AAAAC,MAAA,CAAAC,IAAA,CAAAH,qBAAA,EAAAI,OAAA,WAAAC,GAAA;EAAA,IAAAA,GAAA,kBAAAA,GAAA;EAAA,IAAAA,GAAA,IAAAC,OAAA,IAAAA,OAAA,CAAAD,GAAA,MAAAL,qBAAA,CAAAK,GAAA;EAAAH,MAAA,CAAAK,cAAA,CAAAD,OAAA,EAAAD,GAAA;IAAAG,UAAA;IAAAC,GAAA,WAAAA,CAAA;MAAA,OAAAT,qBAAA,CAAAK,GAAA;IAAA;EAAA;AAAA;AACA,IAAAK,qBAAA,GAAAT,OAAA;AAAAC,MAAA,CAAAC,IAAA,CAAAO,qBAAA,EAAAN,OAAA,WAAAC,GAAA;EAAA,IAAAA,GAAA,kBAAAA,GAAA;EAAA,IAAAA,GAAA,IAAAC,OAAA,IAAAA,OAAA,CAAAD,GAAA,MAAAK,qBAAA,CAAAL,GAAA;EAAAH,MAAA,CAAAK,cAAA,CAAAD,OAAA,EAAAD,GAAA;IAAAG,UAAA;IAAAC,GAAA,WAAAA,CAAA;MAAA,OAAAC,qBAAA,CAAAL,GAAA;IAAA;EAAA;AAAA;AACA,IAAAM,MAAA,GAAAV,OAAA;AAAAC,MAAA,CAAAC,IAAA,CAAAQ,MAAA,EAAAP,OAAA,WAAAC,GAAA;EAAA,IAAAA,GAAA,kBAAAA,GAAA;EAAA,IAAAA,GAAA,IAAAC,OAAA,IAAAA,OAAA,CAAAD,GAAA,MAAAM,MAAA,CAAAN,GAAA;EAAAH,MAAA,CAAAK,cAAA,CAAAD,OAAA,EAAAD,GAAA;IAAAG,UAAA;IAAAC,GAAA,WAAAA,CAAA;MAAA,OAAAE,MAAA,CAAAN,GAAA;IAAA;EAAA;AAAA","ignoreList":[]}

package/dist/commonjs/features/exampleSolution/model/ExampleSolution.model.js

@@ -0,0 +1,22 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.ExampleSolutionModel = void 0;
+var _ExampleSolutionApi = require("./ExampleSolutionApi.js");
+var _ExampleSolutionCache = require("./ExampleSolutionCache.js");
+class ExampleSolutionModel {
+  cache = new _ExampleSolutionCache.ExampleSolutionCache();
+  constructor({
+    api,
+    errorHandler
+  }) {
+    this.api = new _ExampleSolutionApi.ExampleSolutionsApi({
+      api,
+      errorHandler
+    });
+  }
+}
+exports.ExampleSolutionModel = ExampleSolutionModel;
+//# sourceMappingURL=ExampleSolution.model.js.map

package/dist/commonjs/features/exampleSolution/model/ExampleSolution.model.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["_ExampleSolutionApi","require","_ExampleSolutionCache","ExampleSolutionModel","cache","ExampleSolutionCache","constructor","api","errorHandler","ExampleSolutionsApi","exports"],"sourceRoot":"../../../../../src","sources":["features/exampleSolution/model/ExampleSolution.model.ts"],"mappings":";;;;;;AACA,IAAAA,mBAAA,GAAAC,OAAA;AACA,IAAAC,qBAAA,GAAAD,OAAA;AAEO,MAAME,oBAAoB,CAAC;EAEhBC,KAAK,GAAG,IAAIC,0CAAoB,CAAC,CAAC;EAElDC,WAAWA,CAAC;IAAEC,GAAG;IAAEC;EAAwC,CAAC,EAAE;IAC5D,IAAI,CAACD,GAAG,GAAG,IAAIE,uCAAmB,CAAC;MAAEF,GAAG;MAAEC;IAAa,CAAC,CAAC;EAC3D;AACF;AAACE,OAAA,CAAAP,oBAAA,GAAAA,oBAAA","ignoreList":[]}

package/dist/commonjs/features/exampleSolution/model/ExampleSolutionApi.js

@@ -0,0 +1,32 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.ExampleSolutionsApi = void 0;
+var _createControllerEffect = require("./../../../lib/effector/createControllerEffect.js");
+var _index = require("../../../shared/translation/index.js");
+var _effector = require("effector");
+class ExampleSolutionsApi {
+  errorHandlingFx = (0, _effector.attach)({
+    source: _index.$localization,
+    effect: (0, _effector.createEffect)(localization => {
+      if (!this.errorHandlerFx) return;
+      const errorMessage = localization.exampleSolution.errorMessage;
+      this.errorHandlerFx(errorMessage);
+    })
+  });
+  constructor({
+    api,
+    errorHandler
+  }) {
+    this.generateExampleSolutionFx = (0, _createControllerEffect.createControllerEffect)(api.generateExampleSolution);
+    this.errorHandlerFx = errorHandler;
+    (0, _effector.sample)({
+      clock: this.generateExampleSolutionFx.fail,
+      target: this.errorHandlingFx
+    });
+  }
+}
+exports.ExampleSolutionsApi = ExampleSolutionsApi;
+//# sourceMappingURL=ExampleSolutionApi.js.map

package/dist/commonjs/features/exampleSolution/model/ExampleSolutionApi.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["_createControllerEffect","require","_index","_effector","ExampleSolutionsApi","errorHandlingFx","attach","source","$localization","effect","createEffect","localization","errorHandlerFx","errorMessage","exampleSolution","constructor","api","errorHandler","generateExampleSolutionFx","createControllerEffect","generateExampleSolution","sample","clock","fail","target","exports"],"sourceRoot":"../../../../../src","sources":["features/exampleSolution/model/ExampleSolutionApi.ts"],"mappings":";;;;;;AAAA,IAAAA,uBAAA,GAAAC,OAAA;AAEA,IAAAC,MAAA,GAAAD,OAAA;AACA,IAAAE,SAAA,GAAAF,OAAA;AAOO,MAAMG,mBAAmB,CAAC;EAIfC,eAAe,GAAG,IAAAC,gBAAM,EAAC;IACvCC,MAAM,EAAEC,oBAAa;IACrBC,MAAM,EAAE,IAAAC,sBAAY,EAAEC,YAA8C,IAAK;MACvE,IAAI,CAAC,IAAI,CAACC,cAAc,EAAE;MAC1B,MAAMC,YAAY,GAAGF,YAAY,CAACG,eAAe,CAACD,YAAY;MAC9D,IAAI,CAACD,cAAc,CAACC,YAAY,CAAC;IACnC,CAAC;EACH,CAAC,CAAC;EAEFE,WAAWA,CAAC;IAAEC,GAAG;IAAEC;EAAsC,CAAC,EAAE;IAC1D,IAAI,CAACC,yBAAyB,GAAG,IAAAC,8CAAsB,EAACH,GAAG,CAACI,uBAAuB,CAAC;IACpF,IAAI,CAACR,cAAc,GAAGK,YAAY;IAElC,IAAAI,gBAAM,EAAC;MACLC,KAAK,EAAE,IAAI,CAACJ,yBAAyB,CAACK,IAAI;MAC1CC,MAAM,EAAE,IAAI,CAACnB;IACf,CAAC,CAAC;EACJ;AACF;AAACoB,OAAA,CAAArB,mBAAA,GAAAA,mBAAA","ignoreList":[]}