@soyfri/template 1.0.0

package/dist/partials/chat/ChatInner.js

@@ -0,0 +1,114 @@
+"use strict";
+var __assign = (this && this.__assign) || function () {
+    __assign = Object.assign || function(t) {
+        for (var s, i = 1, n = arguments.length; i < n; i++) {
+            s = arguments[i];
+            for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
+                t[p] = s[p];
+        }
+        return t;
+    };
+    return __assign.apply(this, arguments);
+};
+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;
+};
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.ChatInner = void 0;
+var react_1 = __importStar(require("react"));
+var clsx_1 = __importDefault(require("clsx"));
+var helpers_1 = require("../../helpers");
+var bufferMessages = helpers_1.defaultMessages;
+var ChatInner = function (_a) {
+    var _b = _a.isDrawer, isDrawer = _b === void 0 ? false : _b;
+    var _c = (0, react_1.useState)(false), chatUpdateFlag = _c[0], toggleChatUpdateFlat = _c[1];
+    var _d = (0, react_1.useState)(''), message = _d[0], setMessage = _d[1];
+    var _e = (0, react_1.useState)(bufferMessages), messages = _e[0], setMessages = _e[1];
+    var userInfos = (0, react_1.useState)(helpers_1.defaultUserInfos)[0];
+    var sendMessage = function () {
+        var newMessage = {
+            user: 2,
+            type: 'out',
+            text: message,
+            time: 'Just now',
+        };
+        bufferMessages.push(newMessage);
+        setMessages(bufferMessages);
+        toggleChatUpdateFlat(!chatUpdateFlag);
+        setMessage('');
+        setTimeout(function () {
+            bufferMessages.push(helpers_1.messageFromClient);
+            setMessages(function () { return bufferMessages; });
+            toggleChatUpdateFlat(function (flag) { return !flag; });
+        }, 1000);
+    };
+    var onEnterPress = function (e) {
+        if (e.keyCode === 13 && e.shiftKey === false) {
+            e.preventDefault();
+            sendMessage();
+        }
+    };
+    return (react_1.default.createElement("div", { className: 'card-body', id: isDrawer ? 'kt_drawer_chat_messenger_body' : 'kt_chat_messenger_body' },
+        react_1.default.createElement("div", { className: (0, clsx_1.default)('scroll-y me-n5 pe-5', { 'h-300px h-lg-auto': !isDrawer }), "data-kt-element": 'messages', "data-kt-scroll": 'true', "data-kt-scroll-activate": '{default: false, lg: true}', "data-kt-scroll-max-height": 'auto', "data-kt-scroll-dependencies": isDrawer
+                ? '#kt_drawer_chat_messenger_header, #kt_drawer_chat_messenger_footer'
+                : '#kt_header, #kt_app_header, #kt_app_toolbar, #kt_toolbar, #kt_footer, #kt_app_footer, #kt_chat_messenger_header, #kt_chat_messenger_footer', "data-kt-scroll-wrappers": isDrawer
+                ? '#kt_drawer_chat_messenger_body'
+                : '#kt_content, #kt_app_content, #kt_chat_messenger_body', "data-kt-scroll-offset": isDrawer ? '0px' : '5px' }, messages.map(function (message, index) {
+            var userInfo = userInfos[message.user];
+            var state = message.type === 'in' ? 'info' : 'primary';
+            var templateAttr = {};
+            if (message.template) {
+                Object.defineProperty(templateAttr, 'data-kt-element', {
+                    value: "template-".concat(message.type),
+                });
+            }
+            var contentClass = "".concat(isDrawer ? '' : 'd-flex', " justify-content-").concat(message.type === 'in' ? 'start' : 'end', " mb-10");
+            return (react_1.default.createElement("div", __assign({ key: "message".concat(index), className: (0, clsx_1.default)('d-flex', contentClass, 'mb-10', { 'd-none': message.template }) }, templateAttr),
+                react_1.default.createElement("div", { className: (0, clsx_1.default)('d-flex flex-column align-items', "align-items-".concat(message.type === 'in' ? 'start' : 'end')) },
+                    react_1.default.createElement("div", { className: 'd-flex align-items-center mb-2' }, message.type === 'in' ? (react_1.default.createElement(react_1.default.Fragment, null,
+                        react_1.default.createElement("div", { className: 'symbol  symbol-35px symbol-circle ' },
+                            react_1.default.createElement("img", { alt: 'Pic', src: (0, helpers_1.toAbsoluteUrl)("media/".concat(userInfo.avatar)) })),
+                        react_1.default.createElement("div", { className: 'ms-3' },
+                            react_1.default.createElement("a", { href: '#', className: 'fs-5 fw-bolder text-gray-900 text-hover-primary me-1' }, userInfo.name),
+                            react_1.default.createElement("span", { className: 'text-muted fs-7 mb-1' }, message.time)))) : (react_1.default.createElement(react_1.default.Fragment, null,
+                        react_1.default.createElement("div", { className: 'me-3' },
+                            react_1.default.createElement("span", { className: 'text-muted fs-7 mb-1' }, message.time),
+                            react_1.default.createElement("a", { href: '#', className: 'fs-5 fw-bolder text-gray-900 text-hover-primary ms-1' }, "You")),
+                        react_1.default.createElement("div", { className: 'symbol  symbol-35px symbol-circle ' },
+                            react_1.default.createElement("img", { alt: 'Pic', src: (0, helpers_1.toAbsoluteUrl)("media/".concat(userInfo.avatar)) }))))),
+                    react_1.default.createElement("div", { className: (0, clsx_1.default)('p-5 rounded', "bg-light-".concat(state), 'text-gray-900 fw-bold mw-lg-400px', "text-".concat(message.type === 'in' ? 'start' : 'end')), "data-kt-element": 'message-text', dangerouslySetInnerHTML: { __html: message.text } }))));
+        })),
+        react_1.default.createElement("div", { className: 'card-footer pt-4', id: isDrawer ? 'kt_drawer_chat_messenger_footer' : 'kt_chat_messenger_footer' },
+            react_1.default.createElement("textarea", { className: 'form-control form-control-flush mb-3', rows: 1, "data-kt-element": 'input', placeholder: 'Type a message', value: message, onChange: function (e) { return setMessage(e.target.value); }, onKeyDown: onEnterPress }),
+            react_1.default.createElement("div", { className: 'd-flex flex-stack' },
+                react_1.default.createElement("div", { className: 'd-flex align-items-center me-2' },
+                    react_1.default.createElement("button", { className: 'btn btn-sm btn-icon btn-active-light-primary me-1', type: 'button', "data-bs-toggle": 'tooltip', title: 'Coming soon' },
+                        react_1.default.createElement("i", { className: 'bi bi-paperclip fs-3' })),
+                    react_1.default.createElement("button", { className: 'btn btn-sm btn-icon btn-active-light-primary me-1', type: 'button', "data-bs-toggle": 'tooltip', title: 'Coming soon' },
+                        react_1.default.createElement("i", { className: 'bi bi-upload fs-3' }))),
+                react_1.default.createElement("button", { className: 'btn btn-primary', type: 'button', "data-kt-element": 'send', onClick: sendMessage }, "Send")))));
+};
+exports.ChatInner = ChatInner;

