turbodesk-livechat-react-native 0.1.0-alpha.30 → 0.1.0-alpha.31
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/navigation/LiveChatPanel.d.ts +2 -1
- package/dist/navigation/LiveChatPanel.d.ts.map +1 -1
- package/dist/navigation/LiveChatPanel.js +2 -2
- package/dist/navigation/LiveChatPanel.js.map +1 -1
- package/dist/navigation/panel-router-context.d.ts +2 -1
- package/dist/navigation/panel-router-context.d.ts.map +1 -1
- package/dist/navigation/panel-router-context.js +5 -4
- package/dist/navigation/panel-router-context.js.map +1 -1
- package/package.json +1 -1
- package/src/navigation/LiveChatPanel.tsx +4 -3
- package/src/navigation/panel-router-context.tsx +5 -4
|
@@ -1,5 +1,6 @@
|
|
|
1
1
|
export type LiveChatPanelProps = {
|
|
2
2
|
onClose?: () => void;
|
|
3
|
+
initialConversationId?: string | null;
|
|
3
4
|
};
|
|
4
|
-
export declare function LiveChatPanel({ onClose }: LiveChatPanelProps): import("react/jsx-runtime").JSX.Element;
|
|
5
|
+
export declare function LiveChatPanel({ onClose, initialConversationId }: LiveChatPanelProps): import("react/jsx-runtime").JSX.Element;
|
|
5
6
|
//# sourceMappingURL=LiveChatPanel.d.ts.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"LiveChatPanel.d.ts","sourceRoot":"","sources":["../../src/navigation/LiveChatPanel.tsx"],"names":[],"mappings":"AAiBA,MAAM,MAAM,kBAAkB,GAAG;IAC/B,OAAO,CAAC,EAAE,MAAM,IAAI,CAAC;
|
|
1
|
+
{"version":3,"file":"LiveChatPanel.d.ts","sourceRoot":"","sources":["../../src/navigation/LiveChatPanel.tsx"],"names":[],"mappings":"AAiBA,MAAM,MAAM,kBAAkB,GAAG;IAC/B,OAAO,CAAC,EAAE,MAAM,IAAI,CAAC;IACrB,qBAAqB,CAAC,EAAE,MAAM,GAAG,IAAI,CAAC;CACvC,CAAC;AAoGF,wBAAgB,aAAa,CAAC,EAAE,OAAO,EAAE,qBAAqB,EAAE,EAAE,kBAAkB,2CAiBnF"}
|
|
@@ -86,8 +86,8 @@ function PanelContent({ onClose }) {
|
|
|
86
86
|
})();
|
|
87
87
|
return ((0, jsx_runtime_1.jsxs)(react_native_1.View, { style: [styles.flex, { backgroundColor: bg }], ...(canGoBack ? panResponder.panHandlers : {}), children: [(0, jsx_runtime_1.jsx)(react_native_1.View, { style: styles.flex, children: screenContent }), (0, jsx_runtime_1.jsx)(WsStatusStrip_1.WsStatusStrip, {})] }));
|
|
88
88
|
}
|
|
89
|
-
function LiveChatPanel({ onClose }) {
|
|
90
|
-
const panel = ((0, jsx_runtime_1.jsx)(panel_router_context_1.PanelRouterProvider, { children: (0, jsx_runtime_1.jsx)(react_native_1.View, { style: styles.flex, children: (0, jsx_runtime_1.jsx)(PanelContent, { onClose: onClose }) }) }));
|
|
89
|
+
function LiveChatPanel({ onClose, initialConversationId }) {
|
|
90
|
+
const panel = ((0, jsx_runtime_1.jsx)(panel_router_context_1.PanelRouterProvider, { initialConversationId: initialConversationId, children: (0, jsx_runtime_1.jsx)(react_native_1.View, { style: styles.flex, children: (0, jsx_runtime_1.jsx)(PanelContent, { onClose: onClose }) }) }));
|
|
91
91
|
const withKeyboard = KeyboardProvider ? ((0, jsx_runtime_1.jsx)(KeyboardProvider, { children: panel })) : panel;
|
|
92
92
|
if (PanelSafeAreaProvider) {
|
|
93
93
|
return (0, jsx_runtime_1.jsx)(PanelSafeAreaProvider, { children: withKeyboard });
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"LiveChatPanel.js","sourceRoot":"","sources":["../../src/navigation/LiveChatPanel.tsx"],"names":[],"mappings":";;
|
|
1
|
+
{"version":3,"file":"LiveChatPanel.js","sourceRoot":"","sources":["../../src/navigation/LiveChatPanel.tsx"],"names":[],"mappings":"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"}
|
|
@@ -15,8 +15,9 @@ export type PanelRouterContextValue = {
|
|
|
15
15
|
}) => void;
|
|
16
16
|
goBack: () => void;
|
|
17
17
|
};
|
|
18
|
-
export declare function PanelRouterProvider({ children }: {
|
|
18
|
+
export declare function PanelRouterProvider({ children, initialConversationId }: {
|
|
19
19
|
children: ReactNode;
|
|
20
|
+
initialConversationId?: string | null;
|
|
20
21
|
}): import("react/jsx-runtime").JSX.Element;
|
|
21
22
|
export declare function usePanelRouter(): PanelRouterContextValue;
|
|
22
23
|
//# sourceMappingURL=panel-router-context.d.ts.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"panel-router-context.d.ts","sourceRoot":"","sources":["../../src/navigation/panel-router-context.tsx"],"names":[],"mappings":"AAAA,OAAc,EAOZ,KAAK,SAAS,EACf,MAAM,OAAO,CAAC;AACf,OAAO,KAAK,EAAE,eAAe,EAAE,MAAM,gBAAgB,CAAC;AAEtD,YAAY,EAAE,eAAe,EAAE,MAAM,gBAAgB,CAAC;AAEtD,MAAM,MAAM,uBAAuB,GAAG;IACpC,IAAI,EAAE,eAAe,CAAC;IACtB,cAAc,EAAE,MAAM,GAAG,IAAI,CAAC;IAC9B,MAAM,EAAE,CAAC,IAAI,CAAC,EAAE;QAAE,OAAO,CAAC,EAAE,OAAO,CAAA;KAAE,KAAK,IAAI,CAAC;IAC/C,cAAc,EAAE,CAAC,cAAc,CAAC,EAAE,MAAM,GAAG,IAAI,EAAE,IAAI,CAAC,EAAE;QAAE,OAAO,CAAC,EAAE,OAAO,CAAA;KAAE,KAAK,IAAI,CAAC;IACvF,eAAe,EAAE,CAAC,IAAI,CAAC,EAAE;QAAE,OAAO,CAAC,EAAE,OAAO,CAAA;KAAE,KAAK,IAAI,CAAC;IACxD,MAAM,EAAE,MAAM,IAAI,CAAC;CACpB,CAAC;AASF,wBAAgB,mBAAmB,CAAC,EAAE,QAAQ,EAAE,EAAE;IAAE,QAAQ,EAAE,SAAS,CAAA;CAAE,
|
|
1
|
+
{"version":3,"file":"panel-router-context.d.ts","sourceRoot":"","sources":["../../src/navigation/panel-router-context.tsx"],"names":[],"mappings":"AAAA,OAAc,EAOZ,KAAK,SAAS,EACf,MAAM,OAAO,CAAC;AACf,OAAO,KAAK,EAAE,eAAe,EAAE,MAAM,gBAAgB,CAAC;AAEtD,YAAY,EAAE,eAAe,EAAE,MAAM,gBAAgB,CAAC;AAEtD,MAAM,MAAM,uBAAuB,GAAG;IACpC,IAAI,EAAE,eAAe,CAAC;IACtB,cAAc,EAAE,MAAM,GAAG,IAAI,CAAC;IAC9B,MAAM,EAAE,CAAC,IAAI,CAAC,EAAE;QAAE,OAAO,CAAC,EAAE,OAAO,CAAA;KAAE,KAAK,IAAI,CAAC;IAC/C,cAAc,EAAE,CAAC,cAAc,CAAC,EAAE,MAAM,GAAG,IAAI,EAAE,IAAI,CAAC,EAAE;QAAE,OAAO,CAAC,EAAE,OAAO,CAAA;KAAE,KAAK,IAAI,CAAC;IACvF,eAAe,EAAE,CAAC,IAAI,CAAC,EAAE;QAAE,OAAO,CAAC,EAAE,OAAO,CAAA;KAAE,KAAK,IAAI,CAAC;IACxD,MAAM,EAAE,MAAM,IAAI,CAAC;CACpB,CAAC;AASF,wBAAgB,mBAAmB,CAAC,EAAE,QAAQ,EAAE,qBAAqB,EAAE,EAAE;IAAE,QAAQ,EAAE,SAAS,CAAC;IAAC,qBAAqB,CAAC,EAAE,MAAM,GAAG,IAAI,CAAA;CAAE,2CAsDtI;AAED,wBAAgB,cAAc,IAAI,uBAAuB,CAIxD"}
|
|
@@ -5,10 +5,11 @@ exports.usePanelRouter = usePanelRouter;
|
|
|
5
5
|
const jsx_runtime_1 = require("react/jsx-runtime");
|
|
6
6
|
const react_1 = require("react");
|
|
7
7
|
const PanelRouterContext = (0, react_1.createContext)(null);
|
|
8
|
-
function PanelRouterProvider({ children }) {
|
|
9
|
-
const
|
|
10
|
-
const [
|
|
11
|
-
const
|
|
8
|
+
function PanelRouterProvider({ children, initialConversationId }) {
|
|
9
|
+
const initialView = initialConversationId ? "conversation" : "home";
|
|
10
|
+
const [view, setView] = (0, react_1.useState)(initialView);
|
|
11
|
+
const [conversationId, setConversationId] = (0, react_1.useState)(initialConversationId !== null && initialConversationId !== void 0 ? initialConversationId : null);
|
|
12
|
+
const stack = (0, react_1.useRef)([{ view: initialView, conversationId: initialConversationId !== null && initialConversationId !== void 0 ? initialConversationId : null }]);
|
|
12
13
|
const navigate = (0, react_1.useCallback)((entry, replace) => {
|
|
13
14
|
if (replace) {
|
|
14
15
|
stack.current[stack.current.length - 1] = entry;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"panel-router-context.js","sourceRoot":"","sources":["../../src/navigation/panel-router-context.tsx"],"names":[],"mappings":";;AA6BA,
|
|
1
|
+
{"version":3,"file":"panel-router-context.js","sourceRoot":"","sources":["../../src/navigation/panel-router-context.tsx"],"names":[],"mappings":"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"}
|
package/package.json
CHANGED
|
@@ -17,6 +17,7 @@ try {
|
|
|
17
17
|
|
|
18
18
|
export type LiveChatPanelProps = {
|
|
19
19
|
onClose?: () => void;
|
|
20
|
+
initialConversationId?: string | null;
|
|
20
21
|
};
|
|
21
22
|
|
|
22
23
|
let PanelSafeAreaProvider: ComponentType<{ children: ReactNode }> | null = null;
|
|
@@ -41,7 +42,7 @@ function usePanelBackground(view: string): string {
|
|
|
41
42
|
const SWIPE_THRESHOLD = 80; // px — minimum horizontal swipe to trigger back
|
|
42
43
|
const SWIPE_VELOCITY = 0.3; // minimum velocity
|
|
43
44
|
|
|
44
|
-
function PanelContent({ onClose }:
|
|
45
|
+
function PanelContent({ onClose }: { onClose?: () => void }) {
|
|
45
46
|
const { view, conversationId, goConversation, goPreviousChats, goBack } = usePanelRouter();
|
|
46
47
|
const bg = usePanelBackground(view);
|
|
47
48
|
const canGoBack = view === "conversation" || view === "previousChats";
|
|
@@ -117,9 +118,9 @@ function PanelContent({ onClose }: LiveChatPanelProps) {
|
|
|
117
118
|
);
|
|
118
119
|
}
|
|
119
120
|
|
|
120
|
-
export function LiveChatPanel({ onClose }: LiveChatPanelProps) {
|
|
121
|
+
export function LiveChatPanel({ onClose, initialConversationId }: LiveChatPanelProps) {
|
|
121
122
|
const panel = (
|
|
122
|
-
<PanelRouterProvider>
|
|
123
|
+
<PanelRouterProvider initialConversationId={initialConversationId}>
|
|
123
124
|
<View style={styles.flex}>
|
|
124
125
|
<PanelContent onClose={onClose} />
|
|
125
126
|
</View>
|
|
@@ -27,11 +27,12 @@ type RouteEntry = {
|
|
|
27
27
|
|
|
28
28
|
const PanelRouterContext = createContext<PanelRouterContextValue | null>(null);
|
|
29
29
|
|
|
30
|
-
export function PanelRouterProvider({ children }: { children: ReactNode }) {
|
|
31
|
-
const
|
|
32
|
-
const [
|
|
30
|
+
export function PanelRouterProvider({ children, initialConversationId }: { children: ReactNode; initialConversationId?: string | null }) {
|
|
31
|
+
const initialView: WidgetPanelView = initialConversationId ? "conversation" : "home";
|
|
32
|
+
const [view, setView] = useState<WidgetPanelView>(initialView);
|
|
33
|
+
const [conversationId, setConversationId] = useState<string | null>(initialConversationId ?? null);
|
|
33
34
|
|
|
34
|
-
const stack = useRef<RouteEntry[]>([{ view:
|
|
35
|
+
const stack = useRef<RouteEntry[]>([{ view: initialView, conversationId: initialConversationId ?? null }]);
|
|
35
36
|
|
|
36
37
|
const navigate = useCallback((entry: RouteEntry, replace: boolean) => {
|
|
37
38
|
if (replace) {
|