"use strict";
var __webpack_require__ = {};
(()=>{
    __webpack_require__.n = (module)=>{
        var getter = module && module.__esModule ? ()=>module['default'] : ()=>module;
        __webpack_require__.d(getter, {
            a: getter
        });
        return getter;
    };
})();
(()=>{
    __webpack_require__.d = (exports1, definition)=>{
        for(var key in definition)if (__webpack_require__.o(definition, key) && !__webpack_require__.o(exports1, key)) Object.defineProperty(exports1, key, {
            enumerable: true,
            get: definition[key]
        });
    };
})();
(()=>{
    __webpack_require__.o = (obj, prop)=>Object.prototype.hasOwnProperty.call(obj, prop);
})();
(()=>{
    __webpack_require__.r = (exports1)=>{
        if ("u" > typeof Symbol && Symbol.toStringTag) Object.defineProperty(exports1, Symbol.toStringTag, {
            value: 'Module'
        });
        Object.defineProperty(exports1, '__esModule', {
            value: true
        });
    };
})();
var __webpack_exports__ = {};
__webpack_require__.r(__webpack_exports__);
__webpack_require__.d(__webpack_exports__, {
    AutopilotChatSettingsHeader: ()=>AutopilotChatSettingsHeader
});
const jsx_runtime_namespaceObject = require("react/jsx-runtime");
const react_namespaceObject = require("@lingui/react");
const material_namespaceObject = require("@mui/material");
const apollo_core_namespaceObject = require("@uipath/apollo-core");
var apollo_core_default = /*#__PURE__*/ __webpack_require__.n(apollo_core_namespaceObject);
const external_react_namespaceObject = require("react");
var external_react_default = /*#__PURE__*/ __webpack_require__.n(external_react_namespaceObject);
const index_cjs_namespaceObject = require("../../../ap-typography/index.cjs");
const chat_service_provider_cjs_namespaceObject = require("../../providers/chat-service.provider.cjs");
const external_service_index_cjs_namespaceObject = require("../../service/index.cjs");
const action_button_cjs_namespaceObject = require("../common/action-button.cjs");
const shared_controls_cjs_namespaceObject = require("../common/shared-controls.cjs");
const HeaderContainer = (0, material_namespaceObject.styled)('div')(()=>({
        display: 'flex',
        alignItems: 'center',
        justifyContent: 'space-between',
        gap: apollo_core_default().Spacing.SpacingXs
    }));
const ActionsContainer = (0, material_namespaceObject.styled)('div')(()=>({
        display: 'flex',
        alignItems: 'center',
        gap: apollo_core_default().Spacing.SpacingXs
    }));
const AutopilotChatSettingsHeaderComponent = ({ isFullScreen, isSettingsOpen })=>{
    const { _ } = (0, react_namespaceObject.useLingui)();
    const chatService = (0, chat_service_provider_cjs_namespaceObject.useChatService)();
    const handleCloseSettings = external_react_default().useCallback(()=>{
        if (!chatService) return;
        chatService.getPreHook(external_service_index_cjs_namespaceObject.AutopilotChatPreHookAction.ToggleHistory)({
            settingsOpen: isSettingsOpen
        }).then((proceed)=>{
            if (!proceed) return;
            chatService?.toggleSettings();
        });
    }, [
        chatService,
        isSettingsOpen
    ]);
    return /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsxs)(HeaderContainer, {
        children: [
            isFullScreen && /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(index_cjs_namespaceObject.ApTypography, {
                variant: apollo_core_namespaceObject.FontVariantToken.fontBrandL,
                color: 'var(--color-foreground)',
                id: "settings-title",
                role: "heading",
                "aria-level": 2,
                children: _({
                    id: 'autopilot-chat.settings.title'
                })
            }),
            /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(shared_controls_cjs_namespaceObject.VisuallyHidden, {
                id: "settings-heading-description",
                children: _({
                    id: "autopilot-chat.settings.heading-description"
                })
            }),
            /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsxs)(ActionsContainer, {
                children: [
                    /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(action_button_cjs_namespaceObject.AutopilotChatActionButton, {
                        disabled: !isSettingsOpen,
                        iconName: isFullScreen ? 'right_panel_close' : 'chevron_left',
                        onClick: handleCloseSettings,
                        tooltip: isSettingsOpen ? _({
                            id: 'autopilot-chat.settings.hide'
                        }) : '',
                        ariaLabel: isSettingsOpen ? _({
                            id: 'autopilot-chat.settings.hide'
                        }) : '',
                        ariaDescribedby: isSettingsOpen ? "settings-title settings-heading-description" : '',
                        title: isSettingsOpen ? _({
                            id: 'autopilot-chat.settings.hide'
                        }) : '',
                        ...isFullScreen && {
                            variant: 'custom'
                        },
                        "data-testid": "autopilot-chat-settings-close"
                    }),
                    !isFullScreen && /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(index_cjs_namespaceObject.ApTypography, {
                        variant: apollo_core_namespaceObject.FontVariantToken.fontBrandL,
                        color: 'var(--color-foreground)',
                        id: "settings-title",
                        role: "heading",
                        "aria-level": 2,
                        children: _({
                            id: 'autopilot-chat.settings.title'
                        })
                    })
                ]
            })
        ]
    });
};
const AutopilotChatSettingsHeader = /*#__PURE__*/ external_react_default().memo(AutopilotChatSettingsHeaderComponent);
exports.AutopilotChatSettingsHeader = __webpack_exports__.AutopilotChatSettingsHeader;
for(var __rspack_i in __webpack_exports__)if (-1 === [
    "AutopilotChatSettingsHeader"
].indexOf(__rspack_i)) exports[__rspack_i] = __webpack_exports__[__rspack_i];
Object.defineProperty(exports, '__esModule', {
    value: true
});