package/dist/partials/content/activity/Item1.d.ts

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

package/dist/partials/content/activity/Item1.js

@@ -0,0 +1,50 @@
+"use strict";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.Item1 = void 0;
+var react_1 = __importDefault(require("react"));
+var helpers_1 = require("../../../helpers");
+var Item1 = function () {
+    return (react_1.default.createElement("div", { className: 'timeline-item' },
+        react_1.default.createElement("div", { className: 'timeline-line w-40px' }),
+        react_1.default.createElement("div", { className: 'timeline-icon symbol symbol-circle symbol-40px me-4' },
+            react_1.default.createElement("div", { className: 'symbol-label bg-light' },
+                react_1.default.createElement(helpers_1.KTIcon, { iconName: 'message-text-2', className: 'fs-2 text-gray-500' }))),
+        react_1.default.createElement("div", { className: 'timeline-content mb-10 mt-n1' },
+            react_1.default.createElement("div", { className: 'pe-3 mb-5' },
+                react_1.default.createElement("div", { className: 'fs-5 fw-bold mb-2' }, "There are 2 new tasks for you in \u201CAirPlus Mobile APp\u201D project:"),
+                react_1.default.createElement("div", { className: 'd-flex align-items-center mt-1 fs-6' },
+                    react_1.default.createElement("div", { className: 'text-muted me-2 fs-7' }, "Added at 4:23 PM by"),
+                    react_1.default.createElement("div", { className: 'symbol symbol-circle symbol-25px', "data-bs-toggle": 'tooltip', "data-bs-boundary": 'window', "data-bs-placement": 'top', title: 'Nina Nilson' },
+                        react_1.default.createElement("img", { src: (0, helpers_1.toAbsoluteUrl)('media/avatars/300-14.jpg'), alt: 'img' })))),
+            react_1.default.createElement("div", { className: 'overflow-auto pb-5' },
+                react_1.default.createElement("div", { className: 'd-flex align-items-center border border-dashed border-gray-300 rounded min-w-750px px-7 py-3 mb-5' },
+                    react_1.default.createElement("a", { href: '#', className: 'fs-5 text-gray-900 text-hover-primary fw-bold w-375px min-w-200px' }, "Meeting with customer"),
+                    react_1.default.createElement("div", { className: 'min-w-175px pe-2' },
+                        react_1.default.createElement("span", { className: 'badge badge-light text-muted' }, "Application Design")),
+                    react_1.default.createElement("div", { className: 'symbol-group symbol-hover flex-nowrap flex-grow-1 min-w-100px pe-2' },
+                        react_1.default.createElement("div", { className: 'symbol symbol-circle symbol-25px' },
+                            react_1.default.createElement("img", { src: (0, helpers_1.toAbsoluteUrl)('media/avatars/300-2.jpg'), alt: 'img' })),
+                        react_1.default.createElement("div", { className: 'symbol symbol-circle symbol-25px' },
+                            react_1.default.createElement("img", { src: (0, helpers_1.toAbsoluteUrl)('media/avatars/300-14.jpg'), alt: 'img' })),
+                        react_1.default.createElement("div", { className: 'symbol symbol-circle symbol-25px' },
+                            react_1.default.createElement("div", { className: 'symbol-label fs-8 fw-bold bg-primary text-inverse-primary' }, "A"))),
+                    react_1.default.createElement("div", { className: 'min-w-125px pe-2' },
+                        react_1.default.createElement("span", { className: 'badge badge-light-primary' }, "In Progress")),
+                    react_1.default.createElement("a", { href: '#', className: 'btn btn-sm btn-light btn-active-light-primary' }, "View")),
+                react_1.default.createElement("div", { className: 'd-flex align-items-center border border-dashed border-gray-300 rounded min-w-750px px-7 py-3 mb-0' },
+                    react_1.default.createElement("a", { href: '#', className: 'fs-5 text-gray-900 text-hover-primary fw-bold w-375px min-w-200px' }, "Project Delivery Preparation"),
+                    react_1.default.createElement("div", { className: 'min-w-175px' },
+                        react_1.default.createElement("span", { className: 'badge badge-light text-muted' }, "CRM System Development")),
+                    react_1.default.createElement("div", { className: 'symbol-group symbol-hover flex-nowrap flex-grow-1 min-w-100px' },
+                        react_1.default.createElement("div", { className: 'symbol symbol-circle symbol-25px' },
+                            react_1.default.createElement("img", { src: (0, helpers_1.toAbsoluteUrl)('media/avatars/300-20.jpg'), alt: 'img' })),
+                        react_1.default.createElement("div", { className: 'symbol symbol-circle symbol-25px' },
+                            react_1.default.createElement("div", { className: 'symbol-label fs-8 fw-bold bg-success text-inverse-primary' }, "B"))),
+                    react_1.default.createElement("div", { className: 'min-w-125px' },
+                        react_1.default.createElement("span", { className: 'badge badge-light-success' }, "Completed")),
+                    react_1.default.createElement("a", { href: '#', className: 'btn btn-sm btn-light btn-active-light-primary' }, "View"))))));
+};
+exports.Item1 = Item1;

