quran/.next/server/pages/notification-settings.js

(() => {
var exports = {};
exports.id = 33747;
exports.ids = [33747,64820];
exports.modules = {

/***/ 49086:
/***/ ((module, __webpack_exports__, __webpack_require__) => {

"use strict";
__webpack_require__.a(module, async (__webpack_handle_async_dependencies__, __webpack_async_result__) => { try {
__webpack_require__.r(__webpack_exports__);
/* harmony export */ __webpack_require__.d(__webpack_exports__, {
/* harmony export */   "default": () => (/* binding */ pageWrapperTemplate),
/* harmony export */   "getServerSideProps": () => (/* binding */ getServerSideProps),
/* harmony export */   "getStaticProps": () => (/* binding */ getStaticProps)
/* harmony export */ });
/* harmony import */ var _sentry_server_config_js__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(96270);
/* harmony import */ var _sentry_nextjs__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(58097);
/* harmony import */ var _sentry_nextjs__WEBPACK_IMPORTED_MODULE_1___default = /*#__PURE__*/__webpack_require__.n(_sentry_nextjs__WEBPACK_IMPORTED_MODULE_1__);
/* harmony import */ var react_jsx_runtime__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(20997);
/* harmony import */ var react_jsx_runtime__WEBPACK_IMPORTED_MODULE_2___default = /*#__PURE__*/__webpack_require__.n(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_2__);
/* harmony import */ var next_translate_useTranslation__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(60866);
/* harmony import */ var next_translate_useTranslation__WEBPACK_IMPORTED_MODULE_3___default = /*#__PURE__*/__webpack_require__.n(next_translate_useTranslation__WEBPACK_IMPORTED_MODULE_3__);
/* harmony import */ var _components_Auth_withAuth__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(1223);
/* harmony import */ var _components_NextSeoWrapper__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(25869);
/* harmony import */ var _components_Notifications_InAppNotifications_NotificationContext__WEBPACK_IMPORTED_MODULE_6__ = __webpack_require__(42534);
/* harmony import */ var _components_Notifications_NotificationSettings_Tabs__WEBPACK_IMPORTED_MODULE_7__ = __webpack_require__(90569);
/* harmony import */ var _pages_index_module_scss__WEBPACK_IMPORTED_MODULE_11__ = __webpack_require__(23848);
/* harmony import */ var _pages_index_module_scss__WEBPACK_IMPORTED_MODULE_11___default = /*#__PURE__*/__webpack_require__.n(_pages_index_module_scss__WEBPACK_IMPORTED_MODULE_11__);
/* harmony import */ var _utils_chapter__WEBPACK_IMPORTED_MODULE_8__ = __webpack_require__(95892);
/* harmony import */ var _utils_locale__WEBPACK_IMPORTED_MODULE_9__ = __webpack_require__(24709);
/* harmony import */ var _utils_navigation__WEBPACK_IMPORTED_MODULE_10__ = __webpack_require__(57933);
var __webpack_async_dependencies__ = __webpack_handle_async_dependencies__([_components_Auth_withAuth__WEBPACK_IMPORTED_MODULE_4__, _components_Notifications_InAppNotifications_NotificationContext__WEBPACK_IMPORTED_MODULE_6__, _components_Notifications_NotificationSettings_Tabs__WEBPACK_IMPORTED_MODULE_7__, _utils_navigation__WEBPACK_IMPORTED_MODULE_10__]);
([_components_Auth_withAuth__WEBPACK_IMPORTED_MODULE_4__, _components_Notifications_InAppNotifications_NotificationContext__WEBPACK_IMPORTED_MODULE_6__, _components_Notifications_NotificationSettings_Tabs__WEBPACK_IMPORTED_MODULE_7__, _utils_navigation__WEBPACK_IMPORTED_MODULE_10__] = __webpack_async_dependencies__.then ? (await __webpack_async_dependencies__)() : __webpack_async_dependencies__);













const NotificationSettingsPage = ()=>{
    const { t , lang  } = next_translate_useTranslation__WEBPACK_IMPORTED_MODULE_3___default()("common");
    const navigationUrl = (0,_utils_navigation__WEBPACK_IMPORTED_MODULE_10__/* .getNotificationSettingsNavigationUrl */ .lj)();
    const isProduction = process.env.NEXT_PUBLIC_VERCEL_ENV === "production";
    return /*#__PURE__*/ (0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_2__.jsxs)(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_2__.Fragment, {
        children: [
            /*#__PURE__*/ (0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_2__.jsx)(_components_NextSeoWrapper__WEBPACK_IMPORTED_MODULE_5__/* ["default"] */ .Z, {
                title: t("notification-settings"),
                canonical: (0,_utils_navigation__WEBPACK_IMPORTED_MODULE_10__/* .getCanonicalUrl */ .Z2)(lang, navigationUrl),
                languageAlternates: (0,_utils_locale__WEBPACK_IMPORTED_MODULE_9__/* .getLanguageAlternates */ .qc)(navigationUrl),
                nofollow: true,
                noindex: true
            }),
            /*#__PURE__*/ (0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_2__.jsx)("div", {
                className: (_pages_index_module_scss__WEBPACK_IMPORTED_MODULE_11___default().pageContainer),
                children: /*#__PURE__*/ (0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_2__.jsx)("div", {
                    className: (_pages_index_module_scss__WEBPACK_IMPORTED_MODULE_11___default().flow),
                    children: /*#__PURE__*/ (0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_2__.jsx)("div", {
                        className: (_pages_index_module_scss__WEBPACK_IMPORTED_MODULE_11___default().flowItem),
                        children: isProduction ? /*#__PURE__*/ (0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_2__.jsx)(_components_Notifications_InAppNotifications_NotificationContext__WEBPACK_IMPORTED_MODULE_6__/* .NotificationsProvider */ .N, {
                            children: /*#__PURE__*/ (0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_2__.jsx)(_components_Notifications_NotificationSettings_Tabs__WEBPACK_IMPORTED_MODULE_7__/* ["default"] */ .Z, {})
                        }) : // eslint-disable-next-line i18next/no-literal-string
                        /*#__PURE__*/ (0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_2__.jsx)("p", {
                            children: t("notification-settings:notif-settings-not-enabled")
                        })
                    })
                })
            })
        ]
    });
};
const getStaticProps$1 = async ({ locale  })=>{
    const allChaptersData = await (0,_utils_chapter__WEBPACK_IMPORTED_MODULE_8__/* .getAllChaptersData */ .T4)(locale);
    return {
        props: {
            chaptersData: allChaptersData
        }
    };
};
var __SENTRY_WRAPPING_TARGET_FILE__ = (0,_components_Auth_withAuth__WEBPACK_IMPORTED_MODULE_4__/* ["default"] */ .Z)(NotificationSettingsPage);

var serverComponentModule = /*#__PURE__*/Object.freeze({
    __proto__: null,
    getStaticProps: getStaticProps$1,
    'default': __SENTRY_WRAPPING_TARGET_FILE__
});

/*
 * This file is a template for the code which will be substituted when our webpack loader handles non-API files in the
 * `pages/` directory.
 *
 * We use `__SENTRY_WRAPPING_TARGET_FILE__.cjs` as a placeholder for the path to the file being wrapped. Because it's not a real package,
 * this causes both TS and ESLint to complain, hence the pragma comments below.
 */

const userPageModule = serverComponentModule ;

const pageComponent = userPageModule ? userPageModule.default : undefined;

const origGetInitialProps = pageComponent ? pageComponent.getInitialProps : undefined;
const origGetStaticProps = userPageModule ? userPageModule.getStaticProps : undefined;
const origGetServerSideProps = userPageModule ? userPageModule.getServerSideProps : undefined;

// eslint-disable-next-line @typescript-eslint/no-explicit-any
const getInitialPropsWrappers = {
  '/_app': _sentry_nextjs__WEBPACK_IMPORTED_MODULE_1__.wrapAppGetInitialPropsWithSentry,
  '/_document': _sentry_nextjs__WEBPACK_IMPORTED_MODULE_1__.wrapDocumentGetInitialPropsWithSentry,
  '/_error': _sentry_nextjs__WEBPACK_IMPORTED_MODULE_1__.wrapErrorGetInitialPropsWithSentry,
};

const getInitialPropsWrapper = getInitialPropsWrappers['/notification-settings'] || _sentry_nextjs__WEBPACK_IMPORTED_MODULE_1__.wrapGetInitialPropsWithSentry;

if (pageComponent && typeof origGetInitialProps === 'function') {
  pageComponent.getInitialProps = getInitialPropsWrapper(origGetInitialProps) ;
}

const getStaticProps =
  typeof origGetStaticProps === 'function'
    ? _sentry_nextjs__WEBPACK_IMPORTED_MODULE_1__.wrapGetStaticPropsWithSentry(origGetStaticProps, '/notification-settings')
    : undefined;
const getServerSideProps =
  typeof origGetServerSideProps === 'function'
    ? _sentry_nextjs__WEBPACK_IMPORTED_MODULE_1__.wrapGetServerSidePropsWithSentry(origGetServerSideProps, '/notification-settings')
    : undefined;

const pageWrapperTemplate = pageComponent ? _sentry_nextjs__WEBPACK_IMPORTED_MODULE_1__.wrapPageComponentWithSentry(pageComponent ) : pageComponent;



__webpack_async_result__();
} catch(e) { __webpack_async_result__(e); } });

/***/ }),

/***/ 24868:
/***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => {

"use strict";
/* harmony export */ __webpack_require__.d(__webpack_exports__, {
/* harmony export */   "Z": () => (__WEBPACK_DEFAULT_EXPORT__)
/* harmony export */ });
/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(16689);
/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(react__WEBPACK_IMPORTED_MODULE_0__);
var _path;
function _extends() { return _extends = Object.assign ? Object.assign.bind() : function (n) { for (var e = 1; e < arguments.length; e++) { var t = arguments[e]; for (var r in t) ({}).hasOwnProperty.call(t, r) && (n[r] = t[r]); } return n; }, _extends.apply(null, arguments); }

var SvgChevronDown = function SvgChevronDown(props) {
  return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__.createElement("svg", _extends({
    width: 15,
    height: 15,
    viewBox: "0 0 15 15",
    fill: "none",
    xmlns: "http://www.w3.org/2000/svg"
  }, props), _path || (_path = /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__.createElement("path", {
    d: "M3.135 6.158a.5.5 0 0 1 .707-.023L7.5 9.565l3.658-3.43a.5.5 0 0 1 .684.73l-4 3.75a.5.5 0 0 1-.684 0l-4-3.75a.5.5 0 0 1-.023-.707Z",
    fill: "currentColor",
    fillRule: "evenodd",
    clipRule: "evenodd"
  })));
};
/* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = (SvgChevronDown);

/***/ }),

/***/ 62396:
/***/ ((module) => {

// Exports
module.exports = {
	"container": "CollapsibleWorkflowSettings_container__vrNoK",
	"workflowName": "CollapsibleWorkflowSettings_workflowName__0RkJz",
	"workflowChannels": "CollapsibleWorkflowSettings_workflowChannels__mIy5l"
};


/***/ }),

/***/ 50021:
/***/ ((module) => {

// Exports
module.exports = {
	"channelsContainer": "FieldsetContainer_channelsContainer___vj9c"
};


/***/ }),

/***/ 57116:
/***/ ((module) => {

// Exports
module.exports = {
	"row": "PreferenceSettingsToggles_row__ZKxQT"
};


/***/ }),

/***/ 64576:
/***/ ((module) => {

// Exports
module.exports = {
	"container": "Tabs_container__s7UYm",
	"header": "Tabs_header__ENuIE",
	"titleContainer": "Tabs_titleContainer__VlDsW",
	"loadingContainer": "Tabs_loadingContainer__Ewtc2"
};


/***/ }),

/***/ 81670:
/***/ ((module) => {

// Exports
module.exports = {
	"header": "Collapsible_header__CmhJq",
	"headerLeft": "Collapsible_headerLeft__Xh00n",
	"prefixContainer": "Collapsible_prefixContainer__AVHUT",
	"prefixRotated": "Collapsible_prefixRotated__bjKLn",
	"suffixContainer": "Collapsible_suffixContainer__uZ1IW"
};


/***/ }),

/***/ 47989:
/***/ ((module) => {

// Exports
module.exports = {
	"container": "Pill_container__FoIEg",
	"small": "Pill_small__zCILo"
};


/***/ }),

/***/ 38429:
/***/ ((module) => {

// Exports
module.exports = {
	"root": "Toggle_root__H_bcP",
	"thumb": "Toggle_thumb__6mKWE",
	"label": "Toggle_label__FQD4J",
	"container": "Toggle_container__Hmm6V"
};


/***/ }),

/***/ 23848:
/***/ ((module) => {

// Exports
module.exports = {
	"pageContainer": "index_pageContainer__Pxtn3",
	"loadingContainer": "index_loadingContainer__WEZFc",
	"flow": "index_flow__rCTR5",
	"flowItem": "index_flowItem__GnXWz",
	"additionalVerticalGap": "index_additionalVerticalGap__nzYz6",
	"fullWidth": "index_fullWidth__1n4ux"
};


/***/ }),

/***/ 42534:
/***/ ((module, __webpack_exports__, __webpack_require__) => {

"use strict";
__webpack_require__.a(module, async (__webpack_handle_async_dependencies__, __webpack_async_result__) => { try {
/* harmony export */ __webpack_require__.d(__webpack_exports__, {
/* harmony export */   "N": () => (/* binding */ NotificationsProvider)
/* harmony export */ });
/* unused harmony export useNotifications */
/* harmony import */ var react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(20997);
/* harmony import */ var react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__);
/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(16689);
/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_1___default = /*#__PURE__*/__webpack_require__.n(react__WEBPACK_IMPORTED_MODULE_1__);
/* harmony import */ var _components_Notifications_hooks_useFetchNotifications__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(89414);
/* harmony import */ var _components_Notifications_hooks_useHeadlessService__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(68158);
/* harmony import */ var _components_Notifications_hooks_useInitializeUnseenCount__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(40098);
var __webpack_async_dependencies__ = __webpack_handle_async_dependencies__([_components_Notifications_hooks_useFetchNotifications__WEBPACK_IMPORTED_MODULE_2__, _components_Notifications_hooks_useHeadlessService__WEBPACK_IMPORTED_MODULE_3__, _components_Notifications_hooks_useInitializeUnseenCount__WEBPACK_IMPORTED_MODULE_4__]);
([_components_Notifications_hooks_useFetchNotifications__WEBPACK_IMPORTED_MODULE_2__, _components_Notifications_hooks_useHeadlessService__WEBPACK_IMPORTED_MODULE_3__, _components_Notifications_hooks_useInitializeUnseenCount__WEBPACK_IMPORTED_MODULE_4__] = __webpack_async_dependencies__.then ? (await __webpack_async_dependencies__)() : __webpack_async_dependencies__);
/* eslint-disable max-lines */ 




const NotificationContext = /*#__PURE__*/ (0,react__WEBPACK_IMPORTED_MODULE_1__.createContext)({});
const NotificationsProviderInner = ({ children  })=>{
    // fetch initial unseen count and listen to its changes
    (0,_components_Notifications_hooks_useInitializeUnseenCount__WEBPACK_IMPORTED_MODULE_4__/* ["default"] */ .Z)();
    const fetchNotifications = (0,_components_Notifications_hooks_useFetchNotifications__WEBPACK_IMPORTED_MODULE_2__/* ["default"] */ .Z)();
    const value = (0,react__WEBPACK_IMPORTED_MODULE_1__.useMemo)(()=>({
            fetchNotifications
        }), [
        fetchNotifications
    ]);
    return /*#__PURE__*/ react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx(NotificationContext.Provider, {
        value: value,
        children: children
    });
};
// eslint-disable-next-line react/no-multi-comp
const NotificationsProvider = ({ children  })=>{
    return /*#__PURE__*/ react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx(_components_Notifications_hooks_useHeadlessService__WEBPACK_IMPORTED_MODULE_3__/* .HeadlessServiceProvider */ .j, {
        children: /*#__PURE__*/ react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx(NotificationsProviderInner, {
            children: children
        })
    });
};
const useNotifications = ()=>useContext(NotificationContext);

__webpack_async_result__();
} catch(e) { __webpack_async_result__(e); } });

/***/ }),

