@agilo/medusa-analytics-plugin 1.0.0

package/.medusa/server/src/admin/index.js

@@ -0,0 +1,1632 @@
+"use strict";
+const jsxRuntime = require("react/jsx-runtime");
+const React = require("react");
+const adminSdk = require("@medusajs/admin-sdk");
+const ui = require("@medusajs/ui");
+const icons = require("@medusajs/icons");
+const lucideReact = require("lucide-react");
+const dateFns = require("date-fns");
+const reactAriaComponents = require("react-aria-components");
+const recharts = require("recharts");
+const clsx = require("clsx");
+const tailwindMerge = require("tailwind-merge");
+const reactRouterDom = require("react-router-dom");
+const reactQuery = require("@tanstack/react-query");
+function _interopNamespace(e) {
+  if (e && e.__esModule) return e;
+  const n = Object.create(null, { [Symbol.toStringTag]: { value: "Module" } });
+  if (e) {
+    for (const k in e) {
+      if (k !== "default") {
+        const d = Object.getOwnPropertyDescriptor(e, k);
+        Object.defineProperty(n, k, d.get ? d : {
+          enumerable: true,
+          get: () => e[k]
+        });
+      }
+    }
+  }
+  n.default = e;
+  return Object.freeze(n);
+}
+const React__namespace = /* @__PURE__ */ _interopNamespace(React);
+function $2b4dce13dd5a17fa$export$842a2cf37af977e1(amount, numerator) {
+  return amount - numerator * Math.floor(amount / numerator);
+}
+const $3b62074eb05584b2$var$EPOCH = 1721426;
+function $3b62074eb05584b2$export$f297eb839006d339(era, year, month, day) {
+  year = $3b62074eb05584b2$export$c36e0ecb2d4fa69d(era, year);
+  let y1 = year - 1;
+  let monthOffset = -2;
+  if (month <= 2) monthOffset = 0;
+  else if ($3b62074eb05584b2$export$553d7fa8e3805fc0(year)) monthOffset = -1;
+  return $3b62074eb05584b2$var$EPOCH - 1 + 365 * y1 + Math.floor(y1 / 4) - Math.floor(y1 / 100) + Math.floor(y1 / 400) + Math.floor((367 * month - 362) / 12 + monthOffset + day);
+}
+function $3b62074eb05584b2$export$553d7fa8e3805fc0(year) {
+  return year % 4 === 0 && (year % 100 !== 0 || year % 400 === 0);
+}
+function $3b62074eb05584b2$export$c36e0ecb2d4fa69d(era, year) {
+  return era === "BC" ? 1 - year : year;
+}
+function $3b62074eb05584b2$export$4475b7e617eb123c(year) {
+  let era = "AD";
+  if (year <= 0) {
+    era = "BC";
+    year = 1 - year;
+  }
+  return [
+    era,
+    year
+  ];
+}
+const $3b62074eb05584b2$var$daysInMonth = {
+  standard: [
+    31,
+    28,
+    31,
+    30,
+    31,
+    30,
+    31,
+    31,
+    30,
+    31,
+    30,
+    31
+  ],
+  leapyear: [
+    31,
+    29,
+    31,
+    30,
+    31,
+    30,
+    31,
+    31,
+    30,
+    31,
+    30,
+    31
+  ]
+};
+class $3b62074eb05584b2$export$80ee6245ec4f29ec {
+  fromJulianDay(jd) {
+    let jd0 = jd;
+    let depoch = jd0 - $3b62074eb05584b2$var$EPOCH;
+    let quadricent = Math.floor(depoch / 146097);
+    let dqc = $2b4dce13dd5a17fa$export$842a2cf37af977e1(depoch, 146097);
+    let cent = Math.floor(dqc / 36524);
+    let dcent = $2b4dce13dd5a17fa$export$842a2cf37af977e1(dqc, 36524);
+    let quad = Math.floor(dcent / 1461);
+    let dquad = $2b4dce13dd5a17fa$export$842a2cf37af977e1(dcent, 1461);
+    let yindex = Math.floor(dquad / 365);
+    let extendedYear = quadricent * 400 + cent * 100 + quad * 4 + yindex + (cent !== 4 && yindex !== 4 ? 1 : 0);
+    let [era, year] = $3b62074eb05584b2$export$4475b7e617eb123c(extendedYear);
+    let yearDay = jd0 - $3b62074eb05584b2$export$f297eb839006d339(era, year, 1, 1);
+    let leapAdj = 2;
+    if (jd0 < $3b62074eb05584b2$export$f297eb839006d339(era, year, 3, 1)) leapAdj = 0;
+    else if ($3b62074eb05584b2$export$553d7fa8e3805fc0(year)) leapAdj = 1;
+    let month = Math.floor(((yearDay + leapAdj) * 12 + 373) / 367);
+    let day = jd0 - $3b62074eb05584b2$export$f297eb839006d339(era, year, month, 1) + 1;
+    return new $35ea8db9cb2ccb90$export$99faa760c7908e4f(era, year, month, day);
+  }
+  toJulianDay(date) {
+    return $3b62074eb05584b2$export$f297eb839006d339(date.era, date.year, date.month, date.day);
+  }
+  getDaysInMonth(date) {
+    return $3b62074eb05584b2$var$daysInMonth[$3b62074eb05584b2$export$553d7fa8e3805fc0(date.year) ? "leapyear" : "standard"][date.month - 1];
+  }
+  // eslint-disable-next-line @typescript-eslint/no-unused-vars
+  getMonthsInYear(date) {
+    return 12;
+  }
+  getDaysInYear(date) {
+    return $3b62074eb05584b2$export$553d7fa8e3805fc0(date.year) ? 366 : 365;
+  }
+  // eslint-disable-next-line @typescript-eslint/no-unused-vars
+  getYearsInEra(date) {
+    return 9999;
+  }
+  getEras() {
+    return [
+      "BC",
+      "AD"
+    ];
+  }
+  isInverseEra(date) {
+    return date.era === "BC";
+  }
+  balanceDate(date) {
+    if (date.year <= 0) {
+      date.era = date.era === "BC" ? "AD" : "BC";
+      date.year = 1 - date.year;
+    }
+  }
+  constructor() {
+    this.identifier = "gregory";
+  }
+}
+function $14e0f24ef4ac5c92$export$dbc69fd56b53d5e(a, b) {
+  var _a_isEqual, _b_isEqual;
+  var _a_isEqual1, _ref;
+  return (_ref = (_a_isEqual1 = (_a_isEqual = a.isEqual) === null || _a_isEqual === void 0 ? void 0 : _a_isEqual.call(a, b)) !== null && _a_isEqual1 !== void 0 ? _a_isEqual1 : (_b_isEqual = b.isEqual) === null || _b_isEqual === void 0 ? void 0 : _b_isEqual.call(b, a)) !== null && _ref !== void 0 ? _ref : a.identifier === b.identifier;
+}
+function $14e0f24ef4ac5c92$export$68781ddf31c0090f(a, b) {
+  return a.calendar.toJulianDay(a) - b.calendar.toJulianDay(b);
+}
+function $14e0f24ef4ac5c92$export$c19a80a9721b80f6(a, b) {
+  return $14e0f24ef4ac5c92$var$timeToMs(a) - $14e0f24ef4ac5c92$var$timeToMs(b);
+}
+function $14e0f24ef4ac5c92$var$timeToMs(a) {
+  return a.hour * 36e5 + a.minute * 6e4 + a.second * 1e3 + a.millisecond;
+}
+let $14e0f24ef4ac5c92$var$localTimeZone = null;
+function $14e0f24ef4ac5c92$export$aa8b41735afcabd2() {
+  if ($14e0f24ef4ac5c92$var$localTimeZone == null) $14e0f24ef4ac5c92$var$localTimeZone = new Intl.DateTimeFormat().resolvedOptions().timeZone;
+  return $14e0f24ef4ac5c92$var$localTimeZone;
+}
+function $11d87f3f76e88657$export$bd4fb2bc8bb06fb(date) {
+  date = $11d87f3f76e88657$export$b4a036af3fc0b032(date, new $3b62074eb05584b2$export$80ee6245ec4f29ec());
+  let year = $3b62074eb05584b2$export$c36e0ecb2d4fa69d(date.era, date.year);
+  return $11d87f3f76e88657$var$epochFromParts(year, date.month, date.day, date.hour, date.minute, date.second, date.millisecond);
+}
+function $11d87f3f76e88657$var$epochFromParts(year, month, day, hour, minute, second, millisecond) {
+  let date = /* @__PURE__ */ new Date();
+  date.setUTCHours(hour, minute, second, millisecond);
+  date.setUTCFullYear(year, month - 1, day);
+  return date.getTime();
+}
+function $11d87f3f76e88657$export$59c99f3515d3493f(ms, timeZone) {
+  if (timeZone === "UTC") return 0;
+  if (ms > 0 && timeZone === $14e0f24ef4ac5c92$export$aa8b41735afcabd2()) return new Date(ms).getTimezoneOffset() * -6e4;
+  let { year, month, day, hour, minute, second } = $11d87f3f76e88657$var$getTimeZoneParts(ms, timeZone);
+  let utc = $11d87f3f76e88657$var$epochFromParts(year, month, day, hour, minute, second, 0);
+  return utc - Math.floor(ms / 1e3) * 1e3;
+}
+const $11d87f3f76e88657$var$formattersByTimeZone = /* @__PURE__ */ new Map();
+function $11d87f3f76e88657$var$getTimeZoneParts(ms, timeZone) {
+  let formatter = $11d87f3f76e88657$var$formattersByTimeZone.get(timeZone);
+  if (!formatter) {
+    formatter = new Intl.DateTimeFormat("en-US", {
+      timeZone,
+      hour12: false,
+      era: "short",
+      year: "numeric",
+      month: "numeric",
+      day: "numeric",
+      hour: "numeric",
+      minute: "numeric",
+      second: "numeric"
+    });
+    $11d87f3f76e88657$var$formattersByTimeZone.set(timeZone, formatter);
+  }
+  let parts = formatter.formatToParts(new Date(ms));
+  let namedParts = {};
+  for (let part of parts) if (part.type !== "literal") namedParts[part.type] = part.value;
+  return {
+    // Firefox returns B instead of BC... https://bugzilla.mozilla.org/show_bug.cgi?id=1752253
+    year: namedParts.era === "BC" || namedParts.era === "B" ? -namedParts.year + 1 : +namedParts.year,
+    month: +namedParts.month,
+    day: +namedParts.day,
+    hour: namedParts.hour === "24" ? 0 : +namedParts.hour,
+    minute: +namedParts.minute,
+    second: +namedParts.second
+  };
+}
+const $11d87f3f76e88657$var$DAYMILLIS = 864e5;
+function $11d87f3f76e88657$var$getValidWallTimes(date, timeZone, earlier, later) {
+  let found = earlier === later ? [
+    earlier
+  ] : [
+    earlier,
+    later
+  ];
+  return found.filter((absolute) => $11d87f3f76e88657$var$isValidWallTime(date, timeZone, absolute));
+}
+function $11d87f3f76e88657$var$isValidWallTime(date, timeZone, absolute) {
+  let parts = $11d87f3f76e88657$var$getTimeZoneParts(absolute, timeZone);
+  return date.year === parts.year && date.month === parts.month && date.day === parts.day && date.hour === parts.hour && date.minute === parts.minute && date.second === parts.second;
+}
+function $11d87f3f76e88657$export$5107c82f94518f5c(date, timeZone, disambiguation = "compatible") {
+  let dateTime = $11d87f3f76e88657$export$b21e0b124e224484(date);
+  if (timeZone === "UTC") return $11d87f3f76e88657$export$bd4fb2bc8bb06fb(dateTime);
+  if (timeZone === $14e0f24ef4ac5c92$export$aa8b41735afcabd2() && disambiguation === "compatible") {
+    dateTime = $11d87f3f76e88657$export$b4a036af3fc0b032(dateTime, new $3b62074eb05584b2$export$80ee6245ec4f29ec());
+    let date2 = /* @__PURE__ */ new Date();
+    let year = $3b62074eb05584b2$export$c36e0ecb2d4fa69d(dateTime.era, dateTime.year);
+    date2.setFullYear(year, dateTime.month - 1, dateTime.day);
+    date2.setHours(dateTime.hour, dateTime.minute, dateTime.second, dateTime.millisecond);
+    return date2.getTime();
+  }
+  let ms = $11d87f3f76e88657$export$bd4fb2bc8bb06fb(dateTime);
+  let offsetBefore = $11d87f3f76e88657$export$59c99f3515d3493f(ms - $11d87f3f76e88657$var$DAYMILLIS, timeZone);
+  let offsetAfter = $11d87f3f76e88657$export$59c99f3515d3493f(ms + $11d87f3f76e88657$var$DAYMILLIS, timeZone);
+  let valid = $11d87f3f76e88657$var$getValidWallTimes(dateTime, timeZone, ms - offsetBefore, ms - offsetAfter);
+  if (valid.length === 1) return valid[0];
+  if (valid.length > 1) switch (disambiguation) {
+    case "compatible":
+    case "earlier":
+      return valid[0];
+    case "later":
+      return valid[valid.length - 1];
+    case "reject":
+      throw new RangeError("Multiple possible absolute times found");
+  }
+  switch (disambiguation) {
+    case "earlier":
+      return Math.min(ms - offsetBefore, ms - offsetAfter);
+    case "compatible":
+    case "later":
+      return Math.max(ms - offsetBefore, ms - offsetAfter);
+    case "reject":
+      throw new RangeError("No such absolute time found");
+  }
+}
+function $11d87f3f76e88657$export$e67a095c620b86fe(dateTime, timeZone, disambiguation = "compatible") {
+  return new Date($11d87f3f76e88657$export$5107c82f94518f5c(dateTime, timeZone, disambiguation));
+}
+function $11d87f3f76e88657$export$b21e0b124e224484(date, time) {
+  let hour = 0, minute = 0, second = 0, millisecond = 0;
+  if ("timeZone" in date) ({ hour, minute, second, millisecond } = date);
+  else if ("hour" in date && !time) return date;
+  if (time) ({ hour, minute, second, millisecond } = time);
+  return new $35ea8db9cb2ccb90$export$ca871e8dbb80966f(date.calendar, date.era, date.year, date.month, date.day, hour, minute, second, millisecond);
+}
+function $11d87f3f76e88657$export$b4a036af3fc0b032(date, calendar) {
+  if ($14e0f24ef4ac5c92$export$dbc69fd56b53d5e(date.calendar, calendar)) return date;
+  let calendarDate = calendar.fromJulianDay(date.calendar.toJulianDay(date));
+  let copy = date.copy();
+  copy.calendar = calendar;
+  copy.era = calendarDate.era;
+  copy.year = calendarDate.year;
+  copy.month = calendarDate.month;
+  copy.day = calendarDate.day;
+  $735220c2d4774dd3$export$c4e2ecac49351ef2(copy);
+  return copy;
+}
+function $735220c2d4774dd3$export$e16d8520af44a096(date, duration) {
+  let mutableDate = date.copy();
+  let days = "hour" in mutableDate ? $735220c2d4774dd3$var$addTimeFields(mutableDate, duration) : 0;
+  $735220c2d4774dd3$var$addYears(mutableDate, duration.years || 0);
+  if (mutableDate.calendar.balanceYearMonth) mutableDate.calendar.balanceYearMonth(mutableDate, date);
+  mutableDate.month += duration.months || 0;
+  $735220c2d4774dd3$var$balanceYearMonth(mutableDate);
+  $735220c2d4774dd3$var$constrainMonthDay(mutableDate);
+  mutableDate.day += (duration.weeks || 0) * 7;
+  mutableDate.day += duration.days || 0;
+  mutableDate.day += days;
+  $735220c2d4774dd3$var$balanceDay(mutableDate);
+  if (mutableDate.calendar.balanceDate) mutableDate.calendar.balanceDate(mutableDate);
+  if (mutableDate.year < 1) {
+    mutableDate.year = 1;
+    mutableDate.month = 1;
+    mutableDate.day = 1;
+  }
+  let maxYear = mutableDate.calendar.getYearsInEra(mutableDate);
+  if (mutableDate.year > maxYear) {
+    var _mutableDate_calendar_isInverseEra, _mutableDate_calendar;
+    let isInverseEra = (_mutableDate_calendar_isInverseEra = (_mutableDate_calendar = mutableDate.calendar).isInverseEra) === null || _mutableDate_calendar_isInverseEra === void 0 ? void 0 : _mutableDate_calendar_isInverseEra.call(_mutableDate_calendar, mutableDate);
+    mutableDate.year = maxYear;
+    mutableDate.month = isInverseEra ? 1 : mutableDate.calendar.getMonthsInYear(mutableDate);
+    mutableDate.day = isInverseEra ? 1 : mutableDate.calendar.getDaysInMonth(mutableDate);
+  }
+  if (mutableDate.month < 1) {
+    mutableDate.month = 1;
+    mutableDate.day = 1;
+  }
+  let maxMonth = mutableDate.calendar.getMonthsInYear(mutableDate);
+  if (mutableDate.month > maxMonth) {
+    mutableDate.month = maxMonth;
+    mutableDate.day = mutableDate.calendar.getDaysInMonth(mutableDate);
+  }
+  mutableDate.day = Math.max(1, Math.min(mutableDate.calendar.getDaysInMonth(mutableDate), mutableDate.day));
+  return mutableDate;
+}
+function $735220c2d4774dd3$var$addYears(date, years) {
+  var _date_calendar_isInverseEra, _date_calendar;
+  if ((_date_calendar_isInverseEra = (_date_calendar = date.calendar).isInverseEra) === null || _date_calendar_isInverseEra === void 0 ? void 0 : _date_calendar_isInverseEra.call(_date_calendar, date)) years = -years;
+  date.year += years;
+}
+function $735220c2d4774dd3$var$balanceYearMonth(date) {
+  while (date.month < 1) {
+    $735220c2d4774dd3$var$addYears(date, -1);
+    date.month += date.calendar.getMonthsInYear(date);
+  }
+  let monthsInYear = 0;
+  while (date.month > (monthsInYear = date.calendar.getMonthsInYear(date))) {
+    date.month -= monthsInYear;
+    $735220c2d4774dd3$var$addYears(date, 1);
+  }
+}
+function $735220c2d4774dd3$var$balanceDay(date) {
+  while (date.day < 1) {
+    date.month--;
+    $735220c2d4774dd3$var$balanceYearMonth(date);
+    date.day += date.calendar.getDaysInMonth(date);
+  }
+  while (date.day > date.calendar.getDaysInMonth(date)) {
+    date.day -= date.calendar.getDaysInMonth(date);
+    date.month++;
+    $735220c2d4774dd3$var$balanceYearMonth(date);
+  }
+}
+function $735220c2d4774dd3$var$constrainMonthDay(date) {
+  date.month = Math.max(1, Math.min(date.calendar.getMonthsInYear(date), date.month));
+  date.day = Math.max(1, Math.min(date.calendar.getDaysInMonth(date), date.day));
+}
+function $735220c2d4774dd3$export$c4e2ecac49351ef2(date) {
+  if (date.calendar.constrainDate) date.calendar.constrainDate(date);
+  date.year = Math.max(1, Math.min(date.calendar.getYearsInEra(date), date.year));
+  $735220c2d4774dd3$var$constrainMonthDay(date);
+}
+function $735220c2d4774dd3$export$3e2544e88a25bff8(duration) {
+  let inverseDuration = {};
+  for (let key in duration) if (typeof duration[key] === "number") inverseDuration[key] = -duration[key];
+  return inverseDuration;
+}
+function $735220c2d4774dd3$export$4e2d2ead65e5f7e3(date, duration) {
+  return $735220c2d4774dd3$export$e16d8520af44a096(date, $735220c2d4774dd3$export$3e2544e88a25bff8(duration));
+}
+function $735220c2d4774dd3$export$adaa4cf7ef1b65be(date, fields) {
+  let mutableDate = date.copy();
+  if (fields.era != null) mutableDate.era = fields.era;
+  if (fields.year != null) mutableDate.year = fields.year;
+  if (fields.month != null) mutableDate.month = fields.month;
+  if (fields.day != null) mutableDate.day = fields.day;
+  $735220c2d4774dd3$export$c4e2ecac49351ef2(mutableDate);
+  return mutableDate;
+}
+function $735220c2d4774dd3$export$e5d5e1c1822b6e56(value, fields) {
+  let mutableValue = value.copy();
+  if (fields.hour != null) mutableValue.hour = fields.hour;
+  if (fields.minute != null) mutableValue.minute = fields.minute;
+  if (fields.second != null) mutableValue.second = fields.second;
+  if (fields.millisecond != null) mutableValue.millisecond = fields.millisecond;
+  $735220c2d4774dd3$export$7555de1e070510cb(mutableValue);
+  return mutableValue;
+}
+function $735220c2d4774dd3$var$balanceTime(time) {
+  time.second += Math.floor(time.millisecond / 1e3);
+  time.millisecond = $735220c2d4774dd3$var$nonNegativeMod(time.millisecond, 1e3);
+  time.minute += Math.floor(time.second / 60);
+  time.second = $735220c2d4774dd3$var$nonNegativeMod(time.second, 60);
+  time.hour += Math.floor(time.minute / 60);
+  time.minute = $735220c2d4774dd3$var$nonNegativeMod(time.minute, 60);
+  let days = Math.floor(time.hour / 24);
+  time.hour = $735220c2d4774dd3$var$nonNegativeMod(time.hour, 24);
+  return days;
+}
+function $735220c2d4774dd3$export$7555de1e070510cb(time) {
+  time.millisecond = Math.max(0, Math.min(time.millisecond, 1e3));
+  time.second = Math.max(0, Math.min(time.second, 59));
+  time.minute = Math.max(0, Math.min(time.minute, 59));
+  time.hour = Math.max(0, Math.min(time.hour, 23));
+}
+function $735220c2d4774dd3$var$nonNegativeMod(a, b) {
+  let result = a % b;
+  if (result < 0) result += b;
+  return result;
+}
+function $735220c2d4774dd3$var$addTimeFields(time, duration) {
+  time.hour += duration.hours || 0;
+  time.minute += duration.minutes || 0;
+  time.second += duration.seconds || 0;
+  time.millisecond += duration.milliseconds || 0;
+  return $735220c2d4774dd3$var$balanceTime(time);
+}
+function $735220c2d4774dd3$export$d52ced6badfb9a4c(value, field, amount, options) {
+  let mutable = value.copy();
+  switch (field) {
+    case "era": {
+      let eras = value.calendar.getEras();
+      let eraIndex = eras.indexOf(value.era);
+      if (eraIndex < 0) throw new Error("Invalid era: " + value.era);
+      eraIndex = $735220c2d4774dd3$var$cycleValue(eraIndex, amount, 0, eras.length - 1, options === null || options === void 0 ? void 0 : options.round);
+      mutable.era = eras[eraIndex];
+      $735220c2d4774dd3$export$c4e2ecac49351ef2(mutable);
+      break;
+    }
+    case "year":
+      var _mutable_calendar_isInverseEra, _mutable_calendar;
+      if ((_mutable_calendar_isInverseEra = (_mutable_calendar = mutable.calendar).isInverseEra) === null || _mutable_calendar_isInverseEra === void 0 ? void 0 : _mutable_calendar_isInverseEra.call(_mutable_calendar, mutable)) amount = -amount;
+      mutable.year = $735220c2d4774dd3$var$cycleValue(value.year, amount, -Infinity, 9999, options === null || options === void 0 ? void 0 : options.round);
+      if (mutable.year === -Infinity) mutable.year = 1;
+      if (mutable.calendar.balanceYearMonth) mutable.calendar.balanceYearMonth(mutable, value);
+      break;
+    case "month":
+      mutable.month = $735220c2d4774dd3$var$cycleValue(value.month, amount, 1, value.calendar.getMonthsInYear(value), options === null || options === void 0 ? void 0 : options.round);
+      break;
+    case "day":
+      mutable.day = $735220c2d4774dd3$var$cycleValue(value.day, amount, 1, value.calendar.getDaysInMonth(value), options === null || options === void 0 ? void 0 : options.round);
+      break;
+    default:
+      throw new Error("Unsupported field " + field);
+  }
+  if (value.calendar.balanceDate) value.calendar.balanceDate(mutable);
+  $735220c2d4774dd3$export$c4e2ecac49351ef2(mutable);
+  return mutable;
+}
+function $735220c2d4774dd3$export$dd02b3e0007dfe28(value, field, amount, options) {
+  let mutable = value.copy();
+  switch (field) {
+    case "hour": {
+      let hours = value.hour;
+      let min = 0;
+      let max = 23;
+      if ((options === null || options === void 0 ? void 0 : options.hourCycle) === 12) {
+        let isPM = hours >= 12;
+        min = isPM ? 12 : 0;
+        max = isPM ? 23 : 11;
+      }
+      mutable.hour = $735220c2d4774dd3$var$cycleValue(hours, amount, min, max, options === null || options === void 0 ? void 0 : options.round);
+      break;
+    }
+    case "minute":
+      mutable.minute = $735220c2d4774dd3$var$cycleValue(value.minute, amount, 0, 59, options === null || options === void 0 ? void 0 : options.round);
+      break;
+    case "second":
+      mutable.second = $735220c2d4774dd3$var$cycleValue(value.second, amount, 0, 59, options === null || options === void 0 ? void 0 : options.round);
+      break;
+    case "millisecond":
+      mutable.millisecond = $735220c2d4774dd3$var$cycleValue(value.millisecond, amount, 0, 999, options === null || options === void 0 ? void 0 : options.round);
+      break;
+    default:
+      throw new Error("Unsupported field " + field);
+  }
+  return mutable;
+}
+function $735220c2d4774dd3$var$cycleValue(value, amount, min, max, round = false) {
+  if (round) {
+    value += Math.sign(amount);
+    if (value < min) value = max;
+    let div = Math.abs(amount);
+    if (amount > 0) value = Math.ceil(value / div) * div;
+    else value = Math.floor(value / div) * div;
+    if (value > max) value = min;
+  } else {
+    value += amount;
+    if (value < min) value = max - (min - value - 1);
+    else if (value > max) value = min + (value - max - 1);
+  }
+  return value;
+}
+function $fae977aafc393c5c$export$f59dee82248f5ad4(time) {
+  return `${String(time.hour).padStart(2, "0")}:${String(time.minute).padStart(2, "0")}:${String(time.second).padStart(2, "0")}${time.millisecond ? String(time.millisecond / 1e3).slice(1) : ""}`;
+}
+function $fae977aafc393c5c$export$60dfd74aa96791bd(date) {
+  let gregorianDate = $11d87f3f76e88657$export$b4a036af3fc0b032(date, new $3b62074eb05584b2$export$80ee6245ec4f29ec());
+  let year;
+  if (gregorianDate.era === "BC") year = gregorianDate.year === 1 ? "0000" : "-" + String(Math.abs(1 - gregorianDate.year)).padStart(6, "00");
+  else year = String(gregorianDate.year).padStart(4, "0");
+  return `${year}-${String(gregorianDate.month).padStart(2, "0")}-${String(gregorianDate.day).padStart(2, "0")}`;
+}
+function $fae977aafc393c5c$export$4223de14708adc63(date) {
+  return `${$fae977aafc393c5c$export$60dfd74aa96791bd(date)}T${$fae977aafc393c5c$export$f59dee82248f5ad4(date)}`;
+}
+function _check_private_redeclaration(obj, privateCollection) {
+  if (privateCollection.has(obj)) {
+    throw new TypeError("Cannot initialize the same private elements twice on an object");
+  }
+}
+function _class_private_field_init(obj, privateMap, value) {
+  _check_private_redeclaration(obj, privateMap);
+  privateMap.set(obj, value);
+}
+function $35ea8db9cb2ccb90$var$shiftArgs(args) {
+  let calendar = typeof args[0] === "object" ? args.shift() : new $3b62074eb05584b2$export$80ee6245ec4f29ec();
+  let era;
+  if (typeof args[0] === "string") era = args.shift();
+  else {
+    let eras = calendar.getEras();
+    era = eras[eras.length - 1];
+  }
+  let year = args.shift();
+  let month = args.shift();
+  let day = args.shift();
+  return [
+    calendar,
+    era,
+    year,
+    month,
+    day
+  ];
+}
+var $35ea8db9cb2ccb90$var$_type = /* @__PURE__ */ new WeakMap();
+class $35ea8db9cb2ccb90$export$99faa760c7908e4f {
+  /** Returns a copy of this date. */
+  copy() {
+    if (this.era) return new $35ea8db9cb2ccb90$export$99faa760c7908e4f(this.calendar, this.era, this.year, this.month, this.day);
+    else return new $35ea8db9cb2ccb90$export$99faa760c7908e4f(this.calendar, this.year, this.month, this.day);
+  }
+  /** Returns a new `CalendarDate` with the given duration added to it. */
+  add(duration) {
+    return $735220c2d4774dd3$export$e16d8520af44a096(this, duration);
+  }
+  /** Returns a new `CalendarDate` with the given duration subtracted from it. */
+  subtract(duration) {
+    return $735220c2d4774dd3$export$4e2d2ead65e5f7e3(this, duration);
+  }
+  /** Returns a new `CalendarDate` with the given fields set to the provided values. Other fields will be constrained accordingly. */
+  set(fields) {
+    return $735220c2d4774dd3$export$adaa4cf7ef1b65be(this, fields);
+  }
+  /**
+  * Returns a new `CalendarDate` with the given field adjusted by a specified amount.
+  * When the resulting value reaches the limits of the field, it wraps around.
+  */
+  cycle(field, amount, options) {
+    return $735220c2d4774dd3$export$d52ced6badfb9a4c(this, field, amount, options);
+  }
+  /** Converts the date to a native JavaScript Date object, with the time set to midnight in the given time zone. */
+  toDate(timeZone) {
+    return $11d87f3f76e88657$export$e67a095c620b86fe(this, timeZone);
+  }
+  /** Converts the date to an ISO 8601 formatted string. */
+  toString() {
+    return $fae977aafc393c5c$export$60dfd74aa96791bd(this);
+  }
+  /** Compares this date with another. A negative result indicates that this date is before the given one, and a positive date indicates that it is after. */
+  compare(b) {
+    return $14e0f24ef4ac5c92$export$68781ddf31c0090f(this, b);
+  }
+  constructor(...args) {
+    _class_private_field_init(this, $35ea8db9cb2ccb90$var$_type, {
+      writable: true,
+      value: void 0
+    });
+    let [calendar, era, year, month, day] = $35ea8db9cb2ccb90$var$shiftArgs(args);
+    this.calendar = calendar;
+    this.era = era;
+    this.year = year;
+    this.month = month;
+    this.day = day;
+    $735220c2d4774dd3$export$c4e2ecac49351ef2(this);
+  }
+}
+var $35ea8db9cb2ccb90$var$_type2 = /* @__PURE__ */ new WeakMap();
+class $35ea8db9cb2ccb90$export$ca871e8dbb80966f {
+  /** Returns a copy of this date. */
+  copy() {
+    if (this.era) return new $35ea8db9cb2ccb90$export$ca871e8dbb80966f(this.calendar, this.era, this.year, this.month, this.day, this.hour, this.minute, this.second, this.millisecond);
+    else return new $35ea8db9cb2ccb90$export$ca871e8dbb80966f(this.calendar, this.year, this.month, this.day, this.hour, this.minute, this.second, this.millisecond);
+  }
+  /** Returns a new `CalendarDateTime` with the given duration added to it. */
+  add(duration) {
+    return $735220c2d4774dd3$export$e16d8520af44a096(this, duration);
+  }
+  /** Returns a new `CalendarDateTime` with the given duration subtracted from it. */
+  subtract(duration) {
+    return $735220c2d4774dd3$export$4e2d2ead65e5f7e3(this, duration);
+  }
+  /** Returns a new `CalendarDateTime` with the given fields set to the provided values. Other fields will be constrained accordingly. */
+  set(fields) {
+    return $735220c2d4774dd3$export$adaa4cf7ef1b65be($735220c2d4774dd3$export$e5d5e1c1822b6e56(this, fields), fields);
+  }
+  /**
+  * Returns a new `CalendarDateTime` with the given field adjusted by a specified amount.
+  * When the resulting value reaches the limits of the field, it wraps around.
+  */
+  cycle(field, amount, options) {
+    switch (field) {
+      case "era":
+      case "year":
+      case "month":
+      case "day":
+        return $735220c2d4774dd3$export$d52ced6badfb9a4c(this, field, amount, options);
+      default:
+        return $735220c2d4774dd3$export$dd02b3e0007dfe28(this, field, amount, options);
+    }
+  }
+  /** Converts the date to a native JavaScript Date object in the given time zone. */
+  toDate(timeZone, disambiguation) {
+    return $11d87f3f76e88657$export$e67a095c620b86fe(this, timeZone, disambiguation);
+  }
+  /** Converts the date to an ISO 8601 formatted string. */
+  toString() {
+    return $fae977aafc393c5c$export$4223de14708adc63(this);
+  }
+  /** Compares this date with another. A negative result indicates that this date is before the given one, and a positive date indicates that it is after. */
+  compare(b) {
+    let res = $14e0f24ef4ac5c92$export$68781ddf31c0090f(this, b);
+    if (res === 0) return $14e0f24ef4ac5c92$export$c19a80a9721b80f6(this, $11d87f3f76e88657$export$b21e0b124e224484(b));
+    return res;
+  }
+  constructor(...args) {
+    _class_private_field_init(this, $35ea8db9cb2ccb90$var$_type2, {
+      writable: true,
+      value: void 0
+    });
+    let [calendar, era, year, month, day] = $35ea8db9cb2ccb90$var$shiftArgs(args);
+    this.calendar = calendar;
+    this.era = era;
+    this.year = year;
+    this.month = month;
+    this.day = day;
+    this.hour = args.shift() || 0;
+    this.minute = args.shift() || 0;
+    this.second = args.shift() || 0;
+    this.millisecond = args.shift() || 0;
+    $735220c2d4774dd3$export$c4e2ecac49351ef2(this);
+  }
+}
+const useDarkMode = () => {
+  const [isDark, setIsDark] = React.useState(false);
+  React.useEffect(() => {
+    const checkDarkMode = () => {
+      setIsDark(document.documentElement.classList.contains("dark"));
+    };
+    checkDarkMode();
+    const observer = new MutationObserver(checkDarkMode);
+    observer.observe(document.documentElement, {
+      attributes: true,
+      attributeFilter: ["class"]
+    });
+    return () => observer.disconnect();
+  }, []);
+  return isDark;
+};
+const LineChart = ({
+  data,
+  xAxisDataKey,
+  yAxisDataKey,
+  lineColor = "#3B82F6",
+  yAxisTickFormatter
+}) => {
+  const isDark = useDarkMode();
+  const isSingleDataPoint = data && data.length === 1;
+  if (isSingleDataPoint) {
+    return /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "space-y-2", children: [
+      /* @__PURE__ */ jsxRuntime.jsx("div", { className: "text-center", children: /* @__PURE__ */ jsxRuntime.jsx("p", { className: "text-xs text-ui-fg-muted mb-2", children: "Single day selected - showing as bar chart for better visibility" }) }),
+      /* @__PURE__ */ jsxRuntime.jsx(recharts.ResponsiveContainer, { aspect: 16 / 9, children: /* @__PURE__ */ jsxRuntime.jsxs(recharts.BarChart, { data, margin: { left: 20 }, children: [
+        /* @__PURE__ */ jsxRuntime.jsx(
+          recharts.CartesianGrid,
+          {
+            strokeDasharray: "3 3",
+            stroke: isDark ? "#374151" : "#E5E7EB"
+          }
+        ),
+        /* @__PURE__ */ jsxRuntime.jsx(
+          recharts.XAxis,
+          {
+            dataKey: xAxisDataKey,
+            tick: { fill: isDark ? "#D1D5DB" : "#6B7280" },
+            axisLine: { stroke: isDark ? "#4B5563" : "#D1D5DB" },
+            tickLine: { stroke: isDark ? "#4B5563" : "#D1D5DB" },
+            tickMargin: 10
+          }
+        ),
+        /* @__PURE__ */ jsxRuntime.jsx(
+          recharts.YAxis,
+          {
+            tickFormatter: yAxisTickFormatter,
+            allowDecimals: false,
+            tick: { fill: isDark ? "#D1D5DB" : "#6B7280" },
+            axisLine: { stroke: isDark ? "#4B5563" : "#D1D5DB" },
+            tickLine: { stroke: isDark ? "#4B5563" : "#D1D5DB" }
+          }
+        ),
+        /* @__PURE__ */ jsxRuntime.jsx(
+          recharts.Tooltip,
+          {
+            cursor: {
+              fill: isDark ? "rgba(55, 65, 81, 0.2)" : "rgba(243, 244, 246, 0.5)"
+            },
+            formatter: (value) => yAxisTickFormatter ? yAxisTickFormatter(value) : value,
+            contentStyle: {
+              backgroundColor: isDark ? "#1F2937" : "#FFFFFF",
+              border: `1px solid ${isDark ? "#374151" : "#E5E7EB"}`,
+              borderRadius: "0.5rem",
+              color: isDark ? "#F9FAFB" : "#111827",
+              boxShadow: isDark ? "0 4px 6px -1px rgba(0, 0, 0, 0.3)" : "0 4px 6px -1px rgba(0, 0, 0, 0.1)"
+            },
+            labelStyle: {
+              color: isDark ? "#F9FAFB" : "#111827",
+              fontWeight: "500",
+              marginBottom: "4px"
+            }
+          }
+        ),
+        /* @__PURE__ */ jsxRuntime.jsx(
+          recharts.Bar,
+          {
+            dataKey: yAxisDataKey,
+            fill: lineColor,
+            radius: [4, 4, 0, 0],
+            maxBarSize: 60
+          }
+        )
+      ] }) })
+    ] });
+  }
+  return /* @__PURE__ */ jsxRuntime.jsx(recharts.ResponsiveContainer, { aspect: 16 / 9, children: /* @__PURE__ */ jsxRuntime.jsxs(recharts.LineChart, { data, margin: { left: 20 }, children: [
+    /* @__PURE__ */ jsxRuntime.jsx(
+      recharts.CartesianGrid,
+      {
+        strokeDasharray: "3 3",
+        stroke: isDark ? "#374151" : "#E5E7EB"
+      }
+    ),
+    /* @__PURE__ */ jsxRuntime.jsx(
+      recharts.XAxis,
+      {
+        dataKey: xAxisDataKey,
+        tick: { fill: isDark ? "#D1D5DB" : "#6B7280" },
+        axisLine: { stroke: isDark ? "#4B5563" : "#D1D5DB" },
+        tickLine: { stroke: isDark ? "#4B5563" : "#D1D5DB" },
+        tickMargin: 10
+      }
+    ),
+    /* @__PURE__ */ jsxRuntime.jsx(
+      recharts.YAxis,
+      {
+        tickFormatter: yAxisTickFormatter,
+        allowDecimals: false,
+        tick: { fill: isDark ? "#D1D5DB" : "#6B7280" },
+        axisLine: { stroke: isDark ? "#4B5563" : "#D1D5DB" },
+        tickLine: { stroke: isDark ? "#4B5563" : "#D1D5DB" }
+      }
+    ),
+    /* @__PURE__ */ jsxRuntime.jsx(
+      recharts.Tooltip,
+      {
+        cursor: {
+          stroke: isDark ? "#4B5563" : "#E5E7EB",
+          strokeWidth: 1,
+          fill: isDark ? "rgba(55, 65, 81, 0.2)" : "rgba(243, 244, 246, 0.5)"
+        },
+        formatter: (value) => yAxisTickFormatter ? yAxisTickFormatter(value) : value,
+        contentStyle: {
+          backgroundColor: isDark ? "#1F2937" : "#FFFFFF",
+          border: `1px solid ${isDark ? "#374151" : "#E5E7EB"}`,
+          borderRadius: "0.5rem",
+          color: isDark ? "#F9FAFB" : "#111827",
+          boxShadow: isDark ? "0 4px 6px -1px rgba(0, 0, 0, 0.3)" : "0 4px 6px -1px rgba(0, 0, 0, 0.1)"
+        },
+        labelStyle: {
+          color: isDark ? "#F9FAFB" : "#111827",
+          fontWeight: "500",
+          marginBottom: "4px"
+        }
+      }
+    ),
+    /* @__PURE__ */ jsxRuntime.jsx(
+      recharts.Line,
+      {
+        type: "monotone",
+        dataKey: yAxisDataKey,
+        stroke: lineColor,
+        activeDot: {
+          r: 5,
+          fill: lineColor,
+          stroke: isDark ? "#1F2937" : "#FFFFFF",
+          strokeWidth: 2
+        },
+        strokeWidth: 2,
+        dot: {
+          r: 4,
+          fill: lineColor,
+          stroke: isDark ? "#1F2937" : "#FFFFFF",
+          strokeWidth: 1
+        }
+      }
+    )
+  ] }) });
+};
+function cn(...inputs) {
+  return tailwindMerge.twMerge(clsx.clsx(inputs));
+}
+function generateStableColor(input, saturation = 70, lightness = 50) {
+  let hash = 0;
+  for (let i = 0; i < input.length; i++) {
+    const char = input.charCodeAt(i);
+    hash = (hash << 5) - hash + char;
+    hash = hash & hash;
+  }
+  const hue = Math.abs(hash) % 360;
+  return `hsl(${hue}, ${saturation}%, ${lightness}%)`;
+}
+function generateColorsForData(data, keyField, saturation = 70, lightness = 50) {
+  return data.map(
+    (item) => generateStableColor(String(item[keyField]), saturation, lightness)
+  );
+}
+const BarChart = ({
+  data,
+  xAxisDataKey,
+  yAxisDataKey,
+  lineColor = "#3B82F6",
+  yAxisTickFormatter,
+  useStableColors = false,
+  colorKeyField
+}) => {
+  const isDark = useDarkMode();
+  const colors = React__namespace.default.useMemo(() => {
+    if (!useStableColors || !data || !colorKeyField) {
+      return [];
+    }
+    return generateColorsForData(data, colorKeyField, 70, isDark ? 60 : 50);
+  }, [data, useStableColors, colorKeyField, isDark]);
+  return /* @__PURE__ */ jsxRuntime.jsx(recharts.ResponsiveContainer, { aspect: 16 / 9, children: /* @__PURE__ */ jsxRuntime.jsxs(recharts.BarChart, { data, margin: { left: 20 }, children: [
+    /* @__PURE__ */ jsxRuntime.jsx(
+      recharts.CartesianGrid,
+      {
+        strokeDasharray: "3 3",
+        stroke: isDark ? "#374151" : "#E5E7EB"
+      }
+    ),
+    /* @__PURE__ */ jsxRuntime.jsx(
+      recharts.XAxis,
+      {
+        dataKey: String(xAxisDataKey),
+        tick: { fill: isDark ? "#D1D5DB" : "#6B7280" },
+        axisLine: { stroke: isDark ? "#4B5563" : "#D1D5DB" },
+        tickLine: { stroke: isDark ? "#4B5563" : "#D1D5DB" },
+        tickMargin: 10
+      }
+    ),
+    /* @__PURE__ */ jsxRuntime.jsx(
+      recharts.YAxis,
+      {
+        tickFormatter: yAxisTickFormatter,
+        allowDecimals: false,
+        tick: { fill: isDark ? "#D1D5DB" : "#6B7280" },
+        axisLine: { stroke: isDark ? "#4B5563" : "#D1D5DB" },
+        tickLine: { stroke: isDark ? "#4B5563" : "#D1D5DB" }
+      }
+    ),
+    /* @__PURE__ */ jsxRuntime.jsx(
+      recharts.Tooltip,
+      {
+        cursor: {
+          fill: isDark ? "rgba(55, 65, 81, 0.2)" : "rgba(243, 244, 246, 0.5)"
+        },
+        formatter: (value) => yAxisTickFormatter ? yAxisTickFormatter(value) : value,
+        contentStyle: {
+          backgroundColor: isDark ? "#1F2937" : "#FFFFFF",
+          border: `1px solid ${isDark ? "#374151" : "#E5E7EB"}`,
+          borderRadius: "0.5rem",
+          color: isDark ? "#F9FAFB" : "#111827",
+          boxShadow: isDark ? "0 4px 6px -1px rgba(0, 0, 0, 0.3)" : "0 4px 6px -1px rgba(0, 0, 0, 0.1)"
+        },
+        labelStyle: {
+          color: isDark ? "#F9FAFB" : "#111827",
+          fontWeight: "500",
+          marginBottom: "4px"
+        }
+      }
+    ),
+    /* @__PURE__ */ jsxRuntime.jsx(recharts.Bar, { dataKey: String(yAxisDataKey), fill: lineColor, children: useStableColors && colors.length > 0 ? data == null ? void 0 : data.map((_, index) => /* @__PURE__ */ jsxRuntime.jsx(recharts.Cell, { fill: colors[index] }, `cell-${index}`)) : null })
+  ] }) });
+};
+const COLORS = [
+  "#3B82F6",
+  // blue-500
+  "#10B981",
+  // emerald-500
+  "#F59E0B",
+  // amber-500
+  "#EF4444",
+  // red-500
+  "#8B5CF6",
+  // violet-500
+  "#06B6D4",
+  // cyan-500
+  "#84CC16",
+  // lime-500
+  "#F97316"
+  // orange-500
+];
+const DARK_COLORS = [
+  "#60A5FA",
+  // blue-400
+  "#34D399",
+  // emerald-400
+  "#FBBF24",
+  // amber-400
+  "#F87171",
+  // red-400
+  "#A78BFA",
+  // violet-400
+  "#22D3EE",
+  // cyan-400
+  "#A3E635",
+  // lime-400
+  "#FB923C"
+  // orange-400
+];
+const PieChart = ({ data, dataKey }) => {
+  const isDark = useDarkMode();
+  const colors = isDark ? DARK_COLORS : COLORS;
+  return /* @__PURE__ */ jsxRuntime.jsx(recharts.ResponsiveContainer, { aspect: 16 / 9, maxHeight: 400, children: /* @__PURE__ */ jsxRuntime.jsxs(recharts.PieChart, { children: [
+    /* @__PURE__ */ jsxRuntime.jsx(
+      recharts.Pie,
+      {
+        data,
+        label: ({ percent }) => `${((percent || 0) * 100).toFixed(0)}%`,
+        dataKey,
+        children: data && data.map((_, index) => /* @__PURE__ */ jsxRuntime.jsx(
+          recharts.Cell,
+          {
+            fill: colors[index % colors.length]
+          },
+          `cell-${index}`
+        ))
+      }
+    ),
+    /* @__PURE__ */ jsxRuntime.jsx(
+      recharts.Tooltip,
+      {
+        contentStyle: {
+          backgroundColor: isDark ? "#1F2937" : "#FFFFFF",
+          border: `1px solid ${isDark ? "#374151" : "#E5E7EB"}`,
+          borderRadius: "0.5rem",
+          color: isDark ? "#F9FAFB" : "#111827",
+          boxShadow: isDark ? "0 4px 6px -1px rgba(0, 0, 0, 0.3)" : "0 4px 6px -1px rgba(0, 0, 0, 0.1)"
+        },
+        labelStyle: {
+          color: isDark ? "#F9FAFB" : "#111827",
+          fontWeight: "500",
+          marginBottom: "4px"
+        },
+        itemStyle: {
+          color: isDark ? "#F9FAFB" : "#111827"
+        }
+      }
+    )
+  ] }) });
+};
+const columnHelper$1 = ui.createDataTableColumnHelper();
+const columns$1 = [
+  columnHelper$1.accessor("sku", {
+    header: "SKU",
+    enableSorting: true,
+    sortLabel: "SKU",
+    sortAscLabel: "A-Z",
+    sortDescLabel: "Z-A"
+  }),
+  columnHelper$1.accessor("variantName", {
+    header: "Variant Name",
+    enableSorting: true,
+    sortLabel: "Variant Name",
+    sortAscLabel: "A-Z",
+    sortDescLabel: "Z-A"
+  }),
+  columnHelper$1.accessor("inventoryQuantity", {
+    header: "Inventory",
+    enableSorting: true,
+    sortLabel: "Inventory",
+    sortAscLabel: "Low to High",
+    sortDescLabel: "High to Low",
+    cell: ({ getValue }) => {
+      const value = getValue();
+      return /* @__PURE__ */ jsxRuntime.jsx("p", { className: cn(value === 0 && "text-ui-fg-error"), children: value === 0 ? "Out of Stock" : value });
+    }
+  })
+];
+const PAGE_SIZE = 10;
+const ProductsTable = ({ products }) => {
+  const [pagination, setPagination] = React__namespace.useState({
+    pageSize: PAGE_SIZE,
+    pageIndex: 0
+  });
+  const [search, setSearch] = React__namespace.useState("");
+  const [sorting, setSorting] = React__namespace.useState(
+    null
+  );
+  const navigate = reactRouterDom.useNavigate();
+  const shownProducts = React__namespace.useMemo(() => {
+    let filtered = products.filter(
+      (product) => product.variantName.toLowerCase().includes(search.toLowerCase()) || product.sku.toLowerCase().includes(search.toLowerCase())
+    );
+    if (sorting && sorting.id) {
+      filtered = filtered.slice().sort((a, b) => {
+        const aVal = a[sorting.id];
+        const bVal = b[sorting.id];
+        if (aVal < bVal) {
+          return sorting.desc ? 1 : -1;
+        }
+        if (aVal > bVal) {
+          return sorting.desc ? -1 : 1;
+        }
+        return 0;
+      });
+    }
+    return filtered.slice(
+      pagination.pageIndex * pagination.pageSize,
+      (pagination.pageIndex + 1) * pagination.pageSize
+    );
+  }, [products, search, sorting, pagination]);
+  const table = ui.useDataTable({
+    columns: columns$1,
+    data: shownProducts,
+    getRowId: (product) => product.sku,
+    rowCount: products.length,
+    search: {
+      state: search,
+      onSearchChange: setSearch
+    },
+    pagination: {
+      state: pagination,
+      onPaginationChange: setPagination
+    },
+    sorting: {
+      state: sorting,
+      onSortingChange: setSorting
+    },
+    onRowClick: (_, row) => {
+      navigate(`/products/${row.original.productId}/variants/${row.original.variantId}`);
+    }
+  });
+  return /* @__PURE__ */ jsxRuntime.jsxs(ui.DataTable, { instance: table, children: [
+    /* @__PURE__ */ jsxRuntime.jsx(ui.DataTable.Toolbar, { className: "px-0 pt-0", children: /* @__PURE__ */ jsxRuntime.jsx(ui.DataTable.Search, { placeholder: "Search..." }) }),
+    /* @__PURE__ */ jsxRuntime.jsx(
+      ui.DataTable.Table,
+      {
+        emptyState: {
+          filtered: {
+            heading: "No products found"
+          },
+          empty: {
+            heading: "No products available"
+          }
+        }
+      }
+    ),
+    products.length > PAGE_SIZE && /* @__PURE__ */ jsxRuntime.jsx(ui.DataTable.Pagination, {})
+  ] });
+};
+const BACKEND_URL$1 = window.location.origin;
+async function retrieveProductAnalytics(date) {
+  if (!date || !date.from || !(date == null ? void 0 : date.to)) {
+    return void 0;
+  }
+  const dateFrom = dateFns.format(date.from, "yyyy-MM-dd");
+  const dateTo = dateFns.format(date.to, "yyyy-MM-dd");
+  const data = await fetch(
+    `${BACKEND_URL$1}/admin/agilo-analytics/products?date_from=${dateFrom}&date_to=${dateTo}`
+  );
+  const productAnalytics = await data.json();
+  return productAnalytics;
+}
+const useProductAnalytics = (query, options) => {
+  return reactQuery.useQuery({
+    queryKey: ["product-analytics", query == null ? void 0 : query.from, query == null ? void 0 : query.to],
+    queryFn: async () => {
+      const data = await retrieveProductAnalytics(query);
+      return data;
+    },
+    ...options
+  });
+};
+const BACKEND_URL = window.location.origin;
+async function retrieveOrderAnalytics(preset, date) {
+  if (!date || !date.from || !(date == null ? void 0 : date.to)) {
+    const data2 = await fetch(
+      `${BACKEND_URL}/admin/agilo-analytics/orders?preset=${preset}`
+    );
+    const orderAnalytics2 = await data2.json();
+    return orderAnalytics2;
+  }
+  const dateFrom = dateFns.format(date.from, "yyyy-MM-dd");
+  const dateTo = dateFns.format(date.to, "yyyy-MM-dd");
+  const data = await fetch(
+    `${BACKEND_URL}/admin/agilo-analytics/orders?date_from=${dateFrom}&date_to=${dateTo}&preset=${preset}`
+  );
+  const orderAnalytics = await data.json();
+  return orderAnalytics;
+}
+const useOrderAnalytics = (preset, query, options) => {
+  return reactQuery.useQuery({
+    queryKey: ["order-analytics", query == null ? void 0 : query.from, query == null ? void 0 : query.to],
+    queryFn: async () => {
+      const data = await retrieveOrderAnalytics(preset, query);
+      return data;
+    },
+    ...options
+  });
+};
+const Skeleton = ({
+  className,
+  ...props
+}) => /* @__PURE__ */ jsxRuntime.jsx(
+  "div",
+  {
+    ...props,
+    className: tailwindMerge.twMerge(
+      "animate-pulse rounded-md bg-[#F4F4F4] dark:bg-[#3F3F46]",
+      className
+    )
+  }
+);
+const SmallCardSkeleton = () => /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
+  /* @__PURE__ */ jsxRuntime.jsx(Skeleton, { className: "w-20 h-[1.4375rem] my-1" }),
+  /* @__PURE__ */ jsxRuntime.jsx(Skeleton, { className: "w-40 h-3.5" })
+] });
+const LineChartSkeleton = () => {
+  return /* @__PURE__ */ jsxRuntime.jsx("div", { className: "w-full", style: { aspectRatio: "16/9" }, children: /* @__PURE__ */ jsxRuntime.jsx(Skeleton, { className: "w-full h-full" }) });
+};
+const BarChartSkeleton = () => {
+  return /* @__PURE__ */ jsxRuntime.jsx("div", { className: "w-full", style: { aspectRatio: "16/9" }, children: /* @__PURE__ */ jsxRuntime.jsx(Skeleton, { className: "w-full h-full" }) });
+};
+const PieChartSkeleton = () => {
+  return /* @__PURE__ */ jsxRuntime.jsx("div", { className: "w-full aspect-square max-h-[400px]", children: /* @__PURE__ */ jsxRuntime.jsx(Skeleton, { className: "w-full h-full" }) });
+};
+const dummyData = [
+  {
+    a: "a",
+    b: "b",
+    c: 0
+  },
+  {
+    a: "a",
+    b: "b",
+    c: 0
+  },
+  {
+    a: "a",
+    b: "b",
+    c: 0
+  },
+  {
+    a: "a",
+    b: "b",
+    c: 0
+  },
+  {
+    a: "a",
+    b: "b",
+    c: 0
+  },
+  {
+    a: "a",
+    b: "b",
+    c: 0
+  }
+];
+const columnHelper = ui.createDataTableColumnHelper();
+const columns = [
+  columnHelper.accessor("a", {
+    header: () => null,
+    cell: () => /* @__PURE__ */ jsxRuntime.jsx(Skeleton, { className: "w-full h-5" })
+  }),
+  columnHelper.accessor("b", {
+    header: () => null,
+    cell: () => /* @__PURE__ */ jsxRuntime.jsx(Skeleton, { className: "w-full h-5" })
+  }),
+  columnHelper.accessor("c", {
+    header: () => null,
+    cell: () => /* @__PURE__ */ jsxRuntime.jsx(Skeleton, { className: "w-full h-5" })
+  })
+];
+const ProductsTableSkeleton = () => {
+  const [search, setSearch] = React__namespace.useState("");
+  const table = ui.useDataTable({
+    columns,
+    data: dummyData,
+    getRowId: (product) => product.a,
+    rowCount: dummyData.length,
+    search: {
+      state: search,
+      onSearchChange: setSearch
+    }
+  });
+  return /* @__PURE__ */ jsxRuntime.jsxs(ui.DataTable, { instance: table, children: [
+    /* @__PURE__ */ jsxRuntime.jsx(ui.DataTable.Toolbar, { className: "px-0 pt-0", children: /* @__PURE__ */ jsxRuntime.jsx(ui.DataTable.Search, { placeholder: "Search..." }) }),
+    /* @__PURE__ */ jsxRuntime.jsx(ui.DataTable.Table, {})
+  ] });
+};
+function dateToCalendarDate(date) {
+  return new $35ea8db9cb2ccb90$export$99faa760c7908e4f(
+    date.getFullYear(),
+    date.getMonth() + 1,
+    date.getDate()
+  );
+}
+function calendarDateToDate(calendarDate) {
+  const year = "year" in calendarDate ? calendarDate.year : (/* @__PURE__ */ new Date()).getFullYear();
+  const month = "month" in calendarDate ? calendarDate.month : (/* @__PURE__ */ new Date()).getMonth() + 1;
+  const day = "day" in calendarDate ? calendarDate.day : (/* @__PURE__ */ new Date()).getDate();
+  return new Date(year, month - 1, day);
+}
+function dateRangeToRangeValue(dateRange) {
+  if (!(dateRange == null ? void 0 : dateRange.from)) return null;
+  return {
+    start: dateToCalendarDate(dateRange.from),
+    end: dateRange.to ? dateToCalendarDate(dateRange.to) : dateToCalendarDate(dateRange.from)
+  };
+}
+function rangeValueToDateRange(rangeValue) {
+  if (!rangeValue) return void 0;
+  return {
+    from: calendarDateToDate(rangeValue.start),
+    to: rangeValue.end ? calendarDateToDate(rangeValue.end) : void 0
+  };
+}
+const AnalyticsPage = () => {
+  var _a, _b, _c, _d, _e, _f, _g, _h, _i;
+  const [date, setDate] = React__namespace.useState({
+    from: dateFns.startOfMonth(/* @__PURE__ */ new Date()),
+    to: dateFns.endOfMonth(/* @__PURE__ */ new Date())
+  });
+  const [selectValue, setSelectValue] = React__namespace.useState("this-month");
+  const { data: products, isLoading: isLoadingProducts } = useProductAnalytics(date);
+  const { data: orders, isLoading: isLoadingOrders } = useOrderAnalytics(
+    selectValue,
+    date
+  );
+  const someOrderCountsGreaterThanZero = (_a = orders == null ? void 0 : orders.order_count) == null ? void 0 : _a.some(
+    (item) => item.count > 0
+  );
+  const someOrderSalesGreaterThanZero = (_b = orders == null ? void 0 : orders.order_sales) == null ? void 0 : _b.some(
+    (item) => item.sales > 0
+  );
+  const someTopSellingProductsGreaterThanZero = (_c = products == null ? void 0 : products.variantQuantitySold) == null ? void 0 : _c.some((item) => item.quantity > 0);
+  const updateDatePreset = React__namespace.useCallback((preset) => {
+    const today = /* @__PURE__ */ new Date();
+    switch (preset) {
+      case "this-month":
+        setDate({
+          from: dateFns.startOfMonth(today),
+          to: today
+        });
+        setSelectValue("this-month");
+        break;
+      case "last-month":
+        setDate({
+          from: dateFns.startOfMonth(dateFns.subMonths(today, 1)),
+          to: dateFns.endOfMonth(dateFns.subMonths(today, 1))
+        });
+        setSelectValue("last-month");
+        break;
+      case "last-3-months":
+        setDate({
+          from: dateFns.startOfMonth(dateFns.subMonths(today, 3)),
+          to: dateFns.endOfMonth(dateFns.subMonths(today, 1))
+        });
+        setSelectValue("last-3-months");
+        break;
+      case "custom":
+      default:
+        setSelectValue("custom");
+        break;
+    }
+  }, []);
+  const handleDateRangeChange = React__namespace.useCallback(
+    (value) => {
+      const newDateRange = rangeValueToDateRange(value);
+      setDate(newDateRange);
+      if (selectValue !== "custom") {
+        setSelectValue("custom");
+      }
+    },
+    []
+  );
+  return /* @__PURE__ */ jsxRuntime.jsxs(ui.Container, { className: "divide-y p-0", children: [
+    /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex flex-wrap gap-x-2 gap-y-4 items-center justify-between px-6 py-4", children: [
+      /* @__PURE__ */ jsxRuntime.jsx(ui.Heading, { level: "h1", children: "Analytics" }),
+      /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex flex-wrap gap-2", children: [
+        /* @__PURE__ */ jsxRuntime.jsx("div", { className: "w-[170px]", children: /* @__PURE__ */ jsxRuntime.jsxs(
+          ui.Select,
+          {
+            disabled: isLoadingOrders || isLoadingProducts,
+            defaultValue: "this-month",
+            value: selectValue,
+            onValueChange: updateDatePreset,
+            children: [
+              /* @__PURE__ */ jsxRuntime.jsx(ui.Select.Trigger, { children: /* @__PURE__ */ jsxRuntime.jsx(ui.Select.Value, {}) }),
+              /* @__PURE__ */ jsxRuntime.jsxs(ui.Select.Content, { children: [
+                /* @__PURE__ */ jsxRuntime.jsx(ui.Select.Item, { value: "this-month", children: "This Month" }),
+                /* @__PURE__ */ jsxRuntime.jsx(ui.Select.Item, { value: "last-month", children: "Last Month" }),
+                /* @__PURE__ */ jsxRuntime.jsx(ui.Select.Item, { value: "last-3-months", children: "Last 3 Months" }),
+                /* @__PURE__ */ jsxRuntime.jsx(ui.Select.Item, { value: "custom", children: "Custom" })
+              ] })
+            ]
+          }
+        ) }),
+        /* @__PURE__ */ jsxRuntime.jsxs(
+          reactAriaComponents.DateRangePicker,
+          {
+            value: dateRangeToRangeValue(date),
+            onChange: handleDateRangeChange,
+            isDisabled: isLoadingOrders || isLoadingProducts,
+            "aria-label": "Date range",
+            children: [
+              /* @__PURE__ */ jsxRuntime.jsxs(reactAriaComponents.Group, { className: "inline-flex items-center gap-2 whitespace-nowrap rounded-md text-sm transition-all disabled:pointer-events-none disabled:opacity-50 [&_svg]:pointer-events-none [&_svg:not([class*='size-'])]:size-4 shrink-0 [&_svg]:shrink-0 focus-visible:border-ring focus-visible:ring-ring/50 focus-visible:ring-[3px] aria-invalid:ring-destructive/20 dark:aria-invalid:ring-destructive/40 aria-invalid:border-destructive justify-start focus-visible:shadow-borders-interactive-with-active disabled:bg-ui-bg-disabled disabled:text-ui-fg-disabled bg-ui-bg-field text-ui-fg-base txt-compact-small h-8 text-left font-normal data-[state=open]:!shadow-borders-interactive-with-active shadow-buttons-neutral hover:bg-ui-bg-field-hover outline-none transition-fg disabled:cursor-not-allowed min-w-[260px] bg-background shadow-xs hover:bg-accent hover:text-accent-foreground dark:bg-ui-bg-field-component dark:border-ui-border-base dark:hover:bg-ui-bg-field-hover px-4 border cursor-pointer", children: [
+                /* @__PURE__ */ jsxRuntime.jsx(icons.Calendar, { className: "h-4 w-4 text-ui-fg-muted group-disabled:text-ui-fg-disabled flex-shrink-0" }),
+                /* @__PURE__ */ jsxRuntime.jsx(reactAriaComponents.DateInput, { slot: "start", className: "flex-1 min-w-0", children: (segment) => /* @__PURE__ */ jsxRuntime.jsx(
+                  reactAriaComponents.DateSegment,
+                  {
+                    segment,
+                    className: "outline-none rounded-sm focus:bg-ui-bg-interactive focus:text-ui-fg-on-color caret-transparent placeholder-shown:italic text-ui-fg-base data-[placeholder]:text-ui-fg-muted"
+                  }
+                ) }),
+                /* @__PURE__ */ jsxRuntime.jsx("span", { "aria-hidden": "true", className: "text-ui-fg-muted px-1", children: "—" }),
+                /* @__PURE__ */ jsxRuntime.jsx(reactAriaComponents.DateInput, { slot: "end", className: "flex-1 min-w-0", children: (segment) => /* @__PURE__ */ jsxRuntime.jsx(
+                  reactAriaComponents.DateSegment,
+                  {
+                    segment,
+                    className: "outline-none rounded-sm focus:bg-ui-bg-interactive focus:text-ui-fg-on-color caret-transparent placeholder-shown:italic text-ui-fg-base data-[placeholder]:text-ui-fg-muted"
+                  }
+                ) }),
+                /* @__PURE__ */ jsxRuntime.jsx(reactAriaComponents.Button, { className: "text-ui-fg-muted hover:bg-ui-bg-subtle dark:hover:bg-ui-bg-subtle rounded p-1", children: /* @__PURE__ */ jsxRuntime.jsx(icons.ChevronDown, { className: "size-4" }) })
+              ] }),
+              /* @__PURE__ */ jsxRuntime.jsx(reactAriaComponents.Popover, { className: "w-auto p-0 bg-transparent z-50", children: /* @__PURE__ */ jsxRuntime.jsx(reactAriaComponents.Dialog, { className: "bg-ui-bg-base dark:bg-ui-bg-base border border-ui-border-base dark:border-ui-border-base rounded-lg shadow-lg p-6 max-w-fit", children: /* @__PURE__ */ jsxRuntime.jsxs(
+                reactAriaComponents.RangeCalendar,
+                {
+                  className: "w-fit",
+                  visibleDuration: { months: 2 },
+                  children: [
+                    /* @__PURE__ */ jsxRuntime.jsxs("header", { className: "flex items-center justify-between mb-4", children: [
+                      /* @__PURE__ */ jsxRuntime.jsx(
+                        reactAriaComponents.Button,
+                        {
+                          slot: "previous",
+                          className: "p-2 hover:bg-ui-bg-subtle dark:hover:bg-ui-bg-subtle rounded text-ui-fg-base",
+                          children: /* @__PURE__ */ jsxRuntime.jsx(icons.ChevronLeft, { className: "size-4" })
+                        }
+                      ),
+                      /* @__PURE__ */ jsxRuntime.jsx(reactAriaComponents.Heading, { className: "font-semibold text-lg text-ui-fg-base" }),
+                      /* @__PURE__ */ jsxRuntime.jsx(
+                        reactAriaComponents.Button,
+                        {
+                          slot: "next",
+                          className: "p-2 hover:bg-ui-bg-subtle dark:hover:bg-ui-bg-subtle rounded text-ui-fg-base",
+                          children: /* @__PURE__ */ jsxRuntime.jsx(icons.ChevronRight, { className: "size-4" })
+                        }
+                      )
+                    ] }),
+                    /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex gap-6", children: [
+                      /* @__PURE__ */ jsxRuntime.jsx(reactAriaComponents.CalendarGrid, { className: "border-collapse gap-1", children: (date2) => /* @__PURE__ */ jsxRuntime.jsx(
+                        reactAriaComponents.CalendarCell,
+                        {
+                          date: date2,
+                          className: "w-9 h-9 text-sm cursor-pointer rounded flex items-center justify-center hover:bg-ui-bg-subtle dark:hover:bg-ui-bg-subtle selected:bg-ui-bg-interactive selected:text-ui-fg-on-color selection-start:bg-ui-bg-interactive selection-start:text-ui-fg-on-color selection-end:bg-ui-bg-interactive selection-end:text-ui-fg-on-color outside-month:text-ui-fg-disabled unavailable:text-ui-fg-disabled unavailable:cursor-default text-ui-fg-base data-[selected]:bg-ui-bg-interactive data-[selected]:text-ui-fg-on-color data-[selection-start]:bg-ui-bg-interactive data-[selection-start]:text-ui-fg-on-color data-[selection-end]:bg-ui-bg-interactive data-[selection-end]:text-ui-fg-on-color"
+                        }
+                      ) }),
+                      /* @__PURE__ */ jsxRuntime.jsx(
+                        reactAriaComponents.CalendarGrid,
+                        {
+                          offset: { months: 1 },
+                          className: "border-collapse gap-1",
+                          children: (date2) => /* @__PURE__ */ jsxRuntime.jsx(
+                            reactAriaComponents.CalendarCell,
+                            {
+                              date: date2,
+                              className: "w-9 h-9 text-sm cursor-pointer rounded flex items-center justify-center hover:bg-ui-bg-subtle dark:hover:bg-ui-bg-subtle selected:bg-ui-bg-interactive selected:text-ui-fg-on-color selection-start:bg-ui-bg-interactive selection-start:text-ui-fg-on-color selection-end:bg-ui-bg-interactive selection-end:text-ui-fg-on-color outside-month:text-ui-fg-disabled unavailable:text-ui-fg-disabled unavailable:cursor-default text-ui-fg-base data-[selected]:bg-ui-bg-interactive data-[selected]:text-ui-fg-on-color data-[selection-start]:bg-ui-bg-interactive data-[selection-start]:text-ui-fg-on-color data-[selection-end]:bg-ui-bg-interactive data-[selection-end]:text-ui-fg-on-color"
+                            }
+                          )
+                        }
+                      )
+                    ] })
+                  ]
+                }
+              ) }) })
+            ]
+          }
+        )
+      ] })
+    ] }),
+    /* @__PURE__ */ jsxRuntime.jsx("div", { className: "px-6 py-4", children: /* @__PURE__ */ jsxRuntime.jsxs(ui.Tabs, { defaultValue: "orders", children: [
+      /* @__PURE__ */ jsxRuntime.jsxs(ui.Tabs.List, { children: [
+        /* @__PURE__ */ jsxRuntime.jsx(
+          ui.Tabs.Trigger,
+          {
+            value: "orders",
+            disabled: isLoadingOrders || isLoadingProducts,
+            children: "Orders"
+          }
+        ),
+        /* @__PURE__ */ jsxRuntime.jsx(
+          ui.Tabs.Trigger,
+          {
+            value: "products",
+            disabled: isLoadingOrders || isLoadingProducts,
+            children: "Products"
+          }
+        )
+      ] }),
+      /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "mt-8", children: [
+        /* @__PURE__ */ jsxRuntime.jsxs(ui.Tabs.Content, { value: "orders", children: [
+          /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex max-md:flex-col gap-4 mb-4", children: [
+            /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "space-y-4 flex-1", children: [
+              /* @__PURE__ */ jsxRuntime.jsxs(ui.Container, { className: "relative", children: [
+                /* @__PURE__ */ jsxRuntime.jsx(icons.ShoppingCart, { className: "absolute right-6 top-4 text-ui-fg-muted" }),
+                /* @__PURE__ */ jsxRuntime.jsx(ui.Text, { size: "small", children: "Total Orders" }),
+                isLoadingOrders ? /* @__PURE__ */ jsxRuntime.jsx(SmallCardSkeleton, {}) : /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
+                  /* @__PURE__ */ jsxRuntime.jsx(ui.Text, { size: "xlarge", weight: "plus", children: (orders == null ? void 0 : orders.total_orders) || 0 }),
+                  /* @__PURE__ */ jsxRuntime.jsxs(ui.Text, { size: "xsmall", className: "text-ui-fg-muted", children: [
+                    ((orders == null ? void 0 : orders.prev_orders_percent) || 0) > 0 && "+",
+                    (orders == null ? void 0 : orders.prev_orders_percent) || 0,
+                    "% from previous period"
+                  ] })
+                ] })
+              ] }),
+              /* @__PURE__ */ jsxRuntime.jsxs(ui.Container, { className: "min-h-[9.375rem]", children: [
+                /* @__PURE__ */ jsxRuntime.jsx(ui.Text, { size: "xlarge", weight: "plus", children: "Orders Over Time" }),
+                /* @__PURE__ */ jsxRuntime.jsx(ui.Text, { size: "small", className: "mb-8 text-ui-fg-muted", children: "Total number of orders in the selected period" }),
+                isLoadingOrders ? /* @__PURE__ */ jsxRuntime.jsx(LineChartSkeleton, {}) : (orders == null ? void 0 : orders.order_count) && ((_d = orders == null ? void 0 : orders.order_count) == null ? void 0 : _d.length) > 0 && someOrderCountsGreaterThanZero ? /* @__PURE__ */ jsxRuntime.jsx("div", { className: "w-full", style: { aspectRatio: "16/9" }, children: /* @__PURE__ */ jsxRuntime.jsx(
+                  LineChart,
+                  {
+                    data: orders == null ? void 0 : orders.order_count,
+                    xAxisDataKey: "name",
+                    yAxisDataKey: "count"
+                  }
+                ) }) : /* @__PURE__ */ jsxRuntime.jsx(
+                  ui.Text,
+                  {
+                    size: "small",
+                    className: "text-ui-fg-muted text-center",
+                    children: "No data available for the selected period."
+                  }
+                )
+              ] })
+            ] }),
+            /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "space-y-4 flex-1", children: [
+              /* @__PURE__ */ jsxRuntime.jsxs(ui.Container, { className: "relative", children: [
+                /* @__PURE__ */ jsxRuntime.jsx(lucideReact.ChartNoAxesCombined, { className: "absolute right-6 text-ui-fg-muted top-4 size-[15px]" }),
+                /* @__PURE__ */ jsxRuntime.jsx(ui.Text, { size: "small", children: "Total Sales" }),
+                isLoadingOrders ? /* @__PURE__ */ jsxRuntime.jsx(SmallCardSkeleton, {}) : /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
+                  /* @__PURE__ */ jsxRuntime.jsx(ui.Text, { size: "xlarge", weight: "plus", children: new Intl.NumberFormat("en-US", {
+                    style: "currency",
+                    currency: (orders == null ? void 0 : orders.currency_code) || "EUR"
+                  }).format((orders == null ? void 0 : orders.total_sales) || 0) }),
+                  /* @__PURE__ */ jsxRuntime.jsxs(ui.Text, { size: "xsmall", className: "text-ui-fg-muted", children: [
+                    ((orders == null ? void 0 : orders.prev_sales_percent) || 0) > 0 && "+",
+                    (orders == null ? void 0 : orders.prev_sales_percent) || 0,
+                    "% from previous period"
+                  ] })
+                ] })
+              ] }),
+              /* @__PURE__ */ jsxRuntime.jsxs(ui.Container, { className: "min-h-[9.375rem]", children: [
+                /* @__PURE__ */ jsxRuntime.jsx(ui.Text, { size: "xlarge", weight: "plus", children: "Sales Over Time" }),
+                /* @__PURE__ */ jsxRuntime.jsxs(ui.Text, { size: "small", className: "mb-8 text-ui-fg-muted", children: [
+                  "Total sales in the selected period (",
+                  orders == null ? void 0 : orders.currency_code,
+                  ")"
+                ] }),
+                isLoadingOrders ? /* @__PURE__ */ jsxRuntime.jsx(LineChartSkeleton, {}) : (orders == null ? void 0 : orders.order_sales) && ((_e = orders == null ? void 0 : orders.order_sales) == null ? void 0 : _e.length) > 0 && someOrderSalesGreaterThanZero ? /* @__PURE__ */ jsxRuntime.jsx("div", { className: "w-full", style: { aspectRatio: "16/9" }, children: /* @__PURE__ */ jsxRuntime.jsx(
+                  LineChart,
+                  {
+                    data: orders.order_sales,
+                    xAxisDataKey: "name",
+                    yAxisDataKey: "sales",
+                    lineColor: "#82ca9d",
+                    yAxisTickFormatter: (value) => new Intl.NumberFormat("en-US", {
+                      currency: orders.currency_code,
+                      maximumFractionDigits: 0
+                    }).format(value)
+                  }
+                ) }) : /* @__PURE__ */ jsxRuntime.jsx(
+                  ui.Text,
+                  {
+                    size: "small",
+                    className: "text-ui-fg-muted text-center",
+                    children: "No data available for the selected period."
+                  }
+                )
+              ] })
+            ] })
+          ] }),
+          /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex max-md:flex-col gap-4", children: [
+            /* @__PURE__ */ jsxRuntime.jsx("div", { className: "flex-1", children: /* @__PURE__ */ jsxRuntime.jsxs(ui.Container, { className: "min-h-[9.375rem]", children: [
+              /* @__PURE__ */ jsxRuntime.jsx(ui.Text, { size: "xlarge", weight: "plus", children: "Top Regions by Sales" }),
+              /* @__PURE__ */ jsxRuntime.jsx(ui.Text, { size: "small", className: "mb-8 text-ui-fg-muted", children: "Sales breakdown by region in the selected period" }),
+              isLoadingOrders ? /* @__PURE__ */ jsxRuntime.jsx(BarChartSkeleton, {}) : (orders == null ? void 0 : orders.regions) && ((_f = orders == null ? void 0 : orders.regions) == null ? void 0 : _f.length) > 0 ? /* @__PURE__ */ jsxRuntime.jsx("div", { className: "w-full", style: { aspectRatio: "16/9" }, children: /* @__PURE__ */ jsxRuntime.jsx(
+                BarChart,
+                {
+                  data: orders.regions,
+                  xAxisDataKey: "name",
+                  yAxisDataKey: "sales",
+                  lineColor: "#82ca9d",
+                  useStableColors: true,
+                  colorKeyField: "name",
+                  yAxisTickFormatter: (value) => new Intl.NumberFormat("en-US", {
+                    currency: orders.currency_code,
+                    maximumFractionDigits: 0
+                  }).format(value)
+                }
+              ) }) : /* @__PURE__ */ jsxRuntime.jsx(
+                ui.Text,
+                {
+                  size: "small",
+                  className: "text-ui-fg-muted text-center",
+                  children: "No data available for the selected period."
+                }
+              )
+            ] }) }),
+            /* @__PURE__ */ jsxRuntime.jsx("div", { className: "flex-1", children: /* @__PURE__ */ jsxRuntime.jsxs(ui.Container, { className: "min-h-[9.375rem]", children: [
+              /* @__PURE__ */ jsxRuntime.jsx(ui.Text, { size: "xlarge", weight: "plus", children: "Order Status Breakdown" }),
+              /* @__PURE__ */ jsxRuntime.jsx(ui.Text, { size: "small", className: "mb-8 text-ui-fg-muted", children: "Distribution of orders by status in the selected period" }),
+              isLoadingOrders ? /* @__PURE__ */ jsxRuntime.jsx(PieChartSkeleton, {}) : (orders == null ? void 0 : orders.statuses) && ((_g = orders == null ? void 0 : orders.statuses) == null ? void 0 : _g.length) > 0 ? /* @__PURE__ */ jsxRuntime.jsx("div", { className: "w-full", style: { aspectRatio: "16/9" }, children: /* @__PURE__ */ jsxRuntime.jsx(PieChart, { data: orders == null ? void 0 : orders.statuses, dataKey: "count" }) }) : /* @__PURE__ */ jsxRuntime.jsx(
+                ui.Text,
+                {
+                  size: "small",
+                  className: "text-ui-fg-muted text-center",
+                  children: "No data available for the selected period."
+                }
+              )
+            ] }) })
+          ] })
+        ] }),
+        /* @__PURE__ */ jsxRuntime.jsxs(ui.Tabs.Content, { value: "products", children: [
+          /* @__PURE__ */ jsxRuntime.jsxs(ui.Container, { className: "mb-4 min-h-[9.375rem]", children: [
+            /* @__PURE__ */ jsxRuntime.jsx(ui.Text, { size: "xlarge", weight: "plus", children: "Top-Selling Products" }),
+            /* @__PURE__ */ jsxRuntime.jsx(ui.Text, { size: "small", className: "mb-8 text-ui-fg-muted", children: "Products by quantity sold in selected period" }),
+            isLoadingProducts ? /* @__PURE__ */ jsxRuntime.jsx(BarChartSkeleton, {}) : (products == null ? void 0 : products.variantQuantitySold) && someTopSellingProductsGreaterThanZero ? /* @__PURE__ */ jsxRuntime.jsx("div", { className: "w-full", style: { aspectRatio: "16/9" }, children: /* @__PURE__ */ jsxRuntime.jsx(
+              BarChart,
+              {
+                data: products.variantQuantitySold,
+                xAxisDataKey: "title",
+                yAxisDataKey: "quantity",
+                lineColor: "#82ca9d",
+                useStableColors: true,
+                colorKeyField: "title"
+              }
+            ) }) : /* @__PURE__ */ jsxRuntime.jsx(ui.Text, { size: "small", className: "text-ui-fg-muted text-center", children: "No data available for the selected period." })
+          ] }),
+          /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex gap-4 max-xl:flex-col", children: [
+            /* @__PURE__ */ jsxRuntime.jsxs(ui.Container, { children: [
+              /* @__PURE__ */ jsxRuntime.jsx(ui.Text, { size: "xlarge", weight: "plus", children: "Out-of-Stock Variants" }),
+              /* @__PURE__ */ jsxRuntime.jsx(ui.Text, { size: "small", className: "mb-8 text-ui-fg-muted", children: "Products with zero inventory" }),
+              isLoadingProducts ? /* @__PURE__ */ jsxRuntime.jsx(ProductsTableSkeleton, {}) : /* @__PURE__ */ jsxRuntime.jsx(
+                ProductsTable,
+                {
+                  products: ((_h = products == null ? void 0 : products.lowStockVariants) == null ? void 0 : _h.filter(
+                    (product) => product.inventoryQuantity === 0
+                  )) || []
+                }
+              )
+            ] }),
+            /* @__PURE__ */ jsxRuntime.jsxs(ui.Container, { children: [
+              /* @__PURE__ */ jsxRuntime.jsx(ui.Text, { size: "xlarge", weight: "plus", children: "Low Stock Variants" }),
+              /* @__PURE__ */ jsxRuntime.jsx(ui.Text, { size: "small", className: "mb-8 text-ui-fg-muted", children: "Products with inventory below threshold" }),
+              isLoadingProducts ? /* @__PURE__ */ jsxRuntime.jsx(ProductsTableSkeleton, {}) : /* @__PURE__ */ jsxRuntime.jsx(
+                ProductsTable,
+                {
+                  products: ((_i = products == null ? void 0 : products.lowStockVariants) == null ? void 0 : _i.filter(
+                    (product) => product.inventoryQuantity > 0
+                  )) || []
+                }
+              )
+            ] })
+          ] })
+        ] })
+      ] })
+    ] }) })
+  ] });
+};
+const config = adminSdk.defineRouteConfig({
+  label: "Analytics",
+  icon: icons.ChartBar
+});
+const widgetModule = { widgets: [] };
+const routeModule = {
+  routes: [
+    {
+      Component: AnalyticsPage,
+      path: "/analytics"
+    }
+  ]
+};
+const menuItemModule = {
+  menuItems: [
+    {
+      label: config.label,
+      icon: config.icon,
+      path: "/analytics",
+      nested: void 0
+    }
+  ]
+};
+const formModule = { customFields: {} };
+const displayModule = {
+  displays: {}
+};
+const plugin = {
+  widgetModule,
+  routeModule,
+  menuItemModule,
+  formModule,
+  displayModule
+};
+module.exports = plugin;