@licklist/design 0.78.5-dev.32 → 0.78.5-dev.34

package/dist/v2/dashboard-analytics/chart/Chart.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 = ":root{--font-family-sans:\"Geist\",-apple-system,BlinkMacSystemFont,\"Segoe UI\",\"Roboto\",\"Helvetica Neue\",Arial,sans-serif;--font-family-mono:\"Geist Mono\",ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,\"Liberation Mono\",\"Courier New\",monospace;--heading-xxl-size:44px;--heading-xxl-line:48px;--heading-xxl-weight:600;--heading-xl-size:32px;--heading-xl-line:36px;--heading-xl-weight:700;--heading-h1-size:24px;--heading-h1-line:28px;--heading-h1-weight:600;--heading-h2-size:20px;--heading-h2-line:24px;--heading-h2-weight:600;--heading-h3-size:17px;--heading-h3-line:20px;--heading-h3-weight:600;--heading-h4-size:15px;--heading-h4-line:18px;--heading-h4-weight:600;--heading-h5-size:13px;--heading-h5-line:16px;--heading-h5-weight:500;--heading-h6-size:11px;--heading-h6-line:14px;--heading-h6-weight:500;--heading-xxl-mobile-size:32px;--heading-xxl-mobile-line:36px;--heading-xxl-mobile-weight:600;--heading-xl-mobile-size:26px;--heading-xl-mobile-line:30px;--heading-xl-mobile-weight:700;--heading-h1-mobile-size:20px;--heading-h1-mobile-line:23px;--heading-h1-mobile-weight:600;--heading-h2-mobile-size:18px;--heading-h2-mobile-line:22px;--heading-h2-mobile-weight:600;--heading-h3-mobile-size:16px;--heading-h3-mobile-line:18px;--heading-h3-mobile-weight:600;--heading-h4-mobile-size:14px;--heading-h4-mobile-line:16px;--heading-h4-mobile-weight:600;--heading-h5-mobile-size:13px;--heading-h5-mobile-line:16px;--heading-h5-mobile-weight:500;--heading-h6-mobile-size:11px;--heading-h6-mobile-line:14px;--heading-h6-mobile-weight:500;--text-xl-size:20px;--text-xl-line:26px;--text-xl-weight:400;--text-large-size:18px;--text-large-line:24px;--text-large-weight:400;--text-regular-size:15px;--text-regular-line:20px;--text-regular-weight:400;--text-regular-emphasis-weight:500;--text-small-size:13px;--text-small-line:16px;--text-small-weight:400;--text-small-emphasis-weight:500;--text-small-bold-weight:600;--text-xs-size:10px;--text-xs-line:13px;--text-xs-weight:500;--text-xs-bold-weight:600}.heading-desktop-xxl{font-size:var(--heading-xxl-size);font-weight:var(--heading-xxl-weight);line-height:var(--heading-xxl-line)}.heading-desktop-xl,.heading-desktop-xxl{font-family:var(--font-family-sans)!important;letter-spacing:0}.heading-desktop-xl{font-size:var(--heading-xl-size);font-weight:var(--heading-xl-weight);line-height:var(--heading-xl-line)}.heading-desktop-h1{font-size:var(--heading-h1-size);font-weight:var(--heading-h1-weight);line-height:var(--heading-h1-line)}.heading-desktop-h1,.heading-desktop-h2{font-family:var(--font-family-sans)!important;letter-spacing:0}.heading-desktop-h2{font-size:var(--heading-h2-size);font-weight:var(--heading-h2-weight);line-height:var(--heading-h2-line)}.heading-desktop-h3{font-size:var(--heading-h3-size);font-weight:var(--heading-h3-weight);line-height:var(--heading-h3-line)}.heading-desktop-h3,.heading-desktop-h4{font-family:var(--font-family-sans)!important;letter-spacing:0}.heading-desktop-h4{font-size:var(--heading-h4-size);font-weight:var(--heading-h4-weight);line-height:var(--heading-h4-line)}.heading-desktop-h5{font-size:var(--heading-h5-size);font-weight:var(--heading-h5-weight);line-height:var(--heading-h5-line)}.heading-desktop-h5,.heading-desktop-h6{font-family:var(--font-family-sans)!important;letter-spacing:0}.heading-desktop-h6{font-size:var(--heading-h6-size);font-weight:var(--heading-h6-weight);line-height:var(--heading-h6-line)}.heading-mobile-xxl{font-size:var(--heading-xxl-mobile-size);font-weight:var(--heading-xxl-mobile-weight);line-height:var(--heading-xxl-mobile-line)}.heading-mobile-xl,.heading-mobile-xxl{font-family:var(--font-family-sans)!important;letter-spacing:0}.heading-mobile-xl{font-size:var(--heading-xl-mobile-size);font-weight:var(--heading-xl-mobile-weight);line-height:var(--heading-xl-mobile-line)}.heading-mobile-h1{font-size:var(--heading-h1-mobile-size);font-weight:var(--heading-h1-mobile-weight);line-height:var(--heading-h1-mobile-line)}.heading-mobile-h1,.heading-mobile-h2{font-family:var(--font-family-sans)!important;letter-spacing:0}.heading-mobile-h2{font-size:var(--heading-h2-mobile-size);font-weight:var(--heading-h2-mobile-weight);line-height:var(--heading-h2-mobile-line)}.heading-mobile-h3{font-size:var(--heading-h3-mobile-size);font-weight:var(--heading-h3-mobile-weight);line-height:var(--heading-h3-mobile-line)}.heading-mobile-h3,.heading-mobile-h4{font-family:var(--font-family-sans)!important;letter-spacing:0}.heading-mobile-h4{font-size:var(--heading-h4-mobile-size);font-weight:var(--heading-h4-mobile-weight);line-height:var(--heading-h4-mobile-line)}.heading-mobile-h5{font-size:var(--heading-h5-mobile-size);font-weight:var(--heading-h5-mobile-weight);line-height:var(--heading-h5-mobile-line)}.heading-mobile-h5,.heading-mobile-h6{font-family:var(--font-family-sans)!important;letter-spacing:0}.heading-mobile-h6{font-size:var(--heading-h6-mobile-size);font-weight:var(--heading-h6-mobile-weight);line-height:var(--heading-h6-mobile-line)}.body-desktop-xl{font-size:var(--text-xl-size);font-weight:var(--text-xl-weight);line-height:var(--text-xl-line)}.body-desktop-large,.body-desktop-xl{font-family:var(--font-family-sans)!important;letter-spacing:0}.body-desktop-large{font-size:var(--text-large-size);font-weight:var(--text-large-weight);line-height:var(--text-large-line)}.body-desktop-regular{font-weight:var(--text-regular-weight)}.body-desktop-regular,.body-desktop-regular-emphasis{font-family:var(--font-family-sans)!important;font-size:var(--text-regular-size);letter-spacing:0;line-height:var(--text-regular-line)}.body-desktop-regular-emphasis{font-weight:var(--text-regular-emphasis-weight)}.body-desktop-small{font-weight:var(--text-small-weight)}.body-desktop-small,.body-desktop-small-emphasis{font-family:var(--font-family-sans)!important;font-size:var(--text-small-size);letter-spacing:0;line-height:var(--text-small-line)}.body-desktop-small-emphasis{font-weight:var(--text-small-emphasis-weight)}.body-desktop-small-bold{font-family:var(--font-family-sans)!important;font-size:var(--text-small-size);font-weight:var(--text-small-bold-weight);letter-spacing:0;line-height:var(--text-small-line)}.body-desktop-xs{font-weight:var(--text-xs-weight)}.body-desktop-xs,.body-desktop-xs-bold{font-family:var(--font-family-sans)!important;font-size:var(--text-xs-size);letter-spacing:0;line-height:var(--text-xs-line)}.body-desktop-xs-bold{font-weight:var(--text-xs-bold-weight)}.typography-story,[id*=v2-design-system-typography] *{font-family:var(--font-family-sans)!important}.typography-story{margin:0 auto;max-width:1200px;padding:2rem}.typography-story *{font-family:inherit!important}.story-header{margin-bottom:3rem}.story-header h1{color:var(--label-primary,#121e52);font-size:var(--heading-h1-size);font-weight:var(--heading-h1-weight);line-height:var(--heading-h1-line);margin:0 0 .5rem}.story-header h1,.story-header p{font-family:var(--font-family-sans);letter-spacing:0}.story-header p{color:var(--label-secondary,#626a90);font-size:var(--text-regular-size);font-weight:var(--text-regular-weight);line-height:var(--text-regular-line);margin:0}.typography-section{margin-bottom:3rem}.typography-section__title{border-bottom:2px solid var(--border-primary,#e8e9ef);color:var(--label-primary,#121e52);font-family:var(--font-family-sans);font-size:var(--heading-h2-size);font-weight:var(--heading-h2-weight);letter-spacing:0;line-height:var(--heading-h2-line);margin:0 0 2rem;padding-bottom:1rem}.typography-example,.typography-grid{display:grid;gap:2rem}.typography-example{align-items:center;background:var(--surface-primary,#fff);border:1px solid var(--border-primary,#e8e9ef);border-radius:8px;grid-template-columns:1fr auto;padding:1.5rem}.typography-sample{color:var(--label-primary,#121e52)}.typography-info{min-width:200px;text-align:right}.typography-name{color:var(--label-primary,#121e52);font-family:var(--font-family-sans);font-size:var(--text-small-size);font-weight:var(--text-small-emphasis-weight);letter-spacing:0;line-height:var(--text-small-line);margin-bottom:.25rem}.typography-specs{display:flex;gap:1rem;justify-content:flex-end;margin-bottom:.25rem}.typography-size,.typography-weight{background:var(--surface-secondary,#f8f8fa);border-radius:4px;font-family:var(--font-family-sans);font-family:var(--font-family-mono);padding:.25rem .5rem}.typography-description,.typography-size,.typography-weight{color:var(--label-secondary,#626a90);font-size:var(--text-xs-size);font-weight:var(--text-xs-weight);letter-spacing:0;line-height:var(--text-xs-line)}.typography-description{font-family:var(--font-family-sans);font-style:italic}@media (max-width:768px){.typography-story{padding:1rem}.typography-example{gap:1rem;grid-template-columns:1fr}.typography-info{text-align:left}.typography-specs{justify-content:flex-start}}.chart{background-color:var(--surface-primary);border:1px solid var(--border-primary);border-radius:.5rem;box-sizing:border-box;display:flex;flex-direction:column;gap:1.4375rem;max-width:100%;min-width:0;overflow:hidden;padding:1rem;position:relative;transition:all .3s ease-in-out;width:100%}.chart--loading .chart__wrapper{opacity:.6;transition:opacity .3s ease-in-out}.chart--refreshing .chart__wrapper{opacity:.95;transition:opacity .2s ease-in-out}.chart--refreshing{border-color:#1f9ab54d}.chart[data-full-width=true] .chart__container{margin-left:-1rem;margin-right:-1rem;padding:0;width:calc(100% + 2rem)}.chart[data-full-width=true] .chart__wrapper{margin-left:0;margin-right:0;max-width:none;width:100%}@media (max-width:480px){.chart{gap:1rem;padding:.75rem}}@media (min-width:481px) and (max-width:768px){.chart{gap:1.25rem;padding:1rem}}@media (min-width:769px){.chart{gap:1.4375rem;padding:1.375rem 1rem}}.chart__header{display:flex;flex-direction:column;gap:.25rem;margin-left:.25rem}@media (min-width:768px){.chart__header{margin-left:.75rem}}.chart__title{align-items:center;color:var(--label-primary);display:flex;font-family:var(--font-family-sans);font-size:var(--heading-h3-size);font-weight:var(--heading-h3-weight);gap:.5rem;letter-spacing:0;line-height:var(--heading-h3-line);line-height:1.2;margin:0;padding:0}@media (min-width:480px){.chart__title{font-size:16px}}@media (min-width:768px){.chart__title{font-size:17px;line-height:1.176}}.chart__title-refresh-indicator{animation:refreshSpin 1s linear infinite;color:var(--label-primary);font-size:12px;opacity:.7}@keyframes refreshSpin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.chart__subtitle{color:var(--label-secondary);font-family:var(--font-family-sans);font-size:var(--heading-h5-size);font-weight:var(--heading-h5-weight);letter-spacing:0;line-height:var(--heading-h5-line);line-height:1.4;margin:0;padding:0}@media (min-width:480px){.chart__subtitle{font-size:12.5px}}@media (min-width:768px){.chart__subtitle{font-size:13px;line-height:1.538}}.chart__container{box-sizing:border-box;margin:0 -1rem -1rem;max-width:100%;overflow:visible;padding:0;position:relative;transition:all .3s ease-in-out;width:100%}@media (max-width:480px){.chart__container{margin:0 -.75rem -.75rem;padding:0}}@media (min-width:768px){.chart__container{margin:0 -1rem -1.375rem;padding:0}}.chart__loading-overlay{align-items:center;backdrop-filter:blur(1px);background:#f8f8facc;bottom:0;display:flex;justify-content:center;left:0;position:absolute;right:0;top:0;transition:opacity .3s ease-in-out;z-index:10}@keyframes chartSpin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.chart__wrapper{box-sizing:border-box;height:220px;max-width:100%;overflow:visible;position:relative;transition:all .3s ease-in-out;width:100%}@media (min-width:480px){.chart__wrapper{height:250px}}@media (min-width:768px){.chart__wrapper{height:280px}}@media (min-width:1024px){.chart__wrapper{height:300px}}@media (min-width:1440px){.chart__wrapper{height:320px}}.chart__tooltip{background-color:#fff;border:1px solid var(--border-primary);border-radius:.5rem;box-shadow:0 4px 12px #121e521a;max-width:180px;min-width:80px;padding:.5rem}@media (min-width:480px){.chart__tooltip{max-width:190px;min-width:90px;padding:.625rem}}@media (min-width:768px){.chart__tooltip{max-width:200px;min-width:100px;padding:.75rem}}.chart__tooltip-label{color:var(--label-secondary);font-size:11px;font-weight:600;line-height:1;margin-bottom:.25rem}@media (min-width:480px){.chart__tooltip-label{font-size:12px}}@media (min-width:768px){.chart__tooltip-label{font-size:13px}}.chart__tooltip-value{color:var(--label-primary);font-size:13px;font-weight:700;line-height:1;margin-bottom:.25rem}@media (min-width:480px){.chart__tooltip-value{font-size:14px}}@media (min-width:768px){.chart__tooltip-value{font-size:15px}}.chart__tooltip-participants{color:var(--label-secondary);font-size:9px;font-weight:500;line-height:1;margin-bottom:.5rem}@media (min-width:480px){.chart__tooltip-participants{font-size:9.5px}}@media (min-width:768px){.chart__tooltip-participants{font-size:10px}}.chart__tooltip-trend{font-size:10px;font-weight:500;line-height:1;margin-bottom:.25rem}@media (min-width:480px){.chart__tooltip-trend{font-size:10.5px}}@media (min-width:768px){.chart__tooltip-trend{font-size:11px}}.chart__tooltip-trend.positive{color:var(--success-dark,#2d6b18)}.chart__tooltip-trend.negative{color:var(--error-dark,#cc3c35)}.chart__tooltip-trend.neutral{color:var(--label-secondary)}.chart__tooltip-trend-content{align-items:center;display:flex;gap:.25rem}.chart__tooltip-trend-icon{flex-shrink:0}.chart__tooltip-trend-icon.positive{color:var(--success-dark,#2d6b18)}.chart__tooltip-trend-icon.negative{color:var(--error-dark,#cc3c35)}.chart__tooltip-trend-value{font-weight:600}.chart__tooltip-comparison{color:var(--label-secondary);font-size:9px;font-weight:500;line-height:1;margin-top:.25rem}@media (min-width:480px){.chart__tooltip-comparison{font-size:9.5px}}@media (min-width:768px){.chart__tooltip-comparison{font-size:10px}}.chart :global .recharts-cartesian-axis-tick text{fill:var(--label-secondary)!important;font-family:var(--font-family-sans);font-size:var(--heading-h6-size);font-weight:var(--heading-h6-weight);letter-spacing:0;line-height:var(--heading-h6-line)}@media (min-width:480px){.chart :global .recharts-cartesian-axis-tick text{font-size:10px!important}}@media (min-width:768px){.chart :global .recharts-cartesian-axis-tick text{font-size:11px!important}}.chart :global .recharts-cartesian-grid-horizontal line,.chart :global .recharts-cartesian-grid-vertical line{stroke:var(--label-secondary)!important;stroke-dasharray:3 3!important}.chart :global .recharts-tooltip-cursor{fill:#0000}.chart :global .recharts-reference-line line{stroke:var(--fill-action)!important;stroke-width:2!important;stroke-dasharray:6 4!important}.chart :global .recharts-area-dot{r:3!important}@media (min-width:480px){.chart :global .recharts-area-dot{r:3.5!important}}@media (min-width:768px){.chart :global .recharts-area-dot{r:4!important}}.chart :global .recharts-active-dot{r:5!important}@media (min-width:480px){.chart :global .recharts-active-dot{r:5.5!important}}@media (min-width:768px){.chart :global .recharts-active-dot{r:6!important}}.chart :global .recharts-responsive-container{height:100%!important;transition:all .3s ease-in-out;width:100%!important}.chart :global .recharts-surface{transition:all .3s ease-in-out;width:100%!important}.chart :global .recharts-area{filter:drop-shadow(0 2px 8px rgba(31,154,181,.15));transition:filter .3s ease-in-out}.chart :global .recharts-area:hover{filter:drop-shadow(0 4px 12px rgba(31,154,181,.25))}.chart :global .recharts-cartesian-axis.recharts-yAxis .recharts-cartesian-axis-tick text{text-anchor:end!important}.chart[data-full-width=true] :global .recharts-cartesian-axis-tick text{font-size:10px!important}";
+styleInject(css_248z);
+
+export { css_248z as default };