package/dist/partials/content/activity/Item2.d.ts

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

package/dist/partials/content/activity/Item2.js

@@ -0,0 +1,23 @@
+"use strict";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.Item2 = void 0;
+var react_1 = __importDefault(require("react"));
+var helpers_1 = require("../../../helpers");
+var Item2 = function () {
+    return (react_1.default.createElement("div", { className: 'timeline-item' },
+        react_1.default.createElement("div", { className: 'timeline-line w-40px' }),
+        react_1.default.createElement("div", { className: 'timeline-icon symbol symbol-circle symbol-40px' },
+            react_1.default.createElement("div", { className: 'symbol-label bg-light' },
+                react_1.default.createElement(helpers_1.KTIcon, { iconName: 'pointers', className: 'fs-2 text-gray-500' }))),
+        react_1.default.createElement("div", { className: 'timeline-content mb-10 mt-n2' },
+            react_1.default.createElement("div", { className: 'overflow-auto pe-3' },
+                react_1.default.createElement("div", { className: 'fs-5 fw-bold mb-2' }, "Invitation for crafting engaging designs that speak human workshop"),
+                react_1.default.createElement("div", { className: 'd-flex align-items-center mt-1 fs-6' },
+                    react_1.default.createElement("div", { className: 'text-muted me-2 fs-7' }, "Sent at 4:23 PM by"),
+                    react_1.default.createElement("div", { className: 'symbol symbol-circle symbol-25px', "data-bs-toggle": 'tooltip', "data-bs-boundary": 'window', "data-bs-placement": 'top', title: 'Alan Nilson' },
+                        react_1.default.createElement("img", { src: (0, helpers_1.toAbsoluteUrl)('media/avatars/300-1.jpg'), alt: 'img' })))))));
+};
+exports.Item2 = Item2;

