@licklist/design 0.78.21 → 0.78.26

package/dist/v2/navigation/DashboardLayout/AdminSidebar.js

@@ -0,0 +1,296 @@
+import { jsx, jsxs } from 'react/jsx-runtime';
+import 'react';
+import './AdminSidebar.scss.js';
+import img from './assets/AdminLogo.png.js';
+import { Tooltip } from '../../components/Tooltip/Tooltip.js';
+
+var HomeIcon = function() {
+    return /*#__PURE__*/ jsx("svg", {
+        width: "24",
+        height: "24",
+        viewBox: "0 0 24 24",
+        fill: "none",
+        children: /*#__PURE__*/ jsx("path", {
+            d: "M17.7273 20.1182H6.27273C5.82086 20.1182 5.45455 19.7423 5.45455 19.2785V11.7207H3L11.4496 3.83661C11.7617 3.54543 12.2383 3.54543 12.5504 3.83661L21 11.7207H18.5455V19.2785C18.5455 19.7423 18.1792 20.1182 17.7273 20.1182ZM7.09091 18.4387H16.9091V10.1734L12 5.59288L7.09091 10.1734V18.4387Z",
+            fill: "currentColor"
+        })
+    });
+};
+var CompanyIcon = function() {
+    return /*#__PURE__*/ jsx("svg", {
+        width: "24",
+        height: "24",
+        viewBox: "0 0 24 24",
+        fill: "none",
+        children: /*#__PURE__*/ jsx("path", {
+            d: "M19.5 18.75H4.5V17.25H5.25V6C5.25 5.58579 5.58579 5.25 6 5.25H16.5C16.9142 5.25 17.25 5.58579 17.25 6V9.75H18.75V17.25H19.5V18.75ZM15.75 17.25H17.25V11.25H12.75V17.25H14.25V12.75H15.75V17.25ZM15.75 9.75V6.75H6.75V17.25H11.25V9.75H15.75ZM8.25 11.25H9.75V12.75H8.25V11.25ZM8.25 14.25H9.75V15.75H8.25V14.25ZM8.25 8.25H9.75V9.75H8.25V8.25Z",
+            fill: "currentColor"
+        })
+    });
+};
+var ProvidersIcon = function() {
+    return /*#__PURE__*/ jsxs("svg", {
+        width: "24",
+        height: "24",
+        viewBox: "0 0 32 32",
+        fill: "none",
+        children: [
+            /*#__PURE__*/ jsx("path", {
+                d: "M8 10L17 6.5V24H8V10Z",
+                fill: "currentColor",
+                fillOpacity: "0.1"
+            }),
+            /*#__PURE__*/ jsx("path", {
+                d: "M7 23V9.70046C7 9.27995 7.26307 8.90437 7.65826 8.76067L17.3291 5.24398C17.5886 5.14961 17.8755 5.28349 17.9699 5.54301C17.9898 5.59778 18 5.65561 18 5.71388V10.6667L24.3162 12.7721C24.7246 12.9082 25 13.2904 25 13.7208V23H27V25H5V23H7ZM9 23H16V7.85543L9 10.4009V23ZM23 23V14.4416L18 12.7749V23H23Z",
+                fill: "currentColor"
+            })
+        ]
+    });
+};
+var UsersIcon = function() {
+    return /*#__PURE__*/ jsx("svg", {
+        width: "24",
+        height: "24",
+        viewBox: "0 0 24 24",
+        fill: "none",
+        children: /*#__PURE__*/ jsx("path", {
+            d: "M4.5 19.5C4.5 16.1863 7.18629 13.5 10.5 13.5C13.8137 13.5 16.5 16.1863 16.5 19.5H15C15 17.0147 12.9853 15 10.5 15C8.01472 15 6 17.0147 6 19.5H4.5ZM10.5 12.75C8.01375 12.75 6 10.7362 6 8.25C6 5.76375 8.01375 3.75 10.5 3.75C12.9862 3.75 15 5.76375 15 8.25C15 10.7362 12.9862 12.75 10.5 12.75ZM10.5 11.25C12.1575 11.25 13.5 9.9075 13.5 8.25C13.5 6.5925 12.1575 5.25 10.5 5.25C8.8425 5.25 7.5 6.5925 7.5 8.25C7.5 9.9075 8.8425 11.25 10.5 11.25ZM16.7128 14.0271C18.7983 14.9671 20.25 17.064 20.25 19.5H18.75C18.75 17.673 17.6612 16.1003 16.0971 15.3953L16.7128 14.0271ZM16.1972 5.55991C17.6958 6.17777 18.75 7.65271 18.75 9.375C18.75 11.5276 17.1032 13.2939 15 13.4832V11.9734C16.2725 11.7916 17.25 10.698 17.25 9.375C17.25 8.33951 16.6512 7.44452 15.7808 7.01726L16.1972 5.55991Z",
+            fill: "currentColor"
+        })
+    });
+};
+var CustomersIcon = function() {
+    return /*#__PURE__*/ jsx("svg", {
+        width: "24",
+        height: "24",
+        viewBox: "0 0 24 24",
+        fill: "none",
+        children: /*#__PURE__*/ jsx("path", {
+            d: "M4.5 19.5C4.5 16.1863 7.18629 13.5 10.5 13.5C13.8137 13.5 16.5 16.1863 16.5 19.5H15C15 17.0147 12.9853 15 10.5 15C8.01472 15 6 17.0147 6 19.5H4.5ZM10.5 12.75C8.01375 12.75 6 10.7362 6 8.25C6 5.76375 8.01375 3.75 10.5 3.75C12.9862 3.75 15 5.76375 15 8.25C15 10.7362 12.9862 12.75 10.5 12.75ZM10.5 11.25C12.1575 11.25 13.5 9.9075 13.5 8.25C13.5 6.5925 12.1575 5.25 10.5 5.25C8.8425 5.25 7.5 6.5925 7.5 8.25C7.5 9.9075 8.8425 11.25 10.5 11.25ZM16.7128 14.0271C18.7983 14.9671 20.25 17.064 20.25 19.5H18.75C18.75 17.673 17.6612 16.1003 16.0971 15.3953L16.7128 14.0271ZM16.1972 5.55991C17.6958 6.17777 18.75 7.65271 18.75 9.375C18.75 11.5276 17.1032 13.2939 15 13.4832V11.9734C16.2725 11.7916 17.25 10.698 17.25 9.375C17.25 8.33951 16.6512 7.44452 15.7808 7.01726L16.1972 5.55991Z",
+            fill: "currentColor"
+        })
+    });
+};
+var ReportsIcon = function() {
+    return /*#__PURE__*/ jsx("svg", {
+        width: "24",
+        height: "24",
+        viewBox: "0 0 24 24",
+        fill: "none",
+        children: /*#__PURE__*/ jsx("path", {
+            d: "M11.25 8.25H12.75V15.75H11.25V8.25ZM14.25 11.25H15.75V15.75H14.25V11.25ZM8.25 12.75H9.75V15.75H8.25V12.75ZM14.25 6H6.75V18H17.25V9H14.25V6ZM5.25 5.24385C5.25 4.83304 5.58562 4.5 5.99888 4.5H15L18.7498 8.25L18.75 18.7444C18.75 19.1617 18.4163 19.5 18.0049 19.5H5.99505C5.58357 19.5 5.25 19.1585 5.25 18.7561V5.24385Z",
+            fill: "currentColor"
+        })
+    });
+};
+var AnalyticsIcon = function() {
+    return /*#__PURE__*/ jsx("svg", {
+        width: "24",
+        height: "24",
+        viewBox: "0 0 24 24",
+        fill: "none",
+        children: /*#__PURE__*/ jsx("path", {
+            d: "M6.75 5.25V17.25H18.75V18.75H5.25V5.25H6.75ZM18.2197 7.71967L19.2803 8.78033L15 13.0606L12.75 10.8112L9.53033 14.0303L8.46967 12.9697L12.75 8.68934L15 10.9388L18.2197 7.71967Z",
+            fill: "currentColor"
+        })
+    });
+};
+var PaymentsIcon = function() {
+    return /*#__PURE__*/ jsx("svg", {
+        width: "24",
+        height: "24",
+        viewBox: "0 0 24 24",
+        fill: "none",
+        children: /*#__PURE__*/ jsx("path", {
+            d: "M18.75 6.75H5.25C4.83579 6.75 4.5 7.08579 4.5 7.5V16.5C4.5 16.9142 4.83579 17.25 5.25 17.25H18.75C19.1642 17.25 19.5 16.9142 19.5 16.5V7.5C19.5 7.08579 19.1642 6.75 18.75 6.75ZM18 15.75H6V11.25H18V15.75ZM6 9.75V8.25H18V9.75H6ZM7.5 13.5H9.75V14.25H7.5V13.5Z",
+            fill: "currentColor"
+        })
+    });
+};
+var SettingsIcon = function() {
+    return /*#__PURE__*/ jsx("svg", {
+        width: "24",
+        height: "24",
+        viewBox: "0 0 32 32",
+        fill: "none",
+        children: /*#__PURE__*/ jsx("path", {
+            d: "M6 15.6385C6 14.774 6.1097 13.9351 6.31595 13.135C7.40622 13.1915 8.48848 12.6488 9.0718 11.6385C9.65467 10.6289 9.58406 9.42138 8.99121 8.50568C10.1835 7.33396 11.6683 6.45889 13.326 6C13.8222 6.97252 14.8333 7.63849 16 7.63849C17.1667 7.63849 18.1778 6.97252 18.674 6C20.3317 6.45889 21.8165 7.33396 23.0088 8.50568C22.4159 9.42138 22.3453 10.6289 22.9282 11.6385C23.5115 12.6488 24.5938 13.1915 25.6841 13.135C25.8903 13.9351 26 14.774 26 15.6385C26 16.503 25.8903 17.3419 25.6841 18.142C24.5938 18.0855 23.5115 18.6282 22.9282 19.6385C22.3453 20.6481 22.4159 21.8556 23.0088 22.7713C21.8165 23.943 20.3317 24.8181 18.674 25.277C18.1778 24.3045 17.1667 23.6385 16 23.6385C14.8333 23.6385 13.8222 24.3045 13.326 25.277C11.6683 24.8181 10.1835 23.943 8.99121 22.7713C9.58406 21.8556 9.65467 20.6481 9.0718 19.6385C8.48848 18.6282 7.40622 18.0855 6.31595 18.142C6.1097 17.3419 6 16.503 6 15.6385ZM10.8039 18.6385C11.434 19.7299 11.6146 20.9846 11.3682 22.1623C11.776 22.4525 12.2101 22.7039 12.6649 22.9128C13.5618 22.1099 14.7392 21.6385 16 21.6385C17.2608 21.6385 18.4382 22.1099 19.3351 22.9128C19.7899 22.7039 20.224 22.4525 20.6318 22.1623C20.3854 20.9846 20.566 19.7299 21.1962 18.6385C21.8262 17.5472 22.8225 16.7635 23.9655 16.388C23.9884 16.1402 24 15.8903 24 15.6385C24 15.3868 23.9884 15.1368 23.9655 14.8891C22.8225 14.5136 21.8262 13.7299 21.1962 12.6385C20.566 11.5471 20.3854 10.2924 20.6318 9.11472C20.224 8.82455 19.7899 8.57314 19.3351 8.36419C18.4382 9.16711 17.2608 9.63849 16 9.63849C14.7392 9.63849 13.5618 9.16711 12.6649 8.36419C12.2101 8.57314 11.776 8.82455 11.3682 9.11472C11.6146 10.2924 11.434 11.5471 10.8039 12.6385C10.1738 13.7299 9.17754 14.5136 8.03451 14.8891C8.01157 15.1368 8 15.3868 8 15.6385C8 15.8903 8.01157 16.1402 8.03451 16.388C9.17754 16.7635 10.1738 17.5472 10.8039 18.6385ZM16 18.6385C14.3431 18.6385 13 17.2954 13 15.6385C13 13.9817 14.3431 12.6385 16 12.6385C17.6569 12.6385 19 13.9817 19 15.6385C19 17.2954 17.6569 18.6385 16 18.6385ZM16 16.6385C16.5523 16.6385 17 16.1908 17 15.6385C17 15.0862 16.5523 14.6385 16 14.6385C15.4477 14.6385 15 15.0862 15 15.6385C15 16.1908 15.4477 16.6385 16 16.6385Z",
+            fill: "currentColor"
+        })
+    });
+};
+var DebugIcon = function() {
+    return /*#__PURE__*/ jsx("svg", {
+        width: "24",
+        height: "24",
+        viewBox: "0 0 32 32",
+        fill: "none",
+        children: /*#__PURE__*/ jsx("path", {
+            d: "M17 23.9C19.2822 23.4367 21 21.419 21 19V16C21 15.299 20.8564 14.6219 20.5846 14H11.4154C11.1436 14.6219 11 15.299 11 16V19C11 21.419 12.7178 23.4367 15 23.9V18H17V23.9ZM9.5358 21.6907C9.19061 20.8623 9 19.9534 9 19H6V17H9V16C9 15.3573 9.08661 14.7348 9.2488 14.1436L7.0359 12.866L8.0359 11.134L10.0564 12.3005C10.1199 12.1985 10.1861 12.0984 10.2547 12H21.7453C21.8139 12.0984 21.88 12.1985 21.9436 12.3005L23.9641 11.134L24.9641 12.866L22.7512 14.1436C22.9134 14.7348 23 15.3573 23 16V17H26V19H23C23 19.9534 22.8094 20.8623 22.4642 21.6907L24.9641 23.134L23.9641 24.866L21.4383 23.4077C20.1549 24.9893 18.1955 26 16 26C13.8045 26 11.8451 24.9893 10.5617 23.4077L8.0359 24.866L7.0359 23.134L9.5358 21.6907ZM12 10C12 7.79086 13.7909 6 16 6C18.2091 6 20 7.79086 20 10H12Z",
+            fill: "currentColor"
+        })
+    });
+};
+var AdminSidebar = function(param) {
+    var _param_expanded = param.expanded, expanded = _param_expanded === void 0 ? true : _param_expanded, onNavigation = param.onNavigation, _param_activePath = param.activePath, activePath = _param_activePath === void 0 ? '/admin' : _param_activePath, adminLogoUrl = param.adminLogoUrl;
+    var navItems = [
+        {
+            id: 'home',
+            label: 'Home',
+            path: '/admin',
+            icon: /*#__PURE__*/ jsx(HomeIcon, {}),
+            end: true
+        },
+        {
+            id: 'companies',
+            label: 'Companies',
+            path: '/admin/companies',
+            icon: /*#__PURE__*/ jsx(CompanyIcon, {})
+        },
+        {
+            id: 'providers',
+            label: 'Providers',
+            path: '/admin/providers',
+            icon: /*#__PURE__*/ jsx(ProvidersIcon, {})
+        },
+        {
+            id: 'users',
+            label: 'Users',
+            path: '/admin/users',
+            icon: /*#__PURE__*/ jsx(UsersIcon, {})
+        },
+        {
+            id: 'customers',
+            label: 'Customers',
+            path: '/admin/customers',
+            icon: /*#__PURE__*/ jsx(CustomersIcon, {})
+        },
+        {
+            id: 'reports',
+            label: 'Reports',
+            path: '/admin/reports',
+            icon: /*#__PURE__*/ jsx(ReportsIcon, {})
+        },
+        {
+            id: 'analytics',
+            label: 'Analytics',
+            path: '/admin/analytics',
+            icon: /*#__PURE__*/ jsx(AnalyticsIcon, {})
+        },
+        {
+            id: 'payments',
+            label: 'Payments',
+            path: '/admin/payments',
+            icon: /*#__PURE__*/ jsx(PaymentsIcon, {})
+        },
+        {
+            id: 'settings',
+            label: 'Settings',
+            path: '/admin/settings/general',
+            icon: /*#__PURE__*/ jsx(SettingsIcon, {})
+        },
+        {
+            id: 'debugging',
+            label: 'Debugging',
+            path: '/admin/debugging',
+            icon: /*#__PURE__*/ jsx(DebugIcon, {})
+        }
+    ];
+    var isActive = function(item) {
+        if (item.end) {
+            return activePath === item.path || activePath === item.path + '/';
+        }
+        return activePath === null || activePath === void 0 ? void 0 : activePath.startsWith(item.path);
+    };
+    var handleNavClick = function(path) {
+        onNavigation === null || onNavigation === void 0 ? void 0 : onNavigation(path);
+    };
+    return /*#__PURE__*/ jsx("aside", {
+        className: "admin-sidebar admin-sidebar--".concat(expanded ? 'expanded' : 'collapsed'),
+        children: /*#__PURE__*/ jsxs("div", {
+            className: "admin-sidebar__content",
+            children: [
+                expanded ? /*#__PURE__*/ jsxs("div", {
+                    className: "admin-sidebar__header",
+                    children: [
+                        /*#__PURE__*/ jsx("div", {
+                            className: "admin-sidebar__avatar",
+                            children: /*#__PURE__*/ jsx("img", {
+                                src: adminLogoUrl || img,
+                                alt: "Admin Panel"
+                            })
+                        }),
+                        /*#__PURE__*/ jsxs("div", {
+                            className: "admin-sidebar__header-text",
+                            children: [
+                                /*#__PURE__*/ jsx("h3", {
+                                    className: "admin-sidebar__title",
+                                    children: "Admin Panel"
+                                }),
+                                /*#__PURE__*/ jsx("div", {
+                                    className: "admin-sidebar__badge",
+                                    children: /*#__PURE__*/ jsx("span", {
+                                        children: "Super Admin"
+                                    })
+                                })
+                            ]
+                        })
+                    ]
+                }) : /*#__PURE__*/ jsx(Tooltip, {
+                    content: "Admin Panel",
+                    side: "right",
+                    sideOffset: 8,
+                    delayDuration: 100,
+                    children: /*#__PURE__*/ jsx("div", {
+                        className: "admin-sidebar__header admin-sidebar__header--collapsed",
+                        children: /*#__PURE__*/ jsx("div", {
+                            className: "admin-sidebar__avatar",
+                            children: /*#__PURE__*/ jsx("img", {
+                                src: adminLogoUrl || img,
+                                alt: "Admin Panel"
+                            })
+                        })
+                    })
+                }),
+                /*#__PURE__*/ jsx("nav", {
+                    className: "admin-sidebar__nav",
+                    children: navItems.map(function(item) {
+                        var linkContent = /*#__PURE__*/ jsxs("div", {
+                            className: "admin-sidebar__link ".concat(isActive(item) ? 'admin-sidebar__link--active' : '', " ").concat(expanded ? '' : 'admin-sidebar__link--collapsed'),
+                            onClick: function() {
+                                return handleNavClick(item.path);
+                            },
+                            role: "button",
+                            tabIndex: 0,
+                            onKeyDown: function(e) {
+                                return e.key === 'Enter' && handleNavClick(item.path);
+                            },
+                            children: [
+                                /*#__PURE__*/ jsx("div", {
+                                    className: "admin-sidebar__icon",
+                                    children: item.icon
+                                }),
+                                expanded && /*#__PURE__*/ jsx("span", {
+                                    className: "admin-sidebar__link-text",
+                                    children: item.label
+                                })
+                            ]
+                        }, item.id);
+                        if (!expanded) {
+                            return /*#__PURE__*/ jsx(Tooltip, {
+                                content: item.label,
+                                side: "right",
+                                sideOffset: 8,
+                                delayDuration: 100,
+                                children: linkContent
+                            }, item.id);
+                        }
+                        return linkContent;
+                    })
+                })
+            ]
+        })
+    });
+};
+
+export { AdminSidebar };

package/dist/v2/navigation/DashboardLayout/AdminSidebar.scss.js

@@ -0,0 +1,6 @@
+import styleInject from '/opt/atlassian/pipelines/agent/build/node_modules/style-inject/dist/style-inject.es.js';
+
+var css_248z = ".admin-sidebar{align-items:flex-start;background:var(--surfaces-main-background-secondary,#f8f8fa);border-right:1px solid var(--borders-main-border-primary,#e8e9ef);box-sizing:border-box;display:flex;flex-direction:column;height:100%;overflow-y:auto;padding:8px;transition:width .3s ease}.admin-sidebar--expanded{width:268px}.admin-sidebar--collapsed{width:72px}@media (max-width:640px){.admin-sidebar{border-right:none;width:100%!important}}.admin-sidebar__content{display:flex;flex-direction:column;gap:4px;width:100%}.admin-sidebar__header{align-items:center;background:var(--surfaces-main-background-secondary,#f8f8fa);border-radius:8px;box-sizing:border-box;cursor:pointer;display:flex;gap:8px;padding:8px;transition:background .2s ease;width:100%}.admin-sidebar__header:hover{background:var(--surfaces-main-background-secondary-hover,#f0f0f4)}.admin-sidebar__header:active{background:var(--surfaces-main-background-secondary-pressed,#e8e8ec)}.admin-sidebar__header--collapsed{justify-content:center}.admin-sidebar__avatar{align-items:center;background:var(--surfaces-main-background-secondary);border:2px solid var(--borders-main-border-primary);border-radius:50%;display:flex;flex-shrink:0;height:47px;justify-content:center;overflow:hidden;position:relative;width:47px}.admin-sidebar__avatar img{height:100%;object-fit:cover;width:100%}.admin-sidebar__header-text{display:flex;flex:1;flex-direction:column;gap:4px;min-width:0}.admin-sidebar__title{color:var(--labels-main-label-primary,#121e52);font-family:Geist,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;font-size:15px;font-weight:600;line-height:18px;margin:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.admin-sidebar__badge{align-items:center;background:var(--surfaces-main-background-tertiary,#e8e9ef);border-radius:8px;display:inline-flex;justify-content:center;padding:4px 8px;transition:background .2s ease;width:fit-content}.admin-sidebar__header:hover .admin-sidebar__badge{background:var(--surfaces-main-surface-primary,#fff)}.admin-sidebar__badge span{color:var(--labels-main-label-secondary,#626a90);font-family:Geist Mono,SF Mono,Consolas,monospace;font-size:10px;font-weight:600;line-height:12px;white-space:nowrap}.admin-sidebar__nav{display:flex;flex-direction:column;gap:4px;padding-top:8px;width:100%}.admin-sidebar__link{align-items:center;border-radius:8px;box-sizing:border-box;color:var(--fills-main-fill-primary,#14215a);cursor:pointer;display:flex;gap:8px;outline:none;padding:8px;text-decoration:none;transition:all .2s ease;width:100%}.admin-sidebar__link:hover:not(.admin-sidebar__link--active){background:var(--surfaces-main-background-secondary-hover,#f0f0f4)}.admin-sidebar__link:active:not(.admin-sidebar__link--active){background:var(--surfaces-main-background-secondary-pressed,#e8e8ec)}.admin-sidebar__link:focus-visible{outline:2px solid var(--fills-main-fill-primary,#14215a);outline-offset:2px}.admin-sidebar__link--collapsed{justify-content:center}.admin-sidebar__link--active{background:linear-gradient(to top right,var(--gradient-stop3,#0e8ce2) 0,var(--gradient-stop2,#5d5bf4) 50%,var(--gradient-stop1,#6200ee) 100%);color:#fff}.admin-sidebar__link--active .admin-sidebar__icon{color:#fff}.admin-sidebar__link--active .admin-sidebar__icon svg path{fill:#fff}.admin-sidebar__link--active .admin-sidebar__link-text{color:#fff}.admin-sidebar__icon{align-items:center;display:flex;flex-shrink:0;height:24px;justify-content:center;width:24px}.admin-sidebar__icon svg{height:100%;width:100%}.admin-sidebar__link-text{color:var(--labels-main-label-primary,#121e52);font-family:Geist,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;font-size:13px;font-weight:500;line-height:16px;margin:0;white-space:nowrap}";
+styleInject(css_248z);
+
+export { css_248z as default };

package/dist/v2/navigation/DashboardLayout/DashboardFooter.d.ts

@@ -0,0 +1,7 @@
+import React from 'react';
+import './DashboardFooter.scss';
+export interface DashboardFooterProps {
+    version?: string;
+}
+export declare const DashboardFooter: React.FC<DashboardFooterProps>;
+//# sourceMappingURL=DashboardFooter.d.ts.map

package/dist/v2/navigation/DashboardLayout/DashboardFooter.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"DashboardFooter.d.ts","sourceRoot":"","sources":["../../../../src/v2/navigation/DashboardLayout/DashboardFooter.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAA;AACzB,OAAO,wBAAwB,CAAA;AAE/B,MAAM,WAAW,oBAAoB;IACjC,OAAO,CAAC,EAAE,MAAM,CAAA;CACnB;AAED,eAAO,MAAM,eAAe,EAAE,KAAK,CAAC,EAAE,CAAC,oBAAoB,CAiB1D,CAAA"}

package/dist/v2/navigation/DashboardLayout/DashboardFooter.js

@@ -0,0 +1,34 @@
+import { jsx, jsxs } from 'react/jsx-runtime';
+import 'react';
+import './DashboardFooter.scss.js';
+
+var DashboardFooter = function(param) {
+    var version = param.version;
+    var currentYear = new Date().getFullYear();
+    return /*#__PURE__*/ jsx("footer", {
+        className: "dashboard-footer",
+        children: /*#__PURE__*/ jsxs("div", {
+            className: "dashboard-footer__content",
+            children: [
+                /*#__PURE__*/ jsxs("div", {
+                    className: "dashboard-footer__version",
+                    children: [
+                        "Version: ",
+                        /*#__PURE__*/ jsx("span", {
+                            children: version
+                        })
+                    ]
+                }),
+                /*#__PURE__*/ jsxs("div", {
+                    className: "dashboard-footer__copyright",
+                    children: [
+                        "\xa9 Booked it ",
+                        currentYear
+                    ]
+                })
+            ]
+        })
+    });
+};
+
+export { DashboardFooter };

package/dist/v2/navigation/DashboardLayout/DashboardFooter.scss.js

@@ -0,0 +1,6 @@
+import styleInject from '/opt/atlassian/pipelines/agent/build/node_modules/style-inject/dist/style-inject.es.js';
+
+var css_248z = ".dashboard-footer{border-top:1px solid var(--borders-main-border-primary,#e8e9ef);box-sizing:border-box;margin-top:auto;padding:16px;width:100%}.dashboard-footer__content{align-items:center;display:flex;justify-content:space-between;width:100%}.dashboard-footer__copyright,.dashboard-footer__version{color:var(--labels-main-label-secondary,#626a90);font-family:var(--font-family-mono);font-size:10px;line-height:12px}.dashboard-footer__copyright,.dashboard-footer__copyright span,.dashboard-footer__version span{font-weight:600}";
+styleInject(css_248z);
+
+export { css_248z as default };

package/dist/v2/navigation/DashboardLayout/DashboardLayout.d.ts

@@ -0,0 +1,42 @@
+import React from 'react';
+import { NavItem } from './ProviderSidebar';
+import './DashboardLayout.scss';
+export type DestinationType = 'admin' | 'provider' | 'company';
+export interface DashboardLayoutProps {
+    destination: DestinationType;
+    sidebarExpanded?: boolean;
+    onSidebarToggle?: () => void;
+    providerName?: string;
+    providerId?: string;
+    providerImage?: string;
+    providerType?: 'venue' | 'promoter';
+    companyName?: string;
+    companyId?: string;
+    companyImage?: string;
+    userInitials?: string;
+    userName?: string;
+    userEmail?: string;
+    userId?: number;
+    userRole?: string;
+    inboxCount?: number;
+    bellCount?: number;
+    activePath?: string;
+    onNavigation?: (path: string) => void;
+    onUserClick?: () => void;
+    onInboxClick?: () => void;
+    onBellClick?: () => void;
+    onHelpClick?: () => void;
+    onProfileClick?: () => void;
+    onLogoutClick?: () => void;
+    hasAdminAccess?: boolean;
+    children?: React.ReactNode;
+    isMobile?: boolean;
+    version?: string;
+    showFooter?: boolean;
+    userPanelOpen?: boolean;
+    /** Custom navigation items for provider sidebar */
+    navItems?: NavItem[];
+}
+export declare const DashboardLayout: React.FC<DashboardLayoutProps>;
+export default DashboardLayout;
+//# sourceMappingURL=DashboardLayout.d.ts.map

package/dist/v2/navigation/DashboardLayout/DashboardLayout.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"DashboardLayout.d.ts","sourceRoot":"","sources":["../../../../src/v2/navigation/DashboardLayout/DashboardLayout.tsx"],"names":[],"mappings":"AAAA,OAAO,KAA2C,MAAM,OAAO,CAAA;AAE/D,OAAO,EAAmB,OAAO,EAAE,MAAM,mBAAmB,CAAA;AAG5D,OAAO,wBAAwB,CAAA;AAE/B,MAAM,MAAM,eAAe,GAAG,OAAO,GAAG,UAAU,GAAG,SAAS,CAAA;AAE9D,MAAM,WAAW,oBAAoB;IAEjC,WAAW,EAAE,eAAe,CAAA;IAE5B,eAAe,CAAC,EAAE,OAAO,CAAA;IAEzB,eAAe,CAAC,EAAE,MAAM,IAAI,CAAA;IAE5B,YAAY,CAAC,EAAE,MAAM,CAAA;IAErB,UAAU,CAAC,EAAE,MAAM,CAAA;IAEnB,aAAa,CAAC,EAAE,MAAM,CAAA;IAEtB,YAAY,CAAC,EAAE,OAAO,GAAG,UAAU,CAAA;IAEnC,WAAW,CAAC,EAAE,MAAM,CAAA;IAEpB,SAAS,CAAC,EAAE,MAAM,CAAA;IAElB,YAAY,CAAC,EAAE,MAAM,CAAA;IAErB,YAAY,CAAC,EAAE,MAAM,CAAA;IAErB,QAAQ,CAAC,EAAE,MAAM,CAAA;IAEjB,SAAS,CAAC,EAAE,MAAM,CAAA;IAElB,MAAM,CAAC,EAAE,MAAM,CAAA;IAEf,QAAQ,CAAC,EAAE,MAAM,CAAA;IAEjB,UAAU,CAAC,EAAE,MAAM,CAAA;IAEnB,SAAS,CAAC,EAAE,MAAM,CAAA;IAElB,UAAU,CAAC,EAAE,MAAM,CAAA;IAEnB,YAAY,CAAC,EAAE,CAAC,IAAI,EAAE,MAAM,KAAK,IAAI,CAAA;IAErC,WAAW,CAAC,EAAE,MAAM,IAAI,CAAA;IAExB,YAAY,CAAC,EAAE,MAAM,IAAI,CAAA;IAEzB,WAAW,CAAC,EAAE,MAAM,IAAI,CAAA;IAExB,WAAW,CAAC,EAAE,MAAM,IAAI,CAAA;IAExB,cAAc,CAAC,EAAE,MAAM,IAAI,CAAA;IAE3B,aAAa,CAAC,EAAE,MAAM,IAAI,CAAA;IAE1B,cAAc,CAAC,EAAE,OAAO,CAAA;IAExB,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAA;IAE1B,QAAQ,CAAC,EAAE,OAAO,CAAA;IAElB,OAAO,CAAC,EAAE,MAAM,CAAA;IAEhB,UAAU,CAAC,EAAE,OAAO,CAAA;IAEpB,aAAa,CAAC,EAAE,OAAO,CAAA;IAEvB,mDAAmD;IACnD,QAAQ,CAAC,EAAE,OAAO,EAAE,CAAA;CACvB;AAED,eAAO,MAAM,eAAe,EAAE,KAAK,CAAC,EAAE,CAAC,oBAAoB,CAyJ1D,CAAA;AAED,eAAe,eAAe,CAAA"}

package/dist/v2/navigation/DashboardLayout/DashboardLayout.js

@@ -0,0 +1,176 @@
+import { jsxs, jsx } from 'react/jsx-runtime';
+import { useState, useCallback, useEffect } from 'react';
+import { TopNavigation } from './TopNavigation.js';
+import { ProviderSidebar } from './ProviderSidebar.js';
+import { AdminSidebar } from './AdminSidebar.js';
+import { DashboardFooter } from './DashboardFooter.js';
+import './DashboardLayout.scss.js';
+
+function _array_like_to_array(arr, len) {
+    if (len == null || len > arr.length) len = arr.length;
+    for(var i = 0, arr2 = new Array(len); i < len; i++)arr2[i] = arr[i];
+    return arr2;
+}
+function _array_with_holes(arr) {
+    if (Array.isArray(arr)) return arr;
+}
+function _iterable_to_array_limit(arr, i) {
+    var _i = arr == null ? null : typeof Symbol !== "undefined" && arr[Symbol.iterator] || arr["@@iterator"];
+    if (_i == null) return;
+    var _arr = [];
+    var _n = true;
+    var _d = false;
+    var _s, _e;
+    try {
+        for(_i = _i.call(arr); !(_n = (_s = _i.next()).done); _n = true){
+            _arr.push(_s.value);
+            if (i && _arr.length === i) break;
+        }
+    } catch (err) {
+        _d = true;
+        _e = err;
+    } finally{
+        try {
+            if (!_n && _i["return"] != null) _i["return"]();
+        } finally{
+            if (_d) throw _e;
+        }
+    }
+    return _arr;
+}
+function _non_iterable_rest() {
+    throw new TypeError("Invalid attempt to destructure non-iterable instance.\\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.");
+}
+function _sliced_to_array(arr, i) {
+    return _array_with_holes(arr) || _iterable_to_array_limit(arr, i) || _unsupported_iterable_to_array(arr, i) || _non_iterable_rest();
+}
+function _unsupported_iterable_to_array(o, minLen) {
+    if (!o) return;
+    if (typeof o === "string") return _array_like_to_array(o, minLen);
+    var n = Object.prototype.toString.call(o).slice(8, -1);
+    if (n === "Object" && o.constructor) n = o.constructor.name;
+    if (n === "Map" || n === "Set") return Array.from(n);
+    if (n === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return _array_like_to_array(o, minLen);
+}
+var DashboardLayout = function(param) {
+    var destination = param.destination, sidebarExpanded = param.sidebarExpanded, onSidebarToggle = param.onSidebarToggle, providerName = param.providerName, providerId = param.providerId, providerImage = param.providerImage, _param_providerType = param.providerType, providerType = _param_providerType === void 0 ? 'venue' : _param_providerType, companyName = param.companyName, companyId = param.companyId, companyImage = param.companyImage, userInitials = param.userInitials, userName = param.userName, userEmail = param.userEmail, userId = param.userId, userRole = param.userRole, _param_inboxCount = param.inboxCount, inboxCount = _param_inboxCount === void 0 ? 0 : _param_inboxCount, _param_bellCount = param.bellCount, bellCount = _param_bellCount === void 0 ? 0 : _param_bellCount, _param_activePath = param.activePath, activePath = _param_activePath === void 0 ? '/home' : _param_activePath, onNavigation = param.onNavigation, onUserClick = param.onUserClick, onInboxClick = param.onInboxClick, onBellClick = param.onBellClick, onHelpClick = param.onHelpClick, onProfileClick = param.onProfileClick, onLogoutClick = param.onLogoutClick, _param_hasAdminAccess = param.hasAdminAccess, hasAdminAccess = _param_hasAdminAccess === void 0 ? false : _param_hasAdminAccess, children = param.children, _param_isMobile = param.isMobile, isMobile = _param_isMobile === void 0 ? false : _param_isMobile, version = param.version, _param_showFooter = param.showFooter, showFooter = _param_showFooter === void 0 ? true : _param_showFooter, _param_userPanelOpen = param.userPanelOpen, userPanelOpen = _param_userPanelOpen === void 0 ? false : _param_userPanelOpen, navItems = param.navItems;
+    var _useState = _sliced_to_array(useState(false), 2), mobileMenuOpen = _useState[0], setMobileMenuOpen = _useState[1];
+    var handleKeyDown = useCallback(function(event) {
+        var target = event.target;
+        if (target.tagName === 'INPUT' || target.tagName === 'TEXTAREA' || target.isContentEditable) {
+            return;
+        }
+        if (event.key === '[' && sidebarExpanded) {
+            onSidebarToggle === null || onSidebarToggle === void 0 ? void 0 : onSidebarToggle();
+        } else if (event.key === ']' && !sidebarExpanded) {
+            onSidebarToggle === null || onSidebarToggle === void 0 ? void 0 : onSidebarToggle();
+        }
+    }, [
+        sidebarExpanded,
+        onSidebarToggle
+    ]);
+    useEffect(function() {
+        document.addEventListener('keydown', handleKeyDown);
+        return function() {
+            return document.removeEventListener('keydown', handleKeyDown);
+        };
+    }, [
+        handleKeyDown
+    ]);
+    var handleSidebarToggle = function() {
+        if (isMobile) {
+            setMobileMenuOpen(!mobileMenuOpen);
+        } else {
+            onSidebarToggle === null || onSidebarToggle === void 0 ? void 0 : onSidebarToggle();
+        }
+    };
+    var renderSidebar = function() {
+        if (destination === 'admin') {
+            return /*#__PURE__*/ jsx(AdminSidebar, {
+                expanded: sidebarExpanded,
+                activePath: activePath,
+                onNavigation: onNavigation
+            });
+        }
+        return /*#__PURE__*/ jsx(ProviderSidebar, {
+            expanded: sidebarExpanded,
+            providerName: destination === 'company' ? companyName : providerName,
+            providerId: destination === 'company' ? companyId : providerId,
+            providerImage: destination === 'company' ? companyImage : providerImage,
+            providerType: providerType,
+            activePath: activePath,
+            onNavigation: onNavigation,
+            showBackToAdmin: hasAdminAccess && destination !== 'admin',
+            onBackToAdmin: function() {
+                return onNavigation === null || onNavigation === void 0 ? void 0 : onNavigation('/admin');
+            },
+            navItems: navItems
+        });
+    };
+    var sidebarWidth = sidebarExpanded ? 268 : 72;
+    var topHatHeight = 48;
+    return /*#__PURE__*/ jsxs("div", {
+        className: "dashboard-layout",
+        children: [
+            /*#__PURE__*/ jsx(TopNavigation, {
+                sidebarCollapsed: !sidebarExpanded,
+                onSidebarToggle: handleSidebarToggle,
+                userInitials: userInitials,
+                userName: userName,
+                userEmail: userEmail,
+                userId: userId,
+                userRole: userRole,
+                inboxCount: inboxCount,
+                notificationCount: bellCount,
+                onUserClick: onUserClick,
+                onInboxClick: onInboxClick,
+                onNotificationClick: onBellClick,
+                onHelpClick: onHelpClick,
+                onProfileClick: onProfileClick,
+                onLogoutClick: onLogoutClick,
+                mobileMenuOpen: mobileMenuOpen,
+                onMobileMenuToggle: function() {
+                    return setMobileMenuOpen(!mobileMenuOpen);
+                },
+                userPanelOpen: userPanelOpen
+            }),
+            /*#__PURE__*/ jsxs("div", {
+                className: "dashboard-layout__body",
+                children: [
+                    /*#__PURE__*/ jsx("aside", {
+                        className: "dashboard-layout__sidebar ".concat(mobileMenuOpen ? 'dashboard-layout__sidebar--mobile-open' : ''),
+                        style: {
+                            width: isMobile ? mobileMenuOpen ? '100%' : 0 : sidebarWidth,
+                            top: topHatHeight
+                        },
+                        children: renderSidebar()
+                    }),
+                    /*#__PURE__*/ jsxs("main", {
+                        className: "dashboard-layout__main",
+                        style: {
+                            marginLeft: isMobile ? 0 : sidebarWidth,
+                            marginTop: topHatHeight
+                        },
+                        children: [
+                            /*#__PURE__*/ jsx("div", {
+                                className: "dashboard-layout__content",
+                                children: children
+                            }),
+                            showFooter && /*#__PURE__*/ jsx(DashboardFooter, {
+                                version: version
+                            })
+                        ]
+                    })
+                ]
+            }),
+            isMobile && mobileMenuOpen && /*#__PURE__*/ jsx("div", {
+                className: "dashboard-layout__overlay",
+                onClick: function() {
+                    return setMobileMenuOpen(false);
+                }
+            })
+        ]
+    });
+};
+
+export { DashboardLayout, DashboardLayout as default };

package/dist/v2/navigation/DashboardLayout/DashboardLayout.scss.js

@@ -0,0 +1,6 @@
+import styleInject from '/opt/atlassian/pipelines/agent/build/node_modules/style-inject/dist/style-inject.es.js';
+
+var css_248z = ".dashboard-layout{background:var(--surfaces-main-background-primary,#fff);flex-direction:column;height:100vh;width:100vw}.dashboard-layout,.dashboard-layout__body{display:flex;overflow:hidden;position:relative}.dashboard-layout__body{flex:1}.dashboard-layout__sidebar{background:var(--surfaces-main-background-secondary,#f8f8fa);border-right:1px solid var(--borders-main-border-primary,#e8e9ef);bottom:0;display:flex;flex-direction:column;left:0;overflow-x:hidden;overflow-y:auto;position:fixed;top:48px;transition:width .3s ease;z-index:20}.dashboard-layout__sidebar--mobile-open{width:100%!important}.dashboard-layout__sidebar .admin-sidebar,.dashboard-layout__sidebar .provider-sidebar{border-right:none;flex:1;height:100%;overflow-y:auto}.dashboard-layout__main{background:var(--surfaces-main-background-primary,#fff);display:flex;flex:1;flex-direction:column;height:calc(100vh - 48px);overflow:hidden;transition:margin-left .3s ease}.dashboard-layout__content{flex:1;overflow-y:auto}.dashboard-layout__overlay{background:#00000080;inset:0;position:fixed;z-index:15}@media (max-width:768px){.dashboard-layout__sidebar{display:none;width:0!important}.dashboard-layout__sidebar--mobile-open{background:var(--surfaces-main-background-secondary,#f8f8fa);bottom:0;display:flex;height:calc(100vh - 48px)!important;left:0;right:0;top:48px!important;width:100%!important;z-index:25}.dashboard-layout__main{margin-left:0!important}}";
+styleInject(css_248z);
+
+export { css_248z as default };

package/dist/v2/navigation/DashboardLayout/ProviderSidebar.d.ts

@@ -0,0 +1,35 @@
+import React from 'react';
+import './ProviderSidebar.scss';
+export interface NavItem {
+    id: string;
+    label: string;
+    path: string;
+    icon: React.ReactNode;
+    end?: boolean;
+}
+export interface ProviderSidebarProps {
+    expanded?: boolean;
+    providerName?: string;
+    providerId?: string;
+    providerImage?: string;
+    providerType?: 'venue' | 'promoter';
+    onNavigation?: (path: string) => void;
+    activePath?: string;
+    showBackToAdmin?: boolean;
+    onBackToAdmin?: () => void;
+    /** Custom navigation items - if not provided, uses default items */
+    navItems?: NavItem[];
+}
+declare const HomeIcon: () => import("react/jsx-runtime").JSX.Element;
+declare const FlowsIcon: () => import("react/jsx-runtime").JSX.Element;
+declare const InventoryIcon: () => import("react/jsx-runtime").JSX.Element;
+declare const LoyaltyIcon: () => import("react/jsx-runtime").JSX.Element;
+declare const CustomersIcon: () => import("react/jsx-runtime").JSX.Element;
+declare const ReportsIcon: () => import("react/jsx-runtime").JSX.Element;
+declare const AnalyticsIcon: () => import("react/jsx-runtime").JSX.Element;
+declare const MarketingIcon: () => import("react/jsx-runtime").JSX.Element;
+declare const WaiversIcon: () => import("react/jsx-runtime").JSX.Element;
+declare const SettingsIcon: () => import("react/jsx-runtime").JSX.Element;
+export { HomeIcon, FlowsIcon, InventoryIcon, LoyaltyIcon, CustomersIcon, ReportsIcon, AnalyticsIcon, MarketingIcon, WaiversIcon, SettingsIcon, };
+export declare const ProviderSidebar: React.FC<ProviderSidebarProps>;
+//# sourceMappingURL=ProviderSidebar.d.ts.map

package/dist/v2/navigation/DashboardLayout/ProviderSidebar.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"ProviderSidebar.d.ts","sourceRoot":"","sources":["../../../../src/v2/navigation/DashboardLayout/ProviderSidebar.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAA;AACzB,OAAO,wBAAwB,CAAA;AAI/B,MAAM,WAAW,OAAO;IACpB,EAAE,EAAE,MAAM,CAAA;IACV,KAAK,EAAE,MAAM,CAAA;IACb,IAAI,EAAE,MAAM,CAAA;IACZ,IAAI,EAAE,KAAK,CAAC,SAAS,CAAA;IACrB,GAAG,CAAC,EAAE,OAAO,CAAA;CAChB;AAED,MAAM,WAAW,oBAAoB;IACjC,QAAQ,CAAC,EAAE,OAAO,CAAA;IAClB,YAAY,CAAC,EAAE,MAAM,CAAA;IACrB,UAAU,CAAC,EAAE,MAAM,CAAA;IACnB,aAAa,CAAC,EAAE,MAAM,CAAA;IACtB,YAAY,CAAC,EAAE,OAAO,GAAG,UAAU,CAAA;IACnC,YAAY,CAAC,EAAE,CAAC,IAAI,EAAE,MAAM,KAAK,IAAI,CAAA;IACrC,UAAU,CAAC,EAAE,MAAM,CAAA;IACnB,eAAe,CAAC,EAAE,OAAO,CAAA;IACzB,aAAa,CAAC,EAAE,MAAM,IAAI,CAAA;IAC1B,oEAAoE;IACpE,QAAQ,CAAC,EAAE,OAAO,EAAE,CAAA;CACvB;AAGD,QAAA,MAAM,QAAQ,+CAIb,CAAA;AAED,QAAA,MAAM,SAAS,+CAId,CAAA;AAED,QAAA,MAAM,aAAa,+CAIlB,CAAA;AAED,QAAA,MAAM,WAAW,+CAIhB,CAAA;AAED,QAAA,MAAM,aAAa,+CAIlB,CAAA;AAED,QAAA,MAAM,WAAW,+CAIhB,CAAA;AAED,QAAA,MAAM,aAAa,+CAIlB,CAAA;AAED,QAAA,MAAM,aAAa,+CAIlB,CAAA;AAED,QAAA,MAAM,WAAW,+CAIhB,CAAA;AAED,QAAA,MAAM,YAAY,+CAIjB,CAAA;AAeD,OAAO,EACH,QAAQ,EACR,SAAS,EACT,aAAa,EACb,WAAW,EACX,aAAa,EACb,WAAW,EACX,aAAa,EACb,aAAa,EACb,WAAW,EACX,YAAY,GACf,CAAA;AAgBD,eAAO,MAAM,eAAe,EAAE,KAAK,CAAC,EAAE,CAAC,oBAAoB,CAyI1D,CAAA"}