blixify-ui-web 1.2.69 → 1.2.71

package/lib/components/chat/chatAnchor/index.d.ts

@@ -7,14 +7,42 @@ interface Props extends ChatProps {
     greetingCard?: boolean;
     openIcon?: React.ReactNode | string;
     closeIcon?: React.ReactNode | string;
+    draggable?: boolean;
+    positionStorageKey?: string;
+}
+interface AnchorPosition {
+    right: number;
+    bottom: number;
 }
 export declare class ChatAnchor extends Component<Props> {
     state: {
         isMobileWidth: boolean;
         chatCard: boolean;
+        position: AnchorPosition | null;
     };
+    anchorRef: React.RefObject<HTMLDivElement | null>;
+    buttonRef: React.RefObject<HTMLDivElement | null>;
+    dragRef: {
+        pointerX: number;
+        pointerY: number;
+        right: number;
+        bottom: number;
+        moved: boolean;
+        latest: AnchorPosition | null;
+    } | null;
+    suppressClick: boolean;
     componentDidMount(): void;
     componentWillUnmount(): void;
+    handleStorageKey: () => string;
+    handleClampPosition: (position: AnchorPosition) => AnchorPosition;
+    handleRestorePosition: () => void;
+    handlePersistPosition: (position: AnchorPosition) => void;
+    handleDragStart: (event: React.PointerEvent<HTMLDivElement>) => void;
+    handleDragMove: (event: PointerEvent) => void;
+    handleDragEnd: () => void;
+    handleRemoveDragListeners: () => void;
+    handleAnchorClick: () => void;
+    handleIsDraggable: () => boolean;
     componentDidUpdate: (prevProps: Props) => void;
     handleResize: () => void;
     renderChatAnchorIcon: () => React.JSX.Element;

package/lib/components/chat/chatAnchor/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/components/chat/chatAnchor/index.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,EAAE,SAAS,EAAY,MAAM,OAAO,CAAC;AACnD,OAAO,EAAY,KAAK,IAAI,SAAS,EAAE,MAAM,aAAa,CAAC;AAE3D,UAAU,KAAM,SAAQ,SAAS;IAC/B,OAAO,EAAE,MAAM,IAAI,CAAC;IACpB,cAAc,CAAC,EAAE,MAAM,CAAC;IACxB,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,YAAY,CAAC,EAAE,OAAO,CAAC;IACvB,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,GAAG,MAAM,CAAC;IACpC,SAAS,CAAC,EAAE,KAAK,CAAC,SAAS,GAAG,MAAM,CAAC;CACtC;AAED,qBAAa,UAAW,SAAQ,SAAS,CAAC,KAAK,CAAC;IAC9C,KAAK;;;MAGH;IAEF,iBAAiB;IAKjB,oBAAoB;IAIpB,kBAAkB,cAAe,KAAK,UAMpC;IACF,YAAY,aAIV;IAEF,oBAAoB,0BAoBlB;IAEF,MAAM;CA0DP"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/components/chat/chatAnchor/index.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,EAAE,SAAS,EAAY,MAAM,OAAO,CAAC;AACnD,OAAO,EAAY,KAAK,IAAI,SAAS,EAAE,MAAM,aAAa,CAAC;AAE3D,UAAU,KAAM,SAAQ,SAAS;IAC/B,OAAO,EAAE,MAAM,IAAI,CAAC;IACpB,cAAc,CAAC,EAAE,MAAM,CAAC;IACxB,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,YAAY,CAAC,EAAE,OAAO,CAAC;IACvB,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,GAAG,MAAM,CAAC;IACpC,SAAS,CAAC,EAAE,KAAK,CAAC,SAAS,GAAG,MAAM,CAAC;IACrC,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,kBAAkB,CAAC,EAAE,MAAM,CAAC;CAC7B;AAOD,UAAU,cAAc;IACtB,KAAK,EAAE,MAAM,CAAC;IACd,MAAM,EAAE,MAAM,CAAC;CAChB;AAQD,qBAAa,UAAW,SAAQ,SAAS,CAAC,KAAK,CAAC;IAC9C,KAAK,EAAE;QACL,aAAa,EAAE,OAAO,CAAC;QACvB,QAAQ,EAAE,OAAO,CAAC;QAClB,QAAQ,EAAE,cAAc,GAAG,IAAI,CAAC;KACjC,CAIC;IAEF,SAAS,yCAAqC;IAC9C,SAAS,yCAAqC;IAC9C,OAAO,EAAE;QACP,QAAQ,EAAE,MAAM,CAAC;QACjB,QAAQ,EAAE,MAAM,CAAC;QACjB,KAAK,EAAE,MAAM,CAAC;QACd,MAAM,EAAE,MAAM,CAAC;QACf,KAAK,EAAE,OAAO,CAAC;QAIf,MAAM,EAAE,cAAc,GAAG,IAAI,CAAC;KAC/B,GAAG,IAAI,CAAQ;IAChB,aAAa,UAAS;IAEtB,iBAAiB;IAQjB,oBAAoB;IAKpB,gBAAgB,eACgD;IAOhE,mBAAmB,aAAc,cAAc,KAAG,cAAc,CAgB9D;IAEF,qBAAqB,aAkBnB;IAEF,qBAAqB,aAAc,cAAc,UAS/C;IAKF,eAAe,UAAW,KAAK,CAAC,YAAY,CAAC,cAAc,CAAC,UAoB1D;IAEF,cAAc,UAAW,YAAY,UAiBnC;IAEF,aAAa,aASX;IAEF,yBAAyB,aAIvB;IAEF,iBAAiB,aAMf;IAIF,iBAAiB,gBAEgC;IAEjD,kBAAkB,cAAe,KAAK,UAMpC;IACF,YAAY,aAOV;IAEF,oBAAoB,0BAoBlB;IAEF,MAAM;CAuEP"}

