@magmamath/students-features 0.11.0-rc.21 → 0.11.0-rc.22

package/dist/commonjs/features/chatbot/components/Chat/FadeMask.js

@@ -3,111 +3,23 @@
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.useFadeUpdate = exports.FadeOverlays = void 0;
-var _react = _interopRequireWildcard(require("react"));
-var _reactNative = require("react-native");
-var _reactNativeUi = require("@magmamath/react-native-ui");
-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 WEB_MASKS = {
-  top: {
-    maskImage: 'linear-gradient(to top, transparent, black 10%, black)'
-  },
-  bottom: {
-    maskImage: 'linear-gradient(to bottom, transparent, black 10%, black)'
-  },
-  both: {
-    maskImage: 'linear-gradient(to top, transparent, black 10%, black 90%, transparent)'
+Object.defineProperty(exports, "FadeOverlays", {
+  enumerable: true,
+  get: function () {
+    return _FadeMaskWeb.FadeOverlays;
   }
-};
-const FADE_HEIGHT = 35;
-const NativeFadeOverlays = ({
-  fadeRef
-}) => {
-  const {
-    LinearGradient
-  } = require('react-native-linear-gradient');
-  const [fade, setFade] = (0, _react.useState)(undefined);
-  fadeRef.current = setFade;
-  const showTop = fade === 'top' || fade === 'both';
-  const showBottom = fade === 'bottom' || fade === 'both';
-  return /*#__PURE__*/(0, _jsxRuntime.jsxs)(_jsxRuntime.Fragment, {
-    children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(LinearGradient, {
-      colors: ['white', 'rgba(255,255,255,0)'],
-      start: {
-        x: 0,
-        y: 0
-      },
-      end: {
-        x: 0,
-        y: 1
-      },
-      style: [styles.gradient, styles.gradientTop, {
-        opacity: showTop ? 1 : 0
-      }],
-      pointerEvents: "none"
-    }), /*#__PURE__*/(0, _jsxRuntime.jsx)(LinearGradient, {
-      colors: ['rgba(255,255,255,0)', 'white'],
-      start: {
-        x: 0,
-        y: 0
-      },
-      end: {
-        x: 0,
-        y: 1
-      },
-      style: [styles.gradient, styles.gradientBottom, {
-        opacity: showBottom ? 1 : 0
-      }],
-      pointerEvents: "none"
-    })]
-  });
-};
-const NoopOverlays = _ => null;
-const FadeOverlays = exports.FadeOverlays = _reactNativeUi.IS_WEB ? NoopOverlays : NativeFadeOverlays;
-const useWebFadeUpdate = () => {
-  const fadeRef = (0, _react.useRef)(null);
-  const lastFade = (0, _react.useRef)(undefined);
-  const [webMask, setWebMask] = (0, _react.useState)(undefined);
-  const updateFade = (0, _react.useCallback)(fade => {
-    if (fade === lastFade.current) return;
-    lastFade.current = fade;
-    setWebMask(fade ? WEB_MASKS[fade] : undefined);
-  }, []);
-  return {
-    fadeRef,
-    updateFade,
-    webMask
-  };
-};
-const useNativeFadeUpdate = () => {
-  const fadeRef = (0, _react.useRef)(null);
-  const lastFade = (0, _react.useRef)(undefined);
-  const updateFade = (0, _react.useCallback)(fade => {
-    if (fade === lastFade.current) return;
-    lastFade.current = fade;
-    fadeRef.current?.(fade);
-  }, []);
-  return {
-    fadeRef,
-    updateFade,
-    webMask: undefined
-  };
-};
-const useFadeUpdate = exports.useFadeUpdate = _reactNativeUi.IS_WEB ? useWebFadeUpdate : useNativeFadeUpdate;
-const styles = _reactNative.StyleSheet.create({
-  gradient: {
-    position: 'absolute',
-    left: 0,
-    right: 0,
-    height: FADE_HEIGHT
-  },
-  gradientTop: {
-    top: 0
-  },
-  gradientBottom: {
-    bottom: 0
+});
+Object.defineProperty(exports, "FadePosition", {
+  enumerable: true,
+  get: function () {
+    return _FadeMaskWeb.FadePosition;
+  }
+});
+Object.defineProperty(exports, "useFadeUpdate", {
+  enumerable: true,
+  get: function () {
+    return _FadeMaskWeb.useFadeUpdate;
   }
 });
+var _FadeMaskWeb = require("./FadeMask.web.js");
 //# sourceMappingURL=FadeMask.js.map

package/dist/commonjs/features/chatbot/components/Chat/FadeMask.js.map

@@ -1 +1 @@
-{"version":3,"names":["_react","_interopRequireWildcard","require","_reactNative","_reactNativeUi","_jsxRuntime","_getRequireWildcardCache","e","WeakMap","r","t","__esModule","default","has","get","n","__proto__","a","Object","defineProperty","getOwnPropertyDescriptor","u","hasOwnProperty","call","i","set","WEB_MASKS","top","maskImage","bottom","both","FADE_HEIGHT","NativeFadeOverlays","fadeRef","LinearGradient","fade","setFade","useState","undefined","current","showTop","showBottom","jsxs","Fragment","children","jsx","colors","start","x","y","end","style","styles","gradient","gradientTop","opacity","pointerEvents","gradientBottom","NoopOverlays","_","FadeOverlays","exports","IS_WEB","useWebFadeUpdate","useRef","lastFade","webMask","setWebMask","updateFade","useCallback","useNativeFadeUpdate","useFadeUpdate","StyleSheet","create","position","left","right","height"],"sourceRoot":"../../../../../../src","sources":["features/chatbot/components/Chat/FadeMask.tsx"],"mappings":"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","ignoreList":[]}
+{"version":3,"names":["_FadeMaskWeb","require"],"sourceRoot":"../../../../../../src","sources":["features/chatbot/components/Chat/FadeMask.ts"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;AAAA,IAAAA,YAAA,GAAAC,OAAA","ignoreList":[]}

package/dist/commonjs/features/chatbot/components/Chat/FadeMask.native.js

@@ -0,0 +1,89 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.useFadeUpdate = exports.FadePosition = exports.FadeOverlays = void 0;
+var _react = _interopRequireWildcard(require("react"));
+var _reactNative = require("react-native");
+var _reactNativeLinearGradient = require("react-native-linear-gradient");
+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; }
+let FadePosition = exports.FadePosition = /*#__PURE__*/function (FadePosition) {
+  FadePosition["TOP"] = "top";
+  FadePosition["BOTTOM"] = "bottom";
+  FadePosition["BOTH"] = "both";
+  return FadePosition;
+}({});
+const FADE_HEIGHT = 35;
+const FadeOverlays = ({
+  fadeRef
+}) => {
+  const [fade, setFade] = (0, _react.useState)(undefined);
+  fadeRef.current = setFade;
+  const showTop = fade === FadePosition.TOP || fade === FadePosition.BOTH;
+  const showBottom = fade === FadePosition.BOTTOM || fade === FadePosition.BOTH;
+  return /*#__PURE__*/(0, _jsxRuntime.jsxs)(_jsxRuntime.Fragment, {
+    children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNativeLinearGradient.LinearGradient, {
+      colors: ['white', 'rgba(255,255,255,0)'],
+      start: {
+        x: 0,
+        y: 0
+      },
+      end: {
+        x: 0,
+        y: 1
+      },
+      style: [styles.gradient, styles.gradientTop, {
+        opacity: showTop ? 1 : 0
+      }],
+      pointerEvents: "none"
+    }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNativeLinearGradient.LinearGradient, {
+      colors: ['rgba(255,255,255,0)', 'white'],
+      start: {
+        x: 0,
+        y: 0
+      },
+      end: {
+        x: 0,
+        y: 1
+      },
+      style: [styles.gradient, styles.gradientBottom, {
+        opacity: showBottom ? 1 : 0
+      }],
+      pointerEvents: "none"
+    })]
+  });
+};
+exports.FadeOverlays = FadeOverlays;
+const useFadeUpdate = () => {
+  const fadeRef = (0, _react.useRef)(null);
+  const lastFade = (0, _react.useRef)(undefined);
+  const updateFade = (0, _react.useCallback)(fade => {
+    if (fade === lastFade.current) return;
+    lastFade.current = fade;
+    fadeRef.current?.(fade);
+  }, []);
+  return {
+    fadeRef,
+    updateFade,
+    webMask: undefined
+  };
+};
+exports.useFadeUpdate = useFadeUpdate;
+const styles = _reactNative.StyleSheet.create({
+  gradient: {
+    position: 'absolute',
+    left: 0,
+    right: 0,
+    height: FADE_HEIGHT
+  },
+  gradientTop: {
+    top: 0
+  },
+  gradientBottom: {
+    bottom: 0
+  }
+});
+//# sourceMappingURL=FadeMask.native.js.map

package/dist/commonjs/features/chatbot/components/Chat/FadeMask.native.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["_react","_interopRequireWildcard","require","_reactNative","_reactNativeLinearGradient","_jsxRuntime","_getRequireWildcardCache","e","WeakMap","r","t","__esModule","default","has","get","n","__proto__","a","Object","defineProperty","getOwnPropertyDescriptor","u","hasOwnProperty","call","i","set","FadePosition","exports","FADE_HEIGHT","FadeOverlays","fadeRef","fade","setFade","useState","undefined","current","showTop","TOP","BOTH","showBottom","BOTTOM","jsxs","Fragment","children","jsx","LinearGradient","colors","start","x","y","end","style","styles","gradient","gradientTop","opacity","pointerEvents","gradientBottom","useFadeUpdate","useRef","lastFade","updateFade","useCallback","webMask","StyleSheet","create","position","left","right","height","top","bottom"],"sourceRoot":"../../../../../../src","sources":["features/chatbot/components/Chat/FadeMask.native.tsx"],"mappings":";;;;;;AAAA,IAAAA,MAAA,GAAAC,uBAAA,CAAAC,OAAA;AACA,IAAAC,YAAA,GAAAD,OAAA;AACA,IAAAE,0BAAA,GAAAF,OAAA;AAA6D,IAAAG,WAAA,GAAAH,OAAA;AAAA,SAAAI,yBAAAC,CAAA,6BAAAC,OAAA,mBAAAC,CAAA,OAAAD,OAAA,IAAAE,CAAA,OAAAF,OAAA,YAAAF,wBAAA,YAAAA,CAAAC,CAAA,WAAAA,CAAA,GAAAG,CAAA,GAAAD,CAAA,KAAAF,CAAA;AAAA,SAAAN,wBAAAM,CAAA,EAAAE,CAAA,SAAAA,CAAA,IAAAF,CAAA,IAAAA,CAAA,CAAAI,UAAA,SAAAJ,CAAA,eAAAA,CAAA,uBAAAA,CAAA,yBAAAA,CAAA,WAAAK,OAAA,EAAAL,CAAA,QAAAG,CAAA,GAAAJ,wBAAA,CAAAG,CAAA,OAAAC,CAAA,IAAAA,CAAA,CAAAG,GAAA,CAAAN,CAAA,UAAAG,CAAA,CAAAI,GAAA,CAAAP,CAAA,OAAAQ,CAAA,KAAAC,SAAA,UAAAC,CAAA,GAAAC,MAAA,CAAAC,cAAA,IAAAD,MAAA,CAAAE,wBAAA,WAAAC,CAAA,IAAAd,CAAA,oBAAAc,CAAA,OAAAC,cAAA,CAAAC,IAAA,CAAAhB,CAAA,EAAAc,CAAA,SAAAG,CAAA,GAAAP,CAAA,GAAAC,MAAA,CAAAE,wBAAA,CAAAb,CAAA,EAAAc,CAAA,UAAAG,CAAA,KAAAA,CAAA,CAAAV,GAAA,IAAAU,CAAA,CAAAC,GAAA,IAAAP,MAAA,CAAAC,cAAA,CAAAJ,CAAA,EAAAM,CAAA,EAAAG,CAAA,IAAAT,CAAA,CAAAM,CAAA,IAAAd,CAAA,CAAAc,CAAA,YAAAN,CAAA,CAAAH,OAAA,GAAAL,CAAA,EAAAG,CAAA,IAAAA,CAAA,CAAAe,GAAA,CAAAlB,CAAA,EAAAQ,CAAA,GAAAA,CAAA;AAAA,IAEjDW,YAAY,GAAAC,OAAA,CAAAD,YAAA,0BAAZA,YAAY;EAAZA,YAAY;EAAZA,YAAY;EAAZA,YAAY;EAAA,OAAZA,YAAY;AAAA;AAOxB,MAAME,WAAW,GAAG,EAAE;AAMf,MAAMC,YAAY,GAAGA,CAAC;EAAEC;AAA2B,CAAC,KAAK;EAC9D,MAAM,CAACC,IAAI,EAAEC,OAAO,CAAC,GAAG,IAAAC,eAAQ,EAA2BC,SAAS,CAAC;EACrEJ,OAAO,CAACK,OAAO,GAAGH,OAAO;EAEzB,MAAMI,OAAO,GAAGL,IAAI,KAAKL,YAAY,CAACW,GAAG,IAAIN,IAAI,KAAKL,YAAY,CAACY,IAAI;EACvE,MAAMC,UAAU,GAAGR,IAAI,KAAKL,YAAY,CAACc,MAAM,IAAIT,IAAI,KAAKL,YAAY,CAACY,IAAI;EAE7E,oBACE,IAAAjC,WAAA,CAAAoC,IAAA,EAAApC,WAAA,CAAAqC,QAAA;IAAAC,QAAA,gBACE,IAAAtC,WAAA,CAAAuC,GAAA,EAACxC,0BAAA,CAAAyC,cAAc;MACbC,MAAM,EAAE,CAAC,OAAO,EAAE,qBAAqB,CAAE;MACzCC,KAAK,EAAE;QAAEC,CAAC,EAAE,CAAC;QAAEC,CAAC,EAAE;MAAE,CAAE;MACtBC,GAAG,EAAE;QAAEF,CAAC,EAAE,CAAC;QAAEC,CAAC,EAAE;MAAE,CAAE;MACpBE,KAAK,EAAE,CAACC,MAAM,CAACC,QAAQ,EAAED,MAAM,CAACE,WAAW,EAAE;QAAEC,OAAO,EAAEnB,OAAO,GAAG,CAAC,GAAG;MAAE,CAAC,CAAE;MAC3EoB,aAAa,EAAC;IAAM,CACrB,CAAC,eACF,IAAAnD,WAAA,CAAAuC,GAAA,EAACxC,0BAAA,CAAAyC,cAAc;MACbC,MAAM,EAAE,CAAC,qBAAqB,EAAE,OAAO,CAAE;MACzCC,KAAK,EAAE;QAAEC,CAAC,EAAE,CAAC;QAAEC,CAAC,EAAE;MAAE,CAAE;MACtBC,GAAG,EAAE;QAAEF,CAAC,EAAE,CAAC;QAAEC,CAAC,EAAE;MAAE,CAAE;MACpBE,KAAK,EAAE,CAACC,MAAM,CAACC,QAAQ,EAAED,MAAM,CAACK,cAAc,EAAE;QAAEF,OAAO,EAAEhB,UAAU,GAAG,CAAC,GAAG;MAAE,CAAC,CAAE;MACjFiB,aAAa,EAAC;IAAM,CACrB,CAAC;EAAA,CACF,CAAC;AAEP,CAAC;AAAA7B,OAAA,CAAAE,YAAA,GAAAA,YAAA;AAEM,MAAM6B,aAAa,GAAGA,CAAA,KAAM;EACjC,MAAM5B,OAAO,GAAG,IAAA6B,aAAM,EAAsB,IAAI,CAAC;EACjD,MAAMC,QAAQ,GAAG,IAAAD,aAAM,EAA2BzB,SAAS,CAAC;EAE5D,MAAM2B,UAAU,GAAG,IAAAC,kBAAW,EAAE/B,IAA8B,IAAK;IACjE,IAAIA,IAAI,KAAK6B,QAAQ,CAACzB,OAAO,EAAE;IAC/ByB,QAAQ,CAACzB,OAAO,GAAGJ,IAAI;IACvBD,OAAO,CAACK,OAAO,GAAGJ,IAAI,CAAC;EACzB,CAAC,EAAE,EAAE,CAAC;EAEN,OAAO;IAAED,OAAO;IAAE+B,UAAU;IAAEE,OAAO,EAAE7B;EAAU,CAAC;AACpD,CAAC;AAAAP,OAAA,CAAA+B,aAAA,GAAAA,aAAA;AAED,MAAMN,MAAM,GAAGY,uBAAU,CAACC,MAAM,CAAC;EAC/BZ,QAAQ,EAAE;IACRa,QAAQ,EAAE,UAAU;IACpBC,IAAI,EAAE,CAAC;IACPC,KAAK,EAAE,CAAC;IACRC,MAAM,EAAEzC;EACV,CAAC;EACD0B,WAAW,EAAE;IACXgB,GAAG,EAAE;EACP,CAAC;EACDb,cAAc,EAAE;IACdc,MAAM,EAAE;EACV;AACF,CAAC,CAAC","ignoreList":[]}

package/dist/commonjs/features/chatbot/components/Chat/FadeMask.web.js

@@ -0,0 +1,43 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.useFadeUpdate = exports.FadePosition = exports.FadeOverlays = void 0;
+var _react = require("react");
+let FadePosition = exports.FadePosition = /*#__PURE__*/function (FadePosition) {
+  FadePosition["TOP"] = "top";
+  FadePosition["BOTTOM"] = "bottom";
+  FadePosition["BOTH"] = "both";
+  return FadePosition;
+}({});
+const WEB_MASKS = {
+  [FadePosition.TOP]: {
+    maskImage: 'linear-gradient(to top, transparent, black 10%, black)'
+  },
+  [FadePosition.BOTTOM]: {
+    maskImage: 'linear-gradient(to bottom, transparent, black 10%, black)'
+  },
+  [FadePosition.BOTH]: {
+    maskImage: 'linear-gradient(to top, transparent, black 10%, black 90%, transparent)'
+  }
+};
+const FadeOverlays = _ => null;
+exports.FadeOverlays = FadeOverlays;
+const useFadeUpdate = () => {
+  const fadeRef = (0, _react.useRef)(null);
+  const lastFade = (0, _react.useRef)(undefined);
+  const [webMask, setWebMask] = (0, _react.useState)(undefined);
+  const updateFade = (0, _react.useCallback)(fade => {
+    if (fade === lastFade.current) return;
+    lastFade.current = fade;
+    setWebMask(fade ? WEB_MASKS[fade] : undefined);
+  }, []);
+  return {
+    fadeRef,
+    updateFade,
+    webMask
+  };
+};
+exports.useFadeUpdate = useFadeUpdate;
+//# sourceMappingURL=FadeMask.web.js.map

package/dist/commonjs/features/chatbot/components/Chat/FadeMask.web.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["_react","require","FadePosition","exports","WEB_MASKS","TOP","maskImage","BOTTOM","BOTH","FadeOverlays","_","useFadeUpdate","fadeRef","useRef","lastFade","undefined","webMask","setWebMask","useState","updateFade","useCallback","fade","current"],"sourceRoot":"../../../../../../src","sources":["features/chatbot/components/Chat/FadeMask.web.tsx"],"mappings":";;;;;;AAAA,IAAAA,MAAA,GAAAC,OAAA;AAAuE,IAG3DC,YAAY,GAAAC,OAAA,CAAAD,YAAA,0BAAZA,YAAY;EAAZA,YAAY;EAAZA,YAAY;EAAZA,YAAY;EAAA,OAAZA,YAAY;AAAA;AAWxB,MAAME,SAA0C,GAAG;EACjD,CAACF,YAAY,CAACG,GAAG,GAAG;IAAEC,SAAS,EAAE;EAAyD,CAAQ;EAClG,CAACJ,YAAY,CAACK,MAAM,GAAG;IAAED,SAAS,EAAE;EAA4D,CAAQ;EACxG,CAACJ,YAAY,CAACM,IAAI,GAAG;IACnBF,SAAS,EAAE;EACb;AACF,CAAC;AAEM,MAAMG,YAAY,GAAIC,CAAoB,IAAK,IAAI;AAAAP,OAAA,CAAAM,YAAA,GAAAA,YAAA;AAEnD,MAAME,aAAa,GAAGA,CAAA,KAAM;EACjC,MAAMC,OAAO,GAAG,IAAAC,aAAM,EAAsB,IAAI,CAAC;EACjD,MAAMC,QAAQ,GAAG,IAAAD,aAAM,EAA2BE,SAAS,CAAC;EAC5D,MAAM,CAACC,OAAO,EAAEC,UAAU,CAAC,GAAG,IAAAC,eAAQ,EAAwBH,SAAS,CAAC;EAExE,MAAMI,UAAU,GAAG,IAAAC,kBAAW,EAAEC,IAA8B,IAAK;IACjE,IAAIA,IAAI,KAAKP,QAAQ,CAACQ,OAAO,EAAE;IAC/BR,QAAQ,CAACQ,OAAO,GAAGD,IAAI;IACvBJ,UAAU,CAACI,IAAI,GAAGjB,SAAS,CAACiB,IAAI,CAAC,GAAGN,SAAS,CAAC;EAChD,CAAC,EAAE,EAAE,CAAC;EAEN,OAAO;IAAEH,OAAO;IAAEO,UAAU;IAAEH;EAAQ,CAAC;AACzC,CAAC;AAAAb,OAAA,CAAAQ,aAAA,GAAAA,aAAA","ignoreList":[]}

