@servicetitan/confirm-navigation 31.2.0 → 31.3.0

package/dist/confirm-navigation.js

@@ -1,12 +1,25 @@
-var __decorate = (this && this.__decorate) || function (decorators, target, key, desc) {
+function _define_property(obj, key, value) {
+    if (key in obj) {
+        Object.defineProperty(obj, key, {
+            value: value,
+            enumerable: true,
+            configurable: true,
+            writable: true
+        });
+    } else {
+        obj[key] = value;
+    }
+    return obj;
+}
+function _ts_decorate(decorators, target, key, desc) {
     var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;
     if (typeof Reflect === "object" && typeof Reflect.decorate === "function") r = Reflect.decorate(decorators, target, key, desc);
-    else for (var i = decorators.length - 1; i >= 0; i--) if (d = decorators[i]) r = (c < 3 ? d(r) : c > 3 ? d(target, key, r) : d(target, key)) || r;
+    else for(var i = decorators.length - 1; i >= 0; i--)if (d = decorators[i]) r = (c < 3 ? d(r) : c > 3 ? d(target, key, r) : d(target, key)) || r;
     return c > 3 && r && Object.defineProperty(target, key, r), r;
-};
-var __metadata = (this && this.__metadata) || function (k, v) {
+}
+function _ts_metadata(k, v) {
     if (typeof Reflect === "object" && typeof Reflect.metadata === "function") return Reflect.metadata(k, v);
-};
+}
 import { jsx as _jsx } from "react/jsx-runtime";
 import { Component } from 'react';
 import { withRouter } from 'react-router-dom';
@@ -15,132 +28,27 @@ import { observer } from 'mobx-react';
 import { Dialog } from '@servicetitan/design-system';
 import { injectDependency, optional } from '@servicetitan/react-ioc';
 import { HistoryManager } from '@servicetitan/web-components';