package/dist/partials/content/activity/Item3.d.ts

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

package/dist/partials/content/activity/Item3.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.Item3 = void 0;
+var react_1 = __importDefault(require("react"));
+var helpers_1 = require("../../../helpers");
+var Item3 = function () {
+    return (react_1.default.createElement("div", { className: 'timeline-item' },
+        react_1.default.createElement("div", { className: 'timeline-line w-40px' }),
+        react_1.default.createElement("div", { className: 'timeline-icon symbol symbol-circle symbol-40px' },
+            react_1.default.createElement("div", { className: 'symbol-label bg-light' },
+                react_1.default.createElement(helpers_1.KTIcon, { iconName: 'disconnect', className: 'fs-2 text-gray-500' }))),
+        react_1.default.createElement("div", { className: 'timeline-content mb-10 mt-n1' },
+            react_1.default.createElement("div", { className: 'mb-5 pe-3' },
+                react_1.default.createElement("a", { href: '#', className: 'fs-5 fw-bold text-gray-800 text-hover-primary mb-2' }, "3 New Incoming Project Files:"),
+                react_1.default.createElement("div", { className: 'd-flex align-items-center mt-1 fs-6' },
+                    react_1.default.createElement("div", { className: 'text-muted me-2 fs-7' }, "Sent at 10:30 PM by"),
+                    react_1.default.createElement("div", { className: 'symbol symbol-circle symbol-25px', "data-bs-toggle": 'tooltip', "data-bs-boundary": 'window', "data-bs-placement": 'top', title: 'Jan Hummer' },
+                        react_1.default.createElement("img", { src: (0, helpers_1.toAbsoluteUrl)('media/avatars/300-23.jpg'), alt: 'img' })))),
+            react_1.default.createElement("div", { className: 'overflow-auto pb-5' },
+                react_1.default.createElement("div", { className: 'd-flex align-items-center border border-dashed border-gray-300 rounded min-w-700px p-5' },
+                    react_1.default.createElement("div", { className: 'd-flex flex-aligns-center pe-10 pe-lg-20' },
+                        react_1.default.createElement("img", { alt: '', className: 'w-30px me-3', src: (0, helpers_1.toAbsoluteUrl)('media/svg/files/pdf.svg') }),
+                        react_1.default.createElement("div", { className: 'ms-1 fw-bold' },
+                            react_1.default.createElement("a", { href: '#', className: 'fs-6 text-hover-primary fw-bolder' }, "Finance KPI App Guidelines"),
+                            react_1.default.createElement("div", { className: 'text-gray-500' }, "1.9mb"))),
+                    react_1.default.createElement("div", { className: 'd-flex flex-aligns-center pe-10 pe-lg-20' },
+                        react_1.default.createElement("img", { alt: '', className: 'w-30px me-3', src: (0, helpers_1.toAbsoluteUrl)('media/svg/files/doc.svg') }),
+                        react_1.default.createElement("div", { className: 'ms-1 fw-bold' },
+                            react_1.default.createElement("a", { href: '#', className: 'fs-6 text-hover-primary fw-bolder' }, "Client UAT Testing Results"),
+                            react_1.default.createElement("div", { className: 'text-gray-500' }, "18kb"))),
+                    react_1.default.createElement("div", { className: 'd-flex flex-aligns-center' },
+                        react_1.default.createElement("img", { alt: '', className: 'w-30px me-3', src: (0, helpers_1.toAbsoluteUrl)('media/svg/files/css.svg') }),
+                        react_1.default.createElement("div", { className: 'ms-1 fw-bold' },
+                            react_1.default.createElement("a", { href: '#', className: 'fs-6 text-hover-primary fw-bolder' }, "Finance Reports"),
+                            react_1.default.createElement("div", { className: 'text-gray-500' }, "20mb"))))))));
+};
+exports.Item3 = Item3;

package/dist/partials/content/activity/Item4.d.ts

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

package/dist/partials/content/activity/Item4.js