package/dist/v2/dashboard-analytics/chart/index.d.ts

@@ -0,0 +1,3 @@
+export { Chart } from './Chart';
+export type { ChartProps } from './Chart';
+//# sourceMappingURL=index.d.ts.map

package/dist/v2/dashboard-analytics/chart/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/v2/dashboard-analytics/chart/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,KAAK,EAAE,MAAM,SAAS,CAAC;AAChC,YAAY,EAAE,UAAU,EAAE,MAAM,SAAS,CAAC"}

package/dist/v2/dashboard-analytics/dashboard/Dashboard.d.ts

@@ -0,0 +1,57 @@
+import React from 'react';
+import { ChartProps } from '../chart';
+import './Dashboard.scss';
+interface MetricsData {
+    totalBookings: {
+        value: string;
+        change: string;
+        is_positive: boolean;
+        label?: string;
+    };
+    revenue: {
+        value: string;
+        change: string;
+        is_positive: boolean;
+        label?: string;
+    };
+    numberOfPeople: {
+        value: string;
+        change: string;
+        is_positive: boolean;
+        formatted_value?: string;
+        label?: string;
+    };
+    busiestTime: {
+        value: string;
+        peopleText: string;
+        bookingText: string;
+        label?: string;
+    };
+    peopleInVenue: {
+        value: string;
+        formatted_value: string;
+        description: string;
+    };
+    workHours: {
+        company_name: string;
+        is_open: boolean;
+        status: string;
+        message: string;
+        opens_at: string;
+    };
+}
+interface DashboardProps {
+    metrics: MetricsData;
+    bookingsChart: ChartProps;
+    revenueChart: ChartProps;
+    timeFilter: 'Today' | 'Yesterday' | 'This Week';
+    bookingTypeFilter?: 'Bookings For' | 'Bookings Made';
+    onFilterChange?: (filter: 'Today' | 'Yesterday' | 'This Week') => void;
+    onBookingTypeChange?: (bookingType: 'Bookings For' | 'Bookings Made') => void;
+    className?: string;
+    isLoading?: boolean;
+    isRefreshing?: boolean;
+}
+export declare const Dashboard: React.FC<DashboardProps>;
+export type { DashboardProps };
+//# sourceMappingURL=Dashboard.d.ts.map