/***/ 66122:
/***/ ((module, __webpack_exports__, __webpack_require__) => {

"use strict";
__webpack_require__.a(module, async (__webpack_handle_async_dependencies__, __webpack_async_result__) => { try {
/* harmony export */ __webpack_require__.d(__webpack_exports__, {
/* harmony export */   "Z": () => (__WEBPACK_DEFAULT_EXPORT__)
/* harmony export */ });
/* harmony import */ var react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(20997);
/* harmony import */ var react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__);
/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(16689);
/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_1___default = /*#__PURE__*/__webpack_require__.n(react__WEBPACK_IMPORTED_MODULE_1__);
/* harmony import */ var next_translate_useTranslation__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(60866);
/* harmony import */ var next_translate_useTranslation__WEBPACK_IMPORTED_MODULE_2___default = /*#__PURE__*/__webpack_require__.n(next_translate_useTranslation__WEBPACK_IMPORTED_MODULE_2__);
/* harmony import */ var _CollapsibleWorkflowSettings_module_scss__WEBPACK_IMPORTED_MODULE_8__ = __webpack_require__(62396);
/* harmony import */ var _CollapsibleWorkflowSettings_module_scss__WEBPACK_IMPORTED_MODULE_8___default = /*#__PURE__*/__webpack_require__.n(_CollapsibleWorkflowSettings_module_scss__WEBPACK_IMPORTED_MODULE_8__);
/* harmony import */ var _components_Notifications_hooks_useUpdateUserPreferences__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(92671);
/* harmony import */ var _components_Notifications_NotificationSettings_Tabs_PreferenceSettingsToggles__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(93853);
/* harmony import */ var _dls_Collapsible_Collapsible__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(92775);
/* harmony import */ var _icons_chevron_down_svg__WEBPACK_IMPORTED_MODULE_6__ = __webpack_require__(24868);
/* harmony import */ var _utils_eventLogger__WEBPACK_IMPORTED_MODULE_7__ = __webpack_require__(55943);
var __webpack_async_dependencies__ = __webpack_handle_async_dependencies__([_components_Notifications_hooks_useUpdateUserPreferences__WEBPACK_IMPORTED_MODULE_3__, _components_Notifications_NotificationSettings_Tabs_PreferenceSettingsToggles__WEBPACK_IMPORTED_MODULE_4__, _dls_Collapsible_Collapsible__WEBPACK_IMPORTED_MODULE_5__, _utils_eventLogger__WEBPACK_IMPORTED_MODULE_7__]);
([_components_Notifications_hooks_useUpdateUserPreferences__WEBPACK_IMPORTED_MODULE_3__, _components_Notifications_NotificationSettings_Tabs_PreferenceSettingsToggles__WEBPACK_IMPORTED_MODULE_4__, _dls_Collapsible_Collapsible__WEBPACK_IMPORTED_MODULE_5__, _utils_eventLogger__WEBPACK_IMPORTED_MODULE_7__] = __webpack_async_dependencies__.then ? (await __webpack_async_dependencies__)() : __webpack_async_dependencies__);
/* eslint-disable no-underscore-dangle */ 








const CollapsibleWorkflowSettings = ({ preference  })=>{
    const { t  } = next_translate_useTranslation__WEBPACK_IMPORTED_MODULE_2___default()("notification-settings");
    const { mutate: UpdateUserPreferences , isMutating  } = (0,_components_Notifications_hooks_useUpdateUserPreferences__WEBPACK_IMPORTED_MODULE_3__/* ["default"] */ .Z)(// eslint-disable-next-line no-underscore-dangle
    preference.template._id);
    // we need a local state to handle UI updates when the user changes one of the settings since the toggles are controlled
    const { 0: preferenceState , 1: setPreferenceState  } = (0,react__WEBPACK_IMPORTED_MODULE_1__.useState)(preference);
    const { 0: mutatingChannel , 1: setMutatingChannel  } = (0,react__WEBPACK_IMPORTED_MODULE_1__.useState)();
    const onOpenChange = (isOpen)=>{
        if (isOpen) {
            (0,_utils_eventLogger__WEBPACK_IMPORTED_MODULE_7__/* .logEvent */ .Kz)("notif_workflow_settings_drawer_opened");
        } else {
            (0,_utils_eventLogger__WEBPACK_IMPORTED_MODULE_7__/* .logEvent */ .Kz)("notif_workflow_settings_drawer_closed");
        }
    };
    const onToggle = (isChecked, channel)=>{
        setMutatingChannel(channel);
        (0,_utils_eventLogger__WEBPACK_IMPORTED_MODULE_7__/* .logValueChange */ .Q8)("notif_workflow_settings", !isChecked, isChecked, {
            channel
        });
        UpdateUserPreferences(isChecked, channel, ()=>{
            setPreferenceState((prev)=>{
                const newState = {
                    ...prev
                };
                newState.preference.channels[channel] = isChecked;
                return newState;
            });
        });
    };
    const workflowChannels = (0,react__WEBPACK_IMPORTED_MODULE_1__.useMemo)(()=>// eslint-disable-next-line unicorn/no-array-reduce
        Object.keys(preferenceState.preference.channels).reduce((acc, currentValue)=>{
            if (!acc) return t(`channels.${currentValue}`);
            return `${acc}, ${t(`channels.${currentValue}`)}`;
        }, ""), [
        preferenceState.preference.channels,
        t
    ]);
    return /*#__PURE__*/ react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx("div", {
        className: (_CollapsibleWorkflowSettings_module_scss__WEBPACK_IMPORTED_MODULE_8___default().container),
        children: /*#__PURE__*/ react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx(_dls_Collapsible_Collapsible__WEBPACK_IMPORTED_MODULE_5__/* ["default"] */ .Z, {
            title: /*#__PURE__*/ (0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsxs)("div", {
                children: [
                    /*#__PURE__*/ react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx("p", {
                        className: (_CollapsibleWorkflowSettings_module_scss__WEBPACK_IMPORTED_MODULE_8___default().workflowName),
                        children: preferenceState.template.name
                    }),
                    /*#__PURE__*/ react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx("p", {
                        className: (_CollapsibleWorkflowSettings_module_scss__WEBPACK_IMPORTED_MODULE_8___default().workflowChannels),
                        children: workflowChannels
                    })
                ]
            }),
            prefix: /*#__PURE__*/ react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx(_icons_chevron_down_svg__WEBPACK_IMPORTED_MODULE_6__/* ["default"] */ .Z, {}),
            shouldRotatePrefixOnToggle: true,
            onOpenChange: onOpenChange,
            direction: _dls_Collapsible_Collapsible__WEBPACK_IMPORTED_MODULE_5__/* .CollapsibleDirection.Right */ .a.Right,
            children: ({ isOpen: isOpenRenderProp  })=>{
                if (!isOpenRenderProp) return null;
                return /*#__PURE__*/ react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx(_components_Notifications_NotificationSettings_Tabs_PreferenceSettingsToggles__WEBPACK_IMPORTED_MODULE_4__/* ["default"] */ .Z, {
                    onToggle: onToggle,
                    isMutating: isMutating,
                    preference: preferenceState,
                    mutatingChannel: mutatingChannel,
                    hasGlobalPreference: false
                });
            }
        })
    });
};
/* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = (CollapsibleWorkflowSettings);

__webpack_async_result__();
} catch(e) { __webpack_async_result__(e); } });

/***/ }),

/***/ 37688:
/***/ ((module, __webpack_exports__, __webpack_require__) => {

"use strict";
__webpack_require__.a(module, async (__webpack_handle_async_dependencies__, __webpack_async_result__) => { try {
/* harmony export */ __webpack_require__.d(__webpack_exports__, {
/* harmony export */   "Z": () => (__WEBPACK_DEFAULT_EXPORT__)
/* harmony export */ });
/* harmony import */ var react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(20997);
/* harmony import */ var react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__);
/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(16689);
/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_1___default = /*#__PURE__*/__webpack_require__.n(react__WEBPACK_IMPORTED_MODULE_1__);
/* harmony import */ var lodash_groupBy__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(98492);
/* harmony import */ var lodash_groupBy__WEBPACK_IMPORTED_MODULE_2___default = /*#__PURE__*/__webpack_require__.n(lodash_groupBy__WEBPACK_IMPORTED_MODULE_2__);
/* harmony import */ var next_translate_useTranslation__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(60866);
/* harmony import */ var next_translate_useTranslation__WEBPACK_IMPORTED_MODULE_3___default = /*#__PURE__*/__webpack_require__.n(next_translate_useTranslation__WEBPACK_IMPORTED_MODULE_3__);
/* harmony import */ var _Tabs_module_scss__WEBPACK_IMPORTED_MODULE_11__ = __webpack_require__(64576);
/* harmony import */ var _Tabs_module_scss__WEBPACK_IMPORTED_MODULE_11___default = /*#__PURE__*/__webpack_require__.n(_Tabs_module_scss__WEBPACK_IMPORTED_MODULE_11__);
/* harmony import */ var _CollapsibleWorkflowSettings__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(66122);
/* harmony import */ var _components_Notifications_hooks_useFetchUserPreferences__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(69505);
/* harmony import */ var _components_Notifications_hooks_useHeadlessService__WEBPACK_IMPORTED_MODULE_6__ = __webpack_require__(68158);
/* harmony import */ var _components_Notifications_NotificationSettings_Tabs_FieldsetContainer__WEBPACK_IMPORTED_MODULE_7__ = __webpack_require__(12146);
/* harmony import */ var _dls_Pill__WEBPACK_IMPORTED_MODULE_8__ = __webpack_require__(78945);
/* harmony import */ var _dls_Spinner_Spinner__WEBPACK_IMPORTED_MODULE_9__ = __webpack_require__(7190);
/* harmony import */ var _pages_error__WEBPACK_IMPORTED_MODULE_10__ = __webpack_require__(36049);
var __webpack_async_dependencies__ = __webpack_handle_async_dependencies__([_CollapsibleWorkflowSettings__WEBPACK_IMPORTED_MODULE_4__, _components_Notifications_hooks_useFetchUserPreferences__WEBPACK_IMPORTED_MODULE_5__, _components_Notifications_hooks_useHeadlessService__WEBPACK_IMPORTED_MODULE_6__, _pages_error__WEBPACK_IMPORTED_MODULE_10__]);
([_CollapsibleWorkflowSettings__WEBPACK_IMPORTED_MODULE_4__, _components_Notifications_hooks_useFetchUserPreferences__WEBPACK_IMPORTED_MODULE_5__, _components_Notifications_hooks_useHeadlessService__WEBPACK_IMPORTED_MODULE_6__, _pages_error__WEBPACK_IMPORTED_MODULE_10__] = __webpack_async_dependencies__.then ? (await __webpack_async_dependencies__)() : __webpack_async_dependencies__);
/* eslint-disable no-underscore-dangle */ 











const MARKETING_TAG = "marketing";
const CategoriesSettingsTab = ()=>{
    const { t  } = next_translate_useTranslation__WEBPACK_IMPORTED_MODULE_3___default()("notification-settings");
    const { mutate , isMutating: isFetchingUserPreferences , error , userPreferences , status ,  } = (0,_components_Notifications_hooks_useFetchUserPreferences__WEBPACK_IMPORTED_MODULE_5__/* ["default"] */ .Z)();
    // we need a local state to handle UI updates when the user changes one of the settings since the toggles are controlled
    const { 0: preferences , 1: setPreferences  } = (0,react__WEBPACK_IMPORTED_MODULE_1__.useState)(userPreferences);
    /**
   * Group the preferences by tags. We filter out:
   *
   * 1. critical workflows since they are cannot be skipped.
   * 2. preferences that don't have tags since they cannot be categorized.
   * 3. non-marketing emails
   */ const groupByTags = (0,react__WEBPACK_IMPORTED_MODULE_1__.useMemo)(()=>lodash_groupBy__WEBPACK_IMPORTED_MODULE_2___default()(preferences?.filter((preference)=>preference.template.critical === false && !!preference.template.tags.length && !preference.template.tags.includes(MARKETING_TAG)), (preference)=>preference.template.tags), [
        preferences
    ]);
    (0,react__WEBPACK_IMPORTED_MODULE_1__.useEffect)(()=>{
        setPreferences(userPreferences);
    }, [
        userPreferences
    ]);
    (0,react__WEBPACK_IMPORTED_MODULE_1__.useEffect)(()=>{
        mutate(false);
    }, [
        mutate
    ]);
    const isLoading = status === _components_Notifications_hooks_useHeadlessService__WEBPACK_IMPORTED_MODULE_6__/* .HeadlessServiceStatus.INITIALIZING */ .sp.INITIALIZING || isFetchingUserPreferences;
    if (isLoading) {
        return /*#__PURE__*/ react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx("div", {
            className: (_Tabs_module_scss__WEBPACK_IMPORTED_MODULE_11___default().loadingContainer),
            children: /*#__PURE__*/ react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx(_dls_Spinner_Spinner__WEBPACK_IMPORTED_MODULE_9__/* ["default"] */ .Z, {
                size: _dls_Spinner_Spinner__WEBPACK_IMPORTED_MODULE_9__/* .SpinnerSize.Large */ .E.Large
            })
        });
    }
    const hasError = status === _components_Notifications_hooks_useHeadlessService__WEBPACK_IMPORTED_MODULE_6__/* .HeadlessServiceStatus.ERROR */ .sp.ERROR || error;
    if (hasError) {
        return /*#__PURE__*/ react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx("div", {
            className: (_Tabs_module_scss__WEBPACK_IMPORTED_MODULE_11___default().loadingContainer),
            children: /*#__PURE__*/ react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx(_pages_error__WEBPACK_IMPORTED_MODULE_10__["default"], {
                statusCode: 500
            })
        });
    }
    // if it's loading or there's an error, we don't want to render anything
    if (!preferences || preferences.length === 0) {
        return null;
    }
    return /*#__PURE__*/ react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.Fragment, {
        children: Object.keys(groupByTags).map((tag)=>{
            const tagPreferences = groupByTags[tag];
            return /*#__PURE__*/ react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx("div", {
                children: /*#__PURE__*/ react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx(_components_Notifications_NotificationSettings_Tabs_FieldsetContainer__WEBPACK_IMPORTED_MODULE_7__/* ["default"] */ .Z, {
                    title: /*#__PURE__*/ react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx(_dls_Pill__WEBPACK_IMPORTED_MODULE_8__/* ["default"] */ .Z, {
                        size: _dls_Pill__WEBPACK_IMPORTED_MODULE_8__/* .PillSize.SMALL */ .n.SMALL,
                        children: t(`tags.${tag}`)
                    }),
                    children: tagPreferences.map((preference)=>{
                        return /*#__PURE__*/ react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx(_CollapsibleWorkflowSettings__WEBPACK_IMPORTED_MODULE_4__/* ["default"] */ .Z, {
                            preference: preference
                        }, preference.template._id);
                    })
                })
            }, tag);
        })
    });
};
/* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = (CategoriesSettingsTab);

__webpack_async_result__();
} catch(e) { __webpack_async_result__(e); } });

/***/ }),

/***/ 12146:
/***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => {

"use strict";
/* harmony export */ __webpack_require__.d(__webpack_exports__, {
/* harmony export */   "Z": () => (__WEBPACK_DEFAULT_EXPORT__)
/* harmony export */ });
/* harmony import */ var react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(20997);
/* harmony import */ var react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__);
/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(16689);
/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_1___default = /*#__PURE__*/__webpack_require__.n(react__WEBPACK_IMPORTED_MODULE_1__);
/* harmony import */ var _FieldsetContainer_module_scss__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(50021);
/* harmony import */ var _FieldsetContainer_module_scss__WEBPACK_IMPORTED_MODULE_2___default = /*#__PURE__*/__webpack_require__.n(_FieldsetContainer_module_scss__WEBPACK_IMPORTED_MODULE_2__);



const FieldsetContainer = ({ children , title  })=>{
    return /*#__PURE__*/ (0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsxs)("fieldset", {
        className: (_FieldsetContainer_module_scss__WEBPACK_IMPORTED_MODULE_2___default().channelsContainer),
        children: [
            /*#__PURE__*/ react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx("legend", {
                children: title
            }),
            children
        ]
    });
};
/* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = (FieldsetContainer);


/***/ }),