@@ -0,0 +1,31 @@
+"use strict";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.Item4 = void 0;
+var react_1 = __importDefault(require("react"));
+var helpers_1 = require("../../../helpers");
+var Item4 = function () {
+    return (react_1.default.createElement("div", { className: 'timeline-item' },
+        react_1.default.createElement("div", { className: 'timeline-line w-40px' }),
+        react_1.default.createElement("div", { className: 'timeline-icon symbol symbol-circle symbol-40px' },
+            react_1.default.createElement("div", { className: 'symbol-label bg-light' },
+                react_1.default.createElement(helpers_1.KTIcon, { iconName: 'abstract-26', className: 'fs-2 text-gray-500' }))),
+        react_1.default.createElement("div", { className: 'timeline-content mb-10 mt-n1' },
+            react_1.default.createElement("div", { className: 'pe-3 mb-5' },
+                react_1.default.createElement("div", { className: 'fs-5 fw-bold mb-2' },
+                    "Task",
+                    ' ',
+                    react_1.default.createElement("a", { href: '#', className: 'text-primary fw-bolder me-1' }, "#45890"),
+                    "merged with",
+                    ' ',
+                    react_1.default.createElement("a", { href: '#', className: 'text-primary fw-bolder me-1' }, "#45890"),
+                    ' ',
+                    "in \u201CAds Pro Admin Dashboard project:"),
+                react_1.default.createElement("div", { className: 'd-flex align-items-center mt-1 fs-6' },
+                    react_1.default.createElement("div", { className: 'text-muted me-2 fs-7' }, "Initiated at 4:23 PM by"),
+                    react_1.default.createElement("div", { className: 'symbol symbol-circle symbol-25px', "data-bs-toggle": 'tooltip', "data-bs-boundary": 'window', "data-bs-placement": 'top', title: 'Nina Nilson' },
+                        react_1.default.createElement("img", { src: (0, helpers_1.toAbsoluteUrl)('media/avatars/300-14.jpg'), alt: 'img' })))))));
+};
+exports.Item4 = Item4;

package/dist/partials/content/activity/Item5.d.ts

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

package/dist/partials/content/activity/Item5.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.Item5 = void 0;
+var react_1 = __importDefault(require("react"));
+var helpers_1 = require("../../../helpers");
+var Item5 = function () {
+    return (react_1.default.createElement("div", { className: 'timeline-item' },
+        react_1.default.createElement("div", { className: 'timeline-line w-40px' }),
+        react_1.default.createElement("div", { className: 'timeline-icon symbol symbol-circle symbol-40px' },
+            react_1.default.createElement("div", { className: 'symbol-label bg-light' },
+                react_1.default.createElement(helpers_1.KTIcon, { iconName: 'pencil', className: 'fs-2 text-gray-500' }))),
+        react_1.default.createElement("div", { className: 'timeline-content mb-10 mt-n1' },
+            react_1.default.createElement("div", { className: 'pe-3 mb-5' },
+                react_1.default.createElement("div", { className: 'fs-5 fw-bold mb-2' }, "3 new application design concepts added:"),
+                react_1.default.createElement("div", { className: 'd-flex align-items-center mt-1 fs-6' },
+                    react_1.default.createElement("div", { className: 'text-muted me-2 fs-7' }, "Created at 4:23 PM by"),
+                    react_1.default.createElement("div", { className: 'symbol symbol-circle symbol-25px', "data-bs-toggle": 'tooltip', "data-bs-boundary": 'window', "data-bs-placement": 'top', title: 'Marcus Dotson' },
+                        react_1.default.createElement("img", { src: (0, helpers_1.toAbsoluteUrl)('media/avatars/300-2.jpg'), alt: 'img' })))),
+            react_1.default.createElement("div", { className: 'overflow-auto pb-5' },
+                react_1.default.createElement("div", { className: 'd-flex align-items-center border border-dashed border-gray-300 rounded min-w-700px p-7' },
+                    react_1.default.createElement("div", { className: 'overlay me-10' },
+                        react_1.default.createElement("div", { className: 'overlay-wrapper' },
+                            react_1.default.createElement("img", { alt: 'img', className: 'rounded w-200px', src: (0, helpers_1.toAbsoluteUrl)('media/stock/600x400/img-29.jpg') })),
+                        react_1.default.createElement("div", { className: 'overlay-layer bg-dark bg-opacity-10 rounded' },
+                            react_1.default.createElement("a", { href: '#', className: 'btn btn-sm btn-primary btn-shadow' }, "Explore"))),
+                    react_1.default.createElement("div", { className: 'overlay me-10' },
+                        react_1.default.createElement("div", { className: 'overlay-wrapper' },
+                            react_1.default.createElement("img", { alt: 'img', className: 'rounded w-200px', src: (0, helpers_1.toAbsoluteUrl)('media/stock/600x400/img-31.jpg') })),
+                        react_1.default.createElement("div", { className: 'overlay-layer bg-dark bg-opacity-10 rounded' },
+                            react_1.default.createElement("a", { href: '#', className: 'btn btn-sm btn-primary btn-shadow' }, "Explore"))),
+                    react_1.default.createElement("div", { className: 'overlay' },
+                        react_1.default.createElement("div", { className: 'overlay-wrapper' },
+                            react_1.default.createElement("img", { alt: 'img', className: 'rounded w-200px', src: (0, helpers_1.toAbsoluteUrl)('media/stock/600x400/img-40.jpg') })),
+                        react_1.default.createElement("div", { className: 'overlay-layer bg-dark bg-opacity-10 rounded' },
+                            react_1.default.createElement("a", { href: '#', className: 'btn btn-sm btn-primary btn-shadow' }, "Explore"))))))));
+};
+exports.Item5 = Item5;

