@soyfri/template 1.0.0 → 1.0.3

package/dist/partials/layout/drawer-messenger/DrawerMessenger.js

@@ -1,26 +1,20 @@
-"use strict";
-var __importDefault = (this && this.__importDefault) || function (mod) {
-    return (mod && mod.__esModule) ? mod : { "default": mod };
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.DrawerMessenger = void 0;
-var react_1 = __importDefault(require("react"));
-var helpers_1 = require("../../../helpers");
-var ChatInner_1 = require("../../chat/ChatInner");
-var DrawerMessenger = function () { return (react_1.default.createElement("div", { id: 'kt_drawer_chat', className: 'bg-body', "data-kt-drawer": 'true', "data-kt-drawer-name": 'chat', "data-kt-drawer-activate": 'true', "data-kt-drawer-overlay": 'true', "data-kt-drawer-width": "{default:'300px', 'md': '500px'}", "data-kt-drawer-direction": 'end', "data-kt-drawer-toggle": '#kt_drawer_chat_toggle', "data-kt-drawer-close": '#kt_drawer_chat_close' },
-    react_1.default.createElement("div", { className: 'card w-100 rounded-0', id: 'kt_drawer_chat_messenger' },
-        react_1.default.createElement("div", { className: 'card-header pe-5', id: 'kt_drawer_chat_messenger_header' },
-            react_1.default.createElement("div", { className: 'card-title' },
-                react_1.default.createElement("div", { className: 'd-flex justify-content-center flex-column me-3' },
-                    react_1.default.createElement("a", { href: '#', className: 'fs-4 fw-bolder text-gray-900 text-hover-primary me-1 mb-2 lh-1' }, "Brian Cox"),
-                    react_1.default.createElement("div", { className: 'mb-0 lh-1' },
-                        react_1.default.createElement("span", { className: 'badge badge-success badge-circle w-10px h-10px me-1' }),
-                        react_1.default.createElement("span", { className: 'fs-7 fw-bold text-gray-500' }, "Active")))),
-            react_1.default.createElement("div", { className: 'card-toolbar' },
-                react_1.default.createElement("div", { className: 'me-2' },
-                    react_1.default.createElement("button", { className: 'btn btn-sm btn-icon btn-active-light-primary', "data-kt-menu-trigger": 'click', "data-kt-menu-placement": 'bottom-end', "data-kt-menu-flip": 'top-end' },
-                        react_1.default.createElement("i", { className: 'bi bi-three-dots fs-3' }))),
-                react_1.default.createElement("div", { className: 'btn btn-sm btn-icon btn-active-light-primary', id: 'kt_drawer_chat_close' },
-                    react_1.default.createElement(helpers_1.KTIcon, { iconName: 'cross', className: 'fs-2' })))),
-        react_1.default.createElement(ChatInner_1.ChatInner, { isDrawer: true })))); };
-exports.DrawerMessenger = DrawerMessenger;
+import React from 'react';
+import { KTIcon } from '../../../helpers';
+import { ChatInner } from '../../chat/ChatInner';
+const DrawerMessenger = () => (React.createElement("div", { id: 'kt_drawer_chat', className: 'bg-body', "data-kt-drawer": 'true', "data-kt-drawer-name": 'chat', "data-kt-drawer-activate": 'true', "data-kt-drawer-overlay": 'true', "data-kt-drawer-width": "{default:'300px', 'md': '500px'}", "data-kt-drawer-direction": 'end', "data-kt-drawer-toggle": '#kt_drawer_chat_toggle', "data-kt-drawer-close": '#kt_drawer_chat_close' },
+    React.createElement("div", { className: 'card w-100 rounded-0', id: 'kt_drawer_chat_messenger' },
+        React.createElement("div", { className: 'card-header pe-5', id: 'kt_drawer_chat_messenger_header' },
+            React.createElement("div", { className: 'card-title' },
+                React.createElement("div", { className: 'd-flex justify-content-center flex-column me-3' },
+                    React.createElement("a", { href: '#', className: 'fs-4 fw-bolder text-gray-900 text-hover-primary me-1 mb-2 lh-1' }, "Brian Cox"),
+                    React.createElement("div", { className: 'mb-0 lh-1' },
+                        React.createElement("span", { className: 'badge badge-success badge-circle w-10px h-10px me-1' }),
+                        React.createElement("span", { className: 'fs-7 fw-bold text-gray-500' }, "Active")))),
+            React.createElement("div", { className: 'card-toolbar' },
+                React.createElement("div", { className: 'me-2' },
+                    React.createElement("button", { className: 'btn btn-sm btn-icon btn-active-light-primary', "data-kt-menu-trigger": 'click', "data-kt-menu-placement": 'bottom-end', "data-kt-menu-flip": 'top-end' },
+                        React.createElement("i", { className: 'bi bi-three-dots fs-3' }))),
+                React.createElement("div", { className: 'btn btn-sm btn-icon btn-active-light-primary', id: 'kt_drawer_chat_close' },
+                    React.createElement(KTIcon, { iconName: 'cross', className: 'fs-2' })))),
+        React.createElement(ChatInner, { isDrawer: true }))));
+export { DrawerMessenger };

package/dist/partials/layout/header-menus/HeaderNotificationsMenu.js

@@ -1,58 +1,52 @@
-"use strict";
-var __importDefault = (this && this.__importDefault) || function (mod) {
-    return (mod && mod.__esModule) ? mod : { "default": mod };
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.HeaderNotificationsMenu = void 0;
-var clsx_1 = __importDefault(require("clsx"));
-var react_1 = __importDefault(require("react"));
-var react_router_dom_1 = require("react-router-dom");
-var helpers_1 = require("../../../helpers");
-var HeaderNotificationsMenu = function () { return (react_1.default.createElement("div", { className: 'menu menu-sub menu-sub-dropdown menu-column w-350px w-lg-375px', "data-kt-menu": 'true' },
-    react_1.default.createElement("div", { className: 'd-flex flex-column bgi-no-repeat rounded-top', style: { backgroundImage: "url('".concat((0, helpers_1.toAbsoluteUrl)('media/misc/menu-header-bg.jpg'), "')") } },
-        react_1.default.createElement("h3", { className: 'text-white fw-bold px-9 mt-10 mb-6' },
+import clsx from 'clsx';
+import React from 'react';
+import { Link } from 'react-router-dom';
+import { defaultAlerts, defaultLogs, KTIcon, toAbsoluteUrl, useIllustrationsPath, } from '../../../helpers';
+const HeaderNotificationsMenu = () => (React.createElement("div", { className: 'menu menu-sub menu-sub-dropdown menu-column w-350px w-lg-375px', "data-kt-menu": 'true' },
+    React.createElement("div", { className: 'd-flex flex-column bgi-no-repeat rounded-top', style: { backgroundImage: `url('${toAbsoluteUrl('media/misc/menu-header-bg.jpg')}')` } },
+        React.createElement("h3", { className: 'text-white fw-bold px-9 mt-10 mb-6' },
             "Notifications ",
-            react_1.default.createElement("span", { className: 'fs-8 opacity-75 ps-3' }, "24 reports")),
-        react_1.default.createElement("ul", { className: 'nav nav-line-tabs nav-line-tabs-2x nav-stretch fw-bold px-9' },
-            react_1.default.createElement("li", { className: 'nav-item' },
-                react_1.default.createElement("a", { className: 'nav-link text-white opacity-75 opacity-state-100 pb-4', "data-bs-toggle": 'tab', href: '#kt_topbar_notifications_1' }, "Alerts")),
-            react_1.default.createElement("li", { className: 'nav-item' },
-                react_1.default.createElement("a", { className: 'nav-link text-white opacity-75 opacity-state-100 pb-4 active', "data-bs-toggle": 'tab', href: '#kt_topbar_notifications_2' }, "Updates")),
-            react_1.default.createElement("li", { className: 'nav-item' },
-                react_1.default.createElement("a", { className: 'nav-link text-white opacity-75 opacity-state-100 pb-4', "data-bs-toggle": 'tab', href: '#kt_topbar_notifications_3' }, "Logs")))),
-    react_1.default.createElement("div", { className: 'tab-content' },
-        react_1.default.createElement("div", { className: 'tab-pane fade', id: 'kt_topbar_notifications_1', role: 'tabpanel' },
-            react_1.default.createElement("div", { className: 'scroll-y mh-325px my-5 px-8' }, helpers_1.defaultAlerts.map(function (alert, index) { return (react_1.default.createElement("div", { key: "alert".concat(index), className: 'd-flex flex-stack py-4' },
-                react_1.default.createElement("div", { className: 'd-flex align-items-center' },
-                    react_1.default.createElement("div", { className: 'symbol symbol-35px me-4' },
-                        react_1.default.createElement("span", { className: (0, clsx_1.default)('symbol-label', "bg-light-".concat(alert.state)) },
+            React.createElement("span", { className: 'fs-8 opacity-75 ps-3' }, "24 reports")),
+        React.createElement("ul", { className: 'nav nav-line-tabs nav-line-tabs-2x nav-stretch fw-bold px-9' },
+            React.createElement("li", { className: 'nav-item' },
+                React.createElement("a", { className: 'nav-link text-white opacity-75 opacity-state-100 pb-4', "data-bs-toggle": 'tab', href: '#kt_topbar_notifications_1' }, "Alerts")),
+            React.createElement("li", { className: 'nav-item' },
+                React.createElement("a", { className: 'nav-link text-white opacity-75 opacity-state-100 pb-4 active', "data-bs-toggle": 'tab', href: '#kt_topbar_notifications_2' }, "Updates")),
+            React.createElement("li", { className: 'nav-item' },
+                React.createElement("a", { className: 'nav-link text-white opacity-75 opacity-state-100 pb-4', "data-bs-toggle": 'tab', href: '#kt_topbar_notifications_3' }, "Logs")))),
+    React.createElement("div", { className: 'tab-content' },
+        React.createElement("div", { className: 'tab-pane fade', id: 'kt_topbar_notifications_1', role: 'tabpanel' },
+            React.createElement("div", { className: 'scroll-y mh-325px my-5 px-8' }, defaultAlerts.map((alert, index) => (React.createElement("div", { key: `alert${index}`, className: 'd-flex flex-stack py-4' },
+                React.createElement("div", { className: 'd-flex align-items-center' },
+                    React.createElement("div", { className: 'symbol symbol-35px me-4' },
+                        React.createElement("span", { className: clsx('symbol-label', `bg-light-${alert.state}`) },
                             ' ',
-                            react_1.default.createElement(helpers_1.KTIcon, { iconName: alert.icon, className: "fs-2 text-".concat(alert.state) }))),
-                    react_1.default.createElement("div", { className: 'mb-0 me-2' },
-                        react_1.default.createElement("a", { href: '#', className: 'fs-6 text-gray-800 text-hover-primary fw-bolder' }, alert.title),
-                        react_1.default.createElement("div", { className: 'text-gray-500 fs-7' }, alert.description))),
-                react_1.default.createElement("span", { className: 'badge badge-light fs-8' }, alert.time))); })),
-            react_1.default.createElement("div", { className: 'py-3 text-center border-top' },
-                react_1.default.createElement(react_router_dom_1.Link, { to: '/crafted/pages/profile', className: 'btn btn-color-gray-600 btn-active-color-primary' },
+                            React.createElement(KTIcon, { iconName: alert.icon, className: `fs-2 text-${alert.state}` }))),
+                    React.createElement("div", { className: 'mb-0 me-2' },
+                        React.createElement("a", { href: '#', className: 'fs-6 text-gray-800 text-hover-primary fw-bolder' }, alert.title),
+                        React.createElement("div", { className: 'text-gray-500 fs-7' }, alert.description))),
+                React.createElement("span", { className: 'badge badge-light fs-8' }, alert.time))))),
+            React.createElement("div", { className: 'py-3 text-center border-top' },
+                React.createElement(Link, { to: '/crafted/pages/profile', className: 'btn btn-color-gray-600 btn-active-color-primary' },
                     "View All ",
-                    react_1.default.createElement(helpers_1.KTIcon, { iconName: 'arrow-right', className: 'fs-5' })))),
-        react_1.default.createElement("div", { className: 'tab-pane fade show active', id: 'kt_topbar_notifications_2', role: 'tabpanel' },
-            react_1.default.createElement("div", { className: 'd-flex flex-column px-9' },
-                react_1.default.createElement("div", { className: 'pt-10 pb-0' },
-                    react_1.default.createElement("h3", { className: 'text-gray-900 text-center fw-bolder' }, "Get Pro Access"),
-                    react_1.default.createElement("div", { className: 'text-center text-gray-600 fw-bold pt-1' }, "Outlines keep you honest. They stoping you from amazing poorly about drive"),
-                    react_1.default.createElement("div", { className: 'text-center mt-5 mb-9' },
-                        react_1.default.createElement("a", { href: '#', className: 'btn btn-sm btn-primary px-6', "data-bs-toggle": 'modal', "data-bs-target": '#kt_modal_upgrade_plan' }, "Upgrade"))),
-                react_1.default.createElement("div", { className: 'text-center px-4' },
-                    react_1.default.createElement("img", { className: 'mw-100 mh-200px', alt: 'metronic', src: (0, helpers_1.useIllustrationsPath)('1.png') })))),
-        react_1.default.createElement("div", { className: 'tab-pane fade', id: 'kt_topbar_notifications_3', role: 'tabpanel' },
-            react_1.default.createElement("div", { className: 'scroll-y mh-325px my-5 px-8' }, helpers_1.defaultLogs.map(function (log, index) { return (react_1.default.createElement("div", { key: "log".concat(index), className: 'd-flex flex-stack py-4' },
-                react_1.default.createElement("div", { className: 'd-flex align-items-center me-2' },
-                    react_1.default.createElement("span", { className: (0, clsx_1.default)('w-70px badge', "badge-light-".concat(log.state), 'me-4') }, log.code),
-                    react_1.default.createElement("a", { href: '#', className: 'text-gray-800 text-hover-primary fw-bold' }, log.message),
-                    react_1.default.createElement("span", { className: 'badge badge-light fs-8' }, log.time)))); })),
-            react_1.default.createElement("div", { className: 'py-3 text-center border-top' },
-                react_1.default.createElement(react_router_dom_1.Link, { to: '/crafted/pages/profile', className: 'btn btn-color-gray-600 btn-active-color-primary' },
+                    React.createElement(KTIcon, { iconName: 'arrow-right', className: 'fs-5' })))),
+        React.createElement("div", { className: 'tab-pane fade show active', id: 'kt_topbar_notifications_2', role: 'tabpanel' },
+            React.createElement("div", { className: 'd-flex flex-column px-9' },
+                React.createElement("div", { className: 'pt-10 pb-0' },
+                    React.createElement("h3", { className: 'text-gray-900 text-center fw-bolder' }, "Get Pro Access"),
+                    React.createElement("div", { className: 'text-center text-gray-600 fw-bold pt-1' }, "Outlines keep you honest. They stoping you from amazing poorly about drive"),
+                    React.createElement("div", { className: 'text-center mt-5 mb-9' },
+                        React.createElement("a", { href: '#', className: 'btn btn-sm btn-primary px-6', "data-bs-toggle": 'modal', "data-bs-target": '#kt_modal_upgrade_plan' }, "Upgrade"))),
+                React.createElement("div", { className: 'text-center px-4' },
+                    React.createElement("img", { className: 'mw-100 mh-200px', alt: 'metronic', src: useIllustrationsPath('1.png') })))),
+        React.createElement("div", { className: 'tab-pane fade', id: 'kt_topbar_notifications_3', role: 'tabpanel' },
+            React.createElement("div", { className: 'scroll-y mh-325px my-5 px-8' }, defaultLogs.map((log, index) => (React.createElement("div", { key: `log${index}`, className: 'd-flex flex-stack py-4' },
+                React.createElement("div", { className: 'd-flex align-items-center me-2' },
+                    React.createElement("span", { className: clsx('w-70px badge', `badge-light-${log.state}`, 'me-4') }, log.code),
+                    React.createElement("a", { href: '#', className: 'text-gray-800 text-hover-primary fw-bold' }, log.message),
+                    React.createElement("span", { className: 'badge badge-light fs-8' }, log.time)))))),
+            React.createElement("div", { className: 'py-3 text-center border-top' },
+                React.createElement(Link, { to: '/crafted/pages/profile', className: 'btn btn-color-gray-600 btn-active-color-primary' },
                     "View All ",
-                    react_1.default.createElement(helpers_1.KTIcon, { iconName: 'arrow-right', className: 'fs-5' }))))))); };
-exports.HeaderNotificationsMenu = HeaderNotificationsMenu;
+                    React.createElement(KTIcon, { iconName: 'arrow-right', className: 'fs-5' })))))));
+export { HeaderNotificationsMenu };

package/dist/partials/layout/header-menus/HeaderUserMenu.js

@@ -1,58 +1,52 @@
-"use strict";
-var __importDefault = (this && this.__importDefault) || function (mod) {
-    return (mod && mod.__esModule) ? mod : { "default": mod };
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.HeaderUserMenu = void 0;
-var react_1 = __importDefault(require("react"));
-var react_router_dom_1 = require("react-router-dom");
-var Languages_1 = require("./Languages");
-var helpers_1 = require("../../../helpers");
-var HeaderUserMenu = function () {
-    return (react_1.default.createElement("div", { className: 'menu menu-sub menu-sub-dropdown menu-column menu-rounded menu-gray-600 menu-state-bg menu-state-primary fw-bold py-4 fs-6 w-275px', "data-kt-menu": 'true' },
-        react_1.default.createElement("div", { className: 'menu-item px-3' },
-            react_1.default.createElement("div", { className: 'menu-content d-flex align-items-center px-3' },
-                react_1.default.createElement("div", { className: 'symbol symbol-50px me-5' },
-                    react_1.default.createElement("img", { alt: 'Logo', src: (0, helpers_1.toAbsoluteUrl)('media/avatars/300-3.jpg') })),
-                react_1.default.createElement("div", { className: 'd-flex flex-column' },
-                    react_1.default.createElement("div", { className: 'fw-bolder d-flex align-items-center fs-5' },
-                        react_1.default.createElement("span", { className: 'badge badge-light-success fw-bolder fs-8 px-2 py-1 ms-2' }, "Pro")),
-                    react_1.default.createElement("a", { href: '#', className: 'fw-bold text-muted text-hover-primary fs-7' })))),
-        react_1.default.createElement("div", { className: 'separator my-2' }),
-        react_1.default.createElement("div", { className: 'menu-item px-5' },
-            react_1.default.createElement(react_router_dom_1.Link, { to: '/crafted/pages/profile', className: 'menu-link px-5' }, "My Profile")),
-        react_1.default.createElement("div", { className: 'menu-item px-5' },
-            react_1.default.createElement("a", { href: '#', className: 'menu-link px-5' },
-                react_1.default.createElement("span", { className: 'menu-text' }, "My Projects"),
-                react_1.default.createElement("span", { className: 'menu-badge' },
-                    react_1.default.createElement("span", { className: 'badge badge-light-danger badge-circle fw-bolder fs-7' }, "3")))),
-        react_1.default.createElement("div", { className: 'menu-item px-5', "data-kt-menu-trigger": 'hover', "data-kt-menu-placement": 'left-start', "data-kt-menu-flip": 'bottom' },
-            react_1.default.createElement("a", { href: '#', className: 'menu-link px-5' },
-                react_1.default.createElement("span", { className: 'menu-title' }, "My Subscription"),
-                react_1.default.createElement("span", { className: 'menu-arrow' })),
-            react_1.default.createElement("div", { className: 'menu-sub menu-sub-dropdown w-175px py-4' },
-                react_1.default.createElement("div", { className: 'menu-item px-3' },
-                    react_1.default.createElement("a", { href: '#', className: 'menu-link px-5' }, "Referrals")),
-                react_1.default.createElement("div", { className: 'menu-item px-3' },
-                    react_1.default.createElement("a", { href: '#', className: 'menu-link px-5' }, "Billing")),
-                react_1.default.createElement("div", { className: 'menu-item px-3' },
-                    react_1.default.createElement("a", { href: '#', className: 'menu-link px-5' }, "Payments")),
-                react_1.default.createElement("div", { className: 'menu-item px-3' },
-                    react_1.default.createElement("a", { href: '#', className: 'menu-link d-flex flex-stack px-5' },
+import React from 'react';
+import { Link } from 'react-router-dom';
+import { Languages } from './Languages';
+import { toAbsoluteUrl } from '../../../helpers';
+const HeaderUserMenu = () => {
+    return (React.createElement("div", { className: 'menu menu-sub menu-sub-dropdown menu-column menu-rounded menu-gray-600 menu-state-bg menu-state-primary fw-bold py-4 fs-6 w-275px', "data-kt-menu": 'true' },
+        React.createElement("div", { className: 'menu-item px-3' },
+            React.createElement("div", { className: 'menu-content d-flex align-items-center px-3' },
+                React.createElement("div", { className: 'symbol symbol-50px me-5' },
+                    React.createElement("img", { alt: 'Logo', src: toAbsoluteUrl('media/avatars/300-3.jpg') })),
+                React.createElement("div", { className: 'd-flex flex-column' },
+                    React.createElement("div", { className: 'fw-bolder d-flex align-items-center fs-5' },
+                        React.createElement("span", { className: 'badge badge-light-success fw-bolder fs-8 px-2 py-1 ms-2' }, "Pro")),
+                    React.createElement("a", { href: '#', className: 'fw-bold text-muted text-hover-primary fs-7' })))),
+        React.createElement("div", { className: 'separator my-2' }),
+        React.createElement("div", { className: 'menu-item px-5' },
+            React.createElement(Link, { to: '/crafted/pages/profile', className: 'menu-link px-5' }, "My Profile")),
+        React.createElement("div", { className: 'menu-item px-5' },
+            React.createElement("a", { href: '#', className: 'menu-link px-5' },
+                React.createElement("span", { className: 'menu-text' }, "My Projects"),
+                React.createElement("span", { className: 'menu-badge' },
+                    React.createElement("span", { className: 'badge badge-light-danger badge-circle fw-bolder fs-7' }, "3")))),
+        React.createElement("div", { className: 'menu-item px-5', "data-kt-menu-trigger": 'hover', "data-kt-menu-placement": 'left-start', "data-kt-menu-flip": 'bottom' },
+            React.createElement("a", { href: '#', className: 'menu-link px-5' },
+                React.createElement("span", { className: 'menu-title' }, "My Subscription"),
+                React.createElement("span", { className: 'menu-arrow' })),
+            React.createElement("div", { className: 'menu-sub menu-sub-dropdown w-175px py-4' },
+                React.createElement("div", { className: 'menu-item px-3' },
+                    React.createElement("a", { href: '#', className: 'menu-link px-5' }, "Referrals")),
+                React.createElement("div", { className: 'menu-item px-3' },
+                    React.createElement("a", { href: '#', className: 'menu-link px-5' }, "Billing")),
+                React.createElement("div", { className: 'menu-item px-3' },
+                    React.createElement("a", { href: '#', className: 'menu-link px-5' }, "Payments")),
+                React.createElement("div", { className: 'menu-item px-3' },
+                    React.createElement("a", { href: '#', className: 'menu-link d-flex flex-stack px-5' },
                         "Statements",
-                        react_1.default.createElement("i", { className: 'fas fa-exclamation-circle ms-2 fs-7', "data-bs-toggle": 'tooltip', title: 'View your statements' }))),
-                react_1.default.createElement("div", { className: 'separator my-2' }),
-                react_1.default.createElement("div", { className: 'menu-item px-3' },
-                    react_1.default.createElement("div", { className: 'menu-content px-3' },
-                        react_1.default.createElement("label", { className: 'form-check form-switch form-check-custom form-check-solid' },
-                            react_1.default.createElement("input", { className: 'form-check-input w-30px h-20px', type: 'checkbox', value: '1', defaultChecked: true, name: 'notifications' }),
-                            react_1.default.createElement("span", { className: 'form-check-label text-muted fs-7' }, "Notifications")))))),
-        react_1.default.createElement("div", { className: 'menu-item px-5' },
-            react_1.default.createElement("a", { href: '#', className: 'menu-link px-5' }, "My Statements")),
-        react_1.default.createElement("div", { className: 'separator my-2' }),
-        react_1.default.createElement(Languages_1.Languages, null),
-        react_1.default.createElement("div", { className: 'menu-item px-5 my-1' },
-            react_1.default.createElement(react_router_dom_1.Link, { to: '/crafted/account/settings', className: 'menu-link px-5' }, "Account Settings")),
-        react_1.default.createElement("div", { className: 'menu-item px-5' })));
+                        React.createElement("i", { className: 'fas fa-exclamation-circle ms-2 fs-7', "data-bs-toggle": 'tooltip', title: 'View your statements' }))),
+                React.createElement("div", { className: 'separator my-2' }),
+                React.createElement("div", { className: 'menu-item px-3' },
+                    React.createElement("div", { className: 'menu-content px-3' },
+                        React.createElement("label", { className: 'form-check form-switch form-check-custom form-check-solid' },
+                            React.createElement("input", { className: 'form-check-input w-30px h-20px', type: 'checkbox', value: '1', defaultChecked: true, name: 'notifications' }),
+                            React.createElement("span", { className: 'form-check-label text-muted fs-7' }, "Notifications")))))),
+        React.createElement("div", { className: 'menu-item px-5' },
+            React.createElement("a", { href: '#', className: 'menu-link px-5' }, "My Statements")),
+        React.createElement("div", { className: 'separator my-2' }),
+        React.createElement(Languages, null),
+        React.createElement("div", { className: 'menu-item px-5 my-1' },
+            React.createElement(Link, { to: '/crafted/account/settings', className: 'menu-link px-5' }, "Account Settings")),
+        React.createElement("div", { className: 'menu-item px-5' })));
 };
-exports.HeaderUserMenu = HeaderUserMenu;
+export { HeaderUserMenu };

package/dist/partials/layout/header-menus/Languages.js

@@ -1,62 +1,56 @@
-"use strict";
-var __importDefault = (this && this.__importDefault) || function (mod) {
-    return (mod && mod.__esModule) ? mod : { "default": mod };
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.Languages = void 0;
-var clsx_1 = __importDefault(require("clsx"));
-var react_1 = __importDefault(require("react"));
-var helpers_1 = require("../../../helpers");
-var Metronici18n_1 = require("../../../i18n/Metronici18n");
-var languages = [
+import clsx from 'clsx';
+import React from 'react';
+import { toAbsoluteUrl } from '../../../helpers';
+import { useLang, setLanguage } from '../../../i18n/Metronici18n';
+const languages = [
     {
         lang: 'en',
         name: 'English',
-        flag: (0, helpers_1.toAbsoluteUrl)('media/flags/united-states.svg'),
+        flag: toAbsoluteUrl('media/flags/united-states.svg'),
     },
     {
         lang: 'zh',
         name: 'Mandarin',
-        flag: (0, helpers_1.toAbsoluteUrl)('media/flags/china.svg'),
+        flag: toAbsoluteUrl('media/flags/china.svg'),
     },
     {
         lang: 'es',
         name: 'Spanish',
-        flag: (0, helpers_1.toAbsoluteUrl)('media/flags/spain.svg'),
+        flag: toAbsoluteUrl('media/flags/spain.svg'),
     },
     {
         lang: 'ja',
         name: 'Japanese',
-        flag: (0, helpers_1.toAbsoluteUrl)('media/flags/japan.svg'),
+        flag: toAbsoluteUrl('media/flags/japan.svg'),
     },
     {
         lang: 'de',
         name: 'German',
-        flag: (0, helpers_1.toAbsoluteUrl)('media/flags/germany.svg'),
+        flag: toAbsoluteUrl('media/flags/germany.svg'),
     },
     {
         lang: 'fr',
         name: 'French',
-        flag: (0, helpers_1.toAbsoluteUrl)('media/flags/france.svg'),
+        flag: toAbsoluteUrl('media/flags/france.svg'),
     },
 ];
-var Languages = function () {
-    var lang = (0, Metronici18n_1.useLang)();
-    var currentLanguage = languages.find(function (x) { return x.lang === lang; });
-    return (react_1.default.createElement("div", { className: 'menu-item px-5', "data-kt-menu-trigger": 'hover', "data-kt-menu-placement": 'left-start', "data-kt-menu-flip": 'bottom' },
-        react_1.default.createElement("a", { href: '#', className: 'menu-link px-5' },
-            react_1.default.createElement("span", { className: 'menu-title position-relative' },
+const Languages = () => {
+    const lang = useLang();
+    const currentLanguage = languages.find((x) => x.lang === lang);
+    return (React.createElement("div", { className: 'menu-item px-5', "data-kt-menu-trigger": 'hover', "data-kt-menu-placement": 'left-start', "data-kt-menu-flip": 'bottom' },
+        React.createElement("a", { href: '#', className: 'menu-link px-5' },
+            React.createElement("span", { className: 'menu-title position-relative' },
                 "Language",
-                react_1.default.createElement("span", { className: 'fs-8 rounded bg-light px-3 py-2 position-absolute translate-middle-y top-50 end-0' }, currentLanguage === null || currentLanguage === void 0 ? void 0 :
-                    currentLanguage.name,
+                React.createElement("span", { className: 'fs-8 rounded bg-light px-3 py-2 position-absolute translate-middle-y top-50 end-0' },
+                    currentLanguage?.name,
                     ' ',
-                    react_1.default.createElement("img", { className: 'w-15px h-15px rounded-1 ms-2', src: currentLanguage === null || currentLanguage === void 0 ? void 0 : currentLanguage.flag, alt: 'metronic' })))),
-        react_1.default.createElement("div", { className: 'menu-sub menu-sub-dropdown w-175px py-4' }, languages.map(function (l) { return (react_1.default.createElement("div", { className: 'menu-item px-3', key: l.lang, onClick: function () {
-                (0, Metronici18n_1.setLanguage)(l.lang);
+                    React.createElement("img", { className: 'w-15px h-15px rounded-1 ms-2', src: currentLanguage?.flag, alt: 'metronic' })))),
+        React.createElement("div", { className: 'menu-sub menu-sub-dropdown w-175px py-4' }, languages.map((l) => (React.createElement("div", { className: 'menu-item px-3', key: l.lang, onClick: () => {
+                setLanguage(l.lang);
             } },
-            react_1.default.createElement("a", { href: '#', className: (0, clsx_1.default)('menu-link d-flex px-5', { active: l.lang === (currentLanguage === null || currentLanguage === void 0 ? void 0 : currentLanguage.lang) }) },
-                react_1.default.createElement("span", { className: 'symbol symbol-20px me-4' },
-                    react_1.default.createElement("img", { className: 'rounded-1', src: l.flag, alt: 'metronic' })),
-                l.name))); }))));
+            React.createElement("a", { href: '#', className: clsx('menu-link d-flex px-5', { active: l.lang === currentLanguage?.lang }) },
+                React.createElement("span", { className: 'symbol symbol-20px me-4' },
+                    React.createElement("img", { className: 'rounded-1', src: l.flag, alt: 'metronic' })),
+                l.name)))))));
 };
-exports.Languages = Languages;
+export { Languages };

package/dist/partials/layout/help-drawer/HelpDrawer.js

@@ -1,62 +1,56 @@
-"use strict";
-var __importDefault = (this && this.__importDefault) || function (mod) {
-    return (mod && mod.__esModule) ? mod : { "default": mod };
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.HelpDrawer = void 0;
-var react_1 = __importDefault(require("react"));
-var react_router_dom_1 = require("react-router-dom");
-var helpers_1 = require("../../../helpers");
-var HelpDrawer = function () {
-    return (react_1.default.createElement("div", { id: 'kt_help', className: 'bg-body', "data-kt-drawer": 'true', "data-kt-drawer-name": 'help', "data-kt-drawer-activate": 'true', "data-kt-drawer-overlay": 'true', "data-kt-drawer-width": "{default:'350px', 'md': '525px'}", "data-kt-drawer-direction": 'end', "data-kt-drawer-toggle": '#kt_help_toggle', "data-kt-drawer-close": '#kt_help_close' },
-        react_1.default.createElement("div", { className: 'card shadow-none rounded-0 w-100' },
-            react_1.default.createElement("div", { className: 'card-header', id: 'kt_help_header' },
-                react_1.default.createElement("h5", { className: 'card-title fw-bold text-gray-600' }, "Learn & Get Inspired"),
-                react_1.default.createElement("div", { className: 'card-toolbar' },
-                    react_1.default.createElement("button", { type: 'button', className: 'btn btn-sm btn-icon explore-btn-dismiss me-n5', id: 'kt_help_close' },
-                        react_1.default.createElement(helpers_1.KTIcon, { iconName: 'cross', className: 'fs-2' })))),
-            react_1.default.createElement("div", { className: 'card-body', id: 'kt_help_body' },
-                react_1.default.createElement("div", { id: 'kt_help_scroll', className: 'hover-scroll-overlay-y', "data-kt-scroll": 'true', "data-kt-scroll-height": 'auto', "data-kt-scroll-wrappers": '#kt_help_body', "data-kt-scroll-dependencies": '#kt_help_header', "data-kt-scroll-offset": '5px' },
-                    react_1.default.createElement("div", { className: 'rounded border border-dashed border-gray-300 p-6 p-lg-8 mb-10' },
-                        react_1.default.createElement("h2", { className: 'fw-bolder mb-5' },
+import React from 'react';
+import { Link } from 'react-router-dom';
+import { KTIcon } from '../../../helpers';
+const HelpDrawer = () => {
+    return (React.createElement("div", { id: 'kt_help', className: 'bg-body', "data-kt-drawer": 'true', "data-kt-drawer-name": 'help', "data-kt-drawer-activate": 'true', "data-kt-drawer-overlay": 'true', "data-kt-drawer-width": "{default:'350px', 'md': '525px'}", "data-kt-drawer-direction": 'end', "data-kt-drawer-toggle": '#kt_help_toggle', "data-kt-drawer-close": '#kt_help_close' },
+        React.createElement("div", { className: 'card shadow-none rounded-0 w-100' },
+            React.createElement("div", { className: 'card-header', id: 'kt_help_header' },
+                React.createElement("h5", { className: 'card-title fw-bold text-gray-600' }, "Learn & Get Inspired"),
+                React.createElement("div", { className: 'card-toolbar' },
+                    React.createElement("button", { type: 'button', className: 'btn btn-sm btn-icon explore-btn-dismiss me-n5', id: 'kt_help_close' },
+                        React.createElement(KTIcon, { iconName: 'cross', className: 'fs-2' })))),
+            React.createElement("div", { className: 'card-body', id: 'kt_help_body' },
+                React.createElement("div", { id: 'kt_help_scroll', className: 'hover-scroll-overlay-y', "data-kt-scroll": 'true', "data-kt-scroll-height": 'auto', "data-kt-scroll-wrappers": '#kt_help_body', "data-kt-scroll-dependencies": '#kt_help_header', "data-kt-scroll-offset": '5px' },
+                    React.createElement("div", { className: 'rounded border border-dashed border-gray-300 p-6 p-lg-8 mb-10' },
+                        React.createElement("h2", { className: 'fw-bolder mb-5' },
                             "Support at",
                             ' ',
-                            react_1.default.createElement("a", { href: 'https://devs.keenthemes.com', className: '' }, "devs.keenthemes.com")),
-                        react_1.default.createElement("div", { className: 'fs-5 fw-bold mb-5' },
-                            react_1.default.createElement("span", { className: 'text-gray-500' }, "Join our developers community to find answer to your question and help others."),
-                            react_1.default.createElement("a", { className: 'explore-link d-none', href: 'https://keenthemes.com/licensing' }, "FAQs")),
-                        react_1.default.createElement("a", { href: 'https://devs.keenthemes.com', className: 'btn btn-lg explore-btn-primary w-100' }, "Get Support")),
-                    react_1.default.createElement("div", { className: 'd-flex align-items-center mb-7' },
-                        react_1.default.createElement("div", { className: 'd-flex flex-center w-50px h-50px w-lg-75px h-lg-75px flex-shrink-0 rounded bg-light-warning' },
-                            react_1.default.createElement(helpers_1.KTIcon, { iconName: 'abstract-26', className: 'text-warning fs-2x text-lg-3x' })),
-                        react_1.default.createElement("div", { className: 'd-flex flex-stack flex-grow-1 ms-4 ms-lg-6' },
-                            react_1.default.createElement("div", { className: 'd-flex flex-column me-2 me-lg-5' },
-                                react_1.default.createElement("a", { href: 'https://preview.keenthemes.com/metronic8/react/docs/quick-start', className: 'text-gray-900 text-hover-primary fw-bolder fs-6 fs-lg-4 mb-1' }, "Documentation & Videos"),
-                                react_1.default.createElement("div", { className: 'text-muted fw-bold fs-7 fs-lg-6' }, "From guides and video tutorials, to live demos and code examples to get started.")),
-                            react_1.default.createElement(helpers_1.KTIcon, { iconName: 'arrow-right', className: 'text-gray-500 fs-2' }))),
-                    react_1.default.createElement("div", { className: 'd-flex align-items-center mb-7' },
-                        react_1.default.createElement("div", { className: 'd-flex flex-center w-50px h-50px w-lg-75px h-lg-75px flex-shrink-0 rounded bg-light-primary' },
-                            react_1.default.createElement(helpers_1.KTIcon, { iconName: 'gift', className: 'text-primary fs-2x text-lg-3x' })),
-                        react_1.default.createElement("div", { className: 'd-flex flex-stack flex-grow-1 ms-4 ms-lg-6' },
-                            react_1.default.createElement("div", { className: 'd-flex flex-column me-2 me-lg-5' },
-                                react_1.default.createElement("a", { href: 'https://preview.keenthemes.com/metronic8/react/docs/utilities', className: 'text-gray-900 text-hover-primary fw-bolder fs-6 fs-lg-4 mb-1' }, "Plugins & Components"),
-                                react_1.default.createElement("div", { className: 'text-muted fw-bold fs-7 fs-lg-6' }, "Check out our 300+ in-house components and customized 3rd-party plugins.")),
-                            react_1.default.createElement(helpers_1.KTIcon, { iconName: 'arrow-right', className: 'text-gray-500 fs-2' }))),
-                    react_1.default.createElement("div", { className: 'd-flex align-items-center mb-7' },
-                        react_1.default.createElement("div", { className: 'd-flex flex-center w-50px h-50px w-lg-75px h-lg-75px flex-shrink-0 rounded bg-light-info' },
-                            react_1.default.createElement(helpers_1.KTIcon, { iconName: 'design-frame', className: 'text-info fs-2x text-lg-3x' })),
-                        react_1.default.createElement("div", { className: 'd-flex flex-stack flex-grow-1 ms-4 ms-lg-6' },
-                            react_1.default.createElement("div", { className: 'd-flex flex-column me-2 me-lg-5' },
-                                react_1.default.createElement(react_router_dom_1.Link, { to: '/builder', className: 'text-gray-900 text-hover-primary fw-bolder fs-6 fs-lg-4 mb-1' }, "Layout Builder"),
-                                react_1.default.createElement("div", { className: 'text-muted fw-bold fs-7 fs-lg-6' }, "Dynamically modify and preview layout")),
-                            react_1.default.createElement(helpers_1.KTIcon, { iconName: 'arrow-right', className: 'text-gray-500 fs-2' }))),
-                    react_1.default.createElement("div", { className: 'd-flex align-items-center mb-7' },
-                        react_1.default.createElement("div", { className: 'd-flex flex-center w-50px h-50px w-lg-75px h-lg-75px flex-shrink-0 rounded bg-light-danger' },
-                            react_1.default.createElement(helpers_1.KTIcon, { iconName: 'phone', className: 'text-danger fs-2x text-lg-3x' })),
-                        react_1.default.createElement("div", { className: 'd-flex flex-stack flex-grow-1 ms-4 ms-lg-6' },
-                            react_1.default.createElement("div", { className: 'd-flex flex-column me-2 me-lg-5' },
-                                react_1.default.createElement("a", { href: 'https://preview.keenthemes.com/metronic8/react/docs/changelog', className: 'text-gray-900 text-hover-primary fw-bolder fs-6 fs-lg-4 mb-1' }, "What's New"),
-                                react_1.default.createElement("div", { className: 'text-muted fw-bold fs-7 fs-lg-6' }, "Latest features and improvements added with our users feedback in mind.")),
-                            react_1.default.createElement(helpers_1.KTIcon, { iconName: 'arrow-right', className: 'text-gray-500 fs-2' }))))))));
+                            React.createElement("a", { href: 'https://devs.keenthemes.com', className: '' }, "devs.keenthemes.com")),
+                        React.createElement("div", { className: 'fs-5 fw-bold mb-5' },
+                            React.createElement("span", { className: 'text-gray-500' }, "Join our developers community to find answer to your question and help others."),
+                            React.createElement("a", { className: 'explore-link d-none', href: 'https://keenthemes.com/licensing' }, "FAQs")),
+                        React.createElement("a", { href: 'https://devs.keenthemes.com', className: 'btn btn-lg explore-btn-primary w-100' }, "Get Support")),
+                    React.createElement("div", { className: 'd-flex align-items-center mb-7' },
+                        React.createElement("div", { className: 'd-flex flex-center w-50px h-50px w-lg-75px h-lg-75px flex-shrink-0 rounded bg-light-warning' },
+                            React.createElement(KTIcon, { iconName: 'abstract-26', className: 'text-warning fs-2x text-lg-3x' })),
+                        React.createElement("div", { className: 'd-flex flex-stack flex-grow-1 ms-4 ms-lg-6' },
+                            React.createElement("div", { className: 'd-flex flex-column me-2 me-lg-5' },
+                                React.createElement("a", { href: 'https://preview.keenthemes.com/metronic8/react/docs/quick-start', className: 'text-gray-900 text-hover-primary fw-bolder fs-6 fs-lg-4 mb-1' }, "Documentation & Videos"),
+                                React.createElement("div", { className: 'text-muted fw-bold fs-7 fs-lg-6' }, "From guides and video tutorials, to live demos and code examples to get started.")),
+                            React.createElement(KTIcon, { iconName: 'arrow-right', className: 'text-gray-500 fs-2' }))),
+                    React.createElement("div", { className: 'd-flex align-items-center mb-7' },
+                        React.createElement("div", { className: 'd-flex flex-center w-50px h-50px w-lg-75px h-lg-75px flex-shrink-0 rounded bg-light-primary' },
+                            React.createElement(KTIcon, { iconName: 'gift', className: 'text-primary fs-2x text-lg-3x' })),
+                        React.createElement("div", { className: 'd-flex flex-stack flex-grow-1 ms-4 ms-lg-6' },
+                            React.createElement("div", { className: 'd-flex flex-column me-2 me-lg-5' },
+                                React.createElement("a", { href: 'https://preview.keenthemes.com/metronic8/react/docs/utilities', className: 'text-gray-900 text-hover-primary fw-bolder fs-6 fs-lg-4 mb-1' }, "Plugins & Components"),
+                                React.createElement("div", { className: 'text-muted fw-bold fs-7 fs-lg-6' }, "Check out our 300+ in-house components and customized 3rd-party plugins.")),
+                            React.createElement(KTIcon, { iconName: 'arrow-right', className: 'text-gray-500 fs-2' }))),
+                    React.createElement("div", { className: 'd-flex align-items-center mb-7' },
+                        React.createElement("div", { className: 'd-flex flex-center w-50px h-50px w-lg-75px h-lg-75px flex-shrink-0 rounded bg-light-info' },
+                            React.createElement(KTIcon, { iconName: 'design-frame', className: 'text-info fs-2x text-lg-3x' })),
+                        React.createElement("div", { className: 'd-flex flex-stack flex-grow-1 ms-4 ms-lg-6' },
+                            React.createElement("div", { className: 'd-flex flex-column me-2 me-lg-5' },
+                                React.createElement(Link, { to: '/builder', className: 'text-gray-900 text-hover-primary fw-bolder fs-6 fs-lg-4 mb-1' }, "Layout Builder"),
+                                React.createElement("div", { className: 'text-muted fw-bold fs-7 fs-lg-6' }, "Dynamically modify and preview layout")),
+                            React.createElement(KTIcon, { iconName: 'arrow-right', className: 'text-gray-500 fs-2' }))),
+                    React.createElement("div", { className: 'd-flex align-items-center mb-7' },
+                        React.createElement("div", { className: 'd-flex flex-center w-50px h-50px w-lg-75px h-lg-75px flex-shrink-0 rounded bg-light-danger' },
+                            React.createElement(KTIcon, { iconName: 'phone', className: 'text-danger fs-2x text-lg-3x' })),
+                        React.createElement("div", { className: 'd-flex flex-stack flex-grow-1 ms-4 ms-lg-6' },
+                            React.createElement("div", { className: 'd-flex flex-column me-2 me-lg-5' },
+                                React.createElement("a", { href: 'https://preview.keenthemes.com/metronic8/react/docs/changelog', className: 'text-gray-900 text-hover-primary fw-bolder fs-6 fs-lg-4 mb-1' }, "What's New"),
+                                React.createElement("div", { className: 'text-muted fw-bold fs-7 fs-lg-6' }, "Latest features and improvements added with our users feedback in mind.")),
+                            React.createElement(KTIcon, { iconName: 'arrow-right', className: 'text-gray-500 fs-2' }))))))));
 };
-exports.HelpDrawer = HelpDrawer;
+export { HelpDrawer };

package/dist/partials/layout/help-drawer/ToggleHelpDrawer.js

@@ -1,9 +1,3 @@
-"use strict";
-var __importDefault = (this && this.__importDefault) || function (mod) {
-    return (mod && mod.__esModule) ? mod : { "default": mod };
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.ToggleHelpDrawer = void 0;
-var react_1 = __importDefault(require("react"));
-var ToggleHelpDrawer = function () { return (react_1.default.createElement("button", { id: 'kt_help_toggle', className: 'engage-help-toggle btn btn-flex h-35px bg-body btn-color-gray-700 btn-active-color-gray-900 shadow-sm px-5 rounded-top-0', title: 'Learn & Get Inspired', "data-bs-toggle": 'tooltip', "data-bs-placement": 'left', "data-bs-dismiss": 'click', "data-bs-trigger": 'hover' }, "Help")); };
-exports.ToggleHelpDrawer = ToggleHelpDrawer;
+import React from 'react';
+const ToggleHelpDrawer = () => (React.createElement("button", { id: 'kt_help_toggle', className: 'engage-help-toggle btn btn-flex h-35px bg-body btn-color-gray-700 btn-active-color-gray-900 shadow-sm px-5 rounded-top-0', title: 'Learn & Get Inspired', "data-bs-toggle": 'tooltip', "data-bs-placement": 'left', "data-bs-dismiss": 'click', "data-bs-trigger": 'hover' }, "Help"));
+export { ToggleHelpDrawer };

package/dist/partials/layout/purchase/PurchaseButton.js

@@ -1,12 +1,6 @@
-"use strict";
-var __importDefault = (this && this.__importDefault) || function (mod) {
-    return (mod && mod.__esModule) ? mod : { "default": mod };
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.PurchaseButton = void 0;
-var react_1 = __importDefault(require("react"));
-var environment = {
+import React from 'react';
+const environment = {
     VITE_PURCHASE_URL: 'some.url.com'
 };
-var PurchaseButton = function () { return (react_1.default.createElement("a", { href: environment.VITE_PURCHASE_URL, className: 'engage-purchase-link btn btn-flex h-35px bg-body btn-color-gray-700 btn-active-color-gray-900 px-5 shadow-sm rounded-top-0' }, "Buy Now")); };
-exports.PurchaseButton = PurchaseButton;
+const PurchaseButton = () => (React.createElement("a", { href: environment.VITE_PURCHASE_URL, className: 'engage-purchase-link btn btn-flex h-35px bg-body btn-color-gray-700 btn-active-color-gray-900 px-5 shadow-sm rounded-top-0' }, "Buy Now"));
+export { PurchaseButton };