package/dist/v2/dashboard-analytics/dashboard/Dashboard.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Dashboard.d.ts","sourceRoot":"","sources":["../../../../src/v2/dashboard-analytics/dashboard/Dashboard.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAAS,UAAU,EAAE,MAAM,UAAU,CAAC;AAQ7C,OAAO,kBAAkB,CAAC;AAE1B,UAAU,WAAW;IACnB,aAAa,EAAE;QACb,KAAK,EAAE,MAAM,CAAC;QACd,MAAM,EAAE,MAAM,CAAC;QACf,WAAW,EAAE,OAAO,CAAC;QACrB,KAAK,CAAC,EAAE,MAAM,CAAC;KAChB,CAAC;IACF,OAAO,EAAE;QACP,KAAK,EAAE,MAAM,CAAC;QACd,MAAM,EAAE,MAAM,CAAC;QACf,WAAW,EAAE,OAAO,CAAC;QACrB,KAAK,CAAC,EAAE,MAAM,CAAC;KAChB,CAAC;IACF,cAAc,EAAE;QACd,KAAK,EAAE,MAAM,CAAC;QACd,MAAM,EAAE,MAAM,CAAC;QACf,WAAW,EAAE,OAAO,CAAC;QACrB,eAAe,CAAC,EAAE,MAAM,CAAC;QACzB,KAAK,CAAC,EAAE,MAAM,CAAC;KAChB,CAAC;IACF,WAAW,EAAE;QACX,KAAK,EAAE,MAAM,CAAC;QACd,UAAU,EAAE,MAAM,CAAC;QACnB,WAAW,EAAE,MAAM,CAAC;QACpB,KAAK,CAAC,EAAE,MAAM,CAAC;KAChB,CAAC;IACF,aAAa,EAAE;QACb,KAAK,EAAE,MAAM,CAAC;QACd,eAAe,EAAE,MAAM,CAAC;QACxB,WAAW,EAAE,MAAM,CAAC;KACrB,CAAC;IACF,SAAS,EAAE;QACT,YAAY,EAAE,MAAM,CAAC;QACrB,OAAO,EAAE,OAAO,CAAC;QACjB,MAAM,EAAE,MAAM,CAAC;QACf,OAAO,EAAE,MAAM,CAAC;QAChB,QAAQ,EAAE,MAAM,CAAC;KAClB,CAAC;CACH;AAED,UAAU,cAAc;IACtB,OAAO,EAAE,WAAW,CAAC;IACrB,aAAa,EAAE,UAAU,CAAC;IAC1B,YAAY,EAAE,UAAU,CAAC;IACzB,UAAU,EAAE,OAAO,GAAG,WAAW,GAAG,WAAW,CAAC;IAChD,iBAAiB,CAAC,EAAE,cAAc,GAAG,eAAe,CAAC;IACrD,cAAc,CAAC,EAAE,CAAC,MAAM,EAAE,OAAO,GAAG,WAAW,GAAG,WAAW,KAAK,IAAI,CAAC;IACvE,mBAAmB,CAAC,EAAE,CAAC,WAAW,EAAE,cAAc,GAAG,eAAe,KAAK,IAAI,CAAC;IAC9E,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,YAAY,CAAC,EAAE,OAAO,CAAC;CACxB;AAED,eAAO,MAAM,SAAS,EAAE,KAAK,CAAC,EAAE,CAAC,cAAc,CAqL9C,CAAC;AAEF,YAAY,EAAE,cAAc,EAAE,CAAC"}

package/dist/v2/dashboard-analytics/dashboard/Dashboard.js