package/dist/commonjs/features/chatbot/components/Chat/useChatScroll.js

@@ -14,11 +14,11 @@ const initialScrollState = {
   listHeight: 0,
   contentHeight: 0
 };
-const computeFade = s => {
-  if (!s.isScrollable) return undefined;
-  if (s.isAtTop) return 'bottom';
-  if (s.isScrolledUp) return 'both';
-  return 'top';
+const computeFade = scrollState => {
+  if (!scrollState.isScrollable) return undefined;
+  if (scrollState.isAtTop) return _FadeMask.FadePosition.BOTTOM;
+  if (scrollState.isScrolledUp) return _FadeMask.FadePosition.BOTH;
+  return _FadeMask.FadePosition.TOP;
 };
 const useChatScroll = () => {
   const listRef = (0, _react.useRef)(null);

package/dist/commonjs/features/chatbot/components/Chat/useChatScroll.js.map

@@ -1 +1 @@
-{"version":3,"names":["_react","require","_constants","_FadeMask","initialScrollState","isScrollable","isScrolledUp","isAtTop","listHeight","contentHeight","computeFade","s","undefined","useChatScroll","listRef","useRef","scroll","setIsScrolledUp","useState","fadeRef","updateFade","webMask","useFadeUpdate","handleScroll","useCallback","e","contentOffset","contentSize","layoutMeasurement","nativeEvent","scrolledUp","y","SCROLL_BOTTOM_THRESHOLD","atTop","height","current","wasScrolledUp","handleLayout","layout","handleContentSizeChange","_","scrollToBottom","scrollToOffset","offset","animated","reset","exports"],"sourceRoot":"../../../../../../src","sources":["features/chatbot/components/Chat/useChatScroll.ts"],"mappings":"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","ignoreList":[]}
+{"version":3,"names":["_react","require","_constants","_FadeMask","initialScrollState","isScrollable","isScrolledUp","isAtTop","listHeight","contentHeight","computeFade","scrollState","undefined","FadePosition","BOTTOM","BOTH","TOP","useChatScroll","listRef","useRef","scroll","setIsScrolledUp","useState","fadeRef","updateFade","webMask","useFadeUpdate","handleScroll","useCallback","e","contentOffset","contentSize","layoutMeasurement","nativeEvent","scrolledUp","y","SCROLL_BOTTOM_THRESHOLD","atTop","height","s","current","wasScrolledUp","handleLayout","layout","handleContentSizeChange","_","scrollToBottom","scrollToOffset","offset","animated","reset","exports"],"sourceRoot":"../../../../../../src","sources":["features/chatbot/components/Chat/useChatScroll.ts"],"mappings":"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","ignoreList":[]}

package/dist/module/features/chatbot/components/Chat/FadeMask.js

@@ -1,107 +1,4 @@
 "use strict";
 
-import React, { useCallback, useRef, useState } from 'react';
-import { StyleSheet } from 'react-native';
-import { IS_WEB } from '@magmamath/react-native-ui';
-import { jsx as _jsx, Fragment as _Fragment, jsxs as _jsxs } from "react/jsx-runtime";
-const WEB_MASKS = {
-  top: {
-    maskImage: 'linear-gradient(to top, transparent, black 10%, black)'
-  },
-  bottom: {
-    maskImage: 'linear-gradient(to bottom, transparent, black 10%, black)'
-  },
-  both: {
-    maskImage: 'linear-gradient(to top, transparent, black 10%, black 90%, transparent)'
-  }
-};
-const FADE_HEIGHT = 35;
-const NativeFadeOverlays = ({
-  fadeRef
-}) => {
-  const {
-    LinearGradient
-  } = require('react-native-linear-gradient');
-  const [fade, setFade] = useState(undefined);
-  fadeRef.current = setFade;
-  const showTop = fade === 'top' || fade === 'both';
-  const showBottom = fade === 'bottom' || fade === 'both';
-  return /*#__PURE__*/_jsxs(_Fragment, {
-    children: [/*#__PURE__*/_jsx(LinearGradient, {
-      colors: ['white', 'rgba(255,255,255,0)'],
-      start: {
-        x: 0,
-        y: 0
-      },
-      end: {
-        x: 0,
-        y: 1
-      },
-      style: [styles.gradient, styles.gradientTop, {
-        opacity: showTop ? 1 : 0
-      }],
-      pointerEvents: "none"
-    }), /*#__PURE__*/_jsx(LinearGradient, {
-      colors: ['rgba(255,255,255,0)', 'white'],
-      start: {
-        x: 0,
-        y: 0
-      },
-      end: {
-        x: 0,
-        y: 1
-      },
-      style: [styles.gradient, styles.gradientBottom, {
-        opacity: showBottom ? 1 : 0
-      }],
-      pointerEvents: "none"
-    })]
-  });
-};
-const NoopOverlays = _ => null;
-export const FadeOverlays = IS_WEB ? NoopOverlays : NativeFadeOverlays;
-const useWebFadeUpdate = () => {
-  const fadeRef = useRef(null);
-  const lastFade = useRef(undefined);
-  const [webMask, setWebMask] = useState(undefined);
-  const updateFade = useCallback(fade => {
-    if (fade === lastFade.current) return;
-    lastFade.current = fade;
-    setWebMask(fade ? WEB_MASKS[fade] : undefined);
-  }, []);
-  return {
-    fadeRef,
-    updateFade,
-    webMask
-  };
-};
-const useNativeFadeUpdate = () => {
-  const fadeRef = useRef(null);
-  const lastFade = useRef(undefined);
-  const updateFade = useCallback(fade => {
-    if (fade === lastFade.current) return;
-    lastFade.current = fade;
-    fadeRef.current?.(fade);
-  }, []);
-  return {
-    fadeRef,
-    updateFade,
-    webMask: undefined
-  };
-};
-export const useFadeUpdate = IS_WEB ? useWebFadeUpdate : useNativeFadeUpdate;
-const styles = StyleSheet.create({
-  gradient: {
-    position: 'absolute',
-    left: 0,
-    right: 0,
-    height: FADE_HEIGHT
-  },
-  gradientTop: {
-    top: 0
-  },
-  gradientBottom: {
-    bottom: 0
-  }
-});
+export { FadePosition, FadeOverlays, useFadeUpdate } from "./FadeMask.web.js";
 //# sourceMappingURL=FadeMask.js.map

package/dist/module/features/chatbot/components/Chat/FadeMask.js.map

@@ -1 +1 @@
-{"version":3,"names":["React","useCallback","useRef","useState","StyleSheet","IS_WEB","jsx","_jsx","Fragment","_Fragment","jsxs","_jsxs","WEB_MASKS","top","maskImage","bottom","both","FADE_HEIGHT","NativeFadeOverlays","fadeRef","LinearGradient","require","fade","setFade","undefined","current","showTop","showBottom","children","colors","start","x","y","end","style","styles","gradient","gradientTop","opacity","pointerEvents","gradientBottom","NoopOverlays","_","FadeOverlays","useWebFadeUpdate","lastFade","webMask","setWebMask","updateFade","useNativeFadeUpdate","useFadeUpdate","create","position","left","right","height"],"sourceRoot":"../../../../../../src","sources":["features/chatbot/components/Chat/FadeMask.tsx"],"mappings":"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","ignoreList":[]}
+{"version":3,"names":["FadePosition","FadeOverlays","useFadeUpdate"],"sourceRoot":"../../../../../../src","sources":["features/chatbot/components/Chat/FadeMask.ts"],"mappings":";;AAAA,SAASA,YAAY,EAAEC,YAAY,EAAEC,aAAa,QAAQ,mBAAgB","ignoreList":[]}

package/dist/module/features/chatbot/components/Chat/FadeMask.native.js

@@ -0,0 +1,81 @@
+"use strict";
+
+import React, { useCallback, useRef, useState } from 'react';
+import { StyleSheet } from 'react-native';
+import { LinearGradient } from 'react-native-linear-gradient';
+import { jsx as _jsx, Fragment as _Fragment, jsxs as _jsxs } from "react/jsx-runtime";
+export let FadePosition = /*#__PURE__*/function (FadePosition) {
+  FadePosition["TOP"] = "top";
+  FadePosition["BOTTOM"] = "bottom";
+  FadePosition["BOTH"] = "both";
+  return FadePosition;
+}({});
+const FADE_HEIGHT = 35;
+export const FadeOverlays = ({
+  fadeRef
+}) => {
+  const [fade, setFade] = useState(undefined);
+  fadeRef.current = setFade;
+  const showTop = fade === FadePosition.TOP || fade === FadePosition.BOTH;
+  const showBottom = fade === FadePosition.BOTTOM || fade === FadePosition.BOTH;
+  return /*#__PURE__*/_jsxs(_Fragment, {
+    children: [/*#__PURE__*/_jsx(LinearGradient, {
+      colors: ['white', 'rgba(255,255,255,0)'],
+      start: {
+        x: 0,
+        y: 0
+      },
+      end: {
+        x: 0,
+        y: 1
+      },
+      style: [styles.gradient, styles.gradientTop, {
+        opacity: showTop ? 1 : 0
+      }],
+      pointerEvents: "none"
+    }), /*#__PURE__*/_jsx(LinearGradient, {
+      colors: ['rgba(255,255,255,0)', 'white'],
+      start: {
+        x: 0,
+        y: 0
+      },
+      end: {
+        x: 0,
+        y: 1
+      },
+      style: [styles.gradient, styles.gradientBottom, {
+        opacity: showBottom ? 1 : 0
+      }],
+      pointerEvents: "none"
+    })]
+  });
+};
+export const useFadeUpdate = () => {
+  const fadeRef = useRef(null);
+  const lastFade = useRef(undefined);
+  const updateFade = useCallback(fade => {
+    if (fade === lastFade.current) return;
+    lastFade.current = fade;
+    fadeRef.current?.(fade);
+  }, []);
+  return {
+    fadeRef,
+    updateFade,
+    webMask: undefined
+  };
+};
+const styles = StyleSheet.create({
+  gradient: {
+    position: 'absolute',
+    left: 0,
+    right: 0,
+    height: FADE_HEIGHT
+  },
+  gradientTop: {
+    top: 0
+  },
+  gradientBottom: {
+    bottom: 0
+  }
+});
+//# sourceMappingURL=FadeMask.native.js.map

package/dist/module/features/chatbot/components/Chat/FadeMask.native.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["React","useCallback","useRef","useState","StyleSheet","LinearGradient","jsx","_jsx","Fragment","_Fragment","jsxs","_jsxs","FadePosition","FADE_HEIGHT","FadeOverlays","fadeRef","fade","setFade","undefined","current","showTop","TOP","BOTH","showBottom","BOTTOM","children","colors","start","x","y","end","style","styles","gradient","gradientTop","opacity","pointerEvents","gradientBottom","useFadeUpdate","lastFade","updateFade","webMask","create","position","left","right","height","top","bottom"],"sourceRoot":"../../../../../../src","sources":["features/chatbot/components/Chat/FadeMask.native.tsx"],"mappings":"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","ignoreList":[]}

package/dist/module/features/chatbot/components/Chat/FadeMask.web.js

@@ -0,0 +1,37 @@
+"use strict";
+
+import { useCallback, useRef, useState } from 'react';
+export let FadePosition = /*#__PURE__*/function (FadePosition) {
+  FadePosition["TOP"] = "top";
+  FadePosition["BOTTOM"] = "bottom";
+  FadePosition["BOTH"] = "both";
+  return FadePosition;
+}({});
+const WEB_MASKS = {
+  [FadePosition.TOP]: {
+    maskImage: 'linear-gradient(to top, transparent, black 10%, black)'
+  },
+  [FadePosition.BOTTOM]: {
+    maskImage: 'linear-gradient(to bottom, transparent, black 10%, black)'
+  },
+  [FadePosition.BOTH]: {
+    maskImage: 'linear-gradient(to top, transparent, black 10%, black 90%, transparent)'
+  }
+};
+export const FadeOverlays = _ => null;
+export const useFadeUpdate = () => {
+  const fadeRef = useRef(null);
+  const lastFade = useRef(undefined);
+  const [webMask, setWebMask] = useState(undefined);
+  const updateFade = useCallback(fade => {
+    if (fade === lastFade.current) return;
+    lastFade.current = fade;
+    setWebMask(fade ? WEB_MASKS[fade] : undefined);
+  }, []);
+  return {
+    fadeRef,
+    updateFade,
+    webMask
+  };
+};
+//# sourceMappingURL=FadeMask.web.js.map

package/dist/module/features/chatbot/components/Chat/FadeMask.web.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["useCallback","useRef","useState","FadePosition","WEB_MASKS","TOP","maskImage","BOTTOM","BOTH","FadeOverlays","_","useFadeUpdate","fadeRef","lastFade","undefined","webMask","setWebMask","updateFade","fade","current"],"sourceRoot":"../../../../../../src","sources":["features/chatbot/components/Chat/FadeMask.web.tsx"],"mappings":";;AAAA,SAA2BA,WAAW,EAAEC,MAAM,EAAEC,QAAQ,QAAQ,OAAO;AAGvE,WAAYC,YAAY,0BAAZA,YAAY;EAAZA,YAAY;EAAZA,YAAY;EAAZA,YAAY;EAAA,OAAZA,YAAY;AAAA;AAWxB,MAAMC,SAA0C,GAAG;EACjD,CAACD,YAAY,CAACE,GAAG,GAAG;IAAEC,SAAS,EAAE;EAAyD,CAAQ;EAClG,CAACH,YAAY,CAACI,MAAM,GAAG;IAAED,SAAS,EAAE;EAA4D,CAAQ;EACxG,CAACH,YAAY,CAACK,IAAI,GAAG;IACnBF,SAAS,EAAE;EACb;AACF,CAAC;AAED,OAAO,MAAMG,YAAY,GAAIC,CAAoB,IAAK,IAAI;AAE1D,OAAO,MAAMC,aAAa,GAAGA,CAAA,KAAM;EACjC,MAAMC,OAAO,GAAGX,MAAM,CAAsB,IAAI,CAAC;EACjD,MAAMY,QAAQ,GAAGZ,MAAM,CAA2Ba,SAAS,CAAC;EAC5D,MAAM,CAACC,OAAO,EAAEC,UAAU,CAAC,GAAGd,QAAQ,CAAwBY,SAAS,CAAC;EAExE,MAAMG,UAAU,GAAGjB,WAAW,CAAEkB,IAA8B,IAAK;IACjE,IAAIA,IAAI,KAAKL,QAAQ,CAACM,OAAO,EAAE;IAC/BN,QAAQ,CAACM,OAAO,GAAGD,IAAI;IACvBF,UAAU,CAACE,IAAI,GAAGd,SAAS,CAACc,IAAI,CAAC,GAAGJ,SAAS,CAAC;EAChD,CAAC,EAAE,EAAE,CAAC;EAEN,OAAO;IAAEF,OAAO;IAAEK,UAAU;IAAEF;EAAQ,CAAC;AACzC,CAAC","ignoreList":[]}