/***/ 93853:
/***/ ((module, __webpack_exports__, __webpack_require__) => {

"use strict";
__webpack_require__.a(module, async (__webpack_handle_async_dependencies__, __webpack_async_result__) => { try {
/* harmony export */ __webpack_require__.d(__webpack_exports__, {
/* harmony export */   "Z": () => (__WEBPACK_DEFAULT_EXPORT__)
/* harmony export */ });
/* harmony import */ var react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(20997);
/* harmony import */ var react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__);
/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(16689);
/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_1___default = /*#__PURE__*/__webpack_require__.n(react__WEBPACK_IMPORTED_MODULE_1__);
/* harmony import */ var next_translate_useTranslation__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(60866);
/* harmony import */ var next_translate_useTranslation__WEBPACK_IMPORTED_MODULE_2___default = /*#__PURE__*/__webpack_require__.n(next_translate_useTranslation__WEBPACK_IMPORTED_MODULE_2__);
/* harmony import */ var _PreferenceSettingsToggles_module_scss__WEBPACK_IMPORTED_MODULE_6__ = __webpack_require__(57116);
/* harmony import */ var _PreferenceSettingsToggles_module_scss__WEBPACK_IMPORTED_MODULE_6___default = /*#__PURE__*/__webpack_require__.n(_PreferenceSettingsToggles_module_scss__WEBPACK_IMPORTED_MODULE_6__);
/* harmony import */ var _components_Notifications_NotificationSettings_Tabs_FieldsetContainer__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(12146);
/* harmony import */ var _dls_Spinner_Spinner__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(7190);
/* harmony import */ var _dls_Toggle_Toggle__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(90999);
var __webpack_async_dependencies__ = __webpack_handle_async_dependencies__([_dls_Toggle_Toggle__WEBPACK_IMPORTED_MODULE_5__]);
_dls_Toggle_Toggle__WEBPACK_IMPORTED_MODULE_5__ = (__webpack_async_dependencies__.then ? (await __webpack_async_dependencies__)() : __webpack_async_dependencies__)[0];







const PreferenceSettingsToggles = ({ isMutating , preference , onToggle , hasGlobalPreference =true , mutatingChannel ,  })=>{
    const { t  } = next_translate_useTranslation__WEBPACK_IMPORTED_MODULE_2___default()("notification-settings");
    return /*#__PURE__*/ (0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsxs)(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.Fragment, {
        children: [
            hasGlobalPreference && /*#__PURE__*/ (0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsxs)("div", {
                className: (_PreferenceSettingsToggles_module_scss__WEBPACK_IMPORTED_MODULE_6___default().row),
                children: [
                    /*#__PURE__*/ react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx(_dls_Toggle_Toggle__WEBPACK_IMPORTED_MODULE_5__/* ["default"] */ .Z, {
                        id: "all-notifications",
                        label: t("all-notifications"),
                        onChange: onToggle,
                        checked: preference.preference.enabled,
                        disabled: isMutating
                    }),
                    isMutating && /*#__PURE__*/ react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx(_dls_Spinner_Spinner__WEBPACK_IMPORTED_MODULE_4__/* ["default"] */ .Z, {})
                ]
            }),
            /*#__PURE__*/ react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx(_components_Notifications_NotificationSettings_Tabs_FieldsetContainer__WEBPACK_IMPORTED_MODULE_3__/* ["default"] */ .Z, {
                title: t("channels-notifications"),
                children: Object.keys(preference.preference.channels).map((channelName)=>{
                    return /*#__PURE__*/ (0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsxs)("div", {
                        className: (_PreferenceSettingsToggles_module_scss__WEBPACK_IMPORTED_MODULE_6___default().row),
                        children: [
                            /*#__PURE__*/ react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx(_dls_Toggle_Toggle__WEBPACK_IMPORTED_MODULE_5__/* ["default"] */ .Z, {
                                id: channelName,
                                disabled: isMutating,
                                label: t(`channels.${channelName}`),
                                onChange: (checked)=>onToggle(checked, channelName),
                                checked: preference.preference.channels[channelName]
                            }),
                            isMutating && channelName === mutatingChannel && /*#__PURE__*/ react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx(_dls_Spinner_Spinner__WEBPACK_IMPORTED_MODULE_4__/* ["default"] */ .Z, {})
                        ]
                    }, channelName);
                })
            })
        ]
    });
};
/* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = (PreferenceSettingsToggles);

__webpack_async_result__();
} catch(e) { __webpack_async_result__(e); } });

/***/ }),

/***/ 90569:
/***/ ((module, __webpack_exports__, __webpack_require__) => {

"use strict";
__webpack_require__.a(module, async (__webpack_handle_async_dependencies__, __webpack_async_result__) => { try {
/* harmony export */ __webpack_require__.d(__webpack_exports__, {
/* harmony export */   "Z": () => (__WEBPACK_DEFAULT_EXPORT__)
/* harmony export */ });
/* harmony import */ var react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(20997);
/* harmony import */ var react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__);
/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(16689);
/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_1___default = /*#__PURE__*/__webpack_require__.n(react__WEBPACK_IMPORTED_MODULE_1__);
/* harmony import */ var next_translate_useTranslation__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(60866);
/* harmony import */ var next_translate_useTranslation__WEBPACK_IMPORTED_MODULE_2___default = /*#__PURE__*/__webpack_require__.n(next_translate_useTranslation__WEBPACK_IMPORTED_MODULE_2__);
/* harmony import */ var _Tabs_module_scss__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(64576);
/* harmony import */ var _Tabs_module_scss__WEBPACK_IMPORTED_MODULE_4___default = /*#__PURE__*/__webpack_require__.n(_Tabs_module_scss__WEBPACK_IMPORTED_MODULE_4__);
/* harmony import */ var _components_Notifications_NotificationSettings_Tabs_CategoriesSettingsTab__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(37688);
var __webpack_async_dependencies__ = __webpack_handle_async_dependencies__([_components_Notifications_NotificationSettings_Tabs_CategoriesSettingsTab__WEBPACK_IMPORTED_MODULE_3__]);
_components_Notifications_NotificationSettings_Tabs_CategoriesSettingsTab__WEBPACK_IMPORTED_MODULE_3__ = (__webpack_async_dependencies__.then ? (await __webpack_async_dependencies__)() : __webpack_async_dependencies__)[0];





const NotificationSettingsTabs = ()=>{
    const { t  } = next_translate_useTranslation__WEBPACK_IMPORTED_MODULE_2___default()("notification-settings");
    return /*#__PURE__*/ (0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsxs)("div", {
        className: (_Tabs_module_scss__WEBPACK_IMPORTED_MODULE_4___default().container),
        children: [
            /*#__PURE__*/ react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx("div", {
                className: (_Tabs_module_scss__WEBPACK_IMPORTED_MODULE_4___default().header),
                children: /*#__PURE__*/ react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx("div", {
                    className: (_Tabs_module_scss__WEBPACK_IMPORTED_MODULE_4___default().titleContainer),
                    children: /*#__PURE__*/ react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx("h1", {
                        children: t("common:notification-settings")
                    })
                })
            }),
            /*#__PURE__*/ react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx(_components_Notifications_NotificationSettings_Tabs_CategoriesSettingsTab__WEBPACK_IMPORTED_MODULE_3__/* ["default"] */ .Z, {})
        ]
    });
};
/* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = (NotificationSettingsTabs);

__webpack_async_result__();
} catch(e) { __webpack_async_result__(e); } });

/***/ }),

/***/ 89414:
/***/ ((module, __webpack_exports__, __webpack_require__) => {

"use strict";
__webpack_require__.a(module, async (__webpack_handle_async_dependencies__, __webpack_async_result__) => { try {
/* harmony export */ __webpack_require__.d(__webpack_exports__, {
/* harmony export */   "Z": () => (__WEBPACK_DEFAULT_EXPORT__)
/* harmony export */ });
/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(16689);
/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(react__WEBPACK_IMPORTED_MODULE_0__);
/* harmony import */ var react_redux__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(6022);
/* harmony import */ var react_redux__WEBPACK_IMPORTED_MODULE_1___default = /*#__PURE__*/__webpack_require__.n(react_redux__WEBPACK_IMPORTED_MODULE_1__);
/* harmony import */ var _useHeadlessService__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(68158);
/* harmony import */ var _useMarkNotificationAsSeen__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(32977);
/* harmony import */ var _lib_sentry__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(15675);
/* harmony import */ var _redux_slices_notifications__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(39953);
/* harmony import */ var _utils_array__WEBPACK_IMPORTED_MODULE_6__ = __webpack_require__(5639);
var __webpack_async_dependencies__ = __webpack_handle_async_dependencies__([_useHeadlessService__WEBPACK_IMPORTED_MODULE_2__, _useMarkNotificationAsSeen__WEBPACK_IMPORTED_MODULE_3__, _lib_sentry__WEBPACK_IMPORTED_MODULE_4__]);
([_useHeadlessService__WEBPACK_IMPORTED_MODULE_2__, _useMarkNotificationAsSeen__WEBPACK_IMPORTED_MODULE_3__, _lib_sentry__WEBPACK_IMPORTED_MODULE_4__] = __webpack_async_dependencies__.then ? (await __webpack_async_dependencies__)() : __webpack_async_dependencies__);







const NOTIFICATIONS_PAGE_SIZE = 10;
const useFetchNotifications = ()=>{
    const { headlessService , isReady  } = (0,_useHeadlessService__WEBPACK_IMPORTED_MODULE_2__/* .useHeadlessService */ .Qh)();
    const { 0: error , 1: setError  } = (0,react__WEBPACK_IMPORTED_MODULE_0__.useState)(null);
    const dispatch = (0,react_redux__WEBPACK_IMPORTED_MODULE_1__.useDispatch)();
    const { mutate: markNotificationAsSeen  } = (0,_useMarkNotificationAsSeen__WEBPACK_IMPORTED_MODULE_3__/* ["default"] */ .Z)();
    const loadedPages = (0,react_redux__WEBPACK_IMPORTED_MODULE_1__.useSelector)(_redux_slices_notifications__WEBPACK_IMPORTED_MODULE_5__/* .selectLoadedNotificationsPages */ .dq, _utils_array__WEBPACK_IMPORTED_MODULE_6__/* .areArraysEqual */ .Hj);
    const isFetchingNotifications = (0,react_redux__WEBPACK_IMPORTED_MODULE_1__.useSelector)(_redux_slices_notifications__WEBPACK_IMPORTED_MODULE_5__/* .selectNotificationsIsFetching */ .mv);
    const fetchNotifications = (0,react__WEBPACK_IMPORTED_MODULE_0__.useCallback)(// eslint-disable-next-line react-func/max-lines-per-function
    ({ shouldMarkAsSeenOnSuccess =true , page , shouldResetOldData =false  })=>{
        if (isReady) {
            if (isFetchingNotifications || loadedPages.includes(page)) {
                return;
            }
            headlessService.fetchNotifications({
                page,
                query: {
                    limit: NOTIFICATIONS_PAGE_SIZE
                },
                listener: ({ isLoading: loading , isFetching: fetching , data  })=>{
                    if (data) {
                        dispatch({
                            type: _redux_slices_notifications__WEBPACK_IMPORTED_MODULE_5__/* .setNotificationsPageAndFinishLoading.type */ .gC.type,
                            payload: {
                                page: data.page,
                                data,
                                shouldResetOldData
                            }
                        });
                    } else {
                        dispatch({
                            type: _redux_slices_notifications__WEBPACK_IMPORTED_MODULE_5__/* .setNotificationsLoading.type */ .Bh.type,
                            payload: {
                                isLoading: loading,
                                isFetching: fetching,
                                shouldResetOldData
                            }
                        });
                    }
                },
                onSuccess: (response)=>{
                    setError(null);
                    if (shouldMarkAsSeenOnSuccess) {
                        const messageIds = response.data.map((message)=>{
                            // eslint-disable-next-line no-underscore-dangle
                            return message._id;
                        });
                        markNotificationAsSeen(messageIds);
                    }
                },
                onError: (err)=>{
                    setError(err);
                    (0,_lib_sentry__WEBPACK_IMPORTED_MODULE_4__/* .logErrorToSentry */ .R)(err, {
                        transactionName: "useFetchNotifications",
                        metadata: {
                            page,
                            shouldMarkAsSeenOnSuccess,
                            shouldResetOldData
                        }
                    });
                }
            });
        }
    }, [
        dispatch,
        headlessService,
        isReady,
        markNotificationAsSeen,
        loadedPages,
        isFetchingNotifications, 
    ]);
    return {
        fetch: fetchNotifications,
        error
    };
};
/* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = (useFetchNotifications);

__webpack_async_result__();
} catch(e) { __webpack_async_result__(e); } });

/***/ }),

/***/ 69505:
/***/ ((module, __webpack_exports__, __webpack_require__) => {

"use strict";
__webpack_require__.a(module, async (__webpack_handle_async_dependencies__, __webpack_async_result__) => { try {
/* harmony export */ __webpack_require__.d(__webpack_exports__, {
/* harmony export */   "Z": () => (__WEBPACK_DEFAULT_EXPORT__)
/* harmony export */ });
/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(16689);
/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(react__WEBPACK_IMPORTED_MODULE_0__);
/* harmony import */ var next_translate_useTranslation__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(60866);
/* harmony import */ var next_translate_useTranslation__WEBPACK_IMPORTED_MODULE_1___default = /*#__PURE__*/__webpack_require__.n(next_translate_useTranslation__WEBPACK_IMPORTED_MODULE_1__);
/* harmony import */ var _components_Notifications_hooks_useHeadlessService__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(68158);
/* harmony import */ var _dls_Toast_Toast__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(79717);
/* harmony import */ var _lib_sentry__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(15675);
var __webpack_async_dependencies__ = __webpack_handle_async_dependencies__([_components_Notifications_hooks_useHeadlessService__WEBPACK_IMPORTED_MODULE_2__, _dls_Toast_Toast__WEBPACK_IMPORTED_MODULE_3__, _lib_sentry__WEBPACK_IMPORTED_MODULE_4__]);
([_components_Notifications_hooks_useHeadlessService__WEBPACK_IMPORTED_MODULE_2__, _dls_Toast_Toast__WEBPACK_IMPORTED_MODULE_3__, _lib_sentry__WEBPACK_IMPORTED_MODULE_4__] = __webpack_async_dependencies__.then ? (await __webpack_async_dependencies__)() : __webpack_async_dependencies__);





const useFetchUserPreferences = ()=>{
    const { headlessService , isReady , status  } = (0,_components_Notifications_hooks_useHeadlessService__WEBPACK_IMPORTED_MODULE_2__/* .useHeadlessService */ .Qh)();
    const { 0: isMutating , 1: setIsMutating  } = (0,react__WEBPACK_IMPORTED_MODULE_0__.useState)(false);
    const { 0: error , 1: setError  } = (0,react__WEBPACK_IMPORTED_MODULE_0__.useState)(null);
    const { t  } = next_translate_useTranslation__WEBPACK_IMPORTED_MODULE_1___default()("common");
    const toast = (0,_dls_Toast_Toast__WEBPACK_IMPORTED_MODULE_3__/* .useToast */ .pm)();
    const { 0: userPreferences , 1: setUserPreferences  } = (0,react__WEBPACK_IMPORTED_MODULE_0__.useState)(null);
    const handlers = (0,react__WEBPACK_IMPORTED_MODULE_0__.useMemo)(()=>({
            listener: ({ isLoading  })=>{
                setIsMutating(isLoading);
            },
            onSuccess: (response)=>{
                setError(null);
                setUserPreferences(response);
            },
            onError: (err)=>{
                setError(err);
                toast(t("error.general"), {
                    status: _dls_Toast_Toast__WEBPACK_IMPORTED_MODULE_3__/* .ToastStatus.Error */ .YZ.Error
                });
                (0,_lib_sentry__WEBPACK_IMPORTED_MODULE_4__/* .logErrorToSentry */ .R)(err, {
                    transactionName: "useFetchUserPreferences"
                });
            }
        }), [
        t,
        toast
    ]);
    const fetchGetUserPreferences = (0,react__WEBPACK_IMPORTED_MODULE_0__.useCallback)((fetchGlobalSettings = false)=>{
        if (isReady) {
            if (fetchGlobalSettings) {
                headlessService.fetchUserGlobalPreferences(handlers);
            } else {
                headlessService.fetchUserPreferences(handlers);
            }
        }
    }, [
        handlers,
        headlessService,
        isReady
    ]);
    return {
        mutate: fetchGetUserPreferences,
        isMutating,
        error,
        userPreferences,
        status
    };
};
/* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = (useFetchUserPreferences);

__webpack_async_result__();
} catch(e) { __webpack_async_result__(e); } });

/***/ }),

/***/ 68158:
/***/ ((module, __webpack_exports__, __webpack_require__) => {

"use strict";
__webpack_require__.a(module, async (__webpack_handle_async_dependencies__, __webpack_async_result__) => { try {
/* harmony export */ __webpack_require__.d(__webpack_exports__, {
/* harmony export */   "Qh": () => (/* binding */ useHeadlessService),
/* harmony export */   "j": () => (/* binding */ HeadlessServiceProvider),
/* harmony export */   "sp": () => (/* binding */ HeadlessServiceStatus)
/* harmony export */ });
/* harmony import */ var react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(20997);
/* harmony import */ var react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__);
/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(16689);
/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_1___default = /*#__PURE__*/__webpack_require__.n(react__WEBPACK_IMPORTED_MODULE_1__);
/* harmony import */ var _novu_headless__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(69825);
/* harmony import */ var _novu_headless__WEBPACK_IMPORTED_MODULE_2___default = /*#__PURE__*/__webpack_require__.n(_novu_headless__WEBPACK_IMPORTED_MODULE_2__);
/* harmony import */ var _lib_sentry__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(15675);
/* harmony import */ var _utils_auth_login__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(22197);
var __webpack_async_dependencies__ = __webpack_handle_async_dependencies__([_lib_sentry__WEBPACK_IMPORTED_MODULE_3__, _utils_auth_login__WEBPACK_IMPORTED_MODULE_4__]);
([_lib_sentry__WEBPACK_IMPORTED_MODULE_3__, _utils_auth_login__WEBPACK_IMPORTED_MODULE_4__] = __webpack_async_dependencies__.then ? (await __webpack_async_dependencies__)() : __webpack_async_dependencies__);





const HeadlessServiceContext = /*#__PURE__*/ (0,react__WEBPACK_IMPORTED_MODULE_1__.createContext)(null);
var HeadlessServiceStatus;
(function(HeadlessServiceStatus) {
    HeadlessServiceStatus["INITIALIZING"] = "initializing";
    HeadlessServiceStatus["READY"] = "ready";
    HeadlessServiceStatus["ERROR"] = "error";
})(HeadlessServiceStatus || (HeadlessServiceStatus = {}));
const HeadlessServiceProvider = ({ children  })=>{
    const { 0: status , 1: setStatus  } = (0,react__WEBPACK_IMPORTED_MODULE_1__.useState)(HeadlessServiceStatus.INITIALIZING);
    const { 0: error , 1: setError  } = (0,react__WEBPACK_IMPORTED_MODULE_1__.useState)(null);
    const headlessService = (0,react__WEBPACK_IMPORTED_MODULE_1__.useMemo)(()=>{
        return new _novu_headless__WEBPACK_IMPORTED_MODULE_2__.HeadlessService({
            backendUrl: process.env.NEXT_PUBLIC_NOVU_BACKEND_URL,
            socketUrl: process.env.NEXT_PUBLIC_NOVU_SOCKET_URL,
            subscriberId: (0,_utils_auth_login__WEBPACK_IMPORTED_MODULE_4__/* .getUserIdCookie */ .AP)(),
            subscriberHash: (0,_utils_auth_login__WEBPACK_IMPORTED_MODULE_4__/* .getNotificationSubscriberHashCookie */ .N6)(),
            applicationIdentifier: process.env.NEXT_PUBLIC_NOVU_APP_ID
        });
    }, []);
    (0,react__WEBPACK_IMPORTED_MODULE_1__.useEffect)(()=>{
        headlessService.initializeSession({
            // eslint-disable-next-line @typescript-eslint/no-empty-function
            listener: ()=>{},
            onSuccess: ()=>{
                setStatus(HeadlessServiceStatus.READY);
            },
            onError: (err)=>{
                setError(err);
                setStatus(HeadlessServiceStatus.ERROR);
                (0,_lib_sentry__WEBPACK_IMPORTED_MODULE_3__/* .logErrorToSentry */ .R)(err, {
                    transactionName: "useHeadlessService"
                });
            }
        });
    // eslint-disable-next-line react-hooks/exhaustive-deps
    }, [
        headlessService
    ]);
    const value = (0,react__WEBPACK_IMPORTED_MODULE_1__.useMemo)(()=>({
            headlessService,
            status,
            isReady: status === HeadlessServiceStatus.READY,
            error
        }), [
        headlessService,
        status,
        error
    ]);
    return /*#__PURE__*/ react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx(HeadlessServiceContext.Provider, {
        value: value,
        children: children
    });
};
const useHeadlessService = ()=>(0,react__WEBPACK_IMPORTED_MODULE_1__.useContext)(HeadlessServiceContext);

__webpack_async_result__();
} catch(e) { __webpack_async_result__(e); } });

/***/ }),

/***/ 40098:
/***/ ((module, __webpack_exports__, __webpack_require__) => {

"use strict";
__webpack_require__.a(module, async (__webpack_handle_async_dependencies__, __webpack_async_result__) => { try {
/* harmony export */ __webpack_require__.d(__webpack_exports__, {
/* harmony export */   "Z": () => (__WEBPACK_DEFAULT_EXPORT__)
/* harmony export */ });
/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(16689);
/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(react__WEBPACK_IMPORTED_MODULE_0__);
/* harmony import */ var react_redux__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(6022);
/* harmony import */ var react_redux__WEBPACK_IMPORTED_MODULE_1___default = /*#__PURE__*/__webpack_require__.n(react_redux__WEBPACK_IMPORTED_MODULE_1__);
/* harmony import */ var _useHeadlessService__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(68158);
/* harmony import */ var _lib_sentry__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(15675);
/* harmony import */ var _redux_slices_notifications__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(39953);
var __webpack_async_dependencies__ = __webpack_handle_async_dependencies__([_useHeadlessService__WEBPACK_IMPORTED_MODULE_2__, _lib_sentry__WEBPACK_IMPORTED_MODULE_3__]);
([_useHeadlessService__WEBPACK_IMPORTED_MODULE_2__, _lib_sentry__WEBPACK_IMPORTED_MODULE_3__] = __webpack_async_dependencies__.then ? (await __webpack_async_dependencies__)() : __webpack_async_dependencies__);





const useInitializeUnseenCount = ()=>{
    const { headlessService , isReady  } = (0,_useHeadlessService__WEBPACK_IMPORTED_MODULE_2__/* .useHeadlessService */ .Qh)();
    const { 0: error , 1: setError  } = (0,react__WEBPACK_IMPORTED_MODULE_0__.useState)(null);
    const dispatch = (0,react_redux__WEBPACK_IMPORTED_MODULE_1__.useDispatch)();
    (0,react__WEBPACK_IMPORTED_MODULE_0__.useEffect)(()=>{
        if (isReady) {
            headlessService.fetchUnseenCount({
                // eslint-disable-next-line @typescript-eslint/no-empty-function
                listener: ()=>{},
                onSuccess: ({ count  })=>{
                    dispatch({
                        type: _redux_slices_notifications__WEBPACK_IMPORTED_MODULE_4__/* .setUnseenCount.type */ .Qw.type,
                        payload: count
                    });
                    setError(null);
                },
                onError: (err)=>{
                    setError(err);
                    (0,_lib_sentry__WEBPACK_IMPORTED_MODULE_3__/* .logErrorToSentry */ .R)(err, {
                        transactionName: "useInitializeUnseenCount"
                    });
                }
            });
            headlessService.listenUnseenCountChange({
                listener: (count)=>{
                    dispatch({
                        type: _redux_slices_notifications__WEBPACK_IMPORTED_MODULE_4__/* .setUnseenCount.type */ .Qw.type,
                        payload: count
                    });
                }
            });
        }
    }, [
        headlessService,
        isReady,
        dispatch
    ]);
    return {
        error
    };
};
/* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = (useInitializeUnseenCount);

__webpack_async_result__();
} catch(e) { __webpack_async_result__(e); } });

/***/ }),

/***/ 32977:
/***/ ((module, __webpack_exports__, __webpack_require__) => {

"use strict";
__webpack_require__.a(module, async (__webpack_handle_async_dependencies__, __webpack_async_result__) => { try {
/* harmony export */ __webpack_require__.d(__webpack_exports__, {
/* harmony export */   "Z": () => (__WEBPACK_DEFAULT_EXPORT__)
/* harmony export */ });
/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(16689);
/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(react__WEBPACK_IMPORTED_MODULE_0__);
/* harmony import */ var _useHeadlessService__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(68158);
/* harmony import */ var _lib_sentry__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(15675);
var __webpack_async_dependencies__ = __webpack_handle_async_dependencies__([_useHeadlessService__WEBPACK_IMPORTED_MODULE_1__, _lib_sentry__WEBPACK_IMPORTED_MODULE_2__]);
([_useHeadlessService__WEBPACK_IMPORTED_MODULE_1__, _lib_sentry__WEBPACK_IMPORTED_MODULE_2__] = __webpack_async_dependencies__.then ? (await __webpack_async_dependencies__)() : __webpack_async_dependencies__);



const useMarkNotificationAsSeen = ()=>{
    const { headlessService , isReady  } = (0,_useHeadlessService__WEBPACK_IMPORTED_MODULE_1__/* .useHeadlessService */ .Qh)();
    const { 0: isMutating , 1: setIsMutating  } = (0,react__WEBPACK_IMPORTED_MODULE_0__.useState)(false);
    const { 0: error , 1: setError  } = (0,react__WEBPACK_IMPORTED_MODULE_0__.useState)(null);
    const markNotificationsAsSeen = (0,react__WEBPACK_IMPORTED_MODULE_0__.useCallback)((messageIds)=>{
        if (isReady) {
            headlessService.markNotificationsAsSeen({
                messageId: messageIds,
                listener: ({ isLoading  })=>{
                    setIsMutating(isLoading);
                },
                onSuccess: ()=>{
                    setError(null);
                },
                onError: (err)=>{
                    setError(err);
                    (0,_lib_sentry__WEBPACK_IMPORTED_MODULE_2__/* .logErrorToSentry */ .R)(err, {
                        transactionName: "useMarkNotificationAsSeen",
                        metadata: {
                            messageIds
                        }
                    });
                }
            });
        }
    }, [
        headlessService,
        isReady
    ]);
    return {
        mutate: markNotificationsAsSeen,
        isLoading: isMutating,
        error
    };
};
/* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = (useMarkNotificationAsSeen);

__webpack_async_result__();
} catch(e) { __webpack_async_result__(e); } });

/***/ }),

/***/ 92671:
/***/ ((module, __webpack_exports__, __webpack_require__) => {

"use strict";
__webpack_require__.a(module, async (__webpack_handle_async_dependencies__, __webpack_async_result__) => { try {
/* harmony export */ __webpack_require__.d(__webpack_exports__, {
/* harmony export */   "Z": () => (__WEBPACK_DEFAULT_EXPORT__)
/* harmony export */ });
/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(16689);
/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(react__WEBPACK_IMPORTED_MODULE_0__);
/* harmony import */ var next_translate_useTranslation__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(60866);
/* harmony import */ var next_translate_useTranslation__WEBPACK_IMPORTED_MODULE_1___default = /*#__PURE__*/__webpack_require__.n(next_translate_useTranslation__WEBPACK_IMPORTED_MODULE_1__);
/* harmony import */ var _useHeadlessService__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(68158);
/* harmony import */ var _dls_Toast_Toast__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(79717);
/* harmony import */ var _lib_sentry__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(15675);
var __webpack_async_dependencies__ = __webpack_handle_async_dependencies__([_useHeadlessService__WEBPACK_IMPORTED_MODULE_2__, _dls_Toast_Toast__WEBPACK_IMPORTED_MODULE_3__, _lib_sentry__WEBPACK_IMPORTED_MODULE_4__]);
([_useHeadlessService__WEBPACK_IMPORTED_MODULE_2__, _dls_Toast_Toast__WEBPACK_IMPORTED_MODULE_3__, _lib_sentry__WEBPACK_IMPORTED_MODULE_4__] = __webpack_async_dependencies__.then ? (await __webpack_async_dependencies__)() : __webpack_async_dependencies__);





const useUpdateUserPreferences = (templateId)=>{
    const { headlessService  } = (0,_useHeadlessService__WEBPACK_IMPORTED_MODULE_2__/* .useHeadlessService */ .Qh)();
    const { 0: isMutating , 1: setIsMutating  } = (0,react__WEBPACK_IMPORTED_MODULE_0__.useState)(false);
    const { 0: error , 1: setError  } = (0,react__WEBPACK_IMPORTED_MODULE_0__.useState)(null);
    const { t  } = next_translate_useTranslation__WEBPACK_IMPORTED_MODULE_1___default()("common");
    const toast = (0,_dls_Toast_Toast__WEBPACK_IMPORTED_MODULE_3__/* .useToast */ .pm)();
    const updateUserPreferences = (enabled, channel, onSuccess)=>{
        headlessService.updateUserPreferences({
            templateId,
            checked: enabled,
            channelType: channel,
            listener: ({ isLoading  })=>{
                setIsMutating(isLoading);
            },
            onSuccess: ()=>{
                setError(null);
                toast(t("notification-settings:notif-update-success"), {
                    status: _dls_Toast_Toast__WEBPACK_IMPORTED_MODULE_3__/* .ToastStatus.Success */ .YZ.Success
                });
                if (onSuccess) {
                    onSuccess();
                }
            },
            onError: (err)=>{
                setError(err);
                toast(t("error.general"), {
                    status: _dls_Toast_Toast__WEBPACK_IMPORTED_MODULE_3__/* .ToastStatus.Error */ .YZ.Error
                });
                (0,_lib_sentry__WEBPACK_IMPORTED_MODULE_4__/* .logErrorToSentry */ .R)(err, {
                    transactionName: "updateUserPreferences",
                    metadata: {
                        templateId,
                        checked: enabled,
                        channelType: channel
                    }
                });
            }
        });
    };
    return {
        mutate: updateUserPreferences,
        isMutating,
        error
    };
};
/* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = (useUpdateUserPreferences);

__webpack_async_result__();
} catch(e) { __webpack_async_result__(e); } });

/***/ }),

/***/ 92775:
/***/ ((module, __webpack_exports__, __webpack_require__) => {

"use strict";
__webpack_require__.a(module, async (__webpack_handle_async_dependencies__, __webpack_async_result__) => { try {
/* harmony export */ __webpack_require__.d(__webpack_exports__, {
/* harmony export */   "Z": () => (__WEBPACK_DEFAULT_EXPORT__),
/* harmony export */   "a": () => (/* binding */ CollapsibleDirection)
/* harmony export */ });
/* harmony import */ var react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(20997);
/* harmony import */ var react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__);
/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(16689);
/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_1___default = /*#__PURE__*/__webpack_require__.n(react__WEBPACK_IMPORTED_MODULE_1__);
/* harmony import */ var _radix_ui_react_collapsible__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(74973);
/* harmony import */ var classnames__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(59003);
/* harmony import */ var classnames__WEBPACK_IMPORTED_MODULE_3___default = /*#__PURE__*/__webpack_require__.n(classnames__WEBPACK_IMPORTED_MODULE_3__);
/* harmony import */ var _Collapsible_module_scss__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(81670);
/* harmony import */ var _Collapsible_module_scss__WEBPACK_IMPORTED_MODULE_4___default = /*#__PURE__*/__webpack_require__.n(_Collapsible_module_scss__WEBPACK_IMPORTED_MODULE_4__);
var __webpack_async_dependencies__ = __webpack_handle_async_dependencies__([_radix_ui_react_collapsible__WEBPACK_IMPORTED_MODULE_2__]);
_radix_ui_react_collapsible__WEBPACK_IMPORTED_MODULE_2__ = (__webpack_async_dependencies__.then ? (await __webpack_async_dependencies__)() : __webpack_async_dependencies__)[0];
/* eslint-disable jsx-a11y/no-static-element-interactions */ /* eslint-disable jsx-a11y/click-events-have-key-events */ 




var CollapsibleDirection;
(function(CollapsibleDirection) {
    CollapsibleDirection["Left"] = "left";
    CollapsibleDirection["Right"] = "right";
})(CollapsibleDirection || (CollapsibleDirection = {}));
const Collapsible = ({ isDefaultOpen =false , prefix , title , suffix , children , shouldRotatePrefixOnToggle , shouldOpen , onOpenChange , direction =CollapsibleDirection.Left  })=>{
    const { 0: isOpen , 1: setIsOpen  } = (0,react__WEBPACK_IMPORTED_MODULE_1__.useState)(isDefaultOpen);
    (0,react__WEBPACK_IMPORTED_MODULE_1__.useEffect)(()=>{
        setIsOpen(shouldOpen);
    }, [
        shouldOpen
    ]);
    const onSuffixClicked = (e)=>{
        e.preventDefault();
        e.stopPropagation();
    };
    const onHeaderClicked = ()=>setIsOpen((preValue)=>!preValue);
    return /*#__PURE__*/ (0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsxs)(_radix_ui_react_collapsible__WEBPACK_IMPORTED_MODULE_2__.Root, {
        onOpenChange: onOpenChange,
        open: isOpen,
        children: [
            /*#__PURE__*/ react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx(_radix_ui_react_collapsible__WEBPACK_IMPORTED_MODULE_2__.Trigger, {
                asChild: true,
                children: /*#__PURE__*/ react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx("div", {
                    className: (_Collapsible_module_scss__WEBPACK_IMPORTED_MODULE_4___default().header),
                    onClick: onHeaderClicked,
                    children: direction === CollapsibleDirection.Left ? /*#__PURE__*/ (0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsxs)(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.Fragment, {
                        children: [
                            /*#__PURE__*/ (0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsxs)("div", {
                                className: (_Collapsible_module_scss__WEBPACK_IMPORTED_MODULE_4___default().headerLeft),
                                children: [
                                    /*#__PURE__*/ react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx("div", {
                                        className: classnames__WEBPACK_IMPORTED_MODULE_3___default()((_Collapsible_module_scss__WEBPACK_IMPORTED_MODULE_4___default().prefixContainer), {
                                            [(_Collapsible_module_scss__WEBPACK_IMPORTED_MODULE_4___default().prefixRotated)]: shouldRotatePrefixOnToggle && isOpen
                                        }),
                                        children: prefix
                                    }),
                                    title
                                ]
                            }),
                            /*#__PURE__*/ react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx("div", {
                                className: (_Collapsible_module_scss__WEBPACK_IMPORTED_MODULE_4___default().suffixContainer),
                                onClick: onSuffixClicked,
                                children: suffix
                            })
                        ]
                    }) : /*#__PURE__*/ (0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsxs)(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.Fragment, {
                        children: [
                            /*#__PURE__*/ react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx("div", {
                                className: (_Collapsible_module_scss__WEBPACK_IMPORTED_MODULE_4___default().headerLeft),
                                children: title
                            }),
                            /*#__PURE__*/ react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx("div", {
                                className: classnames__WEBPACK_IMPORTED_MODULE_3___default()((_Collapsible_module_scss__WEBPACK_IMPORTED_MODULE_4___default().prefixContainer), {
                                    [(_Collapsible_module_scss__WEBPACK_IMPORTED_MODULE_4___default().prefixRotated)]: shouldRotatePrefixOnToggle && isOpen
                                }),
                                children: prefix
                            })
                        ]
                    })
                })
            }),
            /*#__PURE__*/ react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx(_radix_ui_react_collapsible__WEBPACK_IMPORTED_MODULE_2__.CollapsibleContent, {
                children: isOpen && children({
                    isOpen
                })
            })
        ]
    });
};
/* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = (Collapsible);

__webpack_async_result__();
} catch(e) { __webpack_async_result__(e); } });

/***/ }),

/***/ 78945:
/***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => {

"use strict";
/* harmony export */ __webpack_require__.d(__webpack_exports__, {
/* harmony export */   "Z": () => (__WEBPACK_DEFAULT_EXPORT__),
/* harmony export */   "n": () => (/* binding */ PillSize)
/* harmony export */ });
/* harmony import */ var react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(20997);
/* harmony import */ var react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__);
/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(16689);
/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_1___default = /*#__PURE__*/__webpack_require__.n(react__WEBPACK_IMPORTED_MODULE_1__);
/* harmony import */ var classnames__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(59003);
/* harmony import */ var classnames__WEBPACK_IMPORTED_MODULE_2___default = /*#__PURE__*/__webpack_require__.n(classnames__WEBPACK_IMPORTED_MODULE_2__);
/* harmony import */ var _Pill_module_scss__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(47989);
/* harmony import */ var _Pill_module_scss__WEBPACK_IMPORTED_MODULE_3___default = /*#__PURE__*/__webpack_require__.n(_Pill_module_scss__WEBPACK_IMPORTED_MODULE_3__);




var PillSize;
(function(PillSize) {
    PillSize["SMALL"] = "small";
    PillSize["MEDIUM"] = "medium";
})(PillSize || (PillSize = {}));
const Pill = ({ children , size =PillSize.MEDIUM  })=>{
    return /*#__PURE__*/ react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx("div", {
        className: classnames__WEBPACK_IMPORTED_MODULE_2___default()((_Pill_module_scss__WEBPACK_IMPORTED_MODULE_3___default().container), {
            [(_Pill_module_scss__WEBPACK_IMPORTED_MODULE_3___default().medium)]: size === PillSize.MEDIUM,
            [(_Pill_module_scss__WEBPACK_IMPORTED_MODULE_3___default().small)]: size === PillSize.SMALL
        }),
        children: children
    });
};
/* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = (Pill);


/***/ }),

/***/ 90999:
/***/ ((module, __webpack_exports__, __webpack_require__) => {

"use strict";
__webpack_require__.a(module, async (__webpack_handle_async_dependencies__, __webpack_async_result__) => { try {
/* harmony export */ __webpack_require__.d(__webpack_exports__, {
/* harmony export */   "Z": () => (__WEBPACK_DEFAULT_EXPORT__)
/* harmony export */ });
/* harmony import */ var react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(20997);
/* harmony import */ var react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__);
/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(16689);
/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_1___default = /*#__PURE__*/__webpack_require__.n(react__WEBPACK_IMPORTED_MODULE_1__);
/* harmony import */ var _radix_ui_react_switch__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(3702);
/* harmony import */ var _Toggle_module_scss__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(38429);
/* harmony import */ var _Toggle_module_scss__WEBPACK_IMPORTED_MODULE_3___default = /*#__PURE__*/__webpack_require__.n(_Toggle_module_scss__WEBPACK_IMPORTED_MODULE_3__);
var __webpack_async_dependencies__ = __webpack_handle_async_dependencies__([_radix_ui_react_switch__WEBPACK_IMPORTED_MODULE_2__]);
_radix_ui_react_switch__WEBPACK_IMPORTED_MODULE_2__ = (__webpack_async_dependencies__.then ? (await __webpack_async_dependencies__)() : __webpack_async_dependencies__)[0];




const Toggle = ({ disabled =false , required =false , defaultChecked , checked , id , label , name , onChange ,  })=>{
    return /*#__PURE__*/ (0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsxs)("div", {
        className: (_Toggle_module_scss__WEBPACK_IMPORTED_MODULE_3___default().container),
        children: [
            label && /*#__PURE__*/ react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx("label", {
                className: (_Toggle_module_scss__WEBPACK_IMPORTED_MODULE_3___default().label),
                htmlFor: id,
                children: label
            }),
            /*#__PURE__*/ react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx(_radix_ui_react_switch__WEBPACK_IMPORTED_MODULE_2__.Root, {
                id: id,
                disabled: disabled,
                name: name,
                required: required,
                className: (_Toggle_module_scss__WEBPACK_IMPORTED_MODULE_3___default().root),
                ...checked !== undefined && {
                    checked
                },
                ...defaultChecked !== undefined && {
                    defaultChecked
                },
                ...onChange !== undefined && {
                    onCheckedChange: onChange
                },
                children: /*#__PURE__*/ react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx(_radix_ui_react_switch__WEBPACK_IMPORTED_MODULE_2__.Thumb, {
                    className: (_Toggle_module_scss__WEBPACK_IMPORTED_MODULE_3___default().thumb)
                })
            })
        ]
    });
};
/* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = (Toggle);

__webpack_async_result__();
} catch(e) { __webpack_async_result__(e); } });

/***/ }),

/***/ 15675:
/***/ ((module, __webpack_exports__, __webpack_require__) => {

"use strict";
__webpack_require__.a(module, async (__webpack_handle_async_dependencies__, __webpack_async_result__) => { try {
/* harmony export */ __webpack_require__.d(__webpack_exports__, {
/* harmony export */   "R": () => (/* binding */ logErrorToSentry)
/* harmony export */ });
/* unused harmony export logMessageToSentry */
/* harmony import */ var _sentry_nextjs__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(58097);
/* harmony import */ var _sentry_nextjs__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(_sentry_nextjs__WEBPACK_IMPORTED_MODULE_0__);
/* harmony import */ var _utils_auth_login__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(22197);
var __webpack_async_dependencies__ = __webpack_handle_async_dependencies__([_utils_auth_login__WEBPACK_IMPORTED_MODULE_1__]);
_utils_auth_login__WEBPACK_IMPORTED_MODULE_1__ = (__webpack_async_dependencies__.then ? (await __webpack_async_dependencies__)() : __webpack_async_dependencies__)[0];


const SENTRY_ENABLED = process.env.NEXT_PUBLIC_CLIENT_SENTRY_ENABLED === "true";
/**
 * A wrapper around Sentry.captureException that logs to the console if Sentry is not enabled and accepts additional metadata.
 *
 * @param {unknown} error
 * @param {LogOptions} options
 */ const logErrorToSentry = (error, options = {})=>{
    if (!SENTRY_ENABLED) {
        // eslint-disable-next-line no-console
        console.error(error, options);
    } else {
        _sentry_nextjs__WEBPACK_IMPORTED_MODULE_0__.captureException(error, (scope)=>{
            if (options.metadata) {
                scope.setContext("extraData", options.metadata);
            }
            if ((0,_utils_auth_login__WEBPACK_IMPORTED_MODULE_1__/* .getUserIdCookie */ .AP)()) {
                scope.setUser({
                    id: (0,_utils_auth_login__WEBPACK_IMPORTED_MODULE_1__/* .getUserIdCookie */ .AP)()
                });
            }
            if (options.transactionName) {
                scope.setTransactionName(options.transactionName);
            }
            return scope;
        });
    }
};
/**
 * A wrapper around Sentry.captureMessage that logs to the console if Sentry is not enabled and accepts additional metadata. This is typically used for logging errors or in-app states that are not thrown.
 *
 * @param {string} message
 * @param {LogOptions} options
 */ const logMessageToSentry = (message, options = {})=>{
    if (!SENTRY_ENABLED) {
        // eslint-disable-next-line no-console
        console.log(message, options);
    } else {
        Sentry.captureMessage(message, (scope)=>{
            if (options.metadata) {
                scope.setContext("extraData", options.metadata);
            }
            if (options.transactionName) {
                scope.setTransactionName(options.transactionName);
            }
            return scope;
        });
    }
};

__webpack_async_result__();
} catch(e) { __webpack_async_result__(e); } });

/***/ }),

/***/ 69825:
/***/ ((module) => {

"use strict";
module.exports = require("@novu/headless");

/***/ }),

/***/ 75184:
/***/ ((module) => {

"use strict";
module.exports = require("@reduxjs/toolkit");

/***/ }),

/***/ 58097:
/***/ ((module) => {

"use strict";
module.exports = require("@sentry/nextjs");

/***/ }),

/***/ 59003:
/***/ ((module) => {

"use strict";
module.exports = require("classnames");

/***/ }),

/***/ 59606:
/***/ ((module) => {

"use strict";
module.exports = require("humps");

/***/ }),

/***/ 12372:
/***/ ((module) => {

"use strict";
module.exports = require("lodash/findKey");

/***/ }),

/***/ 98492:
/***/ ((module) => {

"use strict";
module.exports = require("lodash/groupBy");

/***/ }),

/***/ 35526:
/***/ ((module) => {

"use strict";
module.exports = require("lodash/random");

/***/ }),

/***/ 64042:
/***/ ((module) => {

"use strict";
module.exports = require("lodash/range");

/***/ }),

/***/ 16641:
/***/ ((module) => {

"use strict";
module.exports = require("next-seo");

/***/ }),

/***/ 60866:
/***/ ((module) => {

"use strict";
module.exports = require("next-translate/useTranslation");

/***/ }),

/***/ 3280:
/***/ ((module) => {

"use strict";
module.exports = require("next/dist/shared/lib/app-router-context.js");

/***/ }),

/***/ 92796:
/***/ ((module) => {

"use strict";
module.exports = require("next/dist/shared/lib/head-manager-context.js");

/***/ }),

/***/ 3539:
/***/ ((module) => {

"use strict";
module.exports = require("next/dist/shared/lib/i18n/detect-domain-locale.js");

/***/ }),

/***/ 34014:
/***/ ((module) => {

"use strict";
module.exports = require("next/dist/shared/lib/i18n/normalize-locale-path.js");

/***/ }),

/***/ 78524:
/***/ ((module) => {

"use strict";
module.exports = require("next/dist/shared/lib/is-plain-object.js");

/***/ }),

/***/ 78020:
/***/ ((module) => {

"use strict";
module.exports = require("next/dist/shared/lib/mitt.js");

/***/ }),

/***/ 64406:
/***/ ((module) => {

"use strict";
module.exports = require("next/dist/shared/lib/page-path/denormalize-page-path.js");

/***/ }),

/***/ 24964:
/***/ ((module) => {

"use strict";
module.exports = require("next/dist/shared/lib/router-context.js");

/***/ }),

/***/ 93431:
/***/ ((module) => {

"use strict";
module.exports = require("next/dist/shared/lib/router/utils/add-locale.js");

/***/ }),

/***/ 11751:
/***/ ((module) => {

"use strict";
module.exports = require("next/dist/shared/lib/router/utils/add-path-prefix.js");

/***/ }),

/***/ 46220:
/***/ ((module) => {

"use strict";
module.exports = require("next/dist/shared/lib/router/utils/compare-states.js");

/***/ }),

/***/ 10299:
/***/ ((module) => {

"use strict";
module.exports = require("next/dist/shared/lib/router/utils/format-next-pathname-info.js");

/***/ }),

/***/ 23938:
/***/ ((module) => {

"use strict";
module.exports = require("next/dist/shared/lib/router/utils/format-url.js");

/***/ }),

/***/ 29565:
/***/ ((module) => {

"use strict";
module.exports = require("next/dist/shared/lib/router/utils/get-asset-path-from-route.js");

/***/ }),

/***/ 35789:
/***/ ((module) => {

"use strict";
module.exports = require("next/dist/shared/lib/router/utils/get-next-pathname-info.js");

/***/ }),

/***/ 1897:
/***/ ((module) => {

"use strict";
module.exports = require("next/dist/shared/lib/router/utils/is-bot.js");

/***/ }),

/***/ 1428:
/***/ ((module) => {

"use strict";
module.exports = require("next/dist/shared/lib/router/utils/is-dynamic.js");

/***/ }),

/***/ 28854:
/***/ ((module) => {

"use strict";
module.exports = require("next/dist/shared/lib/router/utils/parse-path.js");

/***/ }),

/***/ 91292:
/***/ ((module) => {

"use strict";
module.exports = require("next/dist/shared/lib/router/utils/parse-relative-url.js");

/***/ }),

/***/ 34567:
/***/ ((module) => {

"use strict";
module.exports = require("next/dist/shared/lib/router/utils/path-has-prefix.js");

/***/ }),

/***/ 80979:
/***/ ((module) => {

"use strict";
module.exports = require("next/dist/shared/lib/router/utils/querystring.js");

/***/ }),

/***/ 93297:
/***/ ((module) => {

"use strict";
module.exports = require("next/dist/shared/lib/router/utils/remove-trailing-slash.js");

/***/ }),

/***/ 36052:
/***/ ((module) => {

"use strict";
module.exports = require("next/dist/shared/lib/router/utils/resolve-rewrites.js");

/***/ }),

/***/ 84226:
/***/ ((module) => {

"use strict";
module.exports = require("next/dist/shared/lib/router/utils/route-matcher.js");

/***/ }),

/***/ 95052:
/***/ ((module) => {

"use strict";
module.exports = require("next/dist/shared/lib/router/utils/route-regex.js");

/***/ }),

/***/ 59232:
/***/ ((module) => {

"use strict";
module.exports = require("next/dist/shared/lib/utils.js");

/***/ }),

/***/ 71853:
/***/ ((module) => {

"use strict";
module.exports = require("next/router");

/***/ }),

/***/ 16689:
/***/ ((module) => {

"use strict";
module.exports = require("react");

/***/ }),

/***/ 6022:
/***/ ((module) => {

"use strict";
module.exports = require("react-redux");

/***/ }),

/***/ 20997:
/***/ ((module) => {

"use strict";
module.exports = require("react/jsx-runtime");

/***/ }),

/***/ 74973:
/***/ ((module) => {

"use strict";
module.exports = import("@radix-ui/react-collapsible");;

/***/ }),

/***/ 3702:
/***/ ((module) => {

"use strict";
module.exports = import("@radix-ui/react-switch");;

/***/ }),

/***/ 66704:
/***/ ((module) => {

"use strict";
module.exports = import("@radix-ui/react-tooltip");;

/***/ }),

/***/ 88813:
/***/ ((module) => {

"use strict";
module.exports = import("firebase/compat/analytics");;

/***/ }),

/***/ 33773:
/***/ ((module) => {

"use strict";
module.exports = import("firebase/compat/app");;

/***/ }),

/***/ 69915:
/***/ ((module) => {

"use strict";
module.exports = import("js-cookie");;

/***/ }),

/***/ 3590:
/***/ ((module) => {

"use strict";
module.exports = import("react-toastify");;

/***/ }),

/***/ 63477:
/***/ ((module) => {

"use strict";
module.exports = require("querystring");

/***/ })

};
;

// load runtime
var __webpack_require__ = require("../webpack-runtime.js");
__webpack_require__.C(exports);
var __webpack_exec__ = (moduleId) => (__webpack_require__(__webpack_require__.s = moduleId))
var __webpack_exports__ = __webpack_require__.X(0, [11497,79165,96270,24709,57933,61239,25869,50497,79717,22197,36049,5639,1223,39953], () => (__webpack_exec__(49086)));
module.exports = __webpack_exports__;

})();
//# sourceMappingURL=notification-settings.js.map