@@ -0,0 +1,270 @@
+import { jsxs, jsx } from 'react/jsx-runtime';
+import React__default from 'react';
+import { Chart } from '../chart/Chart.js';
+import { MetricCard } from '../metric-card/MetricCard.js';
+import { Select } from '../../components/Select/Select.js';
+import { VenueCard } from '../venue-card/VenueCard.js';
+import { Blog } from '../blog-posts/Blog.js';
+import { VenueClosedCard } from '../venue-closed-card/VenueClosedCard.js';
+import { ReactComponent as SvgTrendUp } from '../../../assets/Trend-Up.svg.js';
+import { ReactComponent as SvgTrendDown } from '../../../assets/Trend-Down.svg.js';
+import './Dashboard.scss.js';
+
+function _define_property(obj, key, value) {
+    if (key in obj) {
+        Object.defineProperty(obj, key, {
+            value: value,
+            enumerable: true,
+            configurable: true,
+            writable: true
+        });
+    } else {
+        obj[key] = value;
+    }
+    return obj;
+}
+function _object_spread(target) {
+    for(var i = 1; i < arguments.length; i++){
+        var source = arguments[i] != null ? arguments[i] : {};
+        var ownKeys = Object.keys(source);
+        if (typeof Object.getOwnPropertySymbols === "function") {
+            ownKeys = ownKeys.concat(Object.getOwnPropertySymbols(source).filter(function(sym) {
+                return Object.getOwnPropertyDescriptor(source, sym).enumerable;
+            }));
+        }
+        ownKeys.forEach(function(key) {
+            _define_property(target, key, source[key]);
+        });
+    }
+    return target;
+}
+function ownKeys(object, enumerableOnly) {
+    var keys = Object.keys(object);
+    if (Object.getOwnPropertySymbols) {
+        var symbols = Object.getOwnPropertySymbols(object);
+        if (enumerableOnly) {
+            symbols = symbols.filter(function(sym) {
+                return Object.getOwnPropertyDescriptor(object, sym).enumerable;
+            });
+        }
+        keys.push.apply(keys, symbols);
+    }
+    return keys;
+}
+function _object_spread_props(target, source) {
+    source = source != null ? source : {};
+    if (Object.getOwnPropertyDescriptors) {
+        Object.defineProperties(target, Object.getOwnPropertyDescriptors(source));
+    } else {
+        ownKeys(Object(source)).forEach(function(key) {
+            Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key));
+        });
+    }
+    return target;
+}
+var Dashboard = function(param) {
+    var metrics = param.metrics, bookingsChart = param.bookingsChart, revenueChart = param.revenueChart, timeFilter = param.timeFilter, _param_bookingTypeFilter = param.bookingTypeFilter, bookingTypeFilter = _param_bookingTypeFilter === void 0 ? 'Bookings For' : _param_bookingTypeFilter, onFilterChange = param.onFilterChange, onBookingTypeChange = param.onBookingTypeChange, _param_className = param.className, className = _param_className === void 0 ? '' : _param_className, isLoading = param.isLoading, _param_isRefreshing = param.isRefreshing, isRefreshing = _param_isRefreshing === void 0 ? false : _param_isRefreshing;
+    var _metrics_workHours, _metrics_workHours_message, _metrics_workHours1;
+    var handleFilterChange = React__default.useCallback(function(filter) {
+        onFilterChange === null || onFilterChange === void 0 ? void 0 : onFilterChange(filter);
+    }, [
+        onFilterChange
+    ]);
+    var showRefreshing = isRefreshing && !isLoading;
+    var getTimePeriodText = function(filter) {
+        switch(filter){
+            case 'Today':
+                return 'today';
+            case 'Yesterday':
+                return 'yesterday';
+            case 'This Week':
+                return 'this week';
+            default:
+                return 'today';
+        }
+    };
+    var getTrendIcon = function(change, isPositive) {
+        if (change.toLowerCase().includes('no change')) return null;
+        if (change.toLowerCase().includes('no data')) return null;
+        return isPositive ? /*#__PURE__*/ jsx(SvgTrendUp, {}) : /*#__PURE__*/ jsx(SvgTrendDown, {});
+    };
+    var VenueIcon = function() {
+        return /*#__PURE__*/ jsxs("svg", {
+            width: "32",
+            height: "32",
+            viewBox: "0 0 32 32",
+            fill: "none",
+            xmlns: "http://www.w3.org/2000/svg",
+            children: [
+                /*#__PURE__*/ jsx("path", {
+                    d: "M8 10L17 6.5V24H8V10Z",
+                    fill: "black",
+                    "fill-opacity": "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: "#626A90"
+                })
+            ]
+        });
+    };
+    return /*#__PURE__*/ jsxs("div", {
+        className: "dashboard ".concat(timeFilter !== 'Today' ? 'dashboard--charts-focus' : '', " ").concat(className).trim(),
+        children: [
+            /*#__PURE__*/ jsxs("div", {
+                className: "dashboard__filter",
+                children: [
+                    /*#__PURE__*/ jsxs(Select, {
+                        variant: "default",
+                        size: "md",
+                        defaultValue: bookingTypeFilter,
+                        onChange: function(e) {
+                            var newBookingType = e.target.value;
+                            onBookingTypeChange === null || onBookingTypeChange === void 0 ? void 0 : onBookingTypeChange(newBookingType);
+                        },
+                        children: [
+                            /*#__PURE__*/ jsx("option", {
+                                value: "Bookings For",
+                                children: "Bookings For"
+                            }),
+                            /*#__PURE__*/ jsx("option", {
+                                value: "Bookings Made",
+                                children: "Bookings Made"
+                            })
+                        ]
+                    }),
+                    /*#__PURE__*/ jsxs("div", {
+                        className: "dashboard__filter-container",
+                        children: [
+                            /*#__PURE__*/ jsxs(Select, {
+                                variant: "default",
+                                size: "md",
+                                defaultValue: timeFilter,
+                                onChange: function(e) {
+                                    var newFilter = e.target.value;
+                                    handleFilterChange(newFilter);
+                                },
+                                className: showRefreshing ? 'select--refreshing' : '',
+                                children: [
+                                    /*#__PURE__*/ jsx("option", {
+                                        value: "Today",
+                                        children: "Today"
+                                    }),
+                                    /*#__PURE__*/ jsx("option", {
+                                        value: "Yesterday",
+                                        children: "Yesterday"
+                                    }),
+                                    /*#__PURE__*/ jsx("option", {
+                                        value: "This Week",
+                                        children: "This Week"
+                                    })
+                                ]
+                            }),
+                            showRefreshing && /*#__PURE__*/ jsx("div", {
+                                className: "dashboard__refresh-indicator",
+                                children: /*#__PURE__*/ jsx("div", {
+                                    className: "dashboard__refresh-spinner"
+                                })
+                            })
+                        ]
+                    })
+                ]
+            }),
+            /*#__PURE__*/ jsxs("div", {
+                className: "dashboard__metrics-grid",
+                children: [
+                    /*#__PURE__*/ jsx(MetricCard, {
+                        icon: "https://api.builder.io/api/v1/image/assets/TEMP/a9080a040516a2aee8e202c1fecbbf08f0f4f7b0?placeholderIfAbsent=true",
+                        title: metrics.totalBookings.label || "Total Bookings",
+                        value: metrics.totalBookings.value,
+                        performance: {
+                            icon: getTrendIcon(metrics.totalBookings.change, metrics.totalBookings.is_positive),
+                            text: metrics.totalBookings.change,
+                            color: metrics.totalBookings.change.toLowerCase().includes('no change') ? "#626A90" : metrics.totalBookings.is_positive ? "#2D6B18" : "#CC3C35"
+                        }
+                    }),
+                    /*#__PURE__*/ jsx(MetricCard, {
+                        icon: "https://api.builder.io/api/v1/image/assets/TEMP/d2cc0fb13dfe9a16e4258917cb2c331c1f0e1189?placeholderIfAbsent=true",
+                        title: metrics.revenue.label || "Revenue",
+                        value: metrics.revenue.value,
+                        performance: {
+                            icon: getTrendIcon(metrics.revenue.change, metrics.revenue.is_positive),
+                            text: metrics.revenue.change,
+                            color: metrics.revenue.change.toLowerCase().includes('no change') ? "#626A90" : metrics.revenue.is_positive ? "#2D6B18" : "#CC3C35"
+                        }
+                    }),
+                    /*#__PURE__*/ jsx(MetricCard, {
+                        icon: "https://api.builder.io/api/v1/image/assets/TEMP/8c83d255f42836d5497be545d10a8ad9295aa968?placeholderIfAbsent=true",
+                        title: metrics.numberOfPeople.label || "People booked in ".concat(getTimePeriodText(timeFilter)),
+                        value: metrics.numberOfPeople.formatted_value || "".concat(metrics.numberOfPeople.value, " people"),
+                        performance: {
+                            icon: getTrendIcon(metrics.numberOfPeople.change, metrics.numberOfPeople.is_positive),
+                            text: metrics.numberOfPeople.change,
+                            color: metrics.numberOfPeople.change.toLowerCase().includes('no change') ? "#626A90" : metrics.numberOfPeople.is_positive ? "#2D6B18" : "#CC3C35"
+                        }
+                    }),
+                    /*#__PURE__*/ jsx(MetricCard, {
+                        icon: "https://api.builder.io/api/v1/image/assets/TEMP/265ca1f3a6e063263764400beb86070a49b952cb?placeholderIfAbsent=true",
+                        title: metrics.busiestTime.label || (timeFilter === 'This Week' ? 'Busiest day' : 'Busiest time'),
+                        value: metrics.busiestTime.value,
+                        performance: {
+                            text: "".concat(metrics.busiestTime.peopleText, " // ").concat(metrics.busiestTime.bookingText),
+                            color: "#121E52"
+                        }
+                    })
+                ]
+            }),
+            /*#__PURE__*/ jsxs("div", {
+                className: "dashboard__content",
+                children: [
+                    /*#__PURE__*/ jsxs("div", {
+                        className: "dashboard__charts-section",
+                        children: [
+                            /*#__PURE__*/ jsx(Chart, _object_spread_props(_object_spread({}, bookingsChart), {
+                                period: timeFilter === 'Today' ? 'today' : timeFilter === 'Yesterday' ? 'yesterday' : timeFilter === 'This Week' ? 'week' : 'today',
+                                isFullWidth: true,
+                                className: showRefreshing ? 'chart--refreshing' : '',
+                                isLoading: isLoading,
+                                isRefreshing: showRefreshing
+                            })),
+                            /*#__PURE__*/ jsx(Chart, _object_spread_props(_object_spread({}, revenueChart), {
+                                isRevenue: true,
+                                period: timeFilter === 'Today' ? 'today' : timeFilter === 'Yesterday' ? 'yesterday' : timeFilter === 'This Week' ? 'week' : 'today',
+                                isFullWidth: true,
+                                className: showRefreshing ? 'chart--refreshing' : '',
+                                isLoading: isLoading,
+                                isRefreshing: showRefreshing
+                            }))
+                        ]
+                    }),
+                    timeFilter === 'Today' && /*#__PURE__*/ jsxs("div", {
+                        className: "dashboard__sidebar",
+                        children: [
+                            ((_metrics_workHours = metrics.workHours) === null || _metrics_workHours === void 0 ? void 0 : _metrics_workHours.is_open) ? /*#__PURE__*/ jsxs("div", {
+                                className: "dashboard__venue-section",
+                                children: [
+                                    /*#__PURE__*/ jsx(VenueCard, {
+                                        icon: "https://api.builder.io/api/v1/image/assets/TEMP/b44b83b1f30b882d65f942ec883e90ae34fdb2d0?placeholderIfAbsent=true",
+                                        title: "In venue",
+                                        value: metrics.peopleInVenue.formatted_value || '0'
+                                    }),
+                                    /*#__PURE__*/ jsx(VenueCard, {
+                                        icon: /*#__PURE__*/ jsx(VenueIcon, {}),
+                                        title: "Open until",
+                                        value: ((_metrics_workHours1 = metrics.workHours) === null || _metrics_workHours1 === void 0 ? void 0 : (_metrics_workHours_message = _metrics_workHours1.message) === null || _metrics_workHours_message === void 0 ? void 0 : _metrics_workHours_message.replace('Open until ', '')) || '',
+                                        shadowColor: "#121E52"
+                                    })
+                                ]
+                            }) : /*#__PURE__*/ jsx(VenueClosedCard, {
+                                venueInfo: metrics.workHours
+                            }),
+                            /*#__PURE__*/ jsx(Blog, {})
+                        ]
+                    })
+                ]
+            })
+        ]
+    });
+};
+
+export { Dashboard };

