@mercurjs/admin 2.0.0-canary.100

package/dist/chunk-5N24A4CX.js

@@ -0,0 +1,296 @@
+import {
+  useDeleteShippingOptionTypeAction
+} from "./chunk-TOUMBTYI.js";
+import {
+  DateCell
+} from "./chunk-25LYVP3C.js";
+import {
+  TextCell
+} from "./chunk-JHIMVLB2.js";
+import {
+  _DataTable,
+  useDataTable
+} from "./chunk-ULJ3OMWU.js";
+import {
+  SingleColumnPage
+} from "./chunk-XIZLPYEE.js";
+import {
+  ActionMenu
+} from "./chunk-BDGZ4EQO.js";
+import {
+  useDateTableFilters
+} from "./chunk-26OOAKQ6.js";
+import {
+  useQueryParams
+} from "./chunk-THHRRYRS.js";
+import {
+  useShippingOptionTypes
+} from "./chunk-YAMNPEPW.js";
+
+// src/pages/shipping-option-types/shipping-option-type-list/shipping-option-type-list.tsx
+import { Children as Children3 } from "react";
+
+// src/pages/shipping-option-types/shipping-option-type-list/components/shipping-option-type-list-view/shipping-option-type-list-view.tsx
+import { Children as Children2 } from "react";
+import { Container } from "@medusajs/ui";
+
+// src/pages/shipping-option-types/shipping-option-type-list/components/shipping-option-type-list-view/shipping-option-type-list-data-table.tsx
+import { keepPreviousData } from "@tanstack/react-query";
+import { createColumnHelper as createColumnHelper2 } from "@tanstack/react-table";
+import { useMemo as useMemo2 } from "react";
+import { useTranslation as useTranslation3 } from "react-i18next";
+
+// src/hooks/table/columns/use-shipping-option-type-table-columns.tsx
+import { createColumnHelper } from "@tanstack/react-table";
+import { useMemo } from "react";
+import { useTranslation } from "react-i18next";
+import { jsx } from "react/jsx-runtime";
+var columnHelper = createColumnHelper();
+var useShippingOptionTypeTableColumns = () => {
+  const { t } = useTranslation();
+  return useMemo(
+    () => [
+      columnHelper.accessor("label", {
+        header: () => t("fields.label"),
+        cell: ({ getValue }) => /* @__PURE__ */ jsx(TextCell, { text: getValue() })
+      }),
+      columnHelper.accessor("code", {
+        header: () => t("fields.code"),
+        cell: ({ getValue }) => /* @__PURE__ */ jsx(TextCell, { text: getValue() })
+      }),
+      columnHelper.accessor("description", {
+        header: () => t("fields.description"),
+        cell: ({ getValue }) => /* @__PURE__ */ jsx(TextCell, { text: getValue() })
+      }),
+      columnHelper.accessor("created_at", {
+        header: () => t("fields.createdAt"),
+        cell: ({ getValue }) => {
+          return /* @__PURE__ */ jsx(DateCell, { date: getValue() });
+        }
+      }),
+      columnHelper.accessor("updated_at", {
+        header: () => t("fields.updatedAt"),
+        cell: ({ getValue }) => {
+          return /* @__PURE__ */ jsx(DateCell, { date: getValue() });
+        }
+      })
+    ],
+    [t]
+  );
+};
+
+// src/hooks/table/filters/use-shipping-option-type-table-filters.tsx
+var useShippingOptionTypeTableFilters = () => {
+  return useDateTableFilters();
+};
+
+// src/hooks/table/query/use-shipping-option-type-table-query.tsx
+var useShippingOptionTypeTableQuery = ({
+  prefix,
+  pageSize = 20
+}) => {
+  const queryObject = useQueryParams(
+    ["offset", "q", "order", "created_at", "updated_at"],
+    prefix
+  );
+  const { offset, q, order, created_at, updated_at } = queryObject;
+  const searchParams = {
+    limit: pageSize,
+    offset: offset ? Number(offset) : 0,
+    order,
+    created_at: created_at ? JSON.parse(created_at) : void 0,
+    updated_at: updated_at ? JSON.parse(updated_at) : void 0,
+    q
+  };
+  return {
+    searchParams,
+    raw: queryObject
+  };
+};
+
+// src/pages/shipping-option-types/shipping-option-type-list/components/shipping-option-type-list-table/shipping-option-type-table-row-actions.tsx
+import { PencilSquare, Trash } from "@medusajs/icons";
+import { useTranslation as useTranslation2 } from "react-i18next";
+import { jsx as jsx2 } from "react/jsx-runtime";
+var ShippingOptionTypeRowActions = ({
+  shippingOptionType
+}) => {
+  const { t } = useTranslation2();
+  const handleDelete = useDeleteShippingOptionTypeAction(
+    shippingOptionType.id,
+    shippingOptionType.label
+  );
+  return /* @__PURE__ */ jsx2(
+    ActionMenu,
+    {
+      groups: [
+        {
+          actions: [
+            {
+              label: t("actions.edit"),
+              icon: /* @__PURE__ */ jsx2(PencilSquare, {}),
+              to: `/settings/locations/shipping-option-types/${shippingOptionType.id}/edit`
+            }
+          ]
+        },
+        {
+          actions: [
+            {
+              label: t("actions.delete"),
+              icon: /* @__PURE__ */ jsx2(Trash, {}),
+              onClick: handleDelete
+            }
+          ]
+        }
+      ],
+      "data-testid": `shipping-option-type-list-table-action-menu-${shippingOptionType.id}`
+    }
+  );
+};
+
+// src/pages/shipping-option-types/shipping-option-type-list/components/shipping-option-type-list-view/shipping-option-type-list-data-table.tsx
+import { jsx as jsx3 } from "react/jsx-runtime";
+var PAGE_SIZE = 20;
+var ShippingOptionTypeListDataTable = () => {
+  const { t } = useTranslation3();
+  const { searchParams, raw } = useShippingOptionTypeTableQuery({
+    pageSize: PAGE_SIZE
+  });
+  const { shipping_option_types, count, isLoading, isError, error } = useShippingOptionTypes(
+    searchParams,
+    {
+      placeholderData: keepPreviousData
+    }
+  );
+  const filters = useShippingOptionTypeTableFilters();
+  const columns = useColumns();
+  const { table } = useDataTable({
+    columns,
+    data: shipping_option_types,
+    count,
+    getRowId: (row) => row.id,
+    pageSize: PAGE_SIZE
+  });
+  if (isError) {
+    throw error;
+  }
+  return /* @__PURE__ */ jsx3(
+    _DataTable,
+    {
+      table,
+      filters,
+      isLoading,
+      columns,
+      pageSize: PAGE_SIZE,
+      count,
+      orderBy: [
+        { key: "label", label: t("fields.label") },
+        { key: "code", label: t("fields.code") },
+        { key: "description", label: t("fields.description") },
+        { key: "created_at", label: t("fields.createdAt") },
+        { key: "updated_at", label: t("fields.updatedAt") }
+      ],
+      navigateTo: ({ original }) => original.id,
+      queryObject: raw,
+      pagination: true,
+      search: true,
+      "data-testid": "shipping-option-type-list-table"
+    }
+  );
+};
+var columnHelper2 = createColumnHelper2();
+var useColumns = () => {
+  const base = useShippingOptionTypeTableColumns();
+  return useMemo2(
+    () => [
+      ...base,
+      columnHelper2.display({
+        id: "actions",
+        cell: ({ row }) => {
+          return /* @__PURE__ */ jsx3(ShippingOptionTypeRowActions, { shippingOptionType: row.original });
+        }
+      })
+    ],
+    [base]
+  );
+};
+
+// src/pages/shipping-option-types/shipping-option-type-list/components/shipping-option-type-list-view/shipping-option-type-list-header.tsx
+import { Children } from "react";
+import { Button, Heading, Text } from "@medusajs/ui";
+import { useTranslation as useTranslation4 } from "react-i18next";
+import { Link } from "react-router-dom";
+import { Fragment, jsx as jsx4, jsxs } from "react/jsx-runtime";
+var ShippingOptionTypeListTitle = () => {
+  const { t } = useTranslation4();
+  return /* @__PURE__ */ jsxs("div", { children: [
+    /* @__PURE__ */ jsx4(Heading, { "data-testid": "shipping-option-type-list-table-heading", children: t("shippingOptionTypes.domain") }),
+    /* @__PURE__ */ jsx4(
+      Text,
+      {
+        className: "text-ui-fg-subtle",
+        size: "small",
+        "data-testid": "shipping-option-type-list-table-subtitle",
+        children: t("shippingOptionTypes.subtitle")
+      }
+    )
+  ] });
+};
+var ShippingOptionTypeListActions = ({
+  children
+}) => {
+  const { t } = useTranslation4();
+  return /* @__PURE__ */ jsx4("div", { className: "flex items-center justify-center gap-x-2", children: Children.count(children) > 0 ? children : /* @__PURE__ */ jsx4(
+    Button,
+    {
+      size: "small",
+      variant: "secondary",
+      asChild: true,
+      "data-testid": "shipping-option-type-list-table-create-button",
+      children: /* @__PURE__ */ jsx4(Link, { to: "create", children: t("actions.create") })
+    }
+  ) });
+};
+var ShippingOptionTypeListHeader = ({
+  children
+}) => {
+  return /* @__PURE__ */ jsx4(
+    "div",
+    {
+      className: "flex items-center justify-between px-6 py-4",
+      "data-testid": "shipping-option-type-list-table-header",
+      children: Children.count(children) > 0 ? children : /* @__PURE__ */ jsxs(Fragment, { children: [
+        /* @__PURE__ */ jsx4(ShippingOptionTypeListTitle, {}),
+        /* @__PURE__ */ jsx4(ShippingOptionTypeListActions, {})
+      ] })
+    }
+  );
+};
+
+// src/pages/shipping-option-types/shipping-option-type-list/components/shipping-option-type-list-view/shipping-option-type-list-view.tsx
+import { Fragment as Fragment2, jsx as jsx5, jsxs as jsxs2 } from "react/jsx-runtime";
+var ShippingOptionTypeListView = ({
+  children
+}) => {
+  return /* @__PURE__ */ jsx5(Container, { className: "divide-y p-0", children: Children2.count(children) > 0 ? children : /* @__PURE__ */ jsxs2(Fragment2, { children: [
+    /* @__PURE__ */ jsx5(ShippingOptionTypeListHeader, {}),
+    /* @__PURE__ */ jsx5(ShippingOptionTypeListDataTable, {})
+  ] }) });
+};
+
+// src/pages/shipping-option-types/shipping-option-type-list/shipping-option-type-list.tsx
+import { jsx as jsx6 } from "react/jsx-runtime";
+var Root = ({ children }) => {
+  return /* @__PURE__ */ jsx6(SingleColumnPage, { children: Children3.count(children) > 0 ? children : /* @__PURE__ */ jsx6(ShippingOptionTypeListView, {}) });
+};
+var ShippingOptionTypeListPage = Object.assign(Root, {
+  Table: ShippingOptionTypeListView,
+  Header: ShippingOptionTypeListHeader,
+  HeaderTitle: ShippingOptionTypeListTitle,
+  HeaderActions: ShippingOptionTypeListActions,
+  DataTable: ShippingOptionTypeListDataTable
+});
+
+export {
+  ShippingOptionTypeListPage
+};