package/dist/module/features/chatbot/components/Chat/useChatScroll.js

@@ -2,7 +2,7 @@
 
 import { useCallback, useRef, useState } from 'react';
 import { SCROLL_BOTTOM_THRESHOLD } from "./constants.js";
-import { useFadeUpdate } from "./FadeMask.js";
+import { FadePosition, useFadeUpdate } from "./FadeMask.js";
 const initialScrollState = {
   isScrollable: false,
   isScrolledUp: false,
@@ -10,11 +10,11 @@ const initialScrollState = {
   listHeight: 0,
   contentHeight: 0
 };
-const computeFade = s => {
-  if (!s.isScrollable) return undefined;
-  if (s.isAtTop) return 'bottom';
-  if (s.isScrolledUp) return 'both';
-  return 'top';
+const computeFade = scrollState => {
+  if (!scrollState.isScrollable) return undefined;
+  if (scrollState.isAtTop) return FadePosition.BOTTOM;
+  if (scrollState.isScrolledUp) return FadePosition.BOTH;
+  return FadePosition.TOP;
 };
 export const useChatScroll = () => {
   const listRef = useRef(null);

package/dist/module/features/chatbot/components/Chat/useChatScroll.js.map

@@ -1 +1 @@
-{"version":3,"names":["useCallback","useRef","useState","SCROLL_BOTTOM_THRESHOLD","useFadeUpdate","initialScrollState","isScrollable","isScrolledUp","isAtTop","listHeight","contentHeight","computeFade","s","undefined","useChatScroll","listRef","scroll","setIsScrolledUp","fadeRef","updateFade","webMask","handleScroll","e","contentOffset","contentSize","layoutMeasurement","nativeEvent","scrolledUp","y","atTop","height","current","wasScrolledUp","handleLayout","layout","handleContentSizeChange","_","scrollToBottom","scrollToOffset","offset","animated","reset"],"sourceRoot":"../../../../../../src","sources":["features/chatbot/components/Chat/useChatScroll.ts"],"mappings":"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","ignoreList":[]}
+{"version":3,"names":["useCallback","useRef","useState","SCROLL_BOTTOM_THRESHOLD","FadePosition","useFadeUpdate","initialScrollState","isScrollable","isScrolledUp","isAtTop","listHeight","contentHeight","computeFade","scrollState","undefined","BOTTOM","BOTH","TOP","useChatScroll","listRef","scroll","setIsScrolledUp","fadeRef","updateFade","webMask","handleScroll","e","contentOffset","contentSize","layoutMeasurement","nativeEvent","scrolledUp","y","atTop","height","s","current","wasScrolledUp","handleLayout","layout","handleContentSizeChange","_","scrollToBottom","scrollToOffset","offset","animated","reset"],"sourceRoot":"../../../../../../src","sources":["features/chatbot/components/Chat/useChatScroll.ts"],"mappings":"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","ignoreList":[]}

package/dist/typescript/commonjs/features/chatbot/components/Chat/FadeMask.d.ts

@@ -1,15 +1,3 @@
-import React, { MutableRefObject } from 'react';
-import { ViewStyle } from 'react-native';
-export type FadePosition = 'top' | 'bottom' | 'both';
-export type FadeUpdateFn = (fade: FadePosition | undefined) => void;
-type FadeOverlaysProps = {
-    fadeRef: MutableRefObject<FadeUpdateFn | null>;
-};
-export declare const FadeOverlays: (({ fadeRef }: FadeOverlaysProps) => React.JSX.Element) | ((_: FadeOverlaysProps) => null);
-export declare const useFadeUpdate: () => {
-    fadeRef: React.MutableRefObject<FadeUpdateFn | null>;
-    updateFade: (fade: FadePosition | undefined) => void;
-    webMask: ViewStyle | undefined;
-};
-export {};
+export { FadePosition, FadeOverlays, useFadeUpdate } from './FadeMask.web';
+export type { FadeUpdateFn } from './FadeMask.web';
 //# sourceMappingURL=FadeMask.d.ts.map

package/dist/typescript/commonjs/features/chatbot/components/Chat/FadeMask.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"FadeMask.d.ts","sourceRoot":"","sources":["../../../../../../../src/features/chatbot/components/Chat/FadeMask.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAAE,gBAAgB,EAAiC,MAAM,OAAO,CAAA;AAC9E,OAAO,EAAc,SAAS,EAAE,MAAM,cAAc,CAAA;AAGpD,MAAM,MAAM,YAAY,GAAG,KAAK,GAAG,QAAQ,GAAG,MAAM,CAAA;AACpD,MAAM,MAAM,YAAY,GAAG,CAAC,IAAI,EAAE,YAAY,GAAG,SAAS,KAAK,IAAI,CAAA;AAYnE,KAAK,iBAAiB,GAAG;IACvB,OAAO,EAAE,gBAAgB,CAAC,YAAY,GAAG,IAAI,CAAC,CAAA;CAC/C,CAAA;AAgCD,eAAO,MAAM,YAAY,iBA9BgB,iBAAiB,+BA4BjC,iBAAiB,UAE4B,CAAA;AA6BtE,eAAO,MAAM,aAAa;;uBAtBc,YAAY,GAAG,SAAS;;CAsBY,CAAA"}
+{"version":3,"file":"FadeMask.d.ts","sourceRoot":"","sources":["../../../../../../../src/features/chatbot/components/Chat/FadeMask.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,YAAY,EAAE,YAAY,EAAE,aAAa,EAAE,MAAM,gBAAgB,CAAA;AAC1E,YAAY,EAAE,YAAY,EAAE,MAAM,gBAAgB,CAAA"}

package/dist/typescript/commonjs/features/chatbot/components/Chat/FadeMask.native.d.ts

@@ -0,0 +1,18 @@
+import React, { MutableRefObject } from 'react';
+export declare enum FadePosition {
+    TOP = "top",
+    BOTTOM = "bottom",
+    BOTH = "both"
+}
+export type FadeUpdateFn = (fade: FadePosition | undefined) => void;
+type FadeOverlaysProps = {
+    fadeRef: MutableRefObject<FadeUpdateFn | null>;
+};
+export declare const FadeOverlays: ({ fadeRef }: FadeOverlaysProps) => React.JSX.Element;
+export declare const useFadeUpdate: () => {
+    fadeRef: React.MutableRefObject<FadeUpdateFn | null>;
+    updateFade: (fade: FadePosition | undefined) => void;
+    webMask: undefined;
+};
+export {};
+//# sourceMappingURL=FadeMask.native.d.ts.map

package/dist/typescript/commonjs/features/chatbot/components/Chat/FadeMask.native.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"FadeMask.native.d.ts","sourceRoot":"","sources":["../../../../../../../src/features/chatbot/components/Chat/FadeMask.native.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAAE,gBAAgB,EAAiC,MAAM,OAAO,CAAA;AAI9E,oBAAY,YAAY;IACtB,GAAG,QAAQ;IACX,MAAM,WAAW;IACjB,IAAI,SAAS;CACd;AACD,MAAM,MAAM,YAAY,GAAG,CAAC,IAAI,EAAE,YAAY,GAAG,SAAS,KAAK,IAAI,CAAA;AAInE,KAAK,iBAAiB,GAAG;IACvB,OAAO,EAAE,gBAAgB,CAAC,YAAY,GAAG,IAAI,CAAC,CAAA;CAC/C,CAAA;AAED,eAAO,MAAM,YAAY,gBAAiB,iBAAiB,sBAyB1D,CAAA;AAED,eAAO,MAAM,aAAa;;uBAIc,YAAY,GAAG,SAAS;;CAO/D,CAAA"}

package/dist/typescript/commonjs/features/chatbot/components/Chat/FadeMask.web.d.ts

@@ -0,0 +1,19 @@
+import { MutableRefObject } from 'react';
+import { ViewStyle } from 'react-native';
+export declare enum FadePosition {
+    TOP = "top",
+    BOTTOM = "bottom",
+    BOTH = "both"
+}
+export type FadeUpdateFn = (fade: FadePosition | undefined) => void;
+type FadeOverlaysProps = {
+    fadeRef: MutableRefObject<FadeUpdateFn | null>;
+};
+export declare const FadeOverlays: (_: FadeOverlaysProps) => null;
+export declare const useFadeUpdate: () => {
+    fadeRef: MutableRefObject<FadeUpdateFn | null>;
+    updateFade: (fade: FadePosition | undefined) => void;
+    webMask: ViewStyle | undefined;
+};
+export {};
+//# sourceMappingURL=FadeMask.web.d.ts.map

package/dist/typescript/commonjs/features/chatbot/components/Chat/FadeMask.web.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"FadeMask.web.d.ts","sourceRoot":"","sources":["../../../../../../../src/features/chatbot/components/Chat/FadeMask.web.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,gBAAgB,EAAiC,MAAM,OAAO,CAAA;AACvE,OAAO,EAAE,SAAS,EAAE,MAAM,cAAc,CAAA;AAExC,oBAAY,YAAY;IACtB,GAAG,QAAQ;IACX,MAAM,WAAW;IACjB,IAAI,SAAS;CACd;AACD,MAAM,MAAM,YAAY,GAAG,CAAC,IAAI,EAAE,YAAY,GAAG,SAAS,KAAK,IAAI,CAAA;AAEnE,KAAK,iBAAiB,GAAG;IACvB,OAAO,EAAE,gBAAgB,CAAC,YAAY,GAAG,IAAI,CAAC,CAAA;CAC/C,CAAA;AAUD,eAAO,MAAM,YAAY,MAAO,iBAAiB,SAAS,CAAA;AAE1D,eAAO,MAAM,aAAa;;uBAKc,YAAY,GAAG,SAAS;;CAO/D,CAAA"}

package/dist/typescript/commonjs/features/chatbot/components/Chat/useChatScroll.d.ts

@@ -10,7 +10,7 @@ export declare const useChatScroll: () => {
     listRef: import("react").RefObject<FlatList<any>>;
     scroll: import("react").MutableRefObject<ScrollState>;
     isScrolledUp: boolean;
-    fadeRef: import("react").MutableRefObject<import("./FadeMask").FadeUpdateFn | null>;
+    fadeRef: import("react").MutableRefObject<import("./FadeMask.web").FadeUpdateFn | null>;
     webMask: import("react-native").ViewStyle | undefined;
     handleScroll: (e: NativeSyntheticEvent<NativeScrollEvent>) => void;
     handleLayout: (e: {

package/dist/typescript/module/features/chatbot/components/Chat/FadeMask.d.ts

@@ -1,15 +1,3 @@
-import React, { MutableRefObject } from 'react';
-import { ViewStyle } from 'react-native';
-export type FadePosition = 'top' | 'bottom' | 'both';
-export type FadeUpdateFn = (fade: FadePosition | undefined) => void;
-type FadeOverlaysProps = {
-    fadeRef: MutableRefObject<FadeUpdateFn | null>;
-};
-export declare const FadeOverlays: (({ fadeRef }: FadeOverlaysProps) => React.JSX.Element) | ((_: FadeOverlaysProps) => null);
-export declare const useFadeUpdate: () => {
-    fadeRef: React.MutableRefObject<FadeUpdateFn | null>;
-    updateFade: (fade: FadePosition | undefined) => void;
-    webMask: ViewStyle | undefined;
-};
-export {};
+export { FadePosition, FadeOverlays, useFadeUpdate } from './FadeMask.web';
+export type { FadeUpdateFn } from './FadeMask.web';
 //# sourceMappingURL=FadeMask.d.ts.map

package/dist/typescript/module/features/chatbot/components/Chat/FadeMask.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"FadeMask.d.ts","sourceRoot":"","sources":["../../../../../../../src/features/chatbot/components/Chat/FadeMask.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAAE,gBAAgB,EAAiC,MAAM,OAAO,CAAA;AAC9E,OAAO,EAAc,SAAS,EAAE,MAAM,cAAc,CAAA;AAGpD,MAAM,MAAM,YAAY,GAAG,KAAK,GAAG,QAAQ,GAAG,MAAM,CAAA;AACpD,MAAM,MAAM,YAAY,GAAG,CAAC,IAAI,EAAE,YAAY,GAAG,SAAS,KAAK,IAAI,CAAA;AAYnE,KAAK,iBAAiB,GAAG;IACvB,OAAO,EAAE,gBAAgB,CAAC,YAAY,GAAG,IAAI,CAAC,CAAA;CAC/C,CAAA;AAgCD,eAAO,MAAM,YAAY,iBA9BgB,iBAAiB,+BA4BjC,iBAAiB,UAE4B,CAAA;AA6BtE,eAAO,MAAM,aAAa;;uBAtBc,YAAY,GAAG,SAAS;;CAsBY,CAAA"}
+{"version":3,"file":"FadeMask.d.ts","sourceRoot":"","sources":["../../../../../../../src/features/chatbot/components/Chat/FadeMask.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,YAAY,EAAE,YAAY,EAAE,aAAa,EAAE,MAAM,gBAAgB,CAAA;AAC1E,YAAY,EAAE,YAAY,EAAE,MAAM,gBAAgB,CAAA"}

package/dist/typescript/module/features/chatbot/components/Chat/FadeMask.native.d.ts

@@ -0,0 +1,18 @@
+import React, { MutableRefObject } from 'react';
+export declare enum FadePosition {
+    TOP = "top",
+    BOTTOM = "bottom",
+    BOTH = "both"
+}
+export type FadeUpdateFn = (fade: FadePosition | undefined) => void;
+type FadeOverlaysProps = {
+    fadeRef: MutableRefObject<FadeUpdateFn | null>;
+};
+export declare const FadeOverlays: ({ fadeRef }: FadeOverlaysProps) => React.JSX.Element;
+export declare const useFadeUpdate: () => {
+    fadeRef: React.MutableRefObject<FadeUpdateFn | null>;
+    updateFade: (fade: FadePosition | undefined) => void;
+    webMask: undefined;
+};
+export {};
+//# sourceMappingURL=FadeMask.native.d.ts.map

package/dist/typescript/module/features/chatbot/components/Chat/FadeMask.native.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"FadeMask.native.d.ts","sourceRoot":"","sources":["../../../../../../../src/features/chatbot/components/Chat/FadeMask.native.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAAE,gBAAgB,EAAiC,MAAM,OAAO,CAAA;AAI9E,oBAAY,YAAY;IACtB,GAAG,QAAQ;IACX,MAAM,WAAW;IACjB,IAAI,SAAS;CACd;AACD,MAAM,MAAM,YAAY,GAAG,CAAC,IAAI,EAAE,YAAY,GAAG,SAAS,KAAK,IAAI,CAAA;AAInE,KAAK,iBAAiB,GAAG;IACvB,OAAO,EAAE,gBAAgB,CAAC,YAAY,GAAG,IAAI,CAAC,CAAA;CAC/C,CAAA;AAED,eAAO,MAAM,YAAY,gBAAiB,iBAAiB,sBAyB1D,CAAA;AAED,eAAO,MAAM,aAAa;;uBAIc,YAAY,GAAG,SAAS;;CAO/D,CAAA"}

package/dist/typescript/module/features/chatbot/components/Chat/FadeMask.web.d.ts

@@ -0,0 +1,19 @@
+import { MutableRefObject } from 'react';
+import { ViewStyle } from 'react-native';
+export declare enum FadePosition {
+    TOP = "top",
+    BOTTOM = "bottom",
+    BOTH = "both"
+}
+export type FadeUpdateFn = (fade: FadePosition | undefined) => void;
+type FadeOverlaysProps = {
+    fadeRef: MutableRefObject<FadeUpdateFn | null>;
+};
+export declare const FadeOverlays: (_: FadeOverlaysProps) => null;
+export declare const useFadeUpdate: () => {
+    fadeRef: MutableRefObject<FadeUpdateFn | null>;
+    updateFade: (fade: FadePosition | undefined) => void;
+    webMask: ViewStyle | undefined;
+};
+export {};
+//# sourceMappingURL=FadeMask.web.d.ts.map

package/dist/typescript/module/features/chatbot/components/Chat/FadeMask.web.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"FadeMask.web.d.ts","sourceRoot":"","sources":["../../../../../../../src/features/chatbot/components/Chat/FadeMask.web.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,gBAAgB,EAAiC,MAAM,OAAO,CAAA;AACvE,OAAO,EAAE,SAAS,EAAE,MAAM,cAAc,CAAA;AAExC,oBAAY,YAAY;IACtB,GAAG,QAAQ;IACX,MAAM,WAAW;IACjB,IAAI,SAAS;CACd;AACD,MAAM,MAAM,YAAY,GAAG,CAAC,IAAI,EAAE,YAAY,GAAG,SAAS,KAAK,IAAI,CAAA;AAEnE,KAAK,iBAAiB,GAAG;IACvB,OAAO,EAAE,gBAAgB,CAAC,YAAY,GAAG,IAAI,CAAC,CAAA;CAC/C,CAAA;AAUD,eAAO,MAAM,YAAY,MAAO,iBAAiB,SAAS,CAAA;AAE1D,eAAO,MAAM,aAAa;;uBAKc,YAAY,GAAG,SAAS;;CAO/D,CAAA"}

package/dist/typescript/module/features/chatbot/components/Chat/useChatScroll.d.ts

@@ -10,7 +10,7 @@ export declare const useChatScroll: () => {
     listRef: import("react").RefObject<FlatList<any>>;
     scroll: import("react").MutableRefObject<ScrollState>;
     isScrolledUp: boolean;
-    fadeRef: import("react").MutableRefObject<import("./FadeMask").FadeUpdateFn | null>;
+    fadeRef: import("react").MutableRefObject<import("./FadeMask.web").FadeUpdateFn | null>;
     webMask: import("react-native").ViewStyle | undefined;
     handleScroll: (e: NativeSyntheticEvent<NativeScrollEvent>) => void;
     handleLayout: (e: {

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@magmamath/students-features",
-  "version": "0.11.0-rc.21",
+  "version": "0.11.0-rc.22",
   "description": "Magmamath features library",
   "source": "src/index.ts",
   "main": "src/index.ts",

package/src/features/chatbot/components/Chat/{FadeMask.tsx → FadeMask.native.tsx}

@@ -1,17 +1,13 @@
 import React, { MutableRefObject, useCallback, useRef, useState } from 'react'
-import { StyleSheet, ViewStyle } from 'react-native'
-import { IS_WEB } from '@magmamath/react-native-ui'
+import { StyleSheet } from 'react-native'
+import { LinearGradient } from 'react-native-linear-gradient'
 
-export type FadePosition = 'top' | 'bottom' | 'both'
-export type FadeUpdateFn = (fade: FadePosition | undefined) => void
-
-const WEB_MASKS: Record<FadePosition, ViewStyle> = {
-  top: { maskImage: 'linear-gradient(to top, transparent, black 10%, black)' } as any,
-  bottom: { maskImage: 'linear-gradient(to bottom, transparent, black 10%, black)' } as any,
-  both: {
-    maskImage: 'linear-gradient(to top, transparent, black 10%, black 90%, transparent)',
-  } as any,
+export enum FadePosition {
+  TOP = 'top',
+  BOTTOM = 'bottom',
+  BOTH = 'both',
 }
+export type FadeUpdateFn = (fade: FadePosition | undefined) => void
 
 const FADE_HEIGHT = 35
 
@@ -19,13 +15,12 @@ type FadeOverlaysProps = {
   fadeRef: MutableRefObject<FadeUpdateFn | null>
 }
 
-const NativeFadeOverlays = ({ fadeRef }: FadeOverlaysProps) => {
-  const { LinearGradient } = require('react-native-linear-gradient')
+export const FadeOverlays = ({ fadeRef }: FadeOverlaysProps) => {
   const [fade, setFade] = useState<FadePosition | undefined>(undefined)
   fadeRef.current = setFade
 
-  const showTop = fade === 'top' || fade === 'both'
-  const showBottom = fade === 'bottom' || fade === 'both'
+  const showTop = fade === FadePosition.TOP || fade === FadePosition.BOTH
+  const showBottom = fade === FadePosition.BOTTOM || fade === FadePosition.BOTH
 
   return (
     <>
@@ -47,25 +42,7 @@ const NativeFadeOverlays = ({ fadeRef }: FadeOverlaysProps) => {
   )
 }
 
-const NoopOverlays = (_: FadeOverlaysProps) => null
-
-export const FadeOverlays = IS_WEB ? NoopOverlays : NativeFadeOverlays
-
-const useWebFadeUpdate = () => {
-  const fadeRef = useRef<FadeUpdateFn | null>(null)
-  const lastFade = useRef<FadePosition | undefined>(undefined)
-  const [webMask, setWebMask] = useState<ViewStyle | undefined>(undefined)
-
-  const updateFade = useCallback((fade: FadePosition | undefined) => {
-    if (fade === lastFade.current) return
-    lastFade.current = fade
-    setWebMask(fade ? WEB_MASKS[fade] : undefined)
-  }, [])
-
-  return { fadeRef, updateFade, webMask }
-}
-
-const useNativeFadeUpdate = () => {
+export const useFadeUpdate = () => {
   const fadeRef = useRef<FadeUpdateFn | null>(null)
   const lastFade = useRef<FadePosition | undefined>(undefined)
 
@@ -78,8 +55,6 @@ const useNativeFadeUpdate = () => {
   return { fadeRef, updateFade, webMask: undefined }
 }
 
-export const useFadeUpdate = IS_WEB ? useWebFadeUpdate : useNativeFadeUpdate
-
 const styles = StyleSheet.create({
   gradient: {
     position: 'absolute',

package/src/features/chatbot/components/Chat/FadeMask.ts

@@ -0,0 +1,2 @@
+export { FadePosition, FadeOverlays, useFadeUpdate } from './FadeMask.web'
+export type { FadeUpdateFn } from './FadeMask.web'

package/src/features/chatbot/components/Chat/FadeMask.web.tsx

@@ -0,0 +1,37 @@
+import { MutableRefObject, useCallback, useRef, useState } from 'react'
+import { ViewStyle } from 'react-native'
+
+export enum FadePosition {
+  TOP = 'top',
+  BOTTOM = 'bottom',
+  BOTH = 'both',
+}
+export type FadeUpdateFn = (fade: FadePosition | undefined) => void
+
+type FadeOverlaysProps = {
+  fadeRef: MutableRefObject<FadeUpdateFn | null>
+}
+
+const WEB_MASKS: Record<FadePosition, ViewStyle> = {
+  [FadePosition.TOP]: { maskImage: 'linear-gradient(to top, transparent, black 10%, black)' } as any,
+  [FadePosition.BOTTOM]: { maskImage: 'linear-gradient(to bottom, transparent, black 10%, black)' } as any,
+  [FadePosition.BOTH]: {
+    maskImage: 'linear-gradient(to top, transparent, black 10%, black 90%, transparent)',
+  } as any,
+}
+
+export const FadeOverlays = (_: FadeOverlaysProps) => null
+
+export const useFadeUpdate = () => {
+  const fadeRef = useRef<FadeUpdateFn | null>(null)
+  const lastFade = useRef<FadePosition | undefined>(undefined)
+  const [webMask, setWebMask] = useState<ViewStyle | undefined>(undefined)
+
+  const updateFade = useCallback((fade: FadePosition | undefined) => {
+    if (fade === lastFade.current) return
+    lastFade.current = fade
+    setWebMask(fade ? WEB_MASKS[fade] : undefined)
+  }, [])
+
+  return { fadeRef, updateFade, webMask }
+}

package/src/features/chatbot/components/Chat/useChatScroll.ts

@@ -19,11 +19,11 @@ const initialScrollState: ScrollState = {
   contentHeight: 0,
 }
 
-const computeFade = (s: ScrollState): FadePosition | undefined => {
-  if (!s.isScrollable) return undefined
-  if (s.isAtTop) return 'bottom'
-  if (s.isScrolledUp) return 'both'
-  return 'top'
+const computeFade = (scrollState: ScrollState) => {
+  if (!scrollState.isScrollable) return undefined
+  if (scrollState.isAtTop) return FadePosition.BOTTOM
+  if (scrollState.isScrolledUp) return FadePosition.BOTH
+  return FadePosition.TOP
 }
 
 export const useChatScroll = () => {