package/dist/partials/content/activity/Item6.d.ts

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

package/dist/partials/content/activity/Item6.js

@@ -0,0 +1,27 @@
+"use strict";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.Item6 = void 0;
+var react_1 = __importDefault(require("react"));
+var helpers_1 = require("../../../helpers");
+var Item6 = function () {
+    return (react_1.default.createElement("div", { className: 'timeline-item' },
+        react_1.default.createElement("div", { className: 'timeline-line w-40px' }),
+        react_1.default.createElement("div", { className: 'timeline-icon symbol symbol-circle symbol-40px' },
+            react_1.default.createElement("div", { className: 'symbol-label bg-light' },
+                react_1.default.createElement(helpers_1.KTIcon, { iconName: 'sms', className: 'fs-2 text-gray-500' }))),
+        react_1.default.createElement("div", { className: 'timeline-content mb-10 mt-n1' },
+            react_1.default.createElement("div", { className: 'pe-3 mb-5' },
+                react_1.default.createElement("div", { className: 'fs-5 fw-bold mb-2' },
+                    "New case",
+                    ' ',
+                    react_1.default.createElement("a", { href: '#', className: 'text-primary fw-bolder me-1' }, "#67890"),
+                    "is assigned to you in Multi-platform Database Design project"),
+                react_1.default.createElement("div", { className: 'overflow-auto pb-5' },
+                    react_1.default.createElement("div", { className: 'd-flex align-items-center mt-1 fs-6' },
+                        react_1.default.createElement("div", { className: 'text-muted me-2 fs-7' }, "Added at 4:23 PM by"),
+                        react_1.default.createElement("a", { href: '#', className: 'text-primary fw-bolder me-1' }, "Alice Tan")))))));
+};
+exports.Item6 = Item6;

package/dist/partials/content/activity/Item7.d.ts

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

package/dist/partials/content/activity/Item7.js

@@ -0,0 +1,31 @@
+"use strict";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.Item7 = void 0;
+var react_1 = __importDefault(require("react"));
+var helpers_1 = require("../../../helpers");
+var Item7 = function () {
+    return (react_1.default.createElement("div", { className: 'timeline-item' },
+        react_1.default.createElement("div", { className: 'timeline-line w-40px' }),
+        react_1.default.createElement("div", { className: 'timeline-icon symbol symbol-circle symbol-40px' },
+            react_1.default.createElement("div", { className: 'symbol-label bg-light' },
+                react_1.default.createElement(helpers_1.KTIcon, { iconName: 'pencil', className: 'fs-2 text-gray-500' }))),
+        react_1.default.createElement("div", { className: 'timeline-content mb-10 mt-n1' },
+            react_1.default.createElement("div", { className: 'pe-3 mb-5' },
+                react_1.default.createElement("div", { className: 'fs-5 fw-bold mb-2' }, "You have received a new order:"),
+                react_1.default.createElement("div", { className: 'd-flex align-items-center mt-1 fs-6' },
+                    react_1.default.createElement("div", { className: 'text-muted me-2 fs-7' }, "Placed at 5:05 AM by"),
+                    react_1.default.createElement("div", { className: 'symbol symbol-circle symbol-25px', "data-bs-toggle": 'tooltip', "data-bs-boundary": 'window', "data-bs-placement": 'top', title: 'Robert Rich' },
+                        react_1.default.createElement("img", { src: (0, helpers_1.toAbsoluteUrl)('media/avatars/300-4.jpg'), alt: 'img' })))),
+            react_1.default.createElement("div", { className: 'overflow-auto pb-5' },
+                react_1.default.createElement("div", { className: 'notice d-flex bg-light-primary rounded border-primary border border-dashed min-w-lg-600px flex-shrink-0 p-6' },
+                    react_1.default.createElement(helpers_1.KTIcon, { iconName: 'chart-simple-3coding/cod004.svg', className: 'fs-2tx text-primary me-4' }),
+                    react_1.default.createElement("div", { className: 'd-flex flex-stack flex-grow-1 flex-wrap flex-md-nowrap' },
+                        react_1.default.createElement("div", { className: 'mb-3 mb-md-0 fw-bold' },
+                            react_1.default.createElement("h4", { className: 'text-gray-800 fw-bolder' }, "Database Backup Process Completed!"),
+                            react_1.default.createElement("div", { className: 'fs-6 text-gray-600 pe-7' }, "Login into Metronic Admin Dashboard to make sure the data integrity is OK")),
+                        react_1.default.createElement("a", { href: '#', className: 'btn btn-primary px-6 align-self-center text-nowrap' }, "Proceed")))))));
+};
+exports.Item7 = Item7;