package/lib/components/chat/chatAnchor/index.js

@@ -54,6 +54,10 @@ var react_1 = require("@headlessui/react");
 var solid_1 = require("@heroicons/react/20/solid");
 var react_2 = __importStar(require("react"));
 var chatBase_1 = require("../chatBase");
+var DEFAULT_POSITION_STORAGE_KEY = "blixify-chat-anchor-position";
+// INFO: a drag shorter than this is a click — a tap on a touch screen always
+// travels a pixel or two, and it must still open the chat
+var DRAG_THRESHOLD = 4;
 var ChatAnchor = /** @class */ (function (_super) {
     __extends(ChatAnchor, _super);
     function ChatAnchor() {
@@ -61,6 +65,138 @@ var ChatAnchor = /** @class */ (function (_super) {
         _this.state = {
             isMobileWidth: false,
             chatCard: true,
+            position: null,
+        };
+        _this.anchorRef = react_2.default.createRef();
+        _this.buttonRef = react_2.default.createRef();
+        _this.dragRef = null;
+        _this.suppressClick = false;
+        _this.handleStorageKey = function () { var _a; return (_a = _this.props.positionStorageKey) !== null && _a !== void 0 ? _a : DEFAULT_POSITION_STORAGE_KEY; };
+        // INFO: keeps the anchor on screen when a position saved on a wide window is
+        // restored on a narrow one, and when the window is resized under it.
+        // The bounds are the button's, not the container's — the container also holds
+        // the greeting card, and clamping on its full width pins the button against
+        // the edge on a phone.
+        _this.handleClampPosition = function (position) {
+            var _a, _b;
+            var container = (_a = _this.anchorRef.current) === null || _a === void 0 ? void 0 : _a.getBoundingClientRect();
+            var button = (_b = _this.buttonRef.current) === null || _b === void 0 ? void 0 : _b.getBoundingClientRect();
+            if (!container || !button)
+                return position;
+            // INFO: the offsets are the container's, so shift the button's bounds by
+            // the gap between the two — the greeting card sits to the button's right
+            var gapRight = container.right - button.right;
+            var gapBottom = container.bottom - button.bottom;
+            var minRight = -gapRight;
+            var maxRight = window.innerWidth - button.width - gapRight;
+            var minBottom = -gapBottom;
+            var maxBottom = window.innerHeight - button.height - gapBottom;
+            return {
+                right: Math.min(Math.max(minRight, position.right), maxRight),
+                bottom: Math.min(Math.max(minBottom, position.bottom), maxBottom),
+            };
+        };
+        _this.handleRestorePosition = function () {
+            if (_this.props.draggable === false)
+                return;
+            try {
+                var stored = window.localStorage.getItem(_this.handleStorageKey());
+                if (!stored)
+                    return;
+                var parsed = JSON.parse(stored);
+                if (typeof (parsed === null || parsed === void 0 ? void 0 : parsed.right) !== "number" ||
+                    typeof (parsed === null || parsed === void 0 ? void 0 : parsed.bottom) !== "number" ||
+                    Number.isNaN(parsed.right) ||
+                    Number.isNaN(parsed.bottom))
+                    return;
+                _this.setState({ position: _this.handleClampPosition(parsed) });
+            }
+            catch (_a) {
+                // INFO: private browsing and blocked site data both throw on read — the
+                // anchor just stays at its default offset
+            }
+        };
+        _this.handlePersistPosition = function (position) {
+            try {
+                window.localStorage.setItem(_this.handleStorageKey(), JSON.stringify(position));
+            }
+            catch (_a) {
+                // INFO: the position is still applied for this session, just not kept
+            }
+        };
+        // INFO: the listeners go on the window, not the button. The button moves out
+        // from under the pointer as it is dragged, and pointer capture on a moving
+        // element drops most of the move events.
+        _this.handleDragStart = function (event) {
+            var _a;
+            if (!_this.handleIsDraggable())
+                return;
+            var size = (_a = _this.anchorRef.current) === null || _a === void 0 ? void 0 : _a.getBoundingClientRect();
+            if (!size)
+                return;
+            // INFO: a drag that ends without a click — the pointer was cancelled by a
+            // system gesture, say — would otherwise leave the flag set and swallow the
+            // next real tap
+            _this.suppressClick = false;
+            event.preventDefault();
+            _this.dragRef = {
+                pointerX: event.clientX,
+                pointerY: event.clientY,
+                right: window.innerWidth - size.right,
+                bottom: window.innerHeight - size.bottom,
+                moved: false,
+                latest: null,
+            };
+            window.addEventListener("pointermove", _this.handleDragMove);
+            window.addEventListener("pointerup", _this.handleDragEnd);
+            window.addEventListener("pointercancel", _this.handleDragEnd);
+        };
+        _this.handleDragMove = function (event) {
+            var drag = _this.dragRef;
+            if (!drag)
+                return;
+            var deltaX = event.clientX - drag.pointerX;
+            var deltaY = event.clientY - drag.pointerY;
+            if (!drag.moved &&
+                Math.abs(deltaX) < DRAG_THRESHOLD &&
+                Math.abs(deltaY) < DRAG_THRESHOLD)
+                return;
+            drag.moved = true;
+            drag.latest = _this.handleClampPosition({
+                right: drag.right - deltaX,
+                bottom: drag.bottom - deltaY,
+            });
+            _this.setState({ position: drag.latest });
+        };
+        _this.handleDragEnd = function () {
+            var drag = _this.dragRef;
+            _this.dragRef = null;
+            _this.handleRemoveDragListeners();
+            if (!(drag === null || drag === void 0 ? void 0 : drag.moved))
+                return;
+            // INFO: the pointer comes up over the button, so a click follows the drag —
+            // this stops the chat opening every time the anchor is moved
+            _this.suppressClick = true;
+            if (drag.latest)
+                _this.handlePersistPosition(drag.latest);
+        };
+        _this.handleRemoveDragListeners = function () {
+            window.removeEventListener("pointermove", _this.handleDragMove);
+            window.removeEventListener("pointerup", _this.handleDragEnd);
+            window.removeEventListener("pointercancel", _this.handleDragEnd);
+        };
+        _this.handleAnchorClick = function () {
+            if (_this.suppressClick) {
+                _this.suppressClick = false;
+                return;
+            }
+            _this.props.onClick();
+        };
+        // INFO: no dragging while the panel is full screen on mobile — there is no
+        // free-floating button to move at that point
+        _this.handleIsDraggable = function () {
+            return _this.props.draggable !== false &&
+                !(_this.props.open && _this.state.isMobileWidth);
         };
         _this.componentDidUpdate = function (prevProps) {
             if (_this.props.open !== prevProps.open && _this.props.open) {
@@ -70,9 +206,12 @@ var ChatAnchor = /** @class */ (function (_super) {
             }
         };
         _this.handleResize = function () {
-            _this.setState({
+            _this.setState(function (previous) { return ({
                 isMobileWidth: window.innerWidth < 640,
-            });
+                position: previous.position
+                    ? _this.handleClampPosition(previous.position)
+                    : null,
+            }); });
         };
         _this.renderChatAnchorIcon = function () {
             var _a = _this.props, open = _a.open, openIcon = _a.openIcon, closeIcon = _a.closeIcon;
@@ -89,26 +228,37 @@ var ChatAnchor = /** @class */ (function (_super) {
     }
     ChatAnchor.prototype.componentDidMount = function () {
         this.handleResize();
+        // INFO: read after mount, never in the constructor — the server has no
+        // localStorage and a restored position would not match the first paint
+        this.handleRestorePosition();
         window.addEventListener("resize", this.handleResize);
     };
     ChatAnchor.prototype.componentWillUnmount = function () {
         window.removeEventListener("resize", this.handleResize);
+        this.handleRemoveDragListeners();
     };
     ChatAnchor.prototype.render = function () {
         var _this = this;
         var _a;
         var useAbsolutePosition = this.props.open && this.state.isMobileWidth;
+        // INFO: a dragged position is an inline style — Tailwind only emits the
+        // classes it can see at build time, so a runtime bottom-[Npx] never exists
+        var draggedPosition = !useAbsolutePosition && this.state.position ? this.state.position : null;
         var positionOffset = useAbsolutePosition
             ? "h-[calc(100dvh)] w-screen top-0 left-0 overflow-auto"
-            : (_a = this.props.positionOffset) !== null && _a !== void 0 ? _a : "bottom-8 right-8";
+            : draggedPosition
+                ? ""
+                : ((_a = this.props.positionOffset) !== null && _a !== void 0 ? _a : "bottom-8 right-8");
         var chatAnchorVisible = this.props.open ? "hidden sm:block" : "block";
         var icon = this.props.open ? this.props.closeIcon : this.props.openIcon;
-        return (react_2.default.createElement("div", { className: "z-40 flex flex-col items-end space-y-4 fixed ".concat(positionOffset) },
+        return (react_2.default.createElement("div", { ref: this.anchorRef, className: "z-40 flex flex-col items-end space-y-4 fixed ".concat(positionOffset), style: draggedPosition !== null && draggedPosition !== void 0 ? draggedPosition : undefined },
             react_2.default.createElement(react_1.Transition, { show: this.props.open, as: react_2.Fragment, enter: "transform transition duration-[400ms]", enterFrom: "opacity-0 scale-50", leave: "transform duration-200 transition ease-in-out", leaveTo: "opacity-0 scale-95 " },
                 react_2.default.createElement("div", { className: "w-full h-full" },
                     react_2.default.createElement(chatBase_1.ChatBase, __assign({}, this.props)))),
             react_2.default.createElement("div", { className: "flex flex-row" },
-                react_2.default.createElement("div", { onClick: this.props.onClick, className: "".concat(chatAnchorVisible, " ").concat(icon ? "" : "p-4", " rounded-full select-none h-fit w-fit bg-primary-500 shadow-lg hover:cursor-pointer hover:bg-primary-600") }, this.renderChatAnchorIcon()),
+                react_2.default.createElement("div", { ref: this.buttonRef, onClick: this.handleAnchorClick, onPointerDown: this.handleDragStart, className: "".concat(chatAnchorVisible, " ").concat(icon ? "" : "p-4", " ").concat(this.handleIsDraggable()
+                        ? "touch-none cursor-grab active:cursor-grabbing"
+                        : "hover:cursor-pointer", " rounded-full select-none h-fit w-fit bg-primary-500 shadow-lg hover:bg-primary-600") }, this.renderChatAnchorIcon()),
                 this.props.greetingCard && this.state.chatCard && (react_2.default.createElement("div", { className: "bg-white flex items-center ml-2 my-2 shadow-lg rounded-lg" },
                     react_2.default.createElement("div", { className: "cursor-pointer absolute bottom-12 right-0 bg-primary-500 hover:bg-primary-600 rounded-full", onClick: function () {
                             return _this.setState({

package/lib/components/chat/chatAnchor/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/components/chat/chatAnchor/index.tsx"],"names":[],"mappings":"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"}
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/components/chat/chatAnchor/index.tsx"],"names":[],"mappings":"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"}

package/lib/components/data/dataTemplate/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/components/data/dataTemplate/index.tsx"],"names":[],"mappings":"AAkCA,OAAO,KASN,MAAM,OAAO,CAAC;AAwFf,OAAO,EACL,iBAAiB,EAKlB,MAAM,kBAAkB,CAAC;AAwD1B,eAAO,MAAM,YAAY,mFAklYvB,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/components/data/dataTemplate/index.tsx"],"names":[],"mappings":"AAkCA,OAAO,KASN,MAAM,OAAO,CAAC;AAwFf,OAAO,EACL,iBAAiB,EAKlB,MAAM,kBAAkB,CAAC;AAwD1B,eAAO,MAAM,YAAY,mFAqlYvB,CAAC"}

package/lib/components/data/dataTemplate/index.js

@@ -1030,6 +1030,9 @@ exports.DataTemplate = (0, react_1.forwardRef)(function (props, ref) {
         props.collectionId,
         props.devSettings.sseEndpoint,
         props.devSettings.dbAPIToken,
+        // INFO: the ID token rotates hourly and is baked into the URL at construction,
+        // so without this every reconnect after a rotation presents an expired token.
+        props.devSettings.dbUserToken,
     ]);
     /* eslint-enable */
     // INFO: track real network connectivity independently of SSE so