@magmamath/students-features 1.1.0-rc.3 → 1.1.0-rc.4
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/commonjs/features/chatbot/components/Chat/Chat.js +1 -2
- package/dist/commonjs/features/chatbot/components/Chat/Chat.js.map +1 -1
- package/dist/commonjs/features/chatbot/components/Chat/useChatFade.js +6 -0
- package/dist/commonjs/features/chatbot/components/Chat/useChatFade.js.map +1 -1
- package/dist/commonjs/features/chatbot/components/Chat/useChatFade.native.js +71 -6
- package/dist/commonjs/features/chatbot/components/Chat/useChatFade.native.js.map +1 -1
- package/dist/commonjs/features/chatbot/components/Chat/useChatFade.web.js +15 -8
- package/dist/commonjs/features/chatbot/components/Chat/useChatFade.web.js.map +1 -1
- package/dist/module/features/chatbot/components/Chat/Chat.js +1 -2
- package/dist/module/features/chatbot/components/Chat/Chat.js.map +1 -1
- package/dist/module/features/chatbot/components/Chat/useChatFade.js +1 -1
- package/dist/module/features/chatbot/components/Chat/useChatFade.js.map +1 -1
- package/dist/module/features/chatbot/components/Chat/useChatFade.native.js +64 -2
- package/dist/module/features/chatbot/components/Chat/useChatFade.native.js.map +1 -1
- package/dist/module/features/chatbot/components/Chat/useChatFade.web.js +7 -1
- package/dist/module/features/chatbot/components/Chat/useChatFade.web.js.map +1 -1
- package/dist/typescript/commonjs/features/chatbot/components/Chat/Chat.d.ts.map +1 -1
- package/dist/typescript/commonjs/features/chatbot/components/Chat/useChatFade.d.ts +1 -1
- package/dist/typescript/commonjs/features/chatbot/components/Chat/useChatFade.d.ts.map +1 -1
- package/dist/typescript/commonjs/features/chatbot/components/Chat/useChatFade.native.d.ts +12 -2
- package/dist/typescript/commonjs/features/chatbot/components/Chat/useChatFade.native.d.ts.map +1 -1
- package/dist/typescript/commonjs/features/chatbot/components/Chat/useChatFade.web.d.ts +3 -0
- package/dist/typescript/commonjs/features/chatbot/components/Chat/useChatFade.web.d.ts.map +1 -1
- package/dist/typescript/module/features/chatbot/components/Chat/Chat.d.ts.map +1 -1
- package/dist/typescript/module/features/chatbot/components/Chat/useChatFade.d.ts +1 -1
- package/dist/typescript/module/features/chatbot/components/Chat/useChatFade.d.ts.map +1 -1
- package/dist/typescript/module/features/chatbot/components/Chat/useChatFade.native.d.ts +12 -2
- package/dist/typescript/module/features/chatbot/components/Chat/useChatFade.native.d.ts.map +1 -1
- package/dist/typescript/module/features/chatbot/components/Chat/useChatFade.web.d.ts +3 -0
- package/dist/typescript/module/features/chatbot/components/Chat/useChatFade.web.d.ts.map +1 -1
- package/package.json +1 -1
- package/src/features/chatbot/components/Chat/Chat.tsx +1 -2
- package/src/features/chatbot/components/Chat/{FadeMask.native.tsx → useChatFade.native.tsx} +35 -3
- package/src/features/chatbot/components/Chat/useChatFade.ts +1 -1
- package/src/features/chatbot/components/Chat/useChatFade.web.ts +8 -1
- package/dist/commonjs/features/chatbot/components/Chat/FadeMask.js +0 -19
- package/dist/commonjs/features/chatbot/components/Chat/FadeMask.js.map +0 -1
- package/dist/commonjs/features/chatbot/components/Chat/FadeMask.native.js +0 -74
- package/dist/commonjs/features/chatbot/components/Chat/FadeMask.native.js.map +0 -1
- package/dist/commonjs/features/chatbot/components/Chat/FadeMask.web.js +0 -15
- package/dist/commonjs/features/chatbot/components/Chat/FadeMask.web.js.map +0 -1
- package/dist/module/features/chatbot/components/Chat/FadeMask.js +0 -4
- package/dist/module/features/chatbot/components/Chat/FadeMask.js.map +0 -1
- package/dist/module/features/chatbot/components/Chat/FadeMask.native.js +0 -67
- package/dist/module/features/chatbot/components/Chat/FadeMask.native.js.map +0 -1
- package/dist/module/features/chatbot/components/Chat/FadeMask.web.js +0 -10
- package/dist/module/features/chatbot/components/Chat/FadeMask.web.js.map +0 -1
- package/dist/typescript/commonjs/features/chatbot/components/Chat/FadeMask.d.ts +0 -3
- package/dist/typescript/commonjs/features/chatbot/components/Chat/FadeMask.d.ts.map +0 -1
- package/dist/typescript/commonjs/features/chatbot/components/Chat/FadeMask.native.d.ts +0 -13
- package/dist/typescript/commonjs/features/chatbot/components/Chat/FadeMask.native.d.ts.map +0 -1
- package/dist/typescript/commonjs/features/chatbot/components/Chat/FadeMask.web.d.ts +0 -13
- package/dist/typescript/commonjs/features/chatbot/components/Chat/FadeMask.web.d.ts.map +0 -1
- package/dist/typescript/module/features/chatbot/components/Chat/FadeMask.d.ts +0 -3
- package/dist/typescript/module/features/chatbot/components/Chat/FadeMask.d.ts.map +0 -1
- package/dist/typescript/module/features/chatbot/components/Chat/FadeMask.native.d.ts +0 -13
- package/dist/typescript/module/features/chatbot/components/Chat/FadeMask.native.d.ts.map +0 -1
- package/dist/typescript/module/features/chatbot/components/Chat/FadeMask.web.d.ts +0 -13
- package/dist/typescript/module/features/chatbot/components/Chat/FadeMask.web.d.ts.map +0 -1
- package/src/features/chatbot/components/Chat/FadeMask.ts +0 -2
- package/src/features/chatbot/components/Chat/FadeMask.web.tsx +0 -14
- package/src/features/chatbot/components/Chat/useChatFade.native.ts +0 -34
|
@@ -13,7 +13,6 @@ var _styleTypes = require("../../types/style.types.js");
|
|
|
13
13
|
var _ChatIcon = require("./ChatIcon.js");
|
|
14
14
|
var _ChatInputBlock = require("./ChatInputBlock.js");
|
|
15
15
|
var _MessageItem = require("./MessageItem.js");
|
|
16
|
-
var _FadeMask = require("./FadeMask.js");
|
|
17
16
|
var _constants = require("../../constants.js");
|
|
18
17
|
var _useChatScroll = require("./useChatScroll.js");
|
|
19
18
|
var _useChatFade = require("./useChatFade");
|
|
@@ -111,7 +110,7 @@ const Chat = ({
|
|
|
111
110
|
onContentSizeChange: handleContentSizeChange,
|
|
112
111
|
ItemSeparatorComponent: Separator,
|
|
113
112
|
ListHeaderComponent: listHeader
|
|
114
|
-
}), /*#__PURE__*/(0, _jsxRuntime.jsx)(
|
|
113
|
+
}), /*#__PURE__*/(0, _jsxRuntime.jsx)(_useChatFade.FadeOverlays, {
|
|
115
114
|
fadeRef: fadeRef
|
|
116
115
|
})]
|
|
117
116
|
}), !isScrolledUp && !isInputDisabled && /*#__PURE__*/(0, _jsxRuntime.jsx)(_ChatIcon.ChatIcon, {
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"names":["_react","_interopRequireWildcard","require","_reactNative","_effectorReact","_reactNativeUi","_MessageLoader","_styleTypes","_ChatIcon","_ChatInputBlock","_MessageItem","
|
|
1
|
+
{"version":3,"names":["_react","_interopRequireWildcard","require","_reactNative","_effectorReact","_reactNativeUi","_MessageLoader","_styleTypes","_ChatIcon","_ChatInputBlock","_MessageItem","_constants","_useChatScroll","_useChatFade","_jsxRuntime","_getRequireWildcardCache","e","WeakMap","r","t","__esModule","default","has","get","n","__proto__","a","Object","defineProperty","getOwnPropertyDescriptor","u","hasOwnProperty","call","i","set","Separator","jsx","View","style","styles","separator","keyExtractor","item","index","id","Chat","model","isHintFeedback","isTextToSpeechEnabled","isInputDisabled","maxHeight","colorScheme","ColorScheme","Blue","MessageWrapper","TTSHighlightRenderer","onPressClose","listRef","useRef","fadeRef","maskStyle","handleScrollStateChange","resetFade","useChatFade","scrollStateRef","isScrolledUp","handleScroll","handleLayout","handleContentSizeChange","scrollToBottom","reset","resetScroll","useChatScroll","onStateChange","isOpen","useUnit","$isOpen","isHelpRequestPending","sendHelpRequestFx","pending","messages","useStoreMap","$currentChatData","lastBotMessageId","findLast","m","isOwnMessage","shouldWrapMessage","length","reversedMessages","useMemo","reverse","renderMessage","useCallback","message","withIcon","current","MessageItem","listHeader","MessageLoader","isLoading","at","useEffect","jsxs","container","children","listWrapper","FlatList","ref","data","renderItem","flatList","contentContainerStyle","list","showsVerticalScrollIndicator","inverted","bounces","onLayout","onScroll","onContentSizeChange","ItemSeparatorComponent","ListHeaderComponent","FadeOverlays","ChatIcon","ChatInputBlock","hasMessages","exports","StyleSheet","create","alignItems","width","CHAT_CONTAINER_WIDTH","paddingRight","SPACING","flexGrow","flexShrink","alignSelf","paddingTop","paddingBottom","height"],"sourceRoot":"../../../../../../src","sources":["features/chatbot/components/Chat/Chat.tsx"],"mappings":"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","ignoreList":[]}
|
|
@@ -3,6 +3,12 @@
|
|
|
3
3
|
Object.defineProperty(exports, "__esModule", {
|
|
4
4
|
value: true
|
|
5
5
|
});
|
|
6
|
+
Object.defineProperty(exports, "FadeOverlays", {
|
|
7
|
+
enumerable: true,
|
|
8
|
+
get: function () {
|
|
9
|
+
return _useChatFadeWeb.FadeOverlays;
|
|
10
|
+
}
|
|
11
|
+
});
|
|
6
12
|
Object.defineProperty(exports, "useChatFade", {
|
|
7
13
|
enumerable: true,
|
|
8
14
|
get: function () {
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"names":["_useChatFadeWeb","require"],"sourceRoot":"../../../../../../src","sources":["features/chatbot/components/Chat/useChatFade.ts"],"mappings":"
|
|
1
|
+
{"version":3,"names":["_useChatFadeWeb","require"],"sourceRoot":"../../../../../../src","sources":["features/chatbot/components/Chat/useChatFade.ts"],"mappings":";;;;;;;;;;;;;;;;;AAAA,IAAAA,eAAA,GAAAC,OAAA","ignoreList":[]}
|
|
@@ -3,14 +3,24 @@
|
|
|
3
3
|
Object.defineProperty(exports, "__esModule", {
|
|
4
4
|
value: true
|
|
5
5
|
});
|
|
6
|
-
exports.useChatFade = void 0;
|
|
7
|
-
var _react = require("react");
|
|
8
|
-
var
|
|
6
|
+
exports.useChatFade = exports.FadeOverlays = void 0;
|
|
7
|
+
var _react = _interopRequireWildcard(require("react"));
|
|
8
|
+
var _reactNative = require("react-native");
|
|
9
|
+
var _reactNativeLinearGradient = require("react-native-linear-gradient");
|
|
10
|
+
var _jsxRuntime = require("react/jsx-runtime");
|
|
11
|
+
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); }
|
|
12
|
+
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; }
|
|
13
|
+
var FadePosition = /*#__PURE__*/function (FadePosition) {
|
|
14
|
+
FadePosition["TOP"] = "top";
|
|
15
|
+
FadePosition["BOTTOM"] = "bottom";
|
|
16
|
+
FadePosition["BOTH"] = "both";
|
|
17
|
+
return FadePosition;
|
|
18
|
+
}(FadePosition || {});
|
|
9
19
|
const computeFade = state => {
|
|
10
20
|
if (!state.isScrollable) return undefined;
|
|
11
|
-
if (state.isAtTop) return
|
|
12
|
-
if (state.isScrolledUp) return
|
|
13
|
-
return
|
|
21
|
+
if (state.isAtTop) return FadePosition.BOTTOM;
|
|
22
|
+
if (state.isScrolledUp) return FadePosition.BOTH;
|
|
23
|
+
return FadePosition.TOP;
|
|
14
24
|
};
|
|
15
25
|
const useChatFade = () => {
|
|
16
26
|
const fadeRef = (0, _react.useRef)(null);
|
|
@@ -33,4 +43,59 @@ const useChatFade = () => {
|
|
|
33
43
|
};
|
|
34
44
|
};
|
|
35
45
|
exports.useChatFade = useChatFade;
|
|
46
|
+
const FADE_HEIGHT = 35;
|
|
47
|
+
const FadeOverlays = ({
|
|
48
|
+
fadeRef
|
|
49
|
+
}) => {
|
|
50
|
+
const [fade, setFade] = (0, _react.useState)(undefined);
|
|
51
|
+
fadeRef.current = setFade;
|
|
52
|
+
const showTop = fade === FadePosition.TOP || fade === FadePosition.BOTH;
|
|
53
|
+
const showBottom = fade === FadePosition.BOTTOM || fade === FadePosition.BOTH;
|
|
54
|
+
return /*#__PURE__*/(0, _jsxRuntime.jsxs)(_jsxRuntime.Fragment, {
|
|
55
|
+
children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNativeLinearGradient.LinearGradient, {
|
|
56
|
+
colors: ['white', 'rgba(255,255,255,0)'],
|
|
57
|
+
start: {
|
|
58
|
+
x: 0,
|
|
59
|
+
y: 0
|
|
60
|
+
},
|
|
61
|
+
end: {
|
|
62
|
+
x: 0,
|
|
63
|
+
y: 1
|
|
64
|
+
},
|
|
65
|
+
style: [styles.gradient, styles.gradientTop, {
|
|
66
|
+
opacity: showTop ? 1 : 0
|
|
67
|
+
}],
|
|
68
|
+
pointerEvents: "none"
|
|
69
|
+
}), /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNativeLinearGradient.LinearGradient, {
|
|
70
|
+
colors: ['rgba(255,255,255,0)', 'white'],
|
|
71
|
+
start: {
|
|
72
|
+
x: 0,
|
|
73
|
+
y: 0
|
|
74
|
+
},
|
|
75
|
+
end: {
|
|
76
|
+
x: 0,
|
|
77
|
+
y: 1
|
|
78
|
+
},
|
|
79
|
+
style: [styles.gradient, styles.gradientBottom, {
|
|
80
|
+
opacity: showBottom ? 1 : 0
|
|
81
|
+
}],
|
|
82
|
+
pointerEvents: "none"
|
|
83
|
+
})]
|
|
84
|
+
});
|
|
85
|
+
};
|
|
86
|
+
exports.FadeOverlays = FadeOverlays;
|
|
87
|
+
const styles = _reactNative.StyleSheet.create({
|
|
88
|
+
gradient: {
|
|
89
|
+
position: 'absolute',
|
|
90
|
+
left: 0,
|
|
91
|
+
right: 0,
|
|
92
|
+
height: FADE_HEIGHT
|
|
93
|
+
},
|
|
94
|
+
gradientTop: {
|
|
95
|
+
top: 0
|
|
96
|
+
},
|
|
97
|
+
gradientBottom: {
|
|
98
|
+
bottom: 0
|
|
99
|
+
}
|
|
100
|
+
});
|
|
36
101
|
//# sourceMappingURL=useChatFade.native.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"names":["_react","require","
|
|
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","computeFade","state","isScrollable","undefined","isAtTop","BOTTOM","isScrolledUp","BOTH","TOP","useChatFade","fadeRef","useRef","lastFade","handleScrollStateChange","useCallback","fade","current","resetFade","maskStyle","exports","FADE_HEIGHT","FadeOverlays","setFade","useState","showTop","showBottom","jsxs","Fragment","children","jsx","LinearGradient","colors","start","x","y","end","style","styles","gradient","gradientTop","opacity","pointerEvents","gradientBottom","StyleSheet","create","position","left","right","height","top","bottom"],"sourceRoot":"../../../../../../src","sources":["features/chatbot/components/Chat/useChatFade.native.tsx"],"mappings":"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","ignoreList":[]}
|
|
@@ -3,25 +3,30 @@
|
|
|
3
3
|
Object.defineProperty(exports, "__esModule", {
|
|
4
4
|
value: true
|
|
5
5
|
});
|
|
6
|
-
exports.useChatFade = void 0;
|
|
6
|
+
exports.useChatFade = exports.FadeOverlays = void 0;
|
|
7
7
|
var _react = require("react");
|
|
8
|
-
var
|
|
8
|
+
var FadePosition = /*#__PURE__*/function (FadePosition) {
|
|
9
|
+
FadePosition["TOP"] = "top";
|
|
10
|
+
FadePosition["BOTTOM"] = "bottom";
|
|
11
|
+
FadePosition["BOTH"] = "both";
|
|
12
|
+
return FadePosition;
|
|
13
|
+
}(FadePosition || {});
|
|
9
14
|
const MASKS = {
|
|
10
|
-
[
|
|
15
|
+
[FadePosition.TOP]: {
|
|
11
16
|
maskImage: 'linear-gradient(to top, transparent, black 10%, black)'
|
|
12
17
|
},
|
|
13
|
-
[
|
|
18
|
+
[FadePosition.BOTTOM]: {
|
|
14
19
|
maskImage: 'linear-gradient(to bottom, transparent, black 10%, black)'
|
|
15
20
|
},
|
|
16
|
-
[
|
|
21
|
+
[FadePosition.BOTH]: {
|
|
17
22
|
maskImage: 'linear-gradient(to top, transparent, black 10%, black 90%, transparent)'
|
|
18
23
|
}
|
|
19
24
|
};
|
|
20
25
|
const computeFade = state => {
|
|
21
26
|
if (!state.isScrollable) return undefined;
|
|
22
|
-
if (state.isAtTop) return
|
|
23
|
-
if (state.isScrolledUp) return
|
|
24
|
-
return
|
|
27
|
+
if (state.isAtTop) return FadePosition.BOTTOM;
|
|
28
|
+
if (state.isScrolledUp) return FadePosition.BOTH;
|
|
29
|
+
return FadePosition.TOP;
|
|
25
30
|
};
|
|
26
31
|
const useChatFade = () => {
|
|
27
32
|
const fadeRef = (0, _react.useRef)(null);
|
|
@@ -45,4 +50,6 @@ const useChatFade = () => {
|
|
|
45
50
|
};
|
|
46
51
|
};
|
|
47
52
|
exports.useChatFade = useChatFade;
|
|
53
|
+
const FadeOverlays = _ => null;
|
|
54
|
+
exports.FadeOverlays = FadeOverlays;
|
|
48
55
|
//# sourceMappingURL=useChatFade.web.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"names":["_react","require","
|
|
1
|
+
{"version":3,"names":["_react","require","FadePosition","MASKS","TOP","maskImage","BOTTOM","BOTH","computeFade","state","isScrollable","undefined","isAtTop","isScrolledUp","useChatFade","fadeRef","useRef","lastFade","maskStyle","setMaskStyle","useState","handleScrollStateChange","useCallback","fade","current","resetFade","exports","FadeOverlays","_"],"sourceRoot":"../../../../../../src","sources":["features/chatbot/components/Chat/useChatFade.web.ts"],"mappings":";;;;;;AAAA,IAAAA,MAAA,GAAAC,OAAA;AAAqD,IAGhDC,YAAY,0BAAZA,YAAY;EAAZA,YAAY;EAAZA,YAAY;EAAZA,YAAY;EAAA,OAAZA,YAAY;AAAA,EAAZA,YAAY;AAYjB,MAAMC,KAAsC,GAAG;EAC7C,CAACD,YAAY,CAACE,GAAG,GAAG;IAClBC,SAAS,EAAE;EACb,CAAQ;EACR,CAACH,YAAY,CAACI,MAAM,GAAG;IACrBD,SAAS,EAAE;EACb,CAAQ;EACR,CAACH,YAAY,CAACK,IAAI,GAAG;IACnBF,SAAS,EAAE;EACb;AACF,CAAC;AAED,MAAMG,WAAW,GAAIC,KAAkB,IAAK;EAC1C,IAAI,CAACA,KAAK,CAACC,YAAY,EAAE,OAAOC,SAAS;EACzC,IAAIF,KAAK,CAACG,OAAO,EAAE,OAAOV,YAAY,CAACI,MAAM;EAC7C,IAAIG,KAAK,CAACI,YAAY,EAAE,OAAOX,YAAY,CAACK,IAAI;EAChD,OAAOL,YAAY,CAACE,GAAG;AACzB,CAAC;AAEM,MAAMU,WAAW,GAAGA,CAAA,KAAM;EAC/B,MAAMC,OAAO,GAAG,IAAAC,aAAM,EAAC,IAAI,CAAC;EAC5B,MAAMC,QAAQ,GAAG,IAAAD,aAAM,EAA2BL,SAAS,CAAC;EAC5D,MAAM,CAACO,SAAS,EAAEC,YAAY,CAAC,GAAG,IAAAC,eAAQ,EAAwBT,SAAS,CAAC;EAE5E,MAAMU,uBAAuB,GAAG,IAAAC,kBAAW,EAAEb,KAAkB,IAAK;IAClE,MAAMc,IAAI,GAAGf,WAAW,CAACC,KAAK,CAAC;IAC/B,IAAIc,IAAI,KAAKN,QAAQ,CAACO,OAAO,EAAE;IAC/BP,QAAQ,CAACO,OAAO,GAAGD,IAAI;IACvBJ,YAAY,CAACI,IAAI,GAAGpB,KAAK,CAACoB,IAAI,CAAC,GAAGZ,SAAS,CAAC;EAC9C,CAAC,EAAE,EAAE,CAAC;EAEN,MAAMc,SAAS,GAAG,IAAAH,kBAAW,EAAC,MAAM;IAClCL,QAAQ,CAACO,OAAO,GAAGb,SAAS;IAC5BQ,YAAY,CAACR,SAAS,CAAC;EACzB,CAAC,EAAE,EAAE,CAAC;EAEN,OAAO;IAAEI,OAAO;IAAEG,SAAS;IAAEG,uBAAuB;IAAEI;EAAU,CAAC;AACnE,CAAC;AAAAC,OAAA,CAAAZ,WAAA,GAAAA,WAAA;AAEM,MAAMa,YAAY,GAAIC,CAAmB,IAAK,IAAI;AAAAF,OAAA,CAAAC,YAAA,GAAAA,YAAA","ignoreList":[]}
|
|
@@ -9,10 +9,9 @@ import { ColorScheme } from "../../types/style.types.js";
|
|
|
9
9
|
import { ChatIcon } from "./ChatIcon.js";
|
|
10
10
|
import { ChatInputBlock } from "./ChatInputBlock.js";
|
|
11
11
|
import { MessageItem } from "./MessageItem.js";
|
|
12
|
-
import { FadeOverlays } from "./FadeMask.js";
|
|
13
12
|
import { CHAT_CONTAINER_WIDTH } from "../../constants.js";
|
|
14
13
|
import { useChatScroll } from "./useChatScroll.js";
|
|
15
|
-
import { useChatFade } from './useChatFade';
|
|
14
|
+
import { useChatFade, FadeOverlays } from './useChatFade';
|
|
16
15
|
import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
|
|
17
16
|
const Separator = () => /*#__PURE__*/_jsx(View, {
|
|
18
17
|
style: styles.separator
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"names":["React","useCallback","useEffect","useMemo","useRef","FlatList","StyleSheet","View","useStoreMap","useUnit","SPACING","MessageLoader","ColorScheme","ChatIcon","ChatInputBlock","MessageItem","
|
|
1
|
+
{"version":3,"names":["React","useCallback","useEffect","useMemo","useRef","FlatList","StyleSheet","View","useStoreMap","useUnit","SPACING","MessageLoader","ColorScheme","ChatIcon","ChatInputBlock","MessageItem","CHAT_CONTAINER_WIDTH","useChatScroll","useChatFade","FadeOverlays","jsx","_jsx","jsxs","_jsxs","Separator","style","styles","separator","keyExtractor","item","index","id","Chat","model","isHintFeedback","isTextToSpeechEnabled","isInputDisabled","maxHeight","colorScheme","Blue","MessageWrapper","TTSHighlightRenderer","onPressClose","listRef","fadeRef","maskStyle","handleScrollStateChange","resetFade","scrollStateRef","isScrolledUp","handleScroll","handleLayout","handleContentSizeChange","scrollToBottom","reset","resetScroll","onStateChange","isOpen","$isOpen","isHelpRequestPending","sendHelpRequestFx","pending","messages","$currentChatData","lastBotMessageId","findLast","m","isOwnMessage","shouldWrapMessage","length","reversedMessages","reverse","renderMessage","message","withIcon","current","listHeader","isLoading","at","container","children","listWrapper","ref","data","renderItem","flatList","contentContainerStyle","list","showsVerticalScrollIndicator","inverted","bounces","onLayout","onScroll","onContentSizeChange","ItemSeparatorComponent","ListHeaderComponent","hasMessages","create","alignItems","width","paddingRight","flexGrow","flexShrink","alignSelf","paddingTop","paddingBottom","height"],"sourceRoot":"../../../../../../src","sources":["features/chatbot/components/Chat/Chat.tsx"],"mappings":"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","ignoreList":[]}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"names":["useChatFade"],"sourceRoot":"../../../../../../src","sources":["features/chatbot/components/Chat/useChatFade.ts"],"mappings":";;AAAA,SAASA,WAAW,QAAQ,sBAAmB","ignoreList":[]}
|
|
1
|
+
{"version":3,"names":["useChatFade","FadeOverlays"],"sourceRoot":"../../../../../../src","sources":["features/chatbot/components/Chat/useChatFade.ts"],"mappings":";;AAAA,SAASA,WAAW,EAAEC,YAAY,QAAQ,sBAAmB","ignoreList":[]}
|
|
@@ -1,7 +1,15 @@
|
|
|
1
1
|
"use strict";
|
|
2
2
|
|
|
3
|
-
import { useCallback, useRef } from 'react';
|
|
4
|
-
import {
|
|
3
|
+
import React, { useCallback, useRef, useState } from 'react';
|
|
4
|
+
import { StyleSheet } from 'react-native';
|
|
5
|
+
import { LinearGradient } from 'react-native-linear-gradient';
|
|
6
|
+
import { jsx as _jsx, Fragment as _Fragment, jsxs as _jsxs } from "react/jsx-runtime";
|
|
7
|
+
var FadePosition = /*#__PURE__*/function (FadePosition) {
|
|
8
|
+
FadePosition["TOP"] = "top";
|
|
9
|
+
FadePosition["BOTTOM"] = "bottom";
|
|
10
|
+
FadePosition["BOTH"] = "both";
|
|
11
|
+
return FadePosition;
|
|
12
|
+
}(FadePosition || {});
|
|
5
13
|
const computeFade = state => {
|
|
6
14
|
if (!state.isScrollable) return undefined;
|
|
7
15
|
if (state.isAtTop) return FadePosition.BOTTOM;
|
|
@@ -28,4 +36,58 @@ export const useChatFade = () => {
|
|
|
28
36
|
resetFade
|
|
29
37
|
};
|
|
30
38
|
};
|
|
39
|
+
const FADE_HEIGHT = 35;
|
|
40
|
+
export const FadeOverlays = ({
|
|
41
|
+
fadeRef
|
|
42
|
+
}) => {
|
|
43
|
+
const [fade, setFade] = useState(undefined);
|
|
44
|
+
fadeRef.current = setFade;
|
|
45
|
+
const showTop = fade === FadePosition.TOP || fade === FadePosition.BOTH;
|
|
46
|
+
const showBottom = fade === FadePosition.BOTTOM || fade === FadePosition.BOTH;
|
|
47
|
+
return /*#__PURE__*/_jsxs(_Fragment, {
|
|
48
|
+
children: [/*#__PURE__*/_jsx(LinearGradient, {
|
|
49
|
+
colors: ['white', 'rgba(255,255,255,0)'],
|
|
50
|
+
start: {
|
|
51
|
+
x: 0,
|
|
52
|
+
y: 0
|
|
53
|
+
},
|
|
54
|
+
end: {
|
|
55
|
+
x: 0,
|
|
56
|
+
y: 1
|
|
57
|
+
},
|
|
58
|
+
style: [styles.gradient, styles.gradientTop, {
|
|
59
|
+
opacity: showTop ? 1 : 0
|
|
60
|
+
}],
|
|
61
|
+
pointerEvents: "none"
|
|
62
|
+
}), /*#__PURE__*/_jsx(LinearGradient, {
|
|
63
|
+
colors: ['rgba(255,255,255,0)', 'white'],
|
|
64
|
+
start: {
|
|
65
|
+
x: 0,
|
|
66
|
+
y: 0
|
|
67
|
+
},
|
|
68
|
+
end: {
|
|
69
|
+
x: 0,
|
|
70
|
+
y: 1
|
|
71
|
+
},
|
|
72
|
+
style: [styles.gradient, styles.gradientBottom, {
|
|
73
|
+
opacity: showBottom ? 1 : 0
|
|
74
|
+
}],
|
|
75
|
+
pointerEvents: "none"
|
|
76
|
+
})]
|
|
77
|
+
});
|
|
78
|
+
};
|
|
79
|
+
const styles = StyleSheet.create({
|
|
80
|
+
gradient: {
|
|
81
|
+
position: 'absolute',
|
|
82
|
+
left: 0,
|
|
83
|
+
right: 0,
|
|
84
|
+
height: FADE_HEIGHT
|
|
85
|
+
},
|
|
86
|
+
gradientTop: {
|
|
87
|
+
top: 0
|
|
88
|
+
},
|
|
89
|
+
gradientBottom: {
|
|
90
|
+
bottom: 0
|
|
91
|
+
}
|
|
92
|
+
});
|
|
31
93
|
//# sourceMappingURL=useChatFade.native.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"names":["useCallback","useRef","FadePosition","computeFade","state","isScrollable","undefined","isAtTop","BOTTOM","isScrolledUp","BOTH","TOP","useChatFade","fadeRef","lastFade","handleScrollStateChange","fade","current","resetFade","maskStyle"],"sourceRoot":"../../../../../../src","sources":["features/chatbot/components/Chat/useChatFade.native.
|
|
1
|
+
{"version":3,"names":["React","useCallback","useRef","useState","StyleSheet","LinearGradient","jsx","_jsx","Fragment","_Fragment","jsxs","_jsxs","FadePosition","computeFade","state","isScrollable","undefined","isAtTop","BOTTOM","isScrolledUp","BOTH","TOP","useChatFade","fadeRef","lastFade","handleScrollStateChange","fade","current","resetFade","maskStyle","FADE_HEIGHT","FadeOverlays","setFade","showTop","showBottom","children","colors","start","x","y","end","style","styles","gradient","gradientTop","opacity","pointerEvents","gradientBottom","create","position","left","right","height","top","bottom"],"sourceRoot":"../../../../../../src","sources":["features/chatbot/components/Chat/useChatFade.native.tsx"],"mappings":"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","ignoreList":[]}
|
|
@@ -1,7 +1,12 @@
|
|
|
1
1
|
"use strict";
|
|
2
2
|
|
|
3
3
|
import { useCallback, useRef, useState } from 'react';
|
|
4
|
-
|
|
4
|
+
var FadePosition = /*#__PURE__*/function (FadePosition) {
|
|
5
|
+
FadePosition["TOP"] = "top";
|
|
6
|
+
FadePosition["BOTTOM"] = "bottom";
|
|
7
|
+
FadePosition["BOTH"] = "both";
|
|
8
|
+
return FadePosition;
|
|
9
|
+
}(FadePosition || {});
|
|
5
10
|
const MASKS = {
|
|
6
11
|
[FadePosition.TOP]: {
|
|
7
12
|
maskImage: 'linear-gradient(to top, transparent, black 10%, black)'
|
|
@@ -40,4 +45,5 @@ export const useChatFade = () => {
|
|
|
40
45
|
resetFade
|
|
41
46
|
};
|
|
42
47
|
};
|
|
48
|
+
export const FadeOverlays = _ => null;
|
|
43
49
|
//# sourceMappingURL=useChatFade.web.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"names":["useCallback","useRef","useState","FadePosition","MASKS","TOP","maskImage","BOTTOM","BOTH","computeFade","state","isScrollable","undefined","isAtTop","isScrolledUp","useChatFade","fadeRef","lastFade","maskStyle","setMaskStyle","handleScrollStateChange","fade","current","resetFade"],"sourceRoot":"../../../../../../src","sources":["features/chatbot/components/Chat/useChatFade.web.ts"],"mappings":";;AAAA,SAASA,WAAW,EAAEC,MAAM,EAAEC,QAAQ,QAAQ,OAAO;
|
|
1
|
+
{"version":3,"names":["useCallback","useRef","useState","FadePosition","MASKS","TOP","maskImage","BOTTOM","BOTH","computeFade","state","isScrollable","undefined","isAtTop","isScrolledUp","useChatFade","fadeRef","lastFade","maskStyle","setMaskStyle","handleScrollStateChange","fade","current","resetFade","FadeOverlays","_"],"sourceRoot":"../../../../../../src","sources":["features/chatbot/components/Chat/useChatFade.web.ts"],"mappings":";;AAAA,SAASA,WAAW,EAAEC,MAAM,EAAEC,QAAQ,QAAQ,OAAO;AAAA,IAGhDC,YAAY,0BAAZA,YAAY;EAAZA,YAAY;EAAZA,YAAY;EAAZA,YAAY;EAAA,OAAZA,YAAY;AAAA,EAAZA,YAAY;AAYjB,MAAMC,KAAsC,GAAG;EAC7C,CAACD,YAAY,CAACE,GAAG,GAAG;IAClBC,SAAS,EAAE;EACb,CAAQ;EACR,CAACH,YAAY,CAACI,MAAM,GAAG;IACrBD,SAAS,EAAE;EACb,CAAQ;EACR,CAACH,YAAY,CAACK,IAAI,GAAG;IACnBF,SAAS,EAAE;EACb;AACF,CAAC;AAED,MAAMG,WAAW,GAAIC,KAAkB,IAAK;EAC1C,IAAI,CAACA,KAAK,CAACC,YAAY,EAAE,OAAOC,SAAS;EACzC,IAAIF,KAAK,CAACG,OAAO,EAAE,OAAOV,YAAY,CAACI,MAAM;EAC7C,IAAIG,KAAK,CAACI,YAAY,EAAE,OAAOX,YAAY,CAACK,IAAI;EAChD,OAAOL,YAAY,CAACE,GAAG;AACzB,CAAC;AAED,OAAO,MAAMU,WAAW,GAAGA,CAAA,KAAM;EAC/B,MAAMC,OAAO,GAAGf,MAAM,CAAC,IAAI,CAAC;EAC5B,MAAMgB,QAAQ,GAAGhB,MAAM,CAA2BW,SAAS,CAAC;EAC5D,MAAM,CAACM,SAAS,EAAEC,YAAY,CAAC,GAAGjB,QAAQ,CAAwBU,SAAS,CAAC;EAE5E,MAAMQ,uBAAuB,GAAGpB,WAAW,CAAEU,KAAkB,IAAK;IAClE,MAAMW,IAAI,GAAGZ,WAAW,CAACC,KAAK,CAAC;IAC/B,IAAIW,IAAI,KAAKJ,QAAQ,CAACK,OAAO,EAAE;IAC/BL,QAAQ,CAACK,OAAO,GAAGD,IAAI;IACvBF,YAAY,CAACE,IAAI,GAAGjB,KAAK,CAACiB,IAAI,CAAC,GAAGT,SAAS,CAAC;EAC9C,CAAC,EAAE,EAAE,CAAC;EAEN,MAAMW,SAAS,GAAGvB,WAAW,CAAC,MAAM;IAClCiB,QAAQ,CAACK,OAAO,GAAGV,SAAS;IAC5BO,YAAY,CAACP,SAAS,CAAC;EACzB,CAAC,EAAE,EAAE,CAAC;EAEN,OAAO;IAAEI,OAAO;IAAEE,SAAS;IAAEE,uBAAuB;IAAEG;EAAU,CAAC;AACnE,CAAC;AAED,OAAO,MAAMC,YAAY,GAAIC,CAAmB,IAAK,IAAI","ignoreList":[]}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Chat.d.ts","sourceRoot":"","sources":["../../../../../../../src/features/chatbot/components/Chat/Chat.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EACZ,aAAa,EACb,iBAAiB,EAKlB,MAAM,OAAO,CAAA;AAMd,OAAO,EAAE,YAAY,EAAE,MAAM,0BAA0B,CAAA;AAEvD,OAAO,EAAE,WAAW,EAAE,MAAM,yBAAyB,CAAA;AACrD,OAAO,EAAE,oBAAoB,EAAE,MAAM,uBAAuB,CAAA;
|
|
1
|
+
{"version":3,"file":"Chat.d.ts","sourceRoot":"","sources":["../../../../../../../src/features/chatbot/components/Chat/Chat.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EACZ,aAAa,EACb,iBAAiB,EAKlB,MAAM,OAAO,CAAA;AAMd,OAAO,EAAE,YAAY,EAAE,MAAM,0BAA0B,CAAA;AAEvD,OAAO,EAAE,WAAW,EAAE,MAAM,yBAAyB,CAAA;AACrD,OAAO,EAAE,oBAAoB,EAAE,MAAM,uBAAuB,CAAA;AAW5D,KAAK,SAAS,GAAG;IACf,KAAK,EAAE,YAAY,CAAA;IACnB,cAAc,EAAE,OAAO,CAAA;IACvB,qBAAqB,EAAE,OAAO,CAAA;IAC9B,eAAe,CAAC,EAAE,OAAO,CAAA;IACzB,SAAS,CAAC,EAAE,MAAM,CAAA;IAClB,WAAW,CAAC,EAAE,WAAW,CAAA;IACzB,cAAc,CAAC,EAAE,aAAa,CAAC,iBAAiB,CAAC,CAAA;IACjD,oBAAoB,CAAC,EAAE,oBAAoB,CAAA;IAC3C,YAAY,CAAC,EAAE,MAAM,IAAI,CAAA;CAC1B,CAAA;AAED,eAAO,MAAM,IAAI,mJAUd,SAAS,6BAoGX,CAAA"}
|
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
export { useChatFade } from './useChatFade.web';
|
|
1
|
+
export { useChatFade, FadeOverlays } from './useChatFade.web';
|
|
2
2
|
//# sourceMappingURL=useChatFade.d.ts.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"useChatFade.d.ts","sourceRoot":"","sources":["../../../../../../../src/features/chatbot/components/Chat/useChatFade.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,WAAW,EAAE,MAAM,mBAAmB,CAAA"}
|
|
1
|
+
{"version":3,"file":"useChatFade.d.ts","sourceRoot":"","sources":["../../../../../../../src/features/chatbot/components/Chat/useChatFade.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,WAAW,EAAE,YAAY,EAAE,MAAM,mBAAmB,CAAA"}
|
|
@@ -1,14 +1,24 @@
|
|
|
1
|
-
import {
|
|
1
|
+
import React, { MutableRefObject } from 'react';
|
|
2
|
+
declare enum FadePosition {
|
|
3
|
+
TOP = "top",
|
|
4
|
+
BOTTOM = "bottom",
|
|
5
|
+
BOTH = "both"
|
|
6
|
+
}
|
|
7
|
+
type FadeUpdateFn = (fade: FadePosition | undefined) => void;
|
|
2
8
|
type ScrollState = {
|
|
3
9
|
isScrollable: boolean;
|
|
4
10
|
isScrolledUp: boolean;
|
|
5
11
|
isAtTop: boolean;
|
|
6
12
|
};
|
|
7
13
|
export declare const useChatFade: () => {
|
|
8
|
-
fadeRef:
|
|
14
|
+
fadeRef: React.MutableRefObject<FadeUpdateFn | null>;
|
|
9
15
|
maskStyle: undefined;
|
|
10
16
|
handleScrollStateChange: (state: ScrollState) => void;
|
|
11
17
|
resetFade: () => void;
|
|
12
18
|
};
|
|
19
|
+
type FadeOverlaysProps = {
|
|
20
|
+
fadeRef: MutableRefObject<FadeUpdateFn | null>;
|
|
21
|
+
};
|
|
22
|
+
export declare const FadeOverlays: ({ fadeRef }: FadeOverlaysProps) => React.JSX.Element;
|
|
13
23
|
export {};
|
|
14
24
|
//# sourceMappingURL=useChatFade.native.d.ts.map
|
package/dist/typescript/commonjs/features/chatbot/components/Chat/useChatFade.native.d.ts.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"useChatFade.native.d.ts","sourceRoot":"","sources":["../../../../../../../src/features/chatbot/components/Chat/useChatFade.native.
|
|
1
|
+
{"version":3,"file":"useChatFade.native.d.ts","sourceRoot":"","sources":["../../../../../../../src/features/chatbot/components/Chat/useChatFade.native.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAAE,gBAAgB,EAAiC,MAAM,OAAO,CAAA;AAI9E,aAAK,YAAY;IACf,GAAG,QAAQ;IACX,MAAM,WAAW;IACjB,IAAI,SAAS;CACd;AACD,KAAK,YAAY,GAAG,CAAC,IAAI,EAAE,YAAY,GAAG,SAAS,KAAK,IAAI,CAAA;AAE5D,KAAK,WAAW,GAAG;IACjB,YAAY,EAAE,OAAO,CAAA;IACrB,YAAY,EAAE,OAAO,CAAA;IACrB,OAAO,EAAE,OAAO,CAAA;CACjB,CAAA;AASD,eAAO,MAAM,WAAW;;;qCAI8B,WAAW;;CAahE,CAAA;AAID,KAAK,iBAAiB,GAAG;IACvB,OAAO,EAAE,gBAAgB,CAAC,YAAY,GAAG,IAAI,CAAC,CAAA;CAC/C,CAAA;AAED,eAAO,MAAM,YAAY,gBAAiB,iBAAiB,sBAyB1D,CAAA"}
|
|
@@ -10,5 +10,8 @@ export declare const useChatFade: () => {
|
|
|
10
10
|
handleScrollStateChange: (state: ScrollState) => void;
|
|
11
11
|
resetFade: () => void;
|
|
12
12
|
};
|
|
13
|
+
export declare const FadeOverlays: (_: {
|
|
14
|
+
fadeRef: any;
|
|
15
|
+
}) => null;
|
|
13
16
|
export {};
|
|
14
17
|
//# sourceMappingURL=useChatFade.web.d.ts.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"useChatFade.web.d.ts","sourceRoot":"","sources":["../../../../../../../src/features/chatbot/components/Chat/useChatFade.web.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,SAAS,EAAE,MAAM,cAAc,CAAA;
|
|
1
|
+
{"version":3,"file":"useChatFade.web.d.ts","sourceRoot":"","sources":["../../../../../../../src/features/chatbot/components/Chat/useChatFade.web.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,SAAS,EAAE,MAAM,cAAc,CAAA;AAQxC,KAAK,WAAW,GAAG;IACjB,YAAY,EAAE,OAAO,CAAA;IACrB,YAAY,EAAE,OAAO,CAAA;IACrB,OAAO,EAAE,OAAO,CAAA;CACjB,CAAA;AAqBD,eAAO,MAAM,WAAW;;;qCAK8B,WAAW;;CAahE,CAAA;AAED,eAAO,MAAM,YAAY,MAAO;IAAE,OAAO,EAAE,GAAG,CAAA;CAAE,SAAS,CAAA"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Chat.d.ts","sourceRoot":"","sources":["../../../../../../../src/features/chatbot/components/Chat/Chat.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EACZ,aAAa,EACb,iBAAiB,EAKlB,MAAM,OAAO,CAAA;AAMd,OAAO,EAAE,YAAY,EAAE,MAAM,0BAA0B,CAAA;AAEvD,OAAO,EAAE,WAAW,EAAE,MAAM,yBAAyB,CAAA;AACrD,OAAO,EAAE,oBAAoB,EAAE,MAAM,uBAAuB,CAAA;
|
|
1
|
+
{"version":3,"file":"Chat.d.ts","sourceRoot":"","sources":["../../../../../../../src/features/chatbot/components/Chat/Chat.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EACZ,aAAa,EACb,iBAAiB,EAKlB,MAAM,OAAO,CAAA;AAMd,OAAO,EAAE,YAAY,EAAE,MAAM,0BAA0B,CAAA;AAEvD,OAAO,EAAE,WAAW,EAAE,MAAM,yBAAyB,CAAA;AACrD,OAAO,EAAE,oBAAoB,EAAE,MAAM,uBAAuB,CAAA;AAW5D,KAAK,SAAS,GAAG;IACf,KAAK,EAAE,YAAY,CAAA;IACnB,cAAc,EAAE,OAAO,CAAA;IACvB,qBAAqB,EAAE,OAAO,CAAA;IAC9B,eAAe,CAAC,EAAE,OAAO,CAAA;IACzB,SAAS,CAAC,EAAE,MAAM,CAAA;IAClB,WAAW,CAAC,EAAE,WAAW,CAAA;IACzB,cAAc,CAAC,EAAE,aAAa,CAAC,iBAAiB,CAAC,CAAA;IACjD,oBAAoB,CAAC,EAAE,oBAAoB,CAAA;IAC3C,YAAY,CAAC,EAAE,MAAM,IAAI,CAAA;CAC1B,CAAA;AAED,eAAO,MAAM,IAAI,mJAUd,SAAS,6BAoGX,CAAA"}
|
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
export { useChatFade } from './useChatFade.web';
|
|
1
|
+
export { useChatFade, FadeOverlays } from './useChatFade.web';
|
|
2
2
|
//# sourceMappingURL=useChatFade.d.ts.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"useChatFade.d.ts","sourceRoot":"","sources":["../../../../../../../src/features/chatbot/components/Chat/useChatFade.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,WAAW,EAAE,MAAM,mBAAmB,CAAA"}
|
|
1
|
+
{"version":3,"file":"useChatFade.d.ts","sourceRoot":"","sources":["../../../../../../../src/features/chatbot/components/Chat/useChatFade.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,WAAW,EAAE,YAAY,EAAE,MAAM,mBAAmB,CAAA"}
|
|
@@ -1,14 +1,24 @@
|
|
|
1
|
-
import {
|
|
1
|
+
import React, { MutableRefObject } from 'react';
|
|
2
|
+
declare enum FadePosition {
|
|
3
|
+
TOP = "top",
|
|
4
|
+
BOTTOM = "bottom",
|
|
5
|
+
BOTH = "both"
|
|
6
|
+
}
|
|
7
|
+
type FadeUpdateFn = (fade: FadePosition | undefined) => void;
|
|
2
8
|
type ScrollState = {
|
|
3
9
|
isScrollable: boolean;
|
|
4
10
|
isScrolledUp: boolean;
|
|
5
11
|
isAtTop: boolean;
|
|
6
12
|
};
|
|
7
13
|
export declare const useChatFade: () => {
|
|
8
|
-
fadeRef:
|
|
14
|
+
fadeRef: React.MutableRefObject<FadeUpdateFn | null>;
|
|
9
15
|
maskStyle: undefined;
|
|
10
16
|
handleScrollStateChange: (state: ScrollState) => void;
|
|
11
17
|
resetFade: () => void;
|
|
12
18
|
};
|
|
19
|
+
type FadeOverlaysProps = {
|
|
20
|
+
fadeRef: MutableRefObject<FadeUpdateFn | null>;
|
|
21
|
+
};
|
|
22
|
+
export declare const FadeOverlays: ({ fadeRef }: FadeOverlaysProps) => React.JSX.Element;
|
|
13
23
|
export {};
|
|
14
24
|
//# sourceMappingURL=useChatFade.native.d.ts.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"useChatFade.native.d.ts","sourceRoot":"","sources":["../../../../../../../src/features/chatbot/components/Chat/useChatFade.native.
|
|
1
|
+
{"version":3,"file":"useChatFade.native.d.ts","sourceRoot":"","sources":["../../../../../../../src/features/chatbot/components/Chat/useChatFade.native.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAAE,gBAAgB,EAAiC,MAAM,OAAO,CAAA;AAI9E,aAAK,YAAY;IACf,GAAG,QAAQ;IACX,MAAM,WAAW;IACjB,IAAI,SAAS;CACd;AACD,KAAK,YAAY,GAAG,CAAC,IAAI,EAAE,YAAY,GAAG,SAAS,KAAK,IAAI,CAAA;AAE5D,KAAK,WAAW,GAAG;IACjB,YAAY,EAAE,OAAO,CAAA;IACrB,YAAY,EAAE,OAAO,CAAA;IACrB,OAAO,EAAE,OAAO,CAAA;CACjB,CAAA;AASD,eAAO,MAAM,WAAW;;;qCAI8B,WAAW;;CAahE,CAAA;AAID,KAAK,iBAAiB,GAAG;IACvB,OAAO,EAAE,gBAAgB,CAAC,YAAY,GAAG,IAAI,CAAC,CAAA;CAC/C,CAAA;AAED,eAAO,MAAM,YAAY,gBAAiB,iBAAiB,sBAyB1D,CAAA"}
|
|
@@ -10,5 +10,8 @@ export declare const useChatFade: () => {
|
|
|
10
10
|
handleScrollStateChange: (state: ScrollState) => void;
|
|
11
11
|
resetFade: () => void;
|
|
12
12
|
};
|
|
13
|
+
export declare const FadeOverlays: (_: {
|
|
14
|
+
fadeRef: any;
|
|
15
|
+
}) => null;
|
|
13
16
|
export {};
|
|
14
17
|
//# sourceMappingURL=useChatFade.web.d.ts.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"useChatFade.web.d.ts","sourceRoot":"","sources":["../../../../../../../src/features/chatbot/components/Chat/useChatFade.web.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,SAAS,EAAE,MAAM,cAAc,CAAA;
|
|
1
|
+
{"version":3,"file":"useChatFade.web.d.ts","sourceRoot":"","sources":["../../../../../../../src/features/chatbot/components/Chat/useChatFade.web.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,SAAS,EAAE,MAAM,cAAc,CAAA;AAQxC,KAAK,WAAW,GAAG;IACjB,YAAY,EAAE,OAAO,CAAA;IACrB,YAAY,EAAE,OAAO,CAAA;IACrB,OAAO,EAAE,OAAO,CAAA;CACjB,CAAA;AAqBD,eAAO,MAAM,WAAW;;;qCAK8B,WAAW;;CAahE,CAAA;AAED,eAAO,MAAM,YAAY,MAAO;IAAE,OAAO,EAAE,GAAG,CAAA;CAAE,SAAS,CAAA"}
|
package/package.json
CHANGED
|
@@ -18,10 +18,9 @@ import { TTSHighlightRenderer } from '../../types/t2s.types'
|
|
|
18
18
|
import { ChatIcon } from './ChatIcon'
|
|
19
19
|
import { ChatInputBlock } from './ChatInputBlock'
|
|
20
20
|
import { MessageItem } from './MessageItem'
|
|
21
|
-
import { FadeOverlays } from './FadeMask'
|
|
22
21
|
import { CHAT_CONTAINER_WIDTH } from '../../constants'
|
|
23
22
|
import { useChatScroll } from './useChatScroll'
|
|
24
|
-
import { useChatFade } from './useChatFade'
|
|
23
|
+
import { useChatFade, FadeOverlays } from './useChatFade'
|
|
25
24
|
|
|
26
25
|
const Separator = () => <View style={styles.separator} />
|
|
27
26
|
const keyExtractor = (item: ConversationMessage, index: number) => `${item.id}-${index}`
|
|
@@ -1,13 +1,45 @@
|
|
|
1
|
-
import React, { MutableRefObject, useState } from 'react'
|
|
1
|
+
import React, { MutableRefObject, useCallback, useRef, useState } from 'react'
|
|
2
2
|
import { StyleSheet } from 'react-native'
|
|
3
3
|
import { LinearGradient } from 'react-native-linear-gradient'
|
|
4
4
|
|
|
5
|
-
|
|
5
|
+
enum FadePosition {
|
|
6
6
|
TOP = 'top',
|
|
7
7
|
BOTTOM = 'bottom',
|
|
8
8
|
BOTH = 'both',
|
|
9
9
|
}
|
|
10
|
-
|
|
10
|
+
type FadeUpdateFn = (fade: FadePosition | undefined) => void
|
|
11
|
+
|
|
12
|
+
type ScrollState = {
|
|
13
|
+
isScrollable: boolean
|
|
14
|
+
isScrolledUp: boolean
|
|
15
|
+
isAtTop: boolean
|
|
16
|
+
}
|
|
17
|
+
|
|
18
|
+
const computeFade = (state: ScrollState) => {
|
|
19
|
+
if (!state.isScrollable) return undefined
|
|
20
|
+
if (state.isAtTop) return FadePosition.BOTTOM
|
|
21
|
+
if (state.isScrolledUp) return FadePosition.BOTH
|
|
22
|
+
return FadePosition.TOP
|
|
23
|
+
}
|
|
24
|
+
|
|
25
|
+
export const useChatFade = () => {
|
|
26
|
+
const fadeRef = useRef<FadeUpdateFn | null>(null)
|
|
27
|
+
const lastFade = useRef<FadePosition | undefined>(undefined)
|
|
28
|
+
|
|
29
|
+
const handleScrollStateChange = useCallback((state: ScrollState) => {
|
|
30
|
+
const fade = computeFade(state)
|
|
31
|
+
if (fade === lastFade.current) return
|
|
32
|
+
lastFade.current = fade
|
|
33
|
+
fadeRef.current?.(fade)
|
|
34
|
+
}, [])
|
|
35
|
+
|
|
36
|
+
const resetFade = useCallback(() => {
|
|
37
|
+
lastFade.current = undefined
|
|
38
|
+
fadeRef.current?.(undefined)
|
|
39
|
+
}, [])
|
|
40
|
+
|
|
41
|
+
return { fadeRef, maskStyle: undefined, handleScrollStateChange, resetFade }
|
|
42
|
+
}
|
|
11
43
|
|
|
12
44
|
const FADE_HEIGHT = 35
|
|
13
45
|
|
|
@@ -1 +1 @@
|
|
|
1
|
-
export { useChatFade } from './useChatFade.web'
|
|
1
|
+
export { useChatFade, FadeOverlays } from './useChatFade.web'
|
|
@@ -1,6 +1,11 @@
|
|
|
1
1
|
import { useCallback, useRef, useState } from 'react'
|
|
2
2
|
import { ViewStyle } from 'react-native'
|
|
3
|
-
|
|
3
|
+
|
|
4
|
+
enum FadePosition {
|
|
5
|
+
TOP = 'top',
|
|
6
|
+
BOTTOM = 'bottom',
|
|
7
|
+
BOTH = 'both',
|
|
8
|
+
}
|
|
4
9
|
|
|
5
10
|
type ScrollState = {
|
|
6
11
|
isScrollable: boolean
|
|
@@ -46,3 +51,5 @@ export const useChatFade = () => {
|
|
|
46
51
|
|
|
47
52
|
return { fadeRef, maskStyle, handleScrollStateChange, resetFade }
|
|
48
53
|
}
|
|
54
|
+
|
|
55
|
+
export const FadeOverlays = (_: { fadeRef: any }) => null
|
|
@@ -1,19 +0,0 @@
|
|
|
1
|
-
"use strict";
|
|
2
|
-
|
|
3
|
-
Object.defineProperty(exports, "__esModule", {
|
|
4
|
-
value: true
|
|
5
|
-
});
|
|
6
|
-
Object.defineProperty(exports, "FadeOverlays", {
|
|
7
|
-
enumerable: true,
|
|
8
|
-
get: function () {
|
|
9
|
-
return _FadeMaskWeb.FadeOverlays;
|
|
10
|
-
}
|
|
11
|
-
});
|
|
12
|
-
Object.defineProperty(exports, "FadePosition", {
|
|
13
|
-
enumerable: true,
|
|
14
|
-
get: function () {
|
|
15
|
-
return _FadeMaskWeb.FadePosition;
|
|
16
|
-
}
|
|
17
|
-
});
|
|
18
|
-
var _FadeMaskWeb = require("./FadeMask.web.js");
|
|
19
|
-
//# sourceMappingURL=FadeMask.js.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"names":["_FadeMaskWeb","require"],"sourceRoot":"../../../../../../src","sources":["features/chatbot/components/Chat/FadeMask.ts"],"mappings":";;;;;;;;;;;;;;;;;AAAA,IAAAA,YAAA,GAAAC,OAAA","ignoreList":[]}
|
|
@@ -1,74 +0,0 @@
|
|
|
1
|
-
"use strict";
|
|
2
|
-
|
|
3
|
-
Object.defineProperty(exports, "__esModule", {
|
|
4
|
-
value: true
|
|
5
|
-
});
|
|
6
|
-
exports.FadePosition = exports.FadeOverlays = void 0;
|
|
7
|
-
var _react = _interopRequireWildcard(require("react"));
|
|
8
|
-
var _reactNative = require("react-native");
|
|
9
|
-
var _reactNativeLinearGradient = require("react-native-linear-gradient");
|
|
10
|
-
var _jsxRuntime = require("react/jsx-runtime");
|
|
11
|
-
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); }
|
|
12
|
-
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; }
|
|
13
|
-
let FadePosition = exports.FadePosition = /*#__PURE__*/function (FadePosition) {
|
|
14
|
-
FadePosition["TOP"] = "top";
|
|
15
|
-
FadePosition["BOTTOM"] = "bottom";
|
|
16
|
-
FadePosition["BOTH"] = "both";
|
|
17
|
-
return FadePosition;
|
|
18
|
-
}({});
|
|
19
|
-
const FADE_HEIGHT = 35;
|
|
20
|
-
const FadeOverlays = ({
|
|
21
|
-
fadeRef
|
|
22
|
-
}) => {
|
|
23
|
-
const [fade, setFade] = (0, _react.useState)(undefined);
|
|
24
|
-
fadeRef.current = setFade;
|
|
25
|
-
const showTop = fade === FadePosition.TOP || fade === FadePosition.BOTH;
|
|
26
|
-
const showBottom = fade === FadePosition.BOTTOM || fade === FadePosition.BOTH;
|
|
27
|
-
return /*#__PURE__*/(0, _jsxRuntime.jsxs)(_jsxRuntime.Fragment, {
|
|
28
|
-
children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNativeLinearGradient.LinearGradient, {
|
|
29
|
-
colors: ['white', 'rgba(255,255,255,0)'],
|
|
30
|
-
start: {
|
|
31
|
-
x: 0,
|
|
32
|
-
y: 0
|
|
33
|
-
},
|
|
34
|
-
end: {
|
|
35
|
-
x: 0,
|
|
36
|
-
y: 1
|
|
37
|
-
},
|
|
38
|
-
style: [styles.gradient, styles.gradientTop, {
|
|
39
|
-
opacity: showTop ? 1 : 0
|
|
40
|
-
}],
|
|
41
|
-
pointerEvents: "none"
|
|
42
|
-
}), /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNativeLinearGradient.LinearGradient, {
|
|
43
|
-
colors: ['rgba(255,255,255,0)', 'white'],
|
|
44
|
-
start: {
|
|
45
|
-
x: 0,
|
|
46
|
-
y: 0
|
|
47
|
-
},
|
|
48
|
-
end: {
|
|
49
|
-
x: 0,
|
|
50
|
-
y: 1
|
|
51
|
-
},
|
|
52
|
-
style: [styles.gradient, styles.gradientBottom, {
|
|
53
|
-
opacity: showBottom ? 1 : 0
|
|
54
|
-
}],
|
|
55
|
-
pointerEvents: "none"
|
|
56
|
-
})]
|
|
57
|
-
});
|
|
58
|
-
};
|
|
59
|
-
exports.FadeOverlays = FadeOverlays;
|
|
60
|
-
const styles = _reactNative.StyleSheet.create({
|
|
61
|
-
gradient: {
|
|
62
|
-
position: 'absolute',
|
|
63
|
-
left: 0,
|
|
64
|
-
right: 0,
|
|
65
|
-
height: FADE_HEIGHT
|
|
66
|
-
},
|
|
67
|
-
gradientTop: {
|
|
68
|
-
top: 0
|
|
69
|
-
},
|
|
70
|
-
gradientBottom: {
|
|
71
|
-
bottom: 0
|
|
72
|
-
}
|
|
73
|
-
});
|
|
74
|
-
//# sourceMappingURL=FadeMask.native.js.map
|
|
@@ -1 +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","StyleSheet","create","position","left","right","height","top","bottom"],"sourceRoot":"../../../../../../src","sources":["features/chatbot/components/Chat/FadeMask.native.tsx"],"mappings":"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","ignoreList":[]}
|
|
@@ -1,15 +0,0 @@
|
|
|
1
|
-
"use strict";
|
|
2
|
-
|
|
3
|
-
Object.defineProperty(exports, "__esModule", {
|
|
4
|
-
value: true
|
|
5
|
-
});
|
|
6
|
-
exports.FadePosition = exports.FadeOverlays = void 0;
|
|
7
|
-
let FadePosition = exports.FadePosition = /*#__PURE__*/function (FadePosition) {
|
|
8
|
-
FadePosition["TOP"] = "top";
|
|
9
|
-
FadePosition["BOTTOM"] = "bottom";
|
|
10
|
-
FadePosition["BOTH"] = "both";
|
|
11
|
-
return FadePosition;
|
|
12
|
-
}({});
|
|
13
|
-
const FadeOverlays = _ => null;
|
|
14
|
-
exports.FadeOverlays = FadeOverlays;
|
|
15
|
-
//# sourceMappingURL=FadeMask.web.js.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"names":["FadePosition","exports","FadeOverlays","_"],"sourceRoot":"../../../../../../src","sources":["features/chatbot/components/Chat/FadeMask.web.tsx"],"mappings":";;;;;;IAEYA,YAAY,GAAAC,OAAA,CAAAD,YAAA,0BAAZA,YAAY;EAAZA,YAAY;EAAZA,YAAY;EAAZA,YAAY;EAAA,OAAZA,YAAY;AAAA;AAWjB,MAAME,YAAY,GAAIC,CAAoB,IAAK,IAAI;AAAAF,OAAA,CAAAC,YAAA,GAAAA,YAAA","ignoreList":[]}
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"names":["FadePosition","FadeOverlays"],"sourceRoot":"../../../../../../src","sources":["features/chatbot/components/Chat/FadeMask.ts"],"mappings":";;AAAA,SAASA,YAAY,EAAEC,YAAY,QAAQ,mBAAgB","ignoreList":[]}
|
|
@@ -1,67 +0,0 @@
|
|
|
1
|
-
"use strict";
|
|
2
|
-
|
|
3
|
-
import React, { useState } from 'react';
|
|
4
|
-
import { StyleSheet } from 'react-native';
|
|
5
|
-
import { LinearGradient } from 'react-native-linear-gradient';
|
|
6
|
-
import { jsx as _jsx, Fragment as _Fragment, jsxs as _jsxs } from "react/jsx-runtime";
|
|
7
|
-
export let FadePosition = /*#__PURE__*/function (FadePosition) {
|
|
8
|
-
FadePosition["TOP"] = "top";
|
|
9
|
-
FadePosition["BOTTOM"] = "bottom";
|
|
10
|
-
FadePosition["BOTH"] = "both";
|
|
11
|
-
return FadePosition;
|
|
12
|
-
}({});
|
|
13
|
-
const FADE_HEIGHT = 35;
|
|
14
|
-
export const FadeOverlays = ({
|
|
15
|
-
fadeRef
|
|
16
|
-
}) => {
|
|
17
|
-
const [fade, setFade] = useState(undefined);
|
|
18
|
-
fadeRef.current = setFade;
|
|
19
|
-
const showTop = fade === FadePosition.TOP || fade === FadePosition.BOTH;
|
|
20
|
-
const showBottom = fade === FadePosition.BOTTOM || fade === FadePosition.BOTH;
|
|
21
|
-
return /*#__PURE__*/_jsxs(_Fragment, {
|
|
22
|
-
children: [/*#__PURE__*/_jsx(LinearGradient, {
|
|
23
|
-
colors: ['white', 'rgba(255,255,255,0)'],
|
|
24
|
-
start: {
|
|
25
|
-
x: 0,
|
|
26
|
-
y: 0
|
|
27
|
-
},
|
|
28
|
-
end: {
|
|
29
|
-
x: 0,
|
|
30
|
-
y: 1
|
|
31
|
-
},
|
|
32
|
-
style: [styles.gradient, styles.gradientTop, {
|
|
33
|
-
opacity: showTop ? 1 : 0
|
|
34
|
-
}],
|
|
35
|
-
pointerEvents: "none"
|
|
36
|
-
}), /*#__PURE__*/_jsx(LinearGradient, {
|
|
37
|
-
colors: ['rgba(255,255,255,0)', 'white'],
|
|
38
|
-
start: {
|
|
39
|
-
x: 0,
|
|
40
|
-
y: 0
|
|
41
|
-
},
|
|
42
|
-
end: {
|
|
43
|
-
x: 0,
|
|
44
|
-
y: 1
|
|
45
|
-
},
|
|
46
|
-
style: [styles.gradient, styles.gradientBottom, {
|
|
47
|
-
opacity: showBottom ? 1 : 0
|
|
48
|
-
}],
|
|
49
|
-
pointerEvents: "none"
|
|
50
|
-
})]
|
|
51
|
-
});
|
|
52
|
-
};
|
|
53
|
-
const styles = StyleSheet.create({
|
|
54
|
-
gradient: {
|
|
55
|
-
position: 'absolute',
|
|
56
|
-
left: 0,
|
|
57
|
-
right: 0,
|
|
58
|
-
height: FADE_HEIGHT
|
|
59
|
-
},
|
|
60
|
-
gradientTop: {
|
|
61
|
-
top: 0
|
|
62
|
-
},
|
|
63
|
-
gradientBottom: {
|
|
64
|
-
bottom: 0
|
|
65
|
-
}
|
|
66
|
-
});
|
|
67
|
-
//# sourceMappingURL=FadeMask.native.js.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"names":["React","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","create","position","left","right","height","top","bottom"],"sourceRoot":"../../../../../../src","sources":["features/chatbot/components/Chat/FadeMask.native.tsx"],"mappings":";;AAAA,OAAOA,KAAK,IAAsBC,QAAQ,QAAQ,OAAO;AACzD,SAASC,UAAU,QAAQ,cAAc;AACzC,SAASC,cAAc,QAAQ,8BAA8B;AAAA,SAAAC,GAAA,IAAAC,IAAA,EAAAC,QAAA,IAAAC,SAAA,EAAAC,IAAA,IAAAC,KAAA;AAE7D,WAAYC,YAAY,0BAAZA,YAAY;EAAZA,YAAY;EAAZA,YAAY;EAAZA,YAAY;EAAA,OAAZA,YAAY;AAAA;AAOxB,MAAMC,WAAW,GAAG,EAAE;AAMtB,OAAO,MAAMC,YAAY,GAAGA,CAAC;EAAEC;AAA2B,CAAC,KAAK;EAC9D,MAAM,CAACC,IAAI,EAAEC,OAAO,CAAC,GAAGd,QAAQ,CAA2Be,SAAS,CAAC;EACrEH,OAAO,CAACI,OAAO,GAAGF,OAAO;EAEzB,MAAMG,OAAO,GAAGJ,IAAI,KAAKJ,YAAY,CAACS,GAAG,IAAIL,IAAI,KAAKJ,YAAY,CAACU,IAAI;EACvE,MAAMC,UAAU,GAAGP,IAAI,KAAKJ,YAAY,CAACY,MAAM,IAAIR,IAAI,KAAKJ,YAAY,CAACU,IAAI;EAE7E,oBACEX,KAAA,CAAAF,SAAA;IAAAgB,QAAA,gBACElB,IAAA,CAACF,cAAc;MACbqB,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,EAAEf,OAAO,GAAG,CAAC,GAAG;MAAE,CAAC,CAAE;MAC3EgB,aAAa,EAAC;IAAM,CACrB,CAAC,eACF7B,IAAA,CAACF,cAAc;MACbqB,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,EAAEZ,UAAU,GAAG,CAAC,GAAG;MAAE,CAAC,CAAE;MACjFa,aAAa,EAAC;IAAM,CACrB,CAAC;EAAA,CACF,CAAC;AAEP,CAAC;AAED,MAAMJ,MAAM,GAAG5B,UAAU,CAACkC,MAAM,CAAC;EAC/BL,QAAQ,EAAE;IACRM,QAAQ,EAAE,UAAU;IACpBC,IAAI,EAAE,CAAC;IACPC,KAAK,EAAE,CAAC;IACRC,MAAM,EAAE7B;EACV,CAAC;EACDqB,WAAW,EAAE;IACXS,GAAG,EAAE;EACP,CAAC;EACDN,cAAc,EAAE;IACdO,MAAM,EAAE;EACV;AACF,CAAC,CAAC","ignoreList":[]}
|
|
@@ -1,10 +0,0 @@
|
|
|
1
|
-
"use strict";
|
|
2
|
-
|
|
3
|
-
export let FadePosition = /*#__PURE__*/function (FadePosition) {
|
|
4
|
-
FadePosition["TOP"] = "top";
|
|
5
|
-
FadePosition["BOTTOM"] = "bottom";
|
|
6
|
-
FadePosition["BOTH"] = "both";
|
|
7
|
-
return FadePosition;
|
|
8
|
-
}({});
|
|
9
|
-
export const FadeOverlays = _ => null;
|
|
10
|
-
//# sourceMappingURL=FadeMask.web.js.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"names":["FadePosition","FadeOverlays","_"],"sourceRoot":"../../../../../../src","sources":["features/chatbot/components/Chat/FadeMask.web.tsx"],"mappings":";;AAEA,WAAYA,YAAY,0BAAZA,YAAY;EAAZA,YAAY;EAAZA,YAAY;EAAZA,YAAY;EAAA,OAAZA,YAAY;AAAA;AAWxB,OAAO,MAAMC,YAAY,GAAIC,CAAoB,IAAK,IAAI","ignoreList":[]}
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"FadeMask.d.ts","sourceRoot":"","sources":["../../../../../../../src/features/chatbot/components/Chat/FadeMask.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,YAAY,EAAE,YAAY,EAAE,MAAM,gBAAgB,CAAA;AAC3D,YAAY,EAAE,YAAY,EAAE,MAAM,gBAAgB,CAAA"}
|
|
@@ -1,13 +0,0 @@
|
|
|
1
|
-
import React, { MutableRefObject } from 'react';
|
|
2
|
-
export declare enum FadePosition {
|
|
3
|
-
TOP = "top",
|
|
4
|
-
BOTTOM = "bottom",
|
|
5
|
-
BOTH = "both"
|
|
6
|
-
}
|
|
7
|
-
export type FadeUpdateFn = (fade: FadePosition | undefined) => void;
|
|
8
|
-
type FadeOverlaysProps = {
|
|
9
|
-
fadeRef: MutableRefObject<FadeUpdateFn | null>;
|
|
10
|
-
};
|
|
11
|
-
export declare const FadeOverlays: ({ fadeRef }: FadeOverlaysProps) => React.JSX.Element;
|
|
12
|
-
export {};
|
|
13
|
-
//# sourceMappingURL=FadeMask.native.d.ts.map
|
|
@@ -1 +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,EAAY,MAAM,OAAO,CAAA;AAIzD,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"}
|
|
@@ -1,13 +0,0 @@
|
|
|
1
|
-
import { MutableRefObject } from 'react';
|
|
2
|
-
export declare enum FadePosition {
|
|
3
|
-
TOP = "top",
|
|
4
|
-
BOTTOM = "bottom",
|
|
5
|
-
BOTH = "both"
|
|
6
|
-
}
|
|
7
|
-
export type FadeUpdateFn = (fade: FadePosition | undefined) => void;
|
|
8
|
-
type FadeOverlaysProps = {
|
|
9
|
-
fadeRef: MutableRefObject<FadeUpdateFn | null>;
|
|
10
|
-
};
|
|
11
|
-
export declare const FadeOverlays: (_: FadeOverlaysProps) => null;
|
|
12
|
-
export {};
|
|
13
|
-
//# sourceMappingURL=FadeMask.web.d.ts.map
|
|
@@ -1 +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,EAAE,MAAM,OAAO,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;AAED,eAAO,MAAM,YAAY,MAAO,iBAAiB,SAAS,CAAA"}
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"FadeMask.d.ts","sourceRoot":"","sources":["../../../../../../../src/features/chatbot/components/Chat/FadeMask.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,YAAY,EAAE,YAAY,EAAE,MAAM,gBAAgB,CAAA;AAC3D,YAAY,EAAE,YAAY,EAAE,MAAM,gBAAgB,CAAA"}
|
|
@@ -1,13 +0,0 @@
|
|
|
1
|
-
import React, { MutableRefObject } from 'react';
|
|
2
|
-
export declare enum FadePosition {
|
|
3
|
-
TOP = "top",
|
|
4
|
-
BOTTOM = "bottom",
|
|
5
|
-
BOTH = "both"
|
|
6
|
-
}
|
|
7
|
-
export type FadeUpdateFn = (fade: FadePosition | undefined) => void;
|
|
8
|
-
type FadeOverlaysProps = {
|
|
9
|
-
fadeRef: MutableRefObject<FadeUpdateFn | null>;
|
|
10
|
-
};
|
|
11
|
-
export declare const FadeOverlays: ({ fadeRef }: FadeOverlaysProps) => React.JSX.Element;
|
|
12
|
-
export {};
|
|
13
|
-
//# sourceMappingURL=FadeMask.native.d.ts.map
|
|
@@ -1 +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,EAAY,MAAM,OAAO,CAAA;AAIzD,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"}
|
|
@@ -1,13 +0,0 @@
|
|
|
1
|
-
import { MutableRefObject } from 'react';
|
|
2
|
-
export declare enum FadePosition {
|
|
3
|
-
TOP = "top",
|
|
4
|
-
BOTTOM = "bottom",
|
|
5
|
-
BOTH = "both"
|
|
6
|
-
}
|
|
7
|
-
export type FadeUpdateFn = (fade: FadePosition | undefined) => void;
|
|
8
|
-
type FadeOverlaysProps = {
|
|
9
|
-
fadeRef: MutableRefObject<FadeUpdateFn | null>;
|
|
10
|
-
};
|
|
11
|
-
export declare const FadeOverlays: (_: FadeOverlaysProps) => null;
|
|
12
|
-
export {};
|
|
13
|
-
//# sourceMappingURL=FadeMask.web.d.ts.map
|
|
@@ -1 +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,EAAE,MAAM,OAAO,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;AAED,eAAO,MAAM,YAAY,MAAO,iBAAiB,SAAS,CAAA"}
|
|
@@ -1,14 +0,0 @@
|
|
|
1
|
-
import { MutableRefObject } from 'react'
|
|
2
|
-
|
|
3
|
-
export enum FadePosition {
|
|
4
|
-
TOP = 'top',
|
|
5
|
-
BOTTOM = 'bottom',
|
|
6
|
-
BOTH = 'both',
|
|
7
|
-
}
|
|
8
|
-
export type FadeUpdateFn = (fade: FadePosition | undefined) => void
|
|
9
|
-
|
|
10
|
-
type FadeOverlaysProps = {
|
|
11
|
-
fadeRef: MutableRefObject<FadeUpdateFn | null>
|
|
12
|
-
}
|
|
13
|
-
|
|
14
|
-
export const FadeOverlays = (_: FadeOverlaysProps) => null
|
|
@@ -1,34 +0,0 @@
|
|
|
1
|
-
import { useCallback, useRef } from 'react'
|
|
2
|
-
import { FadePosition, FadeUpdateFn } from './FadeMask'
|
|
3
|
-
|
|
4
|
-
type ScrollState = {
|
|
5
|
-
isScrollable: boolean
|
|
6
|
-
isScrolledUp: boolean
|
|
7
|
-
isAtTop: boolean
|
|
8
|
-
}
|
|
9
|
-
|
|
10
|
-
const computeFade = (state: ScrollState) => {
|
|
11
|
-
if (!state.isScrollable) return undefined
|
|
12
|
-
if (state.isAtTop) return FadePosition.BOTTOM
|
|
13
|
-
if (state.isScrolledUp) return FadePosition.BOTH
|
|
14
|
-
return FadePosition.TOP
|
|
15
|
-
}
|
|
16
|
-
|
|
17
|
-
export const useChatFade = () => {
|
|
18
|
-
const fadeRef = useRef<FadeUpdateFn | null>(null)
|
|
19
|
-
const lastFade = useRef<FadePosition | undefined>(undefined)
|
|
20
|
-
|
|
21
|
-
const handleScrollStateChange = useCallback((state: ScrollState) => {
|
|
22
|
-
const fade = computeFade(state)
|
|
23
|
-
if (fade === lastFade.current) return
|
|
24
|
-
lastFade.current = fade
|
|
25
|
-
fadeRef.current?.(fade)
|
|
26
|
-
}, [])
|
|
27
|
-
|
|
28
|
-
const resetFade = useCallback(() => {
|
|
29
|
-
lastFade.current = undefined
|
|
30
|
-
fadeRef.current?.(undefined)
|
|
31
|
-
}, [])
|
|
32
|
-
|
|
33
|
-
return { fadeRef, maskStyle: undefined, handleScrollStateChange, resetFade }
|
|
34
|
-
}
|