-const DefaultConfirmComponent = ({ title, description, isOpen, onConfirm, onCancel, }) => (_jsx(Dialog, { negative: true, open: isOpen, title: title, onPrimaryActionClick: onConfirm, primaryActionName: "Leave", onSecondaryActionClick: onCancel, secondaryActionName: "Stay", onClose: onCancel, children: description }));
-let ConfirmNavigationUnwrapped = class ConfirmNavigationUnwrapped extends Component {
-    constructor(props) {
-        super(props);
-        Object.defineProperty(this, "isOpen", {
-            enumerable: true,
-            configurable: true,
-            writable: true,
-            value: false
-        });
-        Object.defineProperty(this, "isRedirecting", {
-            enumerable: true,
-            configurable: true,
-            writable: true,
-            value: false
-        });
-        Object.defineProperty(this, "suspended", {
-            enumerable: true,
-            configurable: true,
-            writable: true,
-            value: void 0
-        });
-        Object.defineProperty(this, "unblock", {
-            enumerable: true,
-            configurable: true,
-            writable: true,
-            value: void 0
-        });
-        // We should terminate Sammy navigation and fix URL of the current page
-        Object.defineProperty(this, "onBefore", {
-            enumerable: true,
-            configurable: true,
-            writable: true,
-            value: () => {
-                if (this.isOpen && this.suspended) {
-                    this.isRedirecting = true;
-                    window.App.Instance.setLocation('#' + this.suspended.currentLocation.pathname);
-                }
-                return !this.isOpen;
-            }
-        });
-        Object.defineProperty(this, "block", {
-            enumerable: true,
-            configurable: true,
-            writable: true,
-            value: () => {
-                var _a, _b;
-                const getTransitionHook = (history) => {
-                    return (targetLocation) => {
-                        // We shouldn't memorize new locations if it is navigation just for fix URL of the current page
-                        if (this.isRedirecting) {
-                            this.isRedirecting = false;
-                            return false;
-                        }
-                        const hasChanged = history.location.pathname !== targetLocation.pathname ||
-                            (!this.props.ignoreSearchChanges &&
-                                history.location.search !== targetLocation.search);
-                        if (hasChanged) {
-                            runInAction(() => {
-                                this.isOpen = true;
-                                this.suspended = {
-                                    history,
-                                    targetLocation,
-                                    currentLocation: history.location,
-                                };
-                            });
-                            return false;
-                        }
-                    };
-                };
-                const { history } = this.props;
-                const unblock = history.block(getTransitionHook(history));
-                const restUnblocks = Array.from((_b = (_a = this.historyManager) === null || _a === void 0 ? void 0 : _a.storage.keys()) !== null && _b !== void 0 ? _b : [])
-                    .filter(item => item !== history)
-                    .map(history => history.block(getTransitionHook(history)));
-                this.unblock = () => {
-                    for (const unblock of restUnblocks) {
-                        unblock();
-                    }
-                    unblock();
-                };
-            }
-        });
-        Object.defineProperty(this, "handleConfirm", {
-            enumerable: true,
-            configurable: true,
-            writable: true,
-            value: () => {
-                if (!this.suspended) {
-                    return;
-                }
-                const { history, currentLocation, targetLocation } = this.suspended;
-                this.reset();
-                this.unblock();
-                // Fixing URL of the current page if it was changed manually
-                history.replace(currentLocation.pathname + currentLocation.search);
-                history.push(targetLocation);
-            }
-        });
-        Object.defineProperty(this, "handleCancel", {
-            enumerable: true,
-            configurable: true,
-            writable: true,
-            value: () => {
-                if (!this.suspended) {
-                    return;
-                }
-                const { history, currentLocation } = this.suspended;
-                this.reset();
-                this.unblock();
-                // Fixing URL of the current page if it was changed manually
-                history.replace(currentLocation.pathname + currentLocation.search);
-                this.block();
-            }
-        });
-        makeObservable(this);
-    }
+const DefaultConfirmComponent = ({ title, description, isOpen, onConfirm, onCancel })=>/*#__PURE__*/ _jsx(Dialog, {
+        negative: true,
+        open: isOpen,
+        title: title,
+        onPrimaryActionClick: onConfirm,
+        primaryActionName: "Leave",
+        onSecondaryActionClick: onCancel,
+        secondaryActionName: "Stay",
+        onClose: onCancel,
+        children: description
+    });
+class ConfirmNavigationUnwrapped extends Component {
     reset() {
         this.isOpen = false;
         this.isRedirecting = false;
         this.suspended = undefined;
     }
     componentDidMount() {
-        var _a, _b;
+        var _window_App_Instance, _window_App;
         this.block();
-        if ((_b = (_a = window.App) === null || _a === void 0 ? void 0 : _a.Instance) === null || _b === void 0 ? void 0 : _b.before) {
+        if ((_window_App = window.App) === null || _window_App === void 0 ? void 0 : (_window_App_Instance = _window_App.Instance) === null || _window_App_Instance === void 0 ? void 0 : _window_App_Instance.before) {
             window.App.Instance.before(this.onBefore);
         }
     }
@@ -153,44 +61,114 @@ let ConfirmNavigationUnwrapped = class ConfirmNavigationUnwrapped extends Compon
         }
     }
     componentWillUnmount() {
-        var _a, _b;
+        var _window_App_Instance, _window_App;
         this.unblock();
-        if ((_b = (_a = window.App) === null || _a === void 0 ? void 0 : _a.Instance) === null || _b === void 0 ? void 0 : _b.befores) {
-            window.App.Instance.befores = window.App.Instance.befores.filter(([, callback]) => callback !== this.onBefore);
+        if ((_window_App = window.App) === null || _window_App === void 0 ? void 0 : (_window_App_Instance = _window_App.Instance) === null || _window_App_Instance === void 0 ? void 0 : _window_App_Instance.befores) {
+            window.App.Instance.befores = window.App.Instance.befores.filter(([, callback])=>callback !== this.onBefore);
         }
     }
     render() {
         const { title, description, component: Component = DefaultConfirmComponent } = this.props;
-        return (_jsx(Component, { isOpen: this.isOpen, title: title, description: description, onConfirm: this.handleConfirm, onCancel: this.handleCancel }));
+        return /*#__PURE__*/ _jsx(Component, {
+            isOpen: this.isOpen,
+            title: title,
+            description: description,
+            onConfirm: this.handleConfirm,
+            onCancel: this.handleCancel
+        });
     }
-};
-Object.defineProperty(ConfirmNavigationUnwrapped, "defaultProps", {
-    enumerable: true,
-    configurable: true,
-    writable: true,
-    value: {
-        title: 'Are you sure you want to leave?',
-        description: "You'll lose all your changes if you do.",
+    constructor(props){
+        super(props), _define_property(this, "isOpen", false), _define_property(this, "isRedirecting", false), _define_property(this, "suspended", void 0), _define_property(this, "unblock", void 0), // We should terminate Sammy navigation and fix URL of the current page
+        _define_property(this, "onBefore", ()=>{
+            if (this.isOpen && this.suspended) {
+                this.isRedirecting = true;
+                window.App.Instance.setLocation('#' + this.suspended.currentLocation.pathname);
+            }
+            return !this.isOpen;
+        }), _define_property(this, "block", ()=>{
+            var _this_historyManager;
+            const getTransitionHook = (history)=>{
+                return (targetLocation)=>{
+                    // We shouldn't memorize new locations if it is navigation just for fix URL of the current page
+                    if (this.isRedirecting) {
+                        this.isRedirecting = false;
+                        return false;
+                    }
+                    const hasChanged = history.location.pathname !== targetLocation.pathname || !this.props.ignoreSearchChanges && history.location.search !== targetLocation.search;
+                    if (hasChanged) {
+                        runInAction(()=>{
+                            this.isOpen = true;
+                            this.suspended = {
+                                history,
+                                targetLocation,
+                                currentLocation: history.location
+                            };
+                        });
+                        return false;
+                    }
+                };
+            };
+            const { history } = this.props;
+            const unblock = history.block(getTransitionHook(history));
+            var _this_historyManager_storage_keys;
+            const restUnblocks = Array.from((_this_historyManager_storage_keys = (_this_historyManager = this.historyManager) === null || _this_historyManager === void 0 ? void 0 : _this_historyManager.storage.keys()) !== null && _this_historyManager_storage_keys !== void 0 ? _this_historyManager_storage_keys : []).filter((item)=>item !== history).map((history)=>history.block(getTransitionHook(history)));
+            this.unblock = ()=>{
+                for (const unblock of restUnblocks){
+                    unblock();
+                }
+                unblock();
+            };
+        }), _define_property(this, "handleConfirm", ()=>{
+            if (!this.suspended) {
+                return;
+            }
+            const { history, currentLocation, targetLocation } = this.suspended;
+            this.reset();
+            this.unblock();
+            // Fixing URL of the current page if it was changed manually
+            history.replace(currentLocation.pathname + currentLocation.search);
+            history.push(targetLocation);
+        }), _define_property(this, "handleCancel", ()=>{
+            if (!this.suspended) {
+                return;
+            }
+            const { history, currentLocation } = this.suspended;
+            this.reset();
+            this.unblock();
+            // Fixing URL of the current page if it was changed manually
+            history.replace(currentLocation.pathname + currentLocation.search);
+            this.block();
+        });
+        makeObservable(this);
     }
+}
+_define_property(ConfirmNavigationUnwrapped, "defaultProps", {
+    title: 'Are you sure you want to leave?',
+    description: "You'll lose all your changes if you do."
 });
-__decorate([
+_ts_decorate([
     optional(),
     injectDependency(HistoryManager),
-    __metadata("design:type", HistoryManager)
+    _ts_metadata("design:type", typeof HistoryManager === "undefined" ? Object : HistoryManager)
 ], ConfirmNavigationUnwrapped.prototype, "historyManager", void 0);
-__decorate([
-    observable,
-    __metadata("design:type", Object)
+_ts_decorate([
+    observable
 ], ConfirmNavigationUnwrapped.prototype, "isOpen", void 0);
-__decorate([
+_ts_decorate([
     action,
-    __metadata("design:type", Function),
-    __metadata("design:paramtypes", []),
-    __metadata("design:returntype", void 0)
+    _ts_metadata("design:type", Function),
+    _ts_metadata("design:paramtypes", []),
+    _ts_metadata("design:returntype", void 0)
 ], ConfirmNavigationUnwrapped.prototype, "reset", null);
-ConfirmNavigationUnwrapped = __decorate([
+ConfirmNavigationUnwrapped = _ts_decorate([
     observer,
-    __metadata("design:paramtypes", [Object])
+    _ts_metadata("design:type", Function),
+    _ts_metadata("design:paramtypes", [
+        typeof ConfirmNavigationProps === "undefined" ? Object : ConfirmNavigationProps
+    ])
 ], ConfirmNavigationUnwrapped);
-export const ConfirmNavigation = withRouter(({ when = true, ...props }) => when ? _jsx(ConfirmNavigationUnwrapped, { ...props }) : null);
+export const ConfirmNavigation = withRouter(({ when = true, ...props })=>when ? /*#__PURE__*/ _jsx(ConfirmNavigationUnwrapped, {
+        ...props
+    }) : null);
+
 //# sourceMappingURL=confirm-navigation.js.map

package/dist/confirm-navigation.js.map

@@ -1 +1 @@
-{"version":3,"file":"confirm-navigation.js","sourceRoot":"","sources":["../src/confirm-navigation.tsx"],"names":[],"mappings":"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"}
+{"version":3,"sources":["../src/confirm-navigation.tsx"],"sourcesContent":["import { Component, ComponentType, FC } from 'react';\nimport { withRouter, RouteComponentProps } from 'react-router-dom';\n\nimport { observable, action, runInAction, comparer, makeObservable } from 'mobx';\nimport { observer } from 'mobx-react';\n\nimport { History, Location, UnregisterCallback } from 'history';\n\nimport { Dialog } from '@servicetitan/design-system';\n\nimport { injectDependency, optional } from '@servicetitan/react-ioc';\nimport { HistoryManager } from '@servicetitan/web-components';\n\n// TODO: refactor this. External package should not do any assumptions about window.App.\ndeclare global {\n    export interface Window {\n        App: any;\n    }\n}\n\ninterface ConfirmNavigationRenderProps {\n    isOpen: boolean;\n    title?: string;\n    description?: string;\n    onConfirm(): void;\n    onCancel(): void;\n}\n\nexport interface ConfirmNavigationOwnProps {\n    when?: boolean;\n    ignoreSearchChanges?: boolean;\n    title?: string;\n    description?: string;\n    component?: ComponentType<ConfirmNavigationRenderProps> | FC<ConfirmNavigationRenderProps>;\n}\n\nexport type ConfirmNavigationProps = ConfirmNavigationOwnProps & RouteComponentProps;\n\nconst DefaultConfirmComponent: FC<ConfirmNavigationRenderProps> = ({\n    title,\n    description,\n    isOpen,\n    onConfirm,\n    onCancel,\n}) => (\n    <Dialog\n        negative\n        open={isOpen}\n        title={title}\n        onPrimaryActionClick={onConfirm}\n        primaryActionName=\"Leave\"\n        onSecondaryActionClick={onCancel}\n        secondaryActionName=\"Stay\"\n        onClose={onCancel}\n    >\n        {description}\n    </Dialog>\n);\n\n@observer\nclass ConfirmNavigationUnwrapped extends Component<ConfirmNavigationProps> {\n    static defaultProps: Partial<ConfirmNavigationProps> = {\n        title: 'Are you sure you want to leave?',\n        description: \"You'll lose all your changes if you do.\",\n    };\n\n    @optional()\n    @injectDependency(HistoryManager)\n    declare historyManager?: HistoryManager;\n\n    @observable isOpen = false;\n\n    isRedirecting = false;\n\n    suspended?: {\n        history: History;\n        currentLocation: Location;\n        targetLocation: Location;\n    };\n\n    unblock!: UnregisterCallback;\n\n    constructor(props: ConfirmNavigationProps) {\n        super(props);\n        makeObservable(this);\n    }\n\n    @action\n    reset() {\n        this.isOpen = false;\n        this.isRedirecting = false;\n        this.suspended = undefined;\n    }\n\n    componentDidMount() {\n        this.block();\n\n        if (window.App?.Instance?.before) {\n            window.App.Instance.before(this.onBefore);\n        }\n    }\n\n    componentDidUpdate(prevProps: RouteComponentProps) {\n        const { history: prevHistory } = prevProps;\n        const { history } = this.props;\n\n        if (!comparer.structural(prevHistory.location, history.location)) {\n            this.unblock();\n            this.block();\n        }\n    }\n\n    componentWillUnmount() {\n        this.unblock();\n\n        if (window.App?.Instance?.befores) {\n            window.App.Instance.befores = window.App.Instance.befores.filter(\n                ([, callback]: [any, Function]) => callback !== this.onBefore\n            );\n        }\n    }\n\n    // We should terminate Sammy navigation and fix URL of the current page\n    onBefore = () => {\n        if (this.isOpen && this.suspended) {\n            this.isRedirecting = true;\n            window.App.Instance.setLocation('#' + this.suspended.currentLocation.pathname);\n        }\n\n        return !this.isOpen;\n    };\n\n    block = () => {\n        const getTransitionHook = (history: History) => {\n            return (targetLocation: Location) => {\n                // We shouldn't memorize new locations if it is navigation just for fix URL of the current page\n                if (this.isRedirecting) {\n                    this.isRedirecting = false;\n                    return false;\n                }\n\n                const hasChanged =\n                    history.location.pathname !== targetLocation.pathname ||\n                    (!this.props.ignoreSearchChanges &&\n                        history.location.search !== targetLocation.search);\n\n                if (hasChanged) {\n                    runInAction(() => {\n                        this.isOpen = true;\n                        this.suspended = {\n                            history,\n                            targetLocation,\n                            currentLocation: history.location,\n                        };\n                    });\n\n                    return false;\n                }\n            };\n        };\n\n        const { history } = this.props;\n\n        const unblock = history.block(getTransitionHook(history));\n        const restUnblocks = Array.from(this.historyManager?.storage.keys() ?? [])\n            .filter(item => item !== history)\n            .map(history => history.block(getTransitionHook(history)));\n\n        this.unblock = () => {\n            for (const unblock of restUnblocks) {\n                unblock();\n            }\n\n            unblock();\n        };\n    };\n\n    handleConfirm = () => {\n        if (!this.suspended) {\n            return;\n        }\n\n        const { history, currentLocation, targetLocation } = this.suspended;\n\n        this.reset();\n\n        this.unblock();\n        // Fixing URL of the current page if it was changed manually\n        history.replace(currentLocation.pathname + currentLocation.search);\n        history.push(targetLocation);\n    };\n\n    handleCancel = () => {\n        if (!this.suspended) {\n            return;\n        }\n\n        const { history, currentLocation } = this.suspended;\n\n        this.reset();\n\n        this.unblock();\n        // Fixing URL of the current page if it was changed manually\n        history.replace(currentLocation.pathname + currentLocation.search);\n        this.block();\n    };\n\n    render() {\n        const { title, description, component: Component = DefaultConfirmComponent } = this.props;\n\n        return (\n            <Component\n                isOpen={this.isOpen}\n                title={title}\n                description={description}\n                onConfirm={this.handleConfirm}\n                onCancel={this.handleCancel}\n            />\n        );\n    }\n}\n\nexport const ConfirmNavigation = withRouter(({ when = true, ...props }: ConfirmNavigationProps) =>\n    when ? <ConfirmNavigationUnwrapped {...props} /> : null\n);\n"],"names":["Component","withRouter","observable","action","runInAction","comparer","makeObservable","observer","Dialog","injectDependency","optional","HistoryManager","DefaultConfirmComponent","title","description","isOpen","onConfirm","onCancel","negative","open","onPrimaryActionClick","primaryActionName","onSecondaryActionClick","secondaryActionName","onClose","ConfirmNavigationUnwrapped","reset","isRedirecting","suspended","undefined","componentDidMount","window","block","App","Instance","before","onBefore","componentDidUpdate","prevProps","history","prevHistory","props","structural","location","unblock","componentWillUnmount","befores","filter","callback","render","component","handleConfirm","handleCancel","constructor","setLocation","currentLocation","pathname","getTransitionHook","targetLocation","hasChanged","ignoreSearchChanges","search","restUnblocks","Array","from","historyManager","storage","keys","item","map","replace","push","defaultProps","ConfirmNavigation","when"],"mappings":"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"}

package/dist/demo/basic.js

@@ -2,11 +2,23 @@ import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import { useState, Fragment } from 'react';
 import { Checkbox } from '@servicetitan/design-system';
 import { ConfirmNavigation } from '..';
-export const BasicExample = () => {
+export const BasicExample = ()=>{
     const [confirm, setConfirm] = useState(true);
-    const handleChange = (_0, checked) => {
+    const handleChange = (_0, checked)=>{
         setConfirm(checked);
     };
-    return (_jsxs(Fragment, { children: [_jsx(Checkbox, { label: "Confirm Navigation?", checked: confirm, onChange: handleChange }), _jsx(ConfirmNavigation, { when: confirm })] }));
+    return /*#__PURE__*/ _jsxs(Fragment, {
+        children: [
+            /*#__PURE__*/ _jsx(Checkbox, {
+                label: "Confirm Navigation?",
+                checked: confirm,
+                onChange: handleChange
+            }),
+            /*#__PURE__*/ _jsx(ConfirmNavigation, {
+                when: confirm
+            })
+        ]
+    });
 };
+
 //# sourceMappingURL=basic.js.map

package/dist/demo/basic.js.map

@@ -1 +1 @@
-{"version":3,"file":"basic.js","sourceRoot":"","sources":["../../src/demo/basic.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,QAAQ,EAAE,QAAQ,EAAM,MAAM,OAAO,CAAC;AAE/C,OAAO,EAAE,QAAQ,EAAE,MAAM,6BAA6B,CAAC;AAEvD,OAAO,EAAE,iBAAiB,EAAE,MAAM,IAAI,CAAC;AAEvC,MAAM,CAAC,MAAM,YAAY,GAAO,GAAG,EAAE;IACjC,MAAM,CAAC,OAAO,EAAE,UAAU,CAAC,GAAG,QAAQ,CAAC,IAAI,CAAC,CAAC;IAE7C,MAAM,YAAY,GAAG,CAAC,EAAS,EAAE,OAAgB,EAAE,EAAE;QACjD,UAAU,CAAC,OAAO,CAAC,CAAC;IACxB,CAAC,CAAC;IAEF,OAAO,CACH,MAAC,QAAQ,eACL,KAAC,QAAQ,IAAC,KAAK,EAAC,qBAAqB,EAAC,OAAO,EAAE,OAAO,EAAE,QAAQ,EAAE,YAAY,GAAI,EAElF,KAAC,iBAAiB,IAAC,IAAI,EAAE,OAAO,GAAI,IAC7B,CACd,CAAC;AACN,CAAC,CAAC"}
+{"version":3,"sources":["../../src/demo/basic.tsx"],"sourcesContent":["import { useState, Fragment, FC } from 'react';\n\nimport { Checkbox } from '@servicetitan/design-system';\n\nimport { ConfirmNavigation } from '..';\n\nexport const BasicExample: FC = () => {\n    const [confirm, setConfirm] = useState(true);\n\n    const handleChange = (_0: never, checked: boolean) => {\n        setConfirm(checked);\n    };\n\n    return (\n        <Fragment>\n            <Checkbox label=\"Confirm Navigation?\" checked={confirm} onChange={handleChange} />\n\n            <ConfirmNavigation when={confirm} />\n        </Fragment>\n    );\n};\n"],"names":["useState","Fragment","Checkbox","ConfirmNavigation","BasicExample","confirm","setConfirm","handleChange","_0","checked","label","onChange","when"],"mappings":";AAAA,SAASA,QAAQ,EAAEC,QAAQ,QAAY,QAAQ;AAE/C,SAASC,QAAQ,QAAQ,8BAA8B;AAEvD,SAASC,iBAAiB,QAAQ,KAAK;AAEvC,OAAO,MAAMC,eAAmB;IAC5B,MAAM,CAACC,SAASC,WAAW,GAAGN,SAAS;IAEvC,MAAMO,eAAe,CAACC,IAAWC;QAC7BH,WAAWG;IACf;IAEA,qBACI,MAACR;;0BACG,KAACC;gBAASQ,OAAM;gBAAsBD,SAASJ;gBAASM,UAAUJ;;0BAElE,KAACJ;gBAAkBS,MAAMP;;;;AAGrC,EAAE"}

package/dist/demo/custom.js

@@ -2,13 +2,49 @@ import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import { useState, Fragment } from 'react';
 import { Checkbox, Modal, ButtonGroup, Button, BodyText } from '@servicetitan/design-system';
 import { ConfirmNavigation } from '..';
-export const CustomExample = () => {
+export const CustomExample = ()=>{
     const [confirm, setConfirm] = useState(true);
-    const handleChange = (_0, checked) => {
+    const handleChange = (_0, checked)=>{
         setConfirm(checked);
     };
-    return (_jsxs(Fragment, { children: [_jsx(Checkbox, { label: "Confirm Navigation?", checked: confirm, onChange: handleChange }), _jsx(ConfirmNavigation, { when: confirm, title: "Are you sure you want to leave?", description: "If you leave all changes will be lost.", component: ({ isOpen, onCancel, onConfirm, title, description }) => {
-                    return (_jsx(Modal, { open: isOpen, onClose: onCancel, title: title, footer: _jsxs(ButtonGroup, { children: [_jsx(Button, { onClick: onCancel, children: "No, stay" }), _jsx(Button, { onClick: onConfirm, color: "negative", children: "Yes, leave" })] }), children: _jsx(BodyText, { subdued: true, children: description }) }));
-                } })] }));
+    return /*#__PURE__*/ _jsxs(Fragment, {
+        children: [
+            /*#__PURE__*/ _jsx(Checkbox, {
+                label: "Confirm Navigation?",
+                checked: confirm,
+                onChange: handleChange
+            }),
+            /*#__PURE__*/ _jsx(ConfirmNavigation, {
+                when: confirm,
+                title: "Are you sure you want to leave?",
+                description: "If you leave all changes will be lost.",
+                component: ({ isOpen, onCancel, onConfirm, title, description })=>{
+                    return /*#__PURE__*/ _jsx(Modal, {
+                        open: isOpen,
+                        onClose: onCancel,
+                        title: title,
+                        footer: /*#__PURE__*/ _jsxs(ButtonGroup, {
+                            children: [
+                                /*#__PURE__*/ _jsx(Button, {
+                                    onClick: onCancel,
+                                    children: "No, stay"
+                                }),
+                                /*#__PURE__*/ _jsx(Button, {
+                                    onClick: onConfirm,
+                                    color: "negative",
+                                    children: "Yes, leave"
+                                })
+                            ]
+                        }),
+                        children: /*#__PURE__*/ _jsx(BodyText, {
+                            subdued: true,
+                            children: description
+                        })
+                    });
+                }
+            })
+        ]
+    });
 };
+
 //# sourceMappingURL=custom.js.map

package/dist/demo/custom.js.map

@@ -1 +1 @@
-{"version":3,"file":"custom.js","sourceRoot":"","sources":["../../src/demo/custom.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,QAAQ,EAAE,QAAQ,EAAM,MAAM,OAAO,CAAC;AAE/C,OAAO,EAAE,QAAQ,EAAE,KAAK,EAAE,WAAW,EAAE,MAAM,EAAE,QAAQ,EAAE,MAAM,6BAA6B,CAAC;AAE7F,OAAO,EAAE,iBAAiB,EAAE,MAAM,IAAI,CAAC;AAEvC,MAAM,CAAC,MAAM,aAAa,GAAO,GAAG,EAAE;IAClC,MAAM,CAAC,OAAO,EAAE,UAAU,CAAC,GAAG,QAAQ,CAAC,IAAI,CAAC,CAAC;IAE7C,MAAM,YAAY,GAAG,CAAC,EAAS,EAAE,OAAgB,EAAE,EAAE;QACjD,UAAU,CAAC,OAAO,CAAC,CAAC;IACxB,CAAC,CAAC;IAEF,OAAO,CACH,MAAC,QAAQ,eACL,KAAC,QAAQ,IAAC,KAAK,EAAC,qBAAqB,EAAC,OAAO,EAAE,OAAO,EAAE,QAAQ,EAAE,YAAY,GAAI,EAElF,KAAC,iBAAiB,IACd,IAAI,EAAE,OAAO,EACb,KAAK,EAAC,iCAAiC,EACvC,WAAW,EAAC,wCAAwC,EACpD,SAAS,EAAE,CAAC,EAAE,MAAM,EAAE,QAAQ,EAAE,SAAS,EAAE,KAAK,EAAE,WAAW,EAAE,EAAE,EAAE;oBAC/D,OAAO,CACH,KAAC,KAAK,IACF,IAAI,EAAE,MAAM,EACZ,OAAO,EAAE,QAAQ,EACjB,KAAK,EAAE,KAAK,EACZ,MAAM,EACF,MAAC,WAAW,eACR,KAAC,MAAM,IAAC,OAAO,EAAE,QAAQ,yBAAmB,EAC5C,KAAC,MAAM,IAAC,OAAO,EAAE,SAAS,EAAE,KAAK,EAAC,UAAU,2BAEnC,IACC,YAGlB,KAAC,QAAQ,IAAC,OAAO,kBAAE,WAAW,GAAY,GACtC,CACX,CAAC;gBACN,CAAC,GACH,IACK,CACd,CAAC;AACN,CAAC,CAAC"}
+{"version":3,"sources":["../../src/demo/custom.tsx"],"sourcesContent":["import { useState, Fragment, FC } from 'react';\n\nimport { Checkbox, Modal, ButtonGroup, Button, BodyText } from '@servicetitan/design-system';\n\nimport { ConfirmNavigation } from '..';\n\nexport const CustomExample: FC = () => {\n    const [confirm, setConfirm] = useState(true);\n\n    const handleChange = (_0: never, checked: boolean) => {\n        setConfirm(checked);\n    };\n\n    return (\n        <Fragment>\n            <Checkbox label=\"Confirm Navigation?\" checked={confirm} onChange={handleChange} />\n\n            <ConfirmNavigation\n                when={confirm}\n                title=\"Are you sure you want to leave?\"\n                description=\"If you leave all changes will be lost.\"\n                component={({ isOpen, onCancel, onConfirm, title, description }) => {\n                    return (\n                        <Modal\n                            open={isOpen}\n                            onClose={onCancel}\n                            title={title}\n                            footer={\n                                <ButtonGroup>\n                                    <Button onClick={onCancel}>No, stay</Button>\n                                    <Button onClick={onConfirm} color=\"negative\">\n                                        Yes, leave\n                                    </Button>\n                                </ButtonGroup>\n                            }\n                        >\n                            <BodyText subdued>{description}</BodyText>\n                        </Modal>\n                    );\n                }}\n            />\n        </Fragment>\n    );\n};\n"],"names":["useState","Fragment","Checkbox","Modal","ButtonGroup","Button","BodyText","ConfirmNavigation","CustomExample","confirm","setConfirm","handleChange","_0","checked","label","onChange","when","title","description","component","isOpen","onCancel","onConfirm","open","onClose","footer","onClick","color","subdued"],"mappings":";AAAA,SAASA,QAAQ,EAAEC,QAAQ,QAAY,QAAQ;AAE/C,SAASC,QAAQ,EAAEC,KAAK,EAAEC,WAAW,EAAEC,MAAM,EAAEC,QAAQ,QAAQ,8BAA8B;AAE7F,SAASC,iBAAiB,QAAQ,KAAK;AAEvC,OAAO,MAAMC,gBAAoB;IAC7B,MAAM,CAACC,SAASC,WAAW,GAAGV,SAAS;IAEvC,MAAMW,eAAe,CAACC,IAAWC;QAC7BH,WAAWG;IACf;IAEA,qBACI,MAACZ;;0BACG,KAACC;gBAASY,OAAM;gBAAsBD,SAASJ;gBAASM,UAAUJ;;0BAElE,KAACJ;gBACGS,MAAMP;gBACNQ,OAAM;gBACNC,aAAY;gBACZC,WAAW,CAAC,EAAEC,MAAM,EAAEC,QAAQ,EAAEC,SAAS,EAAEL,KAAK,EAAEC,WAAW,EAAE;oBAC3D,qBACI,KAACf;wBACGoB,MAAMH;wBACNI,SAASH;wBACTJ,OAAOA;wBACPQ,sBACI,MAACrB;;8CACG,KAACC;oCAAOqB,SAASL;8CAAU;;8CAC3B,KAAChB;oCAAOqB,SAASJ;oCAAWK,OAAM;8CAAW;;;;kCAMrD,cAAA,KAACrB;4BAASsB,OAAO;sCAAEV;;;gBAG/B;;;;AAIhB,EAAE"}

package/dist/demo/ignore-search-changes-example.js

@@ -4,21 +4,59 @@ import { Link, useLocation } from 'react-router-dom';
 import { Button, ButtonGroup, Checkbox } from '@servicetitan/design-system';
 import { ConfirmNavigation } from '..';
 //
-export const IgnoreSearchChangesExample = () => {
+export const IgnoreSearchChangesExample = ()=>{
     const [confirm, setConfirm] = useState(true);
-    const handleConfirmChange = (_0, checked) => {
+    const handleConfirmChange = (_0, checked)=>{
         setConfirm(checked);
     };
     const [ignoreSearch, setIgnoreSearch] = useState(true);
-    const handleIgnoreSearchChange = (_0, checked) => {
+    const handleIgnoreSearchChange = (_0, checked)=>{
         setIgnoreSearch(checked);
     };
-    return (_jsxs(Fragment, { children: [_jsx(Checkbox, { label: "Confirm Navigation?", checked: confirm, onChange: handleConfirmChange }), _jsx(Checkbox, { label: "Ignore search changes?", checked: ignoreSearch, onChange: handleIgnoreSearchChange }), _jsx(ConfirmNavigation, { when: confirm, ignoreSearchChanges: ignoreSearch }), _jsx(AdvancedUrlChange, {})] }));
+    return /*#__PURE__*/ _jsxs(Fragment, {
+        children: [
+            /*#__PURE__*/ _jsx(Checkbox, {
+                label: "Confirm Navigation?",
+                checked: confirm,
+                onChange: handleConfirmChange
+            }),
+            /*#__PURE__*/ _jsx(Checkbox, {
+                label: "Ignore search changes?",
+                checked: ignoreSearch,
+                onChange: handleIgnoreSearchChange
+            }),
+            /*#__PURE__*/ _jsx(ConfirmNavigation, {
+                when: confirm,
+                ignoreSearchChanges: ignoreSearch
+            }),
+            /*#__PURE__*/ _jsx(AdvancedUrlChange, {})
+        ]
+    });
 };
-const AdvancedUrlChange = () => {
+const AdvancedUrlChange = ()=>{
     const location = useLocation();
     const newPath = location.pathname === '/some-new-path-1' ? '/another-new-path-2' : '/some-new-path-1';
     const newSearch = location.search === '?newParam=true' ? '?anotherParam=true' : '?newParam=true';
-    return (_jsxs(ButtonGroup, { children: [_jsx(Link, { to: newPath, children: _jsx(Button, { primary: true, className: "m-t-2", children: "Change path" }) }), _jsx(Link, { to: location.pathname + newSearch, children: _jsx(Button, { primary: true, className: "m-t-2", children: "Change only search" }) })] }));
+    return /*#__PURE__*/ _jsxs(ButtonGroup, {
+        children: [
+            /*#__PURE__*/ _jsx(Link, {
+                to: newPath,
+                children: /*#__PURE__*/ _jsx(Button, {
+                    primary: true,
+                    className: "m-t-2",
+                    children: "Change path"
+                })
+            }),
+            /*#__PURE__*/ _jsx(Link, {
+                to: location.pathname + newSearch,
+                children: /*#__PURE__*/ _jsx(Button, {
+                    primary: true,
+                    className: "m-t-2",
+                    children: "Change only search"
+                })
+            })
+        ]
+    });
 };
+
 //# sourceMappingURL=ignore-search-changes-example.js.map

package/dist/demo/ignore-search-changes-example.js.map

@@ -1 +1 @@
-{"version":3,"file":"ignore-search-changes-example.js","sourceRoot":"","sources":["../../src/demo/ignore-search-changes-example.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,QAAQ,EAAE,QAAQ,EAAM,MAAM,OAAO,CAAC;AAC/C,OAAO,EAAE,IAAI,EAAE,WAAW,EAAE,MAAM,kBAAkB,CAAC;AAErD,OAAO,EAAE,MAAM,EAAE,WAAW,EAAE,QAAQ,EAAE,MAAM,6BAA6B,CAAC;AAE5E,OAAO,EAAE,iBAAiB,EAAE,MAAM,IAAI,CAAC;AACvC,EAAE;AAEF,MAAM,CAAC,MAAM,0BAA0B,GAAO,GAAG,EAAE;IAC/C,MAAM,CAAC,OAAO,EAAE,UAAU,CAAC,GAAG,QAAQ,CAAC,IAAI,CAAC,CAAC;IAC7C,MAAM,mBAAmB,GAAG,CAAC,EAAS,EAAE,OAAgB,EAAE,EAAE;QACxD,UAAU,CAAC,OAAO,CAAC,CAAC;IACxB,CAAC,CAAC;IAEF,MAAM,CAAC,YAAY,EAAE,eAAe,CAAC,GAAG,QAAQ,CAAC,IAAI,CAAC,CAAC;IACvD,MAAM,wBAAwB,GAAG,CAAC,EAAS,EAAE,OAAgB,EAAE,EAAE;QAC7D,eAAe,CAAC,OAAO,CAAC,CAAC;IAC7B,CAAC,CAAC;IAEF,OAAO,CACH,MAAC,QAAQ,eACL,KAAC,QAAQ,IACL,KAAK,EAAC,qBAAqB,EAC3B,OAAO,EAAE,OAAO,EAChB,QAAQ,EAAE,mBAAmB,GAC/B,EACF,KAAC,QAAQ,IACL,KAAK,EAAC,wBAAwB,EAC9B,OAAO,EAAE,YAAY,EACrB,QAAQ,EAAE,wBAAwB,GACpC,EAEF,KAAC,iBAAiB,IAAC,IAAI,EAAE,OAAO,EAAE,mBAAmB,EAAE,YAAY,GAAI,EAEvE,KAAC,iBAAiB,KAAG,IACd,CACd,CAAC;AACN,CAAC,CAAC;AAEF,MAAM,iBAAiB,GAAG,GAAG,EAAE;IAC3B,MAAM,QAAQ,GAAG,WAAW,EAAE,CAAC;IAC/B,MAAM,OAAO,GACT,QAAQ,CAAC,QAAQ,KAAK,kBAAkB,CAAC,CAAC,CAAC,qBAAqB,CAAC,CAAC,CAAC,kBAAkB,CAAC;IAC1F,MAAM,SAAS,GACX,QAAQ,CAAC,MAAM,KAAK,gBAAgB,CAAC,CAAC,CAAC,oBAAoB,CAAC,CAAC,CAAC,gBAAgB,CAAC;IACnF,OAAO,CACH,MAAC,WAAW,eACR,KAAC,IAAI,IAAC,EAAE,EAAE,OAAO,YACb,KAAC,MAAM,IAAC,OAAO,QAAC,SAAS,EAAC,OAAO,4BAExB,GACN,EACP,KAAC,IAAI,IAAC,EAAE,EAAE,QAAQ,CAAC,QAAQ,GAAG,SAAS,YACnC,KAAC,MAAM,IAAC,OAAO,QAAC,SAAS,EAAC,OAAO,mCAExB,GACN,IACG,CACjB,CAAC;AACN,CAAC,CAAC"}
+{"version":3,"sources":["../../src/demo/ignore-search-changes-example.tsx"],"sourcesContent":["import { useState, Fragment, FC } from 'react';\nimport { Link, useLocation } from 'react-router-dom';\n\nimport { Button, ButtonGroup, Checkbox } from '@servicetitan/design-system';\n\nimport { ConfirmNavigation } from '..';\n//\n\nexport const IgnoreSearchChangesExample: FC = () => {\n    const [confirm, setConfirm] = useState(true);\n    const handleConfirmChange = (_0: never, checked: boolean) => {\n        setConfirm(checked);\n    };\n\n    const [ignoreSearch, setIgnoreSearch] = useState(true);\n    const handleIgnoreSearchChange = (_0: never, checked: boolean) => {\n        setIgnoreSearch(checked);\n    };\n\n    return (\n        <Fragment>\n            <Checkbox\n                label=\"Confirm Navigation?\"\n                checked={confirm}\n                onChange={handleConfirmChange}\n            />\n            <Checkbox\n                label=\"Ignore search changes?\"\n                checked={ignoreSearch}\n                onChange={handleIgnoreSearchChange}\n            />\n\n            <ConfirmNavigation when={confirm} ignoreSearchChanges={ignoreSearch} />\n\n            <AdvancedUrlChange />\n        </Fragment>\n    );\n};\n\nconst AdvancedUrlChange = () => {\n    const location = useLocation();\n    const newPath =\n        location.pathname === '/some-new-path-1' ? '/another-new-path-2' : '/some-new-path-1';\n    const newSearch =\n        location.search === '?newParam=true' ? '?anotherParam=true' : '?newParam=true';\n    return (\n        <ButtonGroup>\n            <Link to={newPath}>\n                <Button primary className=\"m-t-2\">\n                    Change path\n                </Button>\n            </Link>\n            <Link to={location.pathname + newSearch}>\n                <Button primary className=\"m-t-2\">\n                    Change only search\n                </Button>\n            </Link>\n        </ButtonGroup>\n    );\n};\n"],"names":["useState","Fragment","Link","useLocation","Button","ButtonGroup","Checkbox","ConfirmNavigation","IgnoreSearchChangesExample","confirm","setConfirm","handleConfirmChange","_0","checked","ignoreSearch","setIgnoreSearch","handleIgnoreSearchChange","label","onChange","when","ignoreSearchChanges","AdvancedUrlChange","location","newPath","pathname","newSearch","search","to","primary","className"],"mappings":";AAAA,SAASA,QAAQ,EAAEC,QAAQ,QAAY,QAAQ;AAC/C,SAASC,IAAI,EAAEC,WAAW,QAAQ,mBAAmB;AAErD,SAASC,MAAM,EAAEC,WAAW,EAAEC,QAAQ,QAAQ,8BAA8B;AAE5E,SAASC,iBAAiB,QAAQ,KAAK;AACvC,EAAE;AAEF,OAAO,MAAMC,6BAAiC;IAC1C,MAAM,CAACC,SAASC,WAAW,GAAGV,SAAS;IACvC,MAAMW,sBAAsB,CAACC,IAAWC;QACpCH,WAAWG;IACf;IAEA,MAAM,CAACC,cAAcC,gBAAgB,GAAGf,SAAS;IACjD,MAAMgB,2BAA2B,CAACJ,IAAWC;QACzCE,gBAAgBF;IACpB;IAEA,qBACI,MAACZ;;0BACG,KAACK;gBACGW,OAAM;gBACNJ,SAASJ;gBACTS,UAAUP;;0BAEd,KAACL;gBACGW,OAAM;gBACNJ,SAASC;gBACTI,UAAUF;;0BAGd,KAACT;gBAAkBY,MAAMV;gBAASW,qBAAqBN;;0BAEvD,KAACO;;;AAGb,EAAE;AAEF,MAAMA,oBAAoB;IACtB,MAAMC,WAAWnB;IACjB,MAAMoB,UACFD,SAASE,QAAQ,KAAK,qBAAqB,wBAAwB;IACvE,MAAMC,YACFH,SAASI,MAAM,KAAK,mBAAmB,uBAAuB;IAClE,qBACI,MAACrB;;0BACG,KAACH;gBAAKyB,IAAIJ;0BACN,cAAA,KAACnB;oBAAOwB,OAAO;oBAACC,WAAU;8BAAQ;;;0BAItC,KAAC3B;gBAAKyB,IAAIL,SAASE,QAAQ,GAAGC;0BAC1B,cAAA,KAACrB;oBAAOwB,OAAO;oBAACC,WAAU;8BAAQ;;;;;AAMlD"}

package/dist/demo/index.js

@@ -1,4 +1,5 @@
 export * from './basic';
 export * from './custom';
 export * from './ignore-search-changes-example';
+
 //# sourceMappingURL=index.js.map

package/dist/demo/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sourceRoot":"","sources":["../../src/demo/index.ts"],"names":[],"mappings":"AAAA,cAAc,SAAS,CAAC;AACxB,cAAc,UAAU,CAAC;AACzB,cAAc,iCAAiC,CAAC"}
+{"version":3,"sources":["../../src/demo/index.ts"],"sourcesContent":["export * from './basic';\nexport * from './custom';\nexport * from './ignore-search-changes-example';\n"],"names":[],"mappings":"AAAA,cAAc,UAAU;AACxB,cAAc,WAAW;AACzB,cAAc,kCAAkC"}

package/dist/index.js

@@ -1,2 +1,3 @@
 export * from './confirm-navigation';
+
 //# sourceMappingURL=index.js.map

package/dist/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"AAAA,cAAc,sBAAsB,CAAC"}
+{"version":3,"sources":["../src/index.ts"],"sourcesContent":["export * from './confirm-navigation';\n"],"names":[],"mappings":"AAAA,cAAc,uBAAuB"}

package/package.json

@@ -1,6 +1,6 @@
 {
     "name": "@servicetitan/confirm-navigation",
-    "version": "31.2.0",
+    "version": "31.3.0",
     "description": "",
     "homepage": "https://docs.st.dev/docs/frontend/confirm-navigation",
     "repository": {
@@ -17,16 +17,16 @@
     ],
     "devDependencies": {
         "@servicetitan/design-system": "~14.5.1",
-        "@servicetitan/log-service": "^30.0.0",
-        "@servicetitan/react-ioc": "^30.0.0",
-        "@servicetitan/web-components": "^30.0.0",
+        "@servicetitan/log-service": "^31.3.2",
+        "@servicetitan/react-ioc": "^31.3.2",
+        "@servicetitan/web-components": "^31.3.2",
         "@types/history": "~4.7.10",
         "@types/react": "~18.2.55",
         "@types/react-router": "~5.1.17",
         "history": "~4.10.1",
         "mobx": "~6.10.2",
-        "mobx-react": "~9.0.2",
-        "react": "~18.2.0",
+        "mobx-react": "^9.2.0",
+        "react": "^18.2.0",
         "react-router-dom": "~5.3.0"
     },
     "peerDependencies": {
@@ -46,5 +46,5 @@
     "cli": {
         "webpack": false
     },
-    "gitHead": "03cfa4dc1e3cb374c8593f568ae47d0996ac7bae"
+    "gitHead": "7fc7b9cbf766fe23879ae81831f28bdd96559bce"
 }

package/dist/confirm-navigation.stories.js

@@ -1,17 +0,0 @@
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import { Button } from '@servicetitan/design-system';
-import { BrowserRouter, Link } from 'react-router-dom';
-import { BasicExample, CustomExample, IgnoreSearchChangesExample } from './demo';
-export default {
-    title: 'Confirm Navigation/Demos',
-};
-export const Basic = () => {
-    return (_jsxs(BrowserRouter, { children: [_jsx(BasicExample, {}), _jsx(Link, { to: "/some-new-path", children: _jsx(Button, { primary: true, className: "m-t-2", children: "Try" }) })] }));
-};
-export const Custom = () => {
-    return (_jsxs(BrowserRouter, { children: [_jsx(CustomExample, {}), _jsx(Link, { to: "/some-new-path", children: _jsx(Button, { primary: true, className: "m-t-2", children: "Try" }) })] }));
-};
-export const IgnoreSearchChanges = () => {
-    return (_jsx(BrowserRouter, { children: _jsx(IgnoreSearchChangesExample, {}) }));
-};
-//# sourceMappingURL=confirm-navigation.stories.js.map

package/dist/confirm-navigation.stories.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"confirm-navigation.stories.js","sourceRoot":"","sources":["../src/confirm-navigation.stories.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,MAAM,EAAE,MAAM,6BAA6B,CAAC;AACrD,OAAO,EAAE,aAAa,EAAE,IAAI,EAAE,MAAM,kBAAkB,CAAC;AAEvD,OAAO,EAAE,YAAY,EAAE,aAAa,EAAE,0BAA0B,EAAE,MAAM,QAAQ,CAAC;AAEjF,eAAe;IACX,KAAK,EAAE,0BAA0B;CACpC,CAAC;AAEF,MAAM,CAAC,MAAM,KAAK,GAAG,GAAG,EAAE;IACtB,OAAO,CACH,MAAC,aAAa,eACV,KAAC,YAAY,KAAG,EAEhB,KAAC,IAAI,IAAC,EAAE,EAAC,gBAAgB,YACrB,KAAC,MAAM,IAAC,OAAO,QAAC,SAAS,EAAC,OAAO,oBAExB,GACN,IACK,CACnB,CAAC;AACN,CAAC,CAAC;AAEF,MAAM,CAAC,MAAM,MAAM,GAAG,GAAG,EAAE;IACvB,OAAO,CACH,MAAC,aAAa,eACV,KAAC,aAAa,KAAG,EAEjB,KAAC,IAAI,IAAC,EAAE,EAAC,gBAAgB,YACrB,KAAC,MAAM,IAAC,OAAO,QAAC,SAAS,EAAC,OAAO,oBAExB,GACN,IACK,CACnB,CAAC;AACN,CAAC,CAAC;AAEF,MAAM,CAAC,MAAM,mBAAmB,GAAG,GAAG,EAAE;IACpC,OAAO,CACH,KAAC,aAAa,cACV,KAAC,0BAA0B,KAAG,GAClB,CACnB,CAAC;AACN,CAAC,CAAC"}