package/dist/chunk-64B6RWZI.js

@@ -0,0 +1,159 @@
+import {
+  InventoryItemGeneralSection
+} from "./chunk-LFKTHNWI.js";
+import {
+  SectionRow
+} from "./chunk-3XPXUIK3.js";
+import {
+  TwoColumnPage
+} from "./chunk-V5J73NPW.js";
+import {
+  TwoColumnPageSkeleton
+} from "./chunk-INNFZYX2.js";
+import {
+  ActionMenu
+} from "./chunk-BDGZ4EQO.js";
+import {
+  useReservationItem
+} from "./chunk-I5LLMPI2.js";
+import {
+  useStockLocation
+} from "./chunk-VXW3BCN2.js";
+import {
+  useInventoryItem
+} from "./chunk-WBNGBRBK.js";
+
+// src/pages/reservations/reservation-detail/reservation-detail.tsx
+import { Children } from "react";
+import { useLoaderData, useParams } from "react-router-dom";
+
+// src/pages/reservations/reservation-detail/components/reservation-general-section/reservation-general-section.tsx
+import { Container, Heading } from "@medusajs/ui";
+import { PencilSquare } from "@medusajs/icons";
+import { useTranslation } from "react-i18next";
+import { jsx, jsxs } from "react/jsx-runtime";
+var ReservationGeneralSection = ({
+  reservation
+}) => {
+  const { t } = useTranslation();
+  const { inventory_item: inventoryItem, isPending: isLoadingInventoryItem } = useInventoryItem(reservation.inventory_item_id);
+  const { stock_location: location, isPending: isLoadingLocation } = useStockLocation(reservation.location_id);
+  if (isLoadingInventoryItem || !inventoryItem || isLoadingLocation || !location) {
+    return /* @__PURE__ */ jsx("div", { children: "Loading..." });
+  }
+  const locationLevel = inventoryItem.location_levels.find(
+    (level) => level.location_id === reservation.location_id
+  );
+  return /* @__PURE__ */ jsxs(Container, { className: "divide-y p-0", children: [
+    /* @__PURE__ */ jsxs("div", { className: "flex items-center justify-between px-6 py-4", children: [
+      /* @__PURE__ */ jsx(Heading, { children: t("inventory.reservation.header", {
+        itemName: inventoryItem.title ?? inventoryItem.sku
+      }) }),
+      /* @__PURE__ */ jsx(
+        ActionMenu,
+        {
+          groups: [
+            {
+              actions: [
+                {
+                  icon: /* @__PURE__ */ jsx(PencilSquare, {}),
+                  label: t("actions.edit"),
+                  to: `edit`
+                }
+              ]
+            }
+          ]
+        }
+      )
+    ] }),
+    /* @__PURE__ */ jsx(
+      SectionRow,
+      {
+        title: t("inventory.reservation.lineItemId"),
+        value: reservation.line_item_id
+      }
+    ),
+    /* @__PURE__ */ jsx(
+      SectionRow,
+      {
+        title: t("inventory.reservation.description"),
+        value: reservation.description
+      }
+    ),
+    /* @__PURE__ */ jsx(
+      SectionRow,
+      {
+        title: t("inventory.reservation.location"),
+        value: location?.name
+      }
+    ),
+    /* @__PURE__ */ jsx(
+      SectionRow,
+      {
+        title: t("inventory.reservation.inStockAtLocation"),
+        value: locationLevel?.stocked_quantity
+      }
+    ),
+    /* @__PURE__ */ jsx(
+      SectionRow,
+      {
+        title: t("inventory.reservation.availableAtLocation"),
+        value: locationLevel?.available_quantity
+      }
+    ),
+    /* @__PURE__ */ jsx(
+      SectionRow,
+      {
+        title: t("inventory.reservation.reservedAtLocation"),
+        value: locationLevel?.reserved_quantity
+      }
+    )
+  ] });
+};
+
+// src/pages/reservations/reservation-detail/reservation-detail.tsx
+import { jsx as jsx2, jsxs as jsxs2 } from "react/jsx-runtime";
+var Root = ({ children }) => {
+  const { id } = useParams();
+  const initialData = useLoaderData();
+  const { reservation, isLoading, isError, error } = useReservationItem(
+    id,
+    void 0,
+    {
+      initialData
+    }
+  );
+  const { inventory_item } = useInventoryItem(
+    reservation?.inventory_item?.id,
+    void 0,
+    { enabled: !!reservation?.inventory_item?.id }
+  );
+  if (isLoading || !reservation) {
+    return /* @__PURE__ */ jsx2(
+      TwoColumnPageSkeleton,
+      {
+        mainSections: 1,
+        sidebarSections: 1,
+        showJSON: true,
+        showMetadata: true
+      }
+    );
+  }
+  if (isError) {
+    throw error;
+  }
+  return Children.count(children) > 0 ? /* @__PURE__ */ jsx2(TwoColumnPage, { data: reservation, showJSON: true, showMetadata: true, "data-testid": "reservation-detail-page", children }) : /* @__PURE__ */ jsxs2(TwoColumnPage, { data: reservation, showJSON: true, showMetadata: true, "data-testid": "reservation-detail-page", children: [
+    /* @__PURE__ */ jsx2(TwoColumnPage.Main, { children: /* @__PURE__ */ jsx2(ReservationGeneralSection, { reservation }) }),
+    /* @__PURE__ */ jsx2(TwoColumnPage.Sidebar, { children: inventory_item && /* @__PURE__ */ jsx2(InventoryItemGeneralSection, { inventoryItem: inventory_item }) })
+  ] });
+};
+var ReservationDetailPage = Object.assign(Root, {
+  Main: TwoColumnPage.Main,
+  Sidebar: TwoColumnPage.Sidebar,
+  MainGeneralSection: ReservationGeneralSection,
+  SidebarInventorySection: InventoryItemGeneralSection
+});
+
+export {
+  ReservationDetailPage
+};