package/dist/partials/content/activity/Item8.d.ts

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

package/dist/partials/content/activity/Item8.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.Item8 = void 0;
+var react_1 = __importDefault(require("react"));
+var helpers_1 = require("../../../helpers");
+var Item8 = function () {
+    return (react_1.default.createElement("div", { className: 'timeline-item' },
+        react_1.default.createElement("div", { className: 'timeline-line w-40px' }),
+        react_1.default.createElement("div", { className: 'timeline-icon symbol symbol-circle symbol-40px' },
+            react_1.default.createElement("div", { className: 'symbol-label bg-light' },
+                react_1.default.createElement(helpers_1.KTIcon, { iconName: 'basket', className: 'fs-2 text-gray-500' }))),
+        react_1.default.createElement("div", { className: 'timeline-content mt-n1' },
+            react_1.default.createElement("div", { className: 'pe-3 mb-5' },
+                react_1.default.createElement("div", { className: 'fs-5 fw-bold mb-2' },
+                    "New order",
+                    ' ',
+                    react_1.default.createElement("a", { href: '#', className: 'text-primary fw-bolder me-1' }, "#67890"),
+                    "is placed for Workshow Planning & Budget Estimation"),
+                react_1.default.createElement("div", { className: 'd-flex align-items-center mt-1 fs-6' },
+                    react_1.default.createElement("div", { className: 'text-muted me-2 fs-7' }, "Placed at 4:23 PM by"),
+                    react_1.default.createElement("a", { href: '#', className: 'text-primary fw-bolder me-1' }, "Jimmy Bold"))))));
+};
+exports.Item8 = Item8;

package/dist/partials/content/activity/index.d.ts

@@ -0,0 +1,8 @@
+export * from './Item1';
+export * from './Item2';
+export * from './Item3';
+export * from './Item4';
+export * from './Item5';
+export * from './Item6';
+export * from './Item7';
+export * from './Item8';

package/dist/partials/content/activity/index.js

@@ -0,0 +1,24 @@
+"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 __exportStar = (this && this.__exportStar) || function(m, exports) {
+    for (var p in m) if (p !== "default" && !Object.prototype.hasOwnProperty.call(exports, p)) __createBinding(exports, m, p);
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+__exportStar(require("./Item1"), exports);
+__exportStar(require("./Item2"), exports);
+__exportStar(require("./Item3"), exports);
+__exportStar(require("./Item4"), exports);
+__exportStar(require("./Item5"), exports);
+__exportStar(require("./Item6"), exports);
+__exportStar(require("./Item7"), exports);
+__exportStar(require("./Item8"), exports);

package/dist/partials/content/cards/Card1.d.ts

@@ -0,0 +1,12 @@
+import { FC } from 'react';
+type Props = {
+    color?: string;
+    avatar?: string;
+    online?: boolean;
+    name: string;
+    job: string;
+    avgEarnings: string;
+    totalEarnings: string;
+};
+declare const Card1: FC<Props>;
+export { Card1 };

package/dist/partials/content/cards/Card1.js

@@ -0,0 +1,28 @@
+"use strict";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.Card1 = void 0;
+var react_1 = __importDefault(require("react"));
+var helpers_1 = require("../../../helpers");
+var Card1 = function (_a) {
+    var _b = _a.color, color = _b === void 0 ? '' : _b, _c = _a.avatar, avatar = _c === void 0 ? '' : _c, _d = _a.online, online = _d === void 0 ? false : _d, name = _a.name, job = _a.job, avgEarnings = _a.avgEarnings, totalEarnings = _a.totalEarnings;
+    return (react_1.default.createElement("div", { className: 'card' },
+        react_1.default.createElement("div", { className: 'card-body d-flex flex-center flex-column p-9' },
+            react_1.default.createElement("div", { className: 'mb-5' },
+                react_1.default.createElement("div", { className: 'symbol symbol-75px symbol-circle' },
+                    color ? (react_1.default.createElement("span", { className: "symbol-label bg-light-".concat(color, " text-").concat(color, " fs-5 fw-bolder") }, name.charAt(0))) : (react_1.default.createElement("img", { alt: 'Pic', src: (0, helpers_1.toAbsoluteUrl)(avatar) })),
+                    online && (react_1.default.createElement("div", { className: 'symbol-badge bg-success start-100 top-100 border-4 h-15px w-15px ms-n3 mt-n3' })))),
+            react_1.default.createElement("a", { href: '#', className: 'fs-4 text-gray-800 text-hover-primary fw-bolder mb-0' }, name),
+            react_1.default.createElement("div", { className: 'fw-bold text-gray-500 mb-6' }, job),
+            react_1.default.createElement("div", { className: 'd-flex flex-center flex-wrap mb-5' },
+                react_1.default.createElement("div", { className: 'border border-gray-300 border-dashed rounded min-w-125px py-3 px-4 mx-3 mb-3' },
+                    react_1.default.createElement("div", { className: 'fs-6 fw-bolder text-gray-700' }, avgEarnings),
+                    react_1.default.createElement("div", { className: 'fw-bold text-gray-500' }, "Avg. Earnings")),
+                react_1.default.createElement("div", { className: 'border border-gray-300 border-dashed rounded min-w-125px py-3 mx-3 px-4 mb-3' },
+                    react_1.default.createElement("div", { className: 'fs-6 fw-bolder text-gray-700' }, totalEarnings),
+                    react_1.default.createElement("div", { className: 'fw-bold text-gray-500' }, "Total Sales"))),
+            react_1.default.createElement("button", { className: 'btn btn-sm btn-light-primary fw-bolder', id: 'kt_drawer_chat_toggle' }, "Send Message"))));
+};
+exports.Card1 = Card1;

package/dist/partials/content/cards/Card2.d.ts

@@ -0,0 +1,14 @@
+import { FC } from 'react';
+type Props = {
+    icon: string;
+    badgeColor: string;
+    status: string;
+    statusColor: string;
+    title: string;
+    description: string;
+    date: string;
+    budget: string;
+    progress: number;
+};
+declare const Card2: FC<Props>;
+export { Card2 };

package/dist/partials/content/cards/Card2.js

@@ -0,0 +1,32 @@
+"use strict";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.Card2 = void 0;
+var react_1 = __importDefault(require("react"));
+var react_router_dom_1 = require("react-router-dom");
+var helpers_1 = require("../../../helpers");
+var Card2 = function (_a) {
+    var icon = _a.icon, badgeColor = _a.badgeColor, status = _a.status, statusColor = _a.statusColor, title = _a.title, description = _a.description, date = _a.date, budget = _a.budget, progress = _a.progress;
+    return (react_1.default.createElement(react_router_dom_1.Link, { to: '/crafted/pages/profile/overview', className: 'card border border-2 border-gray-300 border-hover' },
+        react_1.default.createElement("div", { className: 'card-header border-0 pt-9' },
+            react_1.default.createElement("div", { className: 'card-title m-0' },
+                react_1.default.createElement("div", { className: 'symbol symbol-50px w-50px bg-light' },
+                    react_1.default.createElement("img", { src: (0, helpers_1.toAbsoluteUrl)(icon), alt: 'card2', className: 'p-3' }))),
+            react_1.default.createElement("div", { className: 'card-toolbar' },
+                react_1.default.createElement("span", { className: "badge badge-light-".concat(badgeColor, " fw-bolder me-auto px-4 py-3") }, status))),
+        react_1.default.createElement("div", { className: 'card-body p-9' },
+            react_1.default.createElement("div", { className: 'fs-3 fw-bolder text-gray-900' }, title),
+            react_1.default.createElement("p", { className: 'text-gray-500 fw-bold fs-5 mt-1 mb-7' }, description),
+            react_1.default.createElement("div", { className: 'd-flex flex-wrap mb-5' },
+                react_1.default.createElement("div", { className: 'border border-gray-300 border-dashed rounded min-w-125px py-3 px-4 me-7 mb-3' },
+                    react_1.default.createElement("div", { className: 'fs-6 text-gray-800 fw-bolder' }, date),
+                    react_1.default.createElement("div", { className: 'fw-bold text-gray-500' }, "Due Date")),
+                react_1.default.createElement("div", { className: 'border border-gray-300 border-dashed rounded min-w-125px py-3 px-4 mb-3' },
+                    react_1.default.createElement("div", { className: 'fs-6 text-gray-800 fw-bolder' }, budget),
+                    react_1.default.createElement("div", { className: 'fw-bold text-gray-500' }, "Budget"))),
+            react_1.default.createElement("div", { className: 'h-4px w-100 bg-light mb-5', "data-bs-toggle": 'tooltip', title: 'This project completed' },
+                react_1.default.createElement("div", { className: "bg-".concat(statusColor, " rounded h-4px"), role: 'progressbar', style: { width: "".concat(progress, "%") } })))));
+};
+exports.Card2 = Card2;

package/dist/partials/content/cards/Card3.d.ts

@@ -0,0 +1,12 @@
+import { FC } from 'react';
+type Props = {
+    color?: string;
+    avatar?: string;
+    online?: boolean;
+    name: string;
+    job: string;
+    avgEarnings: string;
+    totalEarnings: string;
+};
+declare const Card3: FC<Props>;
+export { Card3 };