package/dist/v2/dashboard-analytics/dashboard/Dashboard.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{background-color:var(--surface-primary);box-sizing:border-box;display:flex;flex-direction:column;gap:1rem;max-width:100%;overflow:hidden;padding-bottom:24px;transition:all .3s ease-in-out;width:100%}.dashboard__metrics-grid{display:grid;gap:1rem;grid-template-columns:1fr;padding:0 1rem}@media (min-width:768px){.dashboard__metrics-grid{grid-template-columns:repeat(4,1fr);padding:0 1rem}}.dashboard__filter{align-items:center;color:var(--surface-primary);display:flex;font-size:13px;font-weight:500;gap:1rem;line-height:1;max-width:100%;padding:1rem 1rem 0;text-align:right;transition:all .3s ease-in-out}@media (min-width:768px){.dashboard__filter{max-width:100%}}.dashboard__filter .select--transitioning{opacity:.8;transition:all .2s ease-in-out}.dashboard__charts{display:flex;flex-direction:column;gap:1rem;padding:0 1rem}@media (min-width:480px){.dashboard__charts{gap:1rem}}@media (min-width:768px){.dashboard__charts{gap:1.5rem;padding:0 1rem}}.dashboard__metric-performance-text{color:var(--label-secondary);display:flex;flex-direction:column;font-size:11px;font-weight:500;gap:.25rem}.dashboard__metric-performance-text--mobile{display:block}@media (min-width:768px){.dashboard__metric-performance-text--mobile{display:none}}.dashboard__metric-performance-text--desktop{display:none}@media (min-width:768px){.dashboard__metric-performance-text--desktop{display:flex;flex-direction:column;gap:.25rem}}.dashboard__content{align-items:flex-start;display:flex;gap:.75rem;overflow:hidden;padding:0 1rem;width:100%}@media (min-width:480px){.dashboard__content{gap:1rem}}@media (min-width:768px){.dashboard__content{padding:0 1rem}}@media (max-width:1024px){.dashboard__content{flex-direction:column}}@media (min-width:1200px){.dashboard__content{gap:1.5rem}}.dashboard__content:has(.dashboard__charts-section:only-child){padding-right:1rem}@media (min-width:768px){.dashboard__content:has(.dashboard__charts-section:only-child){padding-right:1rem}}.dashboard__charts-section{display:flex;flex:1;flex-direction:column;gap:.75rem;min-width:0;overflow:hidden;transition:all .3s ease-in-out;width:100%}@media (min-width:480px){.dashboard__charts-section{gap:1rem}}@media (min-width:768px){.dashboard__charts-section{gap:1rem}}@media (min-width:1200px){.dashboard__charts-section{gap:1rem}}.dashboard__charts-section:only-child{margin-right:0;padding-right:0}.dashboard__charts-section--transitioning{opacity:.8;transform:translateY(2px)}.dashboard__charts-section--transitioning .chart{filter:blur(1px);transition:all .3s ease-in-out}.dashboard__charts-section .chart--transitioning{opacity:.7;transform:scale(.98);transition:all .3s ease-in-out}.dashboard__sidebar{display:flex;flex-direction:column;flex-shrink:0;gap:1rem;min-width:280px;width:auto}@media (min-width:480px){.dashboard__sidebar{gap:1.25rem}}@media (min-width:768px){.dashboard__sidebar{gap:1.5rem}}@media (max-width:1024px){.dashboard__sidebar{min-width:0;width:100%}}@media (min-width:1440px){.dashboard__sidebar{min-width:320px}}.dashboard__venue-section{display:flex;flex-direction:row;flex-shrink:0;gap:.75rem;width:auto}@media (min-width:480px){.dashboard__venue-section{gap:1rem}}@media (max-width:1024px){.dashboard__venue-section{width:100%}}@media (min-width:1200px){.dashboard__venue-section{gap:1.25rem}}.dashboard--charts-focus .dashboard__content{padding:0 1rem}@media (min-width:768px){.dashboard--charts-focus .dashboard__content{padding:0 1rem}}.dashboard--charts-focus .dashboard__charts-section{padding:0}.dashboard--charts-focus .dashboard__charts-section .chart{padding:1rem}.dashboard--charts-focus .dashboard__charts-section .chart[data-full-width=true] .chart__container{margin-left:-1rem;margin-right:-1rem;padding-left:1rem;width:calc(100% + 2rem)}@media (max-width:480px){.dashboard--charts-focus .dashboard__charts-section .chart[data-full-width=true] .chart__container{padding-left:.75rem}.dashboard--charts-focus .dashboard__charts-section .chart{padding:.75rem}}@media (min-width:768px){.dashboard--charts-focus .dashboard__charts-section .chart{padding:1.375rem 1rem 1rem}}";
+styleInject(css_248z);
+
+export { css_248z as default };