package/dist/chunk-64XMEZ5A.js

@@ -0,0 +1,50 @@
+import {
+  TextCell,
+  TextHeader
+} from "./chunk-JHIMVLB2.js";
+import {
+  useQueryParams
+} from "./chunk-THHRRYRS.js";
+
+// src/pages/marketplace/common/hooks/use-currencies-table-columns.tsx
+import { createColumnHelper } from "@tanstack/react-table";
+import { useMemo } from "react";
+import { useTranslation } from "react-i18next";
+import { jsx } from "react/jsx-runtime";
+var columnHelper = createColumnHelper();
+var useCurrenciesTableColumns = () => {
+  const { t } = useTranslation();
+  return useMemo(
+    () => [
+      columnHelper.accessor("code", {
+        header: () => /* @__PURE__ */ jsx(TextHeader, { text: t("fields.code") }),
+        cell: ({ getValue }) => /* @__PURE__ */ jsx(TextCell, { text: getValue().toUpperCase() })
+      }),
+      columnHelper.accessor("name", {
+        header: () => /* @__PURE__ */ jsx(TextHeader, { text: t("fields.name") }),
+        cell: ({ getValue }) => /* @__PURE__ */ jsx(TextCell, { text: getValue() })
+      })
+    ],
+    [t]
+  );
+};
+
+// src/pages/marketplace/common/hooks/use-currencies-table-query.tsx
+var useCurrenciesTableQuery = ({
+  pageSize = 10,
+  prefix
+}) => {
+  const raw = useQueryParams(["order", "q", "offset"], prefix);
+  const { offset, ...rest } = raw;
+  const searchParams = {
+    limit: pageSize,
+    offset: offset ? parseInt(offset) : 0,
+    ...rest
+  };
+  return { searchParams, raw };
+};
+
+export {
+  useCurrenciesTableColumns,
+  useCurrenciesTableQuery
+};