@soyfri/template 1.0.0

package/dist/partials/layout/InboxCompose.js

@@ -0,0 +1,98 @@
+"use strict";
+var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    var desc = Object.getOwnPropertyDescriptor(m, k);
+    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
+      desc = { enumerable: true, get: function() { return m[k]; } };
+    }
+    Object.defineProperty(o, k2, desc);
+}) : (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    o[k2] = m[k];
+}));
+var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
+    Object.defineProperty(o, "default", { enumerable: true, value: v });
+}) : function(o, v) {
+    o["default"] = v;
+});
+var __importStar = (this && this.__importStar) || function (mod) {
+    if (mod && mod.__esModule) return mod;
+    var result = {};
+    if (mod != null) for (var k in mod) if (k !== "default" && Object.prototype.hasOwnProperty.call(mod, k)) __createBinding(result, mod, k);
+    __setModuleDefault(result, mod);
+    return result;
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.InboxCompose = void 0;
+var react_1 = __importStar(require("react"));
+var react_bootstrap_1 = require("react-bootstrap");
+var helpers_1 = require("../../helpers");
+var InboxCompose = function (_a) {
+    var show = _a.show, handleClose = _a.handleClose;
+    var composeToRef = (0, react_1.useRef)(null);
+    var formRef = (0, react_1.useRef)(null);
+    var _b = (0, react_1.useState)(''), composeCC = _b[0], setComposeCC = _b[1];
+    var _c = (0, react_1.useState)(''), composeBCC = _c[0], setComposeBCC = _c[1];
+    var _d = (0, react_1.useState)(''), subject = _d[0], setSubject = _d[1];
+    return (react_1.default.createElement(react_bootstrap_1.Modal, { className: 'modal-sticky modal-sticky-lg modal-sticky-bottom-right', id: 'kt_inbox_compose', role: 'dialog', "data-backdrop": 'false', "aria-hidden": 'true', tabIndex: '-1', show: show, animation: false },
+        react_1.default.createElement("div", { className: 'modal-content' },
+            react_1.default.createElement("form", { ref: formRef, id: 'kt_inbox_compose_form', onSubmit: function () { return console.log('submit'); } },
+                react_1.default.createElement("div", { className: 'd-flex align-items-center justify-content-between py-5 ps-8 pe-5 border-bottom' },
+                    react_1.default.createElement("h5", { className: 'fw-bold m-0' }, "Compose"),
+                    react_1.default.createElement("div", { className: 'd-flex ms-2' },
+                        react_1.default.createElement("div", { className: 'btn btn-icon btn-sm btn-light-primary ms-2', "data-bs-dismiss": 'modal', onClick: handleClose },
+                            react_1.default.createElement(helpers_1.KTIcon, { className: 'fs-1', iconName: 'cross' })))),
+                react_1.default.createElement("div", { className: 'd-block' },
+                    react_1.default.createElement("div", { className: 'd-flex align-items-center border-bottom inbox-to px-8 min-h-45px' },
+                        react_1.default.createElement("div", { className: 'text-gray-600 w-75px' }, "To:"),
+                        react_1.default.createElement("div", { className: 'd-flex align-items-center flex-grow-1' },
+                            react_1.default.createElement("input", { type: 'text', className: 'form-control border-0', name: 'compose_to', ref: composeToRef })),
+                        react_1.default.createElement("div", { className: 'ms-2' },
+                            react_1.default.createElement("span", { className: 'text-muted fw-bold cursor-pointer text-hover-primary me-2', "data-inbox": 'cc-show' }, "Cc"),
+                            react_1.default.createElement("span", { className: 'text-muted fw-bold cursor-pointer text-hover-primary', "data-inbox": 'bcc-show' }, "Bcc"))),
+                    react_1.default.createElement("div", { className: 'd-none align-items-center border-bottom inbox-to-cc ps-8 pe-5 min-h-45px' },
+                        react_1.default.createElement("div", { className: 'text-gray-600 w-75px' }, "Cc:"),
+                        react_1.default.createElement("div", { className: 'flex-grow-1' },
+                            react_1.default.createElement("input", { type: 'text', className: 'form-control border-0', name: 'compose_cc', value: composeCC, onChange: function (e) { return setComposeCC(e.target.value); } })),
+                        react_1.default.createElement("span", { className: 'btn btn-active-light-primary btn-sm btn-icon', "data-inbox": 'cc-hide' },
+                            react_1.default.createElement("i", { className: 'la la-close ' }))),
+                    react_1.default.createElement("div", { className: 'd-none align-items-center border-bottom inbox-to-bcc ps-8 pe-5 min-h-45px' },
+                        react_1.default.createElement("div", { className: 'text-gray-600 w-75px' }, "Bcc:"),
+                        react_1.default.createElement("div", { className: 'flex-grow-1' },
+                            react_1.default.createElement("input", { type: 'text', className: 'form-control border-0', name: 'compose_bcc', value: composeBCC, onChange: function (e) { return setComposeBCC(e.target.value); } })),
+                        react_1.default.createElement("span", { className: 'btn btn-active-light-primary btn-sm btn-icon', "data-inbox": 'bcc-hide' },
+                            react_1.default.createElement("i", { className: 'la la-close ' }))),
+                    react_1.default.createElement("div", { className: 'border-bottom' },
+                        react_1.default.createElement("input", { className: 'form-control border-0 px-8 min-h-45px', name: 'compose_subject', placeholder: 'Subject', value: subject, onChange: function (e) { return setSubject(e.target.value); } })),
+                    react_1.default.createElement("div", { id: 'kt_inbox_compose_editor', className: 'border-0 h-125px h-lg-250px' }),
+                    react_1.default.createElement("div", { className: 'dropzone dropzone-multi px-8 py-4', id: 'kt_inbox_compose_attachments' },
+                        react_1.default.createElement("div", { className: 'dropzone-items' },
+                            react_1.default.createElement("div", { className: 'dropzone-item', style: { display: 'none' } },
+                                react_1.default.createElement("div", { className: 'dropzone-file' },
+                                    react_1.default.createElement("div", { className: 'dropzone-filename', title: 'some_image_file_name.jpg' },
+                                        react_1.default.createElement("span", { "data-dz-name": true }, "some_image_file_name.jpg"),
+                                        ' ',
+                                        react_1.default.createElement("strong", null,
+                                            "(",
+                                            react_1.default.createElement("span", { "data-dz-size": true }, "340kb"),
+                                            ")")),
+                                    react_1.default.createElement("div", { className: 'dropzone-error', "data-dz-errormessage": true })),
+                                react_1.default.createElement("div", { className: 'dropzone-progress' },
+                                    react_1.default.createElement("div", { className: 'progress' },
+                                        react_1.default.createElement("div", { className: 'progress-bar bg-primary', role: 'progressbar', "aria-valuemin": 0, "aria-valuemax": 100, "aria-valuenow": 0, "data-dz-uploadprogress": true }))),
+                                react_1.default.createElement("div", { className: 'dropzone-toolbar' },
+                                    react_1.default.createElement("span", { className: 'dropzone-delete', "data-dz-remove": true },
+                                        react_1.default.createElement("span", { className: 'btn btn-icon btn-sm btn-active-light-primary ms-2', "data-bs-dismiss": 'modal' },
+                                            react_1.default.createElement(helpers_1.KTIcon, { className: 'fs-1', iconName: 'cross' })))))))),
+                react_1.default.createElement("div", { className: 'd-flex align-items-center justify-content-between py-5 ps-8 pe-5 border-top' },
+                    react_1.default.createElement("div", { className: 'd-flex align-items-center me-3' },
+                        react_1.default.createElement("button", { className: 'btn btn-primary me-4 px-6' }, "Send"),
+                        react_1.default.createElement("a", { href: '#', className: 'btn btn-icon btn-active-light-primary me-2', id: 'kt_inbox_compose_attachments_select' },
+                            react_1.default.createElement(helpers_1.KTIcon, { className: 'fs-1', iconName: 'cloud-add' })),
+                        react_1.default.createElement("a", { href: '#', className: 'btn btn-icon btn-active-light-primary' },
+                            react_1.default.createElement(helpers_1.KTIcon, { className: 'fs-1', iconName: 'geolocation' }))),
+                    react_1.default.createElement("div", { className: 'd-flex align-items-center' },
+                        react_1.default.createElement("button", { className: 'btn btn-icon btn-active-light-primary me-2', "data-bs-toggle": 'tooltip', title: 'More actions' },
+                            react_1.default.createElement(helpers_1.KTIcon, { className: 'fs-1', iconName: 'setting-2' }))))))));
+};
+exports.InboxCompose = InboxCompose;

package/dist/partials/layout/RightToolbar.d.ts

@@ -0,0 +1,3 @@
+import { FC } from 'react';
+declare const RightToolbar: FC;
+export { RightToolbar };

package/dist/partials/layout/RightToolbar.js

@@ -0,0 +1,18 @@
+"use strict";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.RightToolbar = void 0;
+var react_1 = __importDefault(require("react"));
+var ToggleHelpDrawer_1 = require("./help-drawer/ToggleHelpDrawer");
+var HelpDrawer_1 = require("./help-drawer/HelpDrawer");
+var PurchaseButton_1 = require("./purchase/PurchaseButton");
+var RightToolbar = function () {
+    return (react_1.default.createElement(react_1.default.Fragment, null,
+        react_1.default.createElement("div", { className: 'engage-toolbar d-flex position-fixed px-5 fw-bolder zindex-2 top-50 end-0 transform-90 mt-20 gap-2' },
+            react_1.default.createElement(ToggleHelpDrawer_1.ToggleHelpDrawer, null),
+            react_1.default.createElement(PurchaseButton_1.PurchaseButton, null)),
+        react_1.default.createElement(HelpDrawer_1.HelpDrawer, null)));
+};
+exports.RightToolbar = RightToolbar;

package/dist/partials/layout/SearchModal.d.ts

@@ -0,0 +1,7 @@
+import { FC } from 'react';
+type Props = {
+    show: boolean;
+    handleClose: () => void;
+};
+declare const SearchModal: FC<Props>;
+export { SearchModal };

package/dist/partials/layout/SearchModal.js

@@ -0,0 +1,62 @@
+"use strict";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.SearchModal = void 0;
+var react_1 = __importDefault(require("react"));
+var react_bootstrap_1 = require("react-bootstrap");
+var helpers_1 = require("../../helpers");
+var SearchModal = function (_a) {
+    var show = _a.show, handleClose = _a.handleClose;
+    return (react_1.default.createElement(react_bootstrap_1.Modal, { className: 'bg-body', id: 'kt_header_search_modal', "aria-hidden": 'true', dialogClassName: 'modal-fullscreen h-auto', show: show },
+        react_1.default.createElement("div", { className: 'modal-content shadow-none' },
+            react_1.default.createElement("div", { className: 'container-xxl w-lg-800px' },
+                react_1.default.createElement("div", { className: 'modal-header d-flex justify-content-end border-0' },
+                    react_1.default.createElement("div", { className: 'btn btn-icon btn-sm btn-light-primary ms-2', onClick: handleClose },
+                        react_1.default.createElement(helpers_1.KTIcon, { className: 'fs-2', iconName: 'cross' }))),
+                react_1.default.createElement("div", { className: 'modal-body' },
+                    react_1.default.createElement("form", { className: 'pb-10' },
+                        react_1.default.createElement("input", { autoFocus: true, type: 'text', className: 'form-control bg-transparent border-0 fs-4x text-center fw-normal', name: 'query', placeholder: 'Search...' })),
+                    react_1.default.createElement("div", { className: 'py-10' },
+                        react_1.default.createElement("h3", { className: 'fw-bolder mb-8' }, "Shop Goods"),
+                        react_1.default.createElement("div", { className: 'row g-5' },
+                            react_1.default.createElement("div", { className: 'col-sm-6' },
+                                react_1.default.createElement("div", { className: 'row g-5' },
+                                    react_1.default.createElement("div", { className: 'col-sm-6' },
+                                        react_1.default.createElement("div", { className: 'card card-custom overlay min-h-125px mb-5 shadow-none' },
+                                            react_1.default.createElement("div", { className: 'card-body d-flex flex-column p-0' },
+                                                react_1.default.createElement("div", { className: 'overlay-wrapper flex-grow-1 bgi-no-repeat bgi-size-cover bgi-position-center card-rounded', style: {
+                                                        backgroundImage: "url('".concat((0, helpers_1.toAbsoluteUrl)('media/stock/600x400/img-17.jpg'), "')"),
+                                                    } }),
+                                                react_1.default.createElement("div", { className: 'overlay-layer bg-body bg-opacity-50' },
+                                                    react_1.default.createElement("a", { href: '#', className: 'btn btn-sm fw-bold btn-primary' }, "Explore")))),
+                                        react_1.default.createElement("div", { className: 'card card-custom overlay min-h-125px mb-5 shadow-none' },
+                                            react_1.default.createElement("div", { className: 'card-body d-flex flex-column p-0' },
+                                                react_1.default.createElement("div", { className: 'overlay-wrapper flex-grow-1 bgi-no-repeat bgi-size-cover bgi-position-center card-rounded', style: {
+                                                        backgroundImage: "url('".concat((0, helpers_1.toAbsoluteUrl)('media/stock/600x400/img-1.jpg'), "')"),
+                                                    } }),
+                                                react_1.default.createElement("div", { className: 'overlay-layer bg-body bg-opacity-50' },
+                                                    react_1.default.createElement("a", { href: '#', className: 'btn btn-sm fw-bold btn-primary' }, "Explore"))))),
+                                    react_1.default.createElement("div", { className: 'col-sm-6' },
+                                        react_1.default.createElement("div", { className: 'card card-custom card-stretch overlay mb-5 shadow-none min-h-250px' },
+                                            react_1.default.createElement("div", { className: 'card-body d-flex flex-column p-0' },
+                                                react_1.default.createElement("div", { className: 'overlay-wrapper flex-grow-1 bgi-no-repeat bgi-size-cover bgi-position-center card-rounded', style: {
+                                                        backgroundImage: "url('".concat((0, helpers_1.toAbsoluteUrl)('media/stock/600x400/img-23.jpg'), "')"),
+                                                    } }),
+                                                react_1.default.createElement("div", { className: 'overlay-layer bg-body bg-opacity-50' },
+                                                    react_1.default.createElement("a", { href: '#', className: 'btn btn-sm fw-bold btn-primary' }, "Explore"))))))),
+                            react_1.default.createElement("div", { className: 'col-sm-6' },
+                                react_1.default.createElement("div", { className: 'card card-custom card-stretch overlay mb-5 shadow-none min-h-250px' },
+                                    react_1.default.createElement("div", { className: 'card-body d-flex flex-column p-0' },
+                                        react_1.default.createElement("div", { className: 'overlay-wrapper flex-grow-1 bgi-no-repeat bgi-size-cover bgi-position-center card-rounded', style: {
+                                                backgroundImage: "url('".concat((0, helpers_1.toAbsoluteUrl)('media/stock/600x400/img-11.jpg'), "')"),
+                                            } }),
+                                        react_1.default.createElement("div", { className: 'overlay-layer bg-body bg-opacity-50' },
+                                            react_1.default.createElement("a", { href: '#', className: 'btn btn-sm fw-bold btn-primary' }, "Explore"))))))),
+                    react_1.default.createElement("div", null,
+                        react_1.default.createElement("h3", { className: 'text-gray-900 fw-bolder fs-1 mb-6' }, "Framework Users")),
+                    react_1.default.createElement("div", { className: 'pb-10' },
+                        react_1.default.createElement("h3", { className: 'text-gray-900 fw-bolder fs-1 mb-6' }, "Tutorials")))))));
+};
+exports.SearchModal = SearchModal;

package/dist/partials/layout/activity-drawer/ActivityDrawer.d.ts

@@ -0,0 +1,3 @@
+import { FC } from 'react';
+declare const ActivityDrawer: FC;
+export { ActivityDrawer };

package/dist/partials/layout/activity-drawer/ActivityDrawer.js

@@ -0,0 +1,40 @@
+"use strict";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.ActivityDrawer = void 0;
+var react_1 = __importDefault(require("react"));
+var react_router_dom_1 = require("react-router-dom");
+var helpers_1 = require("../../../helpers");
+var Item1_1 = require("../../content/activity/Item1");
+var Item2_1 = require("../../content/activity/Item2");
+var Item3_1 = require("../../content/activity/Item3");
+var Item4_1 = require("../../content/activity/Item4");
+var Item5_1 = require("../../content/activity/Item5");
+var Item6_1 = require("../../content/activity/Item6");
+var Item7_1 = require("../../content/activity/Item7");
+var Item8_1 = require("../../content/activity/Item8");
+var ActivityDrawer = function () { return (react_1.default.createElement("div", { id: 'kt_activities', className: 'bg-body', "data-kt-drawer": 'true', "data-kt-drawer-name": 'activities', "data-kt-drawer-activate": 'true', "data-kt-drawer-overlay": 'true', "data-kt-drawer-width": "{default:'300px', 'lg': '900px'}", "data-kt-drawer-direction": 'end', "data-kt-drawer-toggle": '#kt_activities_toggle', "data-kt-drawer-close": '#kt_activities_close' },
+    react_1.default.createElement("div", { className: 'card shadow-none rounded-0' },
+        react_1.default.createElement("div", { className: 'card-header', id: 'kt_activities_header' },
+            react_1.default.createElement("h3", { className: 'card-title fw-bolder text-gray-900' }, "Activity Logs"),
+            react_1.default.createElement("div", { className: 'card-toolbar' },
+                react_1.default.createElement("button", { type: 'button', className: 'btn btn-sm btn-icon btn-active-light-primary me-n5', id: 'kt_activities_close' },
+                    react_1.default.createElement(helpers_1.KTIcon, { iconName: 'cross', className: 'fs-1' })))),
+        react_1.default.createElement("div", { className: 'card-body position-relative', id: 'kt_activities_body' },
+            react_1.default.createElement("div", { id: 'kt_activities_scroll', className: 'position-relative scroll-y me-n5 pe-5', "data-kt-scroll": 'true', "data-kt-scroll-height": 'auto', "data-kt-scroll-wrappers": '#kt_activities_body', "data-kt-scroll-dependencies": '#kt_activities_header, #kt_activities_footer', "data-kt-scroll-offset": '5px' },
+                react_1.default.createElement("div", { className: 'timeline' },
+                    react_1.default.createElement(Item1_1.Item1, null),
+                    react_1.default.createElement(Item2_1.Item2, null),
+                    react_1.default.createElement(Item3_1.Item3, null),
+                    react_1.default.createElement(Item4_1.Item4, null),
+                    react_1.default.createElement(Item5_1.Item5, null),
+                    react_1.default.createElement(Item6_1.Item6, null),
+                    react_1.default.createElement(Item7_1.Item7, null),
+                    react_1.default.createElement(Item8_1.Item8, null)))),
+        react_1.default.createElement("div", { className: 'card-footer py-5 text-center', id: 'kt_activities_footer' },
+            react_1.default.createElement(react_router_dom_1.Link, { to: '/crafted/pages/profile', className: 'btn btn-bg-body text-primary' },
+                "View All Activities",
+                react_1.default.createElement(helpers_1.KTIcon, { iconName: 'arrow-right', className: 'fs-3 text-primary' })))))); };
+exports.ActivityDrawer = ActivityDrawer;

package/dist/partials/layout/create-app/CreateApp.d.ts

@@ -0,0 +1,3 @@
+import { FC } from 'react';
+declare const CreateApp: FC;
+export { CreateApp };

package/dist/partials/layout/create-app/CreateApp.js

@@ -0,0 +1,11 @@
+"use strict";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.CreateApp = void 0;
+var react_1 = __importDefault(require("react"));
+var CreateApp = function () {
+    return react_1.default.createElement(react_1.default.Fragment, null);
+};
+exports.CreateApp = CreateApp;

package/dist/partials/layout/drawer-messenger/DrawerMessenger.d.ts

@@ -0,0 +1,3 @@
+import { FC } from 'react';
+declare const DrawerMessenger: FC;
+export { DrawerMessenger };

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

@@ -0,0 +1,26 @@
+"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;

package/dist/partials/layout/header-menus/HeaderNotificationsMenu.d.ts

@@ -0,0 +1,3 @@
+import { FC } from 'react';
+declare const HeaderNotificationsMenu: FC;
+export { HeaderNotificationsMenu };

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

@@ -0,0 +1,58 @@
+"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' },
+            "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_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' },
+                    "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' },
+                    "View All ",
+                    react_1.default.createElement(helpers_1.KTIcon, { iconName: 'arrow-right', className: 'fs-5' }))))))); };
+exports.HeaderNotificationsMenu = HeaderNotificationsMenu;

package/dist/partials/layout/header-menus/HeaderUserMenu.d.ts

@@ -0,0 +1,3 @@
+import { FC } from 'react';
+declare const HeaderUserMenu: FC;
+export { HeaderUserMenu };

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

@@ -0,0 +1,58 @@
+"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' },
+                        "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' })));
+};
+exports.HeaderUserMenu = HeaderUserMenu;

package/dist/partials/layout/header-menus/Languages.d.ts

@@ -0,0 +1,3 @@
+import { FC } from 'react';
+declare const Languages: FC;
+export { Languages };

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

@@ -0,0 +1,62 @@
+"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 = [
+    {
+        lang: 'en',
+        name: 'English',
+        flag: (0, helpers_1.toAbsoluteUrl)('media/flags/united-states.svg'),
+    },
+    {
+        lang: 'zh',
+        name: 'Mandarin',
+        flag: (0, helpers_1.toAbsoluteUrl)('media/flags/china.svg'),
+    },
+    {
+        lang: 'es',
+        name: 'Spanish',
+        flag: (0, helpers_1.toAbsoluteUrl)('media/flags/spain.svg'),
+    },
+    {
+        lang: 'ja',
+        name: 'Japanese',
+        flag: (0, helpers_1.toAbsoluteUrl)('media/flags/japan.svg'),
+    },
+    {
+        lang: 'de',
+        name: 'German',
+        flag: (0, helpers_1.toAbsoluteUrl)('media/flags/germany.svg'),
+    },
+    {
+        lang: 'fr',
+        name: 'French',
+        flag: (0, helpers_1.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' },
+                "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_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_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))); }))));
+};
+exports.Languages = Languages;

package/dist/partials/layout/help-drawer/HelpDrawer.d.ts

@@ -0,0 +1,3 @@
+import React from 'react';
+declare const HelpDrawer: () => React.JSX.Element;
+export { HelpDrawer };

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

@@ -0,0 +1,62 @@
+"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' },
+                            "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' }))))))));
+};
+exports.HelpDrawer = HelpDrawer;

package/dist/partials/layout/help-drawer/ToggleHelpDrawer.d.ts

@@ -0,0 +1,3 @@
+import { FC } from 'react';
+declare const ToggleHelpDrawer: FC;
+export { ToggleHelpDrawer };

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

@@ -0,0 +1,9 @@
+"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;

package/dist/partials/layout/purchase/PurchaseButton.d.ts

@@ -0,0 +1,3 @@
+import { FC } from 'react';
+declare const PurchaseButton: FC;
+export { PurchaseButton };