package/dist/v2/dashboard-analytics/dashboard/index.d.ts

@@ -0,0 +1,3 @@
+export { Dashboard } from './Dashboard';
+export type { DashboardProps } from './Dashboard';
+//# sourceMappingURL=index.d.ts.map

package/dist/v2/dashboard-analytics/dashboard/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/v2/dashboard-analytics/dashboard/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,MAAM,aAAa,CAAC;AACxC,YAAY,EAAE,cAAc,EAAE,MAAM,aAAa,CAAC"}

package/dist/v2/dashboard-analytics/index.d.ts

@@ -0,0 +1,13 @@
+export { MetricCard } from './metric-card';
+export type { MetricCardProps } from './metric-card';
+export { VenueCard } from './venue-card';
+export type { VenueCardProps } from './venue-card';
+export { VenueClosedCard } from './venue-closed-card';
+export type { VenueClosedCardProps } from './venue-closed-card';
+export { Chart } from './chart';
+export type { ChartProps } from './chart';
+export { Dashboard } from './dashboard';
+export type { DashboardProps } from './dashboard';
+export { Blog } from './blog-posts';
+export type { BlogProps, BlogPost } from './blog-posts';
+//# sourceMappingURL=index.d.ts.map

package/dist/v2/dashboard-analytics/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/v2/dashboard-analytics/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,UAAU,EAAE,MAAM,eAAe,CAAA;AAC1C,YAAY,EAAE,eAAe,EAAE,MAAM,eAAe,CAAA;AACpD,OAAO,EAAE,SAAS,EAAE,MAAM,cAAc,CAAA;AACxC,YAAY,EAAE,cAAc,EAAE,MAAM,cAAc,CAAA;AAClD,OAAO,EAAE,eAAe,EAAE,MAAM,qBAAqB,CAAA;AACrD,YAAY,EAAE,oBAAoB,EAAE,MAAM,qBAAqB,CAAA;AAC/D,OAAO,EAAE,KAAK,EAAE,MAAM,SAAS,CAAA;AAC/B,YAAY,EAAE,UAAU,EAAE,MAAM,SAAS,CAAA;AACzC,OAAO,EAAE,SAAS,EAAE,MAAM,aAAa,CAAA;AACvC,YAAY,EAAE,cAAc,EAAE,MAAM,aAAa,CAAA;AACjD,OAAO,EAAE,IAAI,EAAE,MAAM,cAAc,CAAA;AACnC,YAAY,EAAE,SAAS,EAAE,QAAQ,EAAE,MAAM,cAAc,CAAA"}

package/dist/v2/dashboard-analytics/metric-card/MetricCard.d.ts

@@ -0,0 +1,17 @@
+import React from 'react';
+import './MetricCard.scss';
+interface MetricCardProps {
+    icon: string;
+    title: string;
+    value: string;
+    performance?: {
+        icon?: React.ReactNode;
+        text: string | React.ReactNode;
+        color: string;
+    };
+    showStatusDot?: boolean;
+    className?: string;
+}
+export declare const MetricCard: React.FC<MetricCardProps>;
+export type { MetricCardProps };
+//# sourceMappingURL=MetricCard.d.ts.map

package/dist/v2/dashboard-analytics/metric-card/MetricCard.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"MetricCard.d.ts","sourceRoot":"","sources":["../../../../src/v2/dashboard-analytics/metric-card/MetricCard.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,mBAAmB,CAAC;AAE3B,UAAU,eAAe;IACvB,IAAI,EAAE,MAAM,CAAC;IACb,KAAK,EAAE,MAAM,CAAC;IACd,KAAK,EAAE,MAAM,CAAC;IACd,WAAW,CAAC,EAAE;QACZ,IAAI,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;QACvB,IAAI,EAAE,MAAM,GAAG,KAAK,CAAC,SAAS,CAAC;QAC/B,KAAK,EAAE,MAAM,CAAC;KACf,CAAC;IACF,aAAa,CAAC,EAAE,OAAO,CAAC;IACxB,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AAED,eAAO,MAAM,UAAU,EAAE,KAAK,CAAC,EAAE,CAAC,eAAe,CAqDhD,CAAC;AAEF,YAAY,EAAE,eAAe,EAAE,CAAC"}

package/dist/v2/dashboard-analytics/metric-card/MetricCard.js

@@ -0,0 +1,65 @@
+import { jsxs, jsx } from 'react/jsx-runtime';
+import 'react';
+import './MetricCard.scss.js';
+
+var MetricCard = function(param) {
+    var icon = param.icon, title = param.title, value = param.value, performance = param.performance, _param_showStatusDot = param.showStatusDot, showStatusDot = _param_showStatusDot === void 0 ? false : _param_showStatusDot, _param_className = param.className, className = _param_className === void 0 ? '' : _param_className;
+    var cardClasses = [
+        'metric-card',
+        (className === null || className === void 0 ? void 0 : className.includes('no-border')) && 'no-border',
+        (className === null || className === void 0 ? void 0 : className.includes('inline-metric')) && 'inline-metric',
+        (className === null || className === void 0 ? void 0 : className.includes('h-20')) && 'h-20',
+        (className === null || className === void 0 ? void 0 : className.includes('h-16')) && 'h-16',
+        showStatusDot && 'status-active',
+        className
+    ].filter(Boolean).join(' ');
+    return /*#__PURE__*/ jsxs("div", {
+        className: cardClasses,
+        children: [
+            /*#__PURE__*/ jsx("div", {
+                className: "metric-card__icon-wrapper",
+                children: /*#__PURE__*/ jsx("img", {
+                    src: icon,
+                    className: "metric-card__icon",
+                    alt: title
+                })
+            }),
+            /*#__PURE__*/ jsxs("div", {
+                className: "metric-card__content",
+                children: [
+                    /*#__PURE__*/ jsxs("div", {
+                        className: "metric-card__header",
+                        children: [
+                            /*#__PURE__*/ jsx("div", {
+                                className: "metric-card__title",
+                                children: title
+                            }),
+                            /*#__PURE__*/ jsx("div", {
+                                className: "metric-card__value",
+                                children: value
+                            })
+                        ]
+                    }),
+                    performance && /*#__PURE__*/ jsxs("div", {
+                        className: "metric-card__performance",
+                        style: {
+                            color: performance.color
+                        },
+                        children: [
+                            performance.icon && /*#__PURE__*/ jsx("span", {
+                                className: "metric-card__performance-icon",
+                                children: performance.icon
+                            }),
+                            /*#__PURE__*/ jsx("span", {
+                                className: "metric-card__performance-text",
+                                children: performance.text
+                            })
+                        ]
+                    })
+                ]
+            })
+        ]
+    });
+};
+
+export { MetricCard };

package/dist/v2/dashboard-analytics/metric-card/MetricCard.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 = ":root{--font-family-sans:\"Geist\",-apple-system,BlinkMacSystemFont,\"Segoe UI\",\"Roboto\",\"Helvetica Neue\",Arial,sans-serif;--font-family-mono:\"Geist Mono\",ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,\"Liberation Mono\",\"Courier New\",monospace;--heading-xxl-size:44px;--heading-xxl-line:48px;--heading-xxl-weight:600;--heading-xl-size:32px;--heading-xl-line:36px;--heading-xl-weight:700;--heading-h1-size:24px;--heading-h1-line:28px;--heading-h1-weight:600;--heading-h2-size:20px;--heading-h2-line:24px;--heading-h2-weight:600;--heading-h3-size:17px;--heading-h3-line:20px;--heading-h3-weight:600;--heading-h4-size:15px;--heading-h4-line:18px;--heading-h4-weight:600;--heading-h5-size:13px;--heading-h5-line:16px;--heading-h5-weight:500;--heading-h6-size:11px;--heading-h6-line:14px;--heading-h6-weight:500;--heading-xxl-mobile-size:32px;--heading-xxl-mobile-line:36px;--heading-xxl-mobile-weight:600;--heading-xl-mobile-size:26px;--heading-xl-mobile-line:30px;--heading-xl-mobile-weight:700;--heading-h1-mobile-size:20px;--heading-h1-mobile-line:23px;--heading-h1-mobile-weight:600;--heading-h2-mobile-size:18px;--heading-h2-mobile-line:22px;--heading-h2-mobile-weight:600;--heading-h3-mobile-size:16px;--heading-h3-mobile-line:18px;--heading-h3-mobile-weight:600;--heading-h4-mobile-size:14px;--heading-h4-mobile-line:16px;--heading-h4-mobile-weight:600;--heading-h5-mobile-size:13px;--heading-h5-mobile-line:16px;--heading-h5-mobile-weight:500;--heading-h6-mobile-size:11px;--heading-h6-mobile-line:14px;--heading-h6-mobile-weight:500;--text-xl-size:20px;--text-xl-line:26px;--text-xl-weight:400;--text-large-size:18px;--text-large-line:24px;--text-large-weight:400;--text-regular-size:15px;--text-regular-line:20px;--text-regular-weight:400;--text-regular-emphasis-weight:500;--text-small-size:13px;--text-small-line:16px;--text-small-weight:400;--text-small-emphasis-weight:500;--text-small-bold-weight:600;--text-xs-size:10px;--text-xs-line:13px;--text-xs-weight:500;--text-xs-bold-weight:600}.heading-desktop-xxl{font-size:var(--heading-xxl-size);font-weight:var(--heading-xxl-weight);line-height:var(--heading-xxl-line)}.heading-desktop-xl,.heading-desktop-xxl{font-family:var(--font-family-sans)!important;letter-spacing:0}.heading-desktop-xl{font-size:var(--heading-xl-size);font-weight:var(--heading-xl-weight);line-height:var(--heading-xl-line)}.heading-desktop-h1{font-size:var(--heading-h1-size);font-weight:var(--heading-h1-weight);line-height:var(--heading-h1-line)}.heading-desktop-h1,.heading-desktop-h2{font-family:var(--font-family-sans)!important;letter-spacing:0}.heading-desktop-h2{font-size:var(--heading-h2-size);font-weight:var(--heading-h2-weight);line-height:var(--heading-h2-line)}.heading-desktop-h3{font-size:var(--heading-h3-size);font-weight:var(--heading-h3-weight);line-height:var(--heading-h3-line)}.heading-desktop-h3,.heading-desktop-h4{font-family:var(--font-family-sans)!important;letter-spacing:0}.heading-desktop-h4{font-size:var(--heading-h4-size);font-weight:var(--heading-h4-weight);line-height:var(--heading-h4-line)}.heading-desktop-h5{font-size:var(--heading-h5-size);font-weight:var(--heading-h5-weight);line-height:var(--heading-h5-line)}.heading-desktop-h5,.heading-desktop-h6{font-family:var(--font-family-sans)!important;letter-spacing:0}.heading-desktop-h6{font-size:var(--heading-h6-size);font-weight:var(--heading-h6-weight);line-height:var(--heading-h6-line)}.heading-mobile-xxl{font-size:var(--heading-xxl-mobile-size);font-weight:var(--heading-xxl-mobile-weight);line-height:var(--heading-xxl-mobile-line)}.heading-mobile-xl,.heading-mobile-xxl{font-family:var(--font-family-sans)!important;letter-spacing:0}.heading-mobile-xl{font-size:var(--heading-xl-mobile-size);font-weight:var(--heading-xl-mobile-weight);line-height:var(--heading-xl-mobile-line)}.heading-mobile-h1{font-size:var(--heading-h1-mobile-size);font-weight:var(--heading-h1-mobile-weight);line-height:var(--heading-h1-mobile-line)}.heading-mobile-h1,.heading-mobile-h2{font-family:var(--font-family-sans)!important;letter-spacing:0}.heading-mobile-h2{font-size:var(--heading-h2-mobile-size);font-weight:var(--heading-h2-mobile-weight);line-height:var(--heading-h2-mobile-line)}.heading-mobile-h3{font-size:var(--heading-h3-mobile-size);font-weight:var(--heading-h3-mobile-weight);line-height:var(--heading-h3-mobile-line)}.heading-mobile-h3,.heading-mobile-h4{font-family:var(--font-family-sans)!important;letter-spacing:0}.heading-mobile-h4{font-size:var(--heading-h4-mobile-size);font-weight:var(--heading-h4-mobile-weight);line-height:var(--heading-h4-mobile-line)}.heading-mobile-h5{font-size:var(--heading-h5-mobile-size);font-weight:var(--heading-h5-mobile-weight);line-height:var(--heading-h5-mobile-line)}.heading-mobile-h5,.heading-mobile-h6{font-family:var(--font-family-sans)!important;letter-spacing:0}.heading-mobile-h6{font-size:var(--heading-h6-mobile-size);font-weight:var(--heading-h6-mobile-weight);line-height:var(--heading-h6-mobile-line)}.body-desktop-xl{font-size:var(--text-xl-size);font-weight:var(--text-xl-weight);line-height:var(--text-xl-line)}.body-desktop-large,.body-desktop-xl{font-family:var(--font-family-sans)!important;letter-spacing:0}.body-desktop-large{font-size:var(--text-large-size);font-weight:var(--text-large-weight);line-height:var(--text-large-line)}.body-desktop-regular{font-weight:var(--text-regular-weight)}.body-desktop-regular,.body-desktop-regular-emphasis{font-family:var(--font-family-sans)!important;font-size:var(--text-regular-size);letter-spacing:0;line-height:var(--text-regular-line)}.body-desktop-regular-emphasis{font-weight:var(--text-regular-emphasis-weight)}.body-desktop-small{font-weight:var(--text-small-weight)}.body-desktop-small,.body-desktop-small-emphasis{font-family:var(--font-family-sans)!important;font-size:var(--text-small-size);letter-spacing:0;line-height:var(--text-small-line)}.body-desktop-small-emphasis{font-weight:var(--text-small-emphasis-weight)}.body-desktop-small-bold{font-family:var(--font-family-sans)!important;font-size:var(--text-small-size);font-weight:var(--text-small-bold-weight);letter-spacing:0;line-height:var(--text-small-line)}.body-desktop-xs{font-weight:var(--text-xs-weight)}.body-desktop-xs,.body-desktop-xs-bold{font-family:var(--font-family-sans)!important;font-size:var(--text-xs-size);letter-spacing:0;line-height:var(--text-xs-line)}.body-desktop-xs-bold{font-weight:var(--text-xs-bold-weight)}.typography-story,[id*=v2-design-system-typography] *{font-family:var(--font-family-sans)!important}.typography-story{margin:0 auto;max-width:1200px;padding:2rem}.typography-story *{font-family:inherit!important}.story-header{margin-bottom:3rem}.story-header h1{color:var(--label-primary,#121e52);font-size:var(--heading-h1-size);font-weight:var(--heading-h1-weight);line-height:var(--heading-h1-line);margin:0 0 .5rem}.story-header h1,.story-header p{font-family:var(--font-family-sans);letter-spacing:0}.story-header p{color:var(--label-secondary,#626a90);font-size:var(--text-regular-size);font-weight:var(--text-regular-weight);line-height:var(--text-regular-line);margin:0}.typography-section{margin-bottom:3rem}.typography-section__title{border-bottom:2px solid var(--border-primary,#e8e9ef);color:var(--label-primary,#121e52);font-family:var(--font-family-sans);font-size:var(--heading-h2-size);font-weight:var(--heading-h2-weight);letter-spacing:0;line-height:var(--heading-h2-line);margin:0 0 2rem;padding-bottom:1rem}.typography-example,.typography-grid{display:grid;gap:2rem}.typography-example{align-items:center;background:var(--surface-primary,#fff);border:1px solid var(--border-primary,#e8e9ef);border-radius:8px;grid-template-columns:1fr auto;padding:1.5rem}.typography-sample{color:var(--label-primary,#121e52)}.typography-info{min-width:200px;text-align:right}.typography-name{color:var(--label-primary,#121e52);font-family:var(--font-family-sans);font-size:var(--text-small-size);font-weight:var(--text-small-emphasis-weight);letter-spacing:0;line-height:var(--text-small-line);margin-bottom:.25rem}.typography-specs{display:flex;gap:1rem;justify-content:flex-end;margin-bottom:.25rem}.typography-size,.typography-weight{background:var(--surface-secondary,#f8f8fa);border-radius:4px;font-family:var(--font-family-sans);font-family:var(--font-family-mono);padding:.25rem .5rem}.typography-description,.typography-size,.typography-weight{color:var(--label-secondary,#626a90);font-size:var(--text-xs-size);font-weight:var(--text-xs-weight);letter-spacing:0;line-height:var(--text-xs-line)}.typography-description{font-family:var(--font-family-sans);font-style:italic}@media (max-width:768px){.typography-story{padding:1rem}.typography-example{gap:1rem;grid-template-columns:1fr}.typography-info{text-align:left}.typography-specs{justify-content:flex-start}}.metric-card{align-items:flex-start;align-self:stretch;background-color:var(--surface-primary);border:1px solid var(--border-primary);border-radius:var(--radius-reg,8px);display:flex;gap:var(--padding-reg,16px);padding:8px;position:relative}.metric-card.no-border{border:none;border-radius:0}.metric-card.inline-metric{align-items:center;flex-direction:row;height:80px}.metric-card.h-20{height:80px}.metric-card.h-16{height:64px}.metric-card.status-active{animation:shadow-pulse 2s ease-in-out infinite}@media (min-width:768px){.metric-card{flex-direction:column;gap:1rem;min-height:160px;padding:1rem .5rem 1rem 1rem}}.metric-card__icon-wrapper{align-items:center;align-self:stretch;background-color:var(--surface-secondary);border-radius:4px;display:flex;flex-direction:column;gap:8px;justify-content:center;padding:var(--padding-md,8px) var(--padding-md,8px);width:48px}.metric-card__icon{aspect-ratio:1;height:100%;object-fit:contain;width:100%}.metric-card__content{display:flex;flex:1;flex-direction:column;gap:8px}.metric-card__header{display:flex;flex-direction:column;gap:4px}.metric-card__title{align-self:stretch;color:var(--label-secondary);font-family:Geist,sans-serif;font-size:13px;font-style:normal;font-weight:500;line-height:16px}.metric-card__value{color:var(--label-primary);font-size:var(--heading-h3-size);font-weight:var(--heading-h3-weight);line-height:var(--heading-h3-line)}.metric-card__performance,.metric-card__value{font-family:var(--font-family-sans);letter-spacing:0}.metric-card__performance{align-items:center;display:flex;font-size:var(--heading-h6-size);font-weight:var(--heading-h6-weight);gap:.25rem;line-height:var(--heading-h6-line)}.metric-card__performance-icon{align-items:center;display:flex;flex-shrink:0}.metric-card__performance-icon svg{height:16px;width:16px}.metric-card__performance-text{font-family:var(--font-family-sans);font-size:var(--heading-h6-size);font-weight:var(--heading-h6-weight);letter-spacing:0;line-height:var(--heading-h6-line)}@keyframes shadow-pulse{0%,to{border-color:var(--success-regular);box-shadow:0 2px 12px #52c22b4d}50%{border-color:var(--border-primary);box-shadow:0 2px 12px #52c22b00}}";
+styleInject(css_248z);
+
+export { css_248z as default };

package/dist/v2/dashboard-analytics/metric-card/index.d.ts

@@ -0,0 +1,3 @@
+export { MetricCard } from './MetricCard';
+export type { MetricCardProps } from './MetricCard';
+//# sourceMappingURL=index.d.ts.map

package/dist/v2/dashboard-analytics/metric-card/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/v2/dashboard-analytics/metric-card/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,UAAU,EAAE,MAAM,cAAc,CAAA;AACzC,YAAY,EAAE,eAAe,EAAE,MAAM,cAAc,CAAA"}

package/dist/v2/dashboard-analytics/venue-card/VenueCard.d.ts

@@ -0,0 +1,12 @@
+import React, { ReactSVGElement } from 'react';
+import './VenueCard.scss';
+interface VenueCardProps {
+    icon: string | ReactSVGElement;
+    title: string;
+    value: string;
+    className?: string;
+    shadowColor?: string;
+}
+export declare const VenueCard: React.FC<VenueCardProps>;
+export type { VenueCardProps };
+//# sourceMappingURL=VenueCard.d.ts.map

package/dist/v2/dashboard-analytics/venue-card/VenueCard.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"VenueCard.d.ts","sourceRoot":"","sources":["../../../../src/v2/dashboard-analytics/venue-card/VenueCard.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAAE,eAAe,EAAE,MAAM,OAAO,CAAC;AAC/C,OAAO,kBAAkB,CAAC;AAE1B,UAAU,cAAc;IACtB,IAAI,EAAE,MAAM,GAAG,eAAe,CAAC;IAC/B,KAAK,EAAE,MAAM,CAAC;IACd,KAAK,EAAE,MAAM,CAAC;IACd,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,WAAW,CAAC,EAAE,MAAM,CAAC;CACtB;AAED,eAAO,MAAM,SAAS,EAAE,KAAK,CAAC,EAAE,CAAC,cAAc,CAgD9C,CAAC;AAEF,YAAY,EAAE,cAAc,EAAE,CAAC"}

package/dist/v2/dashboard-analytics/venue-card/VenueCard.js

@@ -0,0 +1,50 @@
+import { jsxs, jsx } from 'react/jsx-runtime';
+import 'react';
+import './VenueCard.scss.js';
+
+var VenueCard = function(param) {
+    var icon = param.icon, title = param.title, value = param.value, _param_className = param.className, className = _param_className === void 0 ? '' : _param_className, _param_shadowColor = param.shadowColor, shadowColor = _param_shadowColor === void 0 ? 'rgba(34, 197, 94, 1)' : _param_shadowColor;
+    var cardClasses = [
+        'venue-card',
+        (className === null || className === void 0 ? void 0 : className.includes('no-border')) && 'no-border',
+        (className === null || className === void 0 ? void 0 : className.includes('inline-metric')) && 'inline-metric',
+        (className === null || className === void 0 ? void 0 : className.includes('h-20')) && 'h-20',
+        (className === null || className === void 0 ? void 0 : className.includes('h-16')) && 'h-16',
+        className
+    ].filter(Boolean).join(' ');
+    return /*#__PURE__*/ jsxs("div", {
+        className: cardClasses,
+        style: {
+            animation: 'shadow-pulse 3s ease-in-out infinite',
+            '--shadow-color': shadowColor
+        },
+        children: [
+            /*#__PURE__*/ jsx("div", {
+                className: "venue-card__icon-wrapper",
+                children: typeof icon === 'string' ? /*#__PURE__*/ jsx("img", {
+                    src: icon,
+                    className: "venue-card__icon",
+                    alt: title
+                }) : icon
+            }),
+            /*#__PURE__*/ jsx("div", {
+                className: "venue-card__content",
+                children: /*#__PURE__*/ jsxs("div", {
+                    className: "venue-card__header",
+                    children: [
+                        /*#__PURE__*/ jsx("div", {
+                            className: "venue-card__title",
+                            children: title
+                        }),
+                        /*#__PURE__*/ jsx("div", {
+                            className: "venue-card__value",
+                            children: value
+                        })
+                    ]
+                })
+            })
+        ]
+    });
+};
+
+export { VenueCard };