@mercurjs/admin 2.0.0-canary.100

package/dist/chunk-TP7M43SI.js

@@ -0,0 +1,189 @@
+import {
+  useRefundReasonTableColumns
+} from "./chunk-5A4JNOK3.js";
+import {
+  SingleColumnPage
+} from "./chunk-XIZLPYEE.js";
+import {
+  DataTable
+} from "./chunk-UQITHKTH.js";
+import {
+  useRefundReasonTableQuery
+} from "./chunk-TKEAOWBZ.js";
+import {
+  useDeleteRefundReasonLazy,
+  useRefundReasons
+} from "./chunk-YAMNPEPW.js";
+
+// src/pages/refund-reasons/refund-reason-list/refund-reason-list.tsx
+import { Children as Children3 } from "react";
+
+// src/pages/refund-reasons/refund-reason-list/components/refund-reason-list-table/refund-reason-list-table.tsx
+import { Children as Children2 } from "react";
+
+// src/pages/refund-reasons/refund-reason-list/components/refund-reason-list-table/refund-reason-list-data-table.tsx
+import { useCallback, useMemo } from "react";
+import { PencilSquare, Trash } from "@medusajs/icons";
+import {
+  Container,
+  createDataTableColumnHelper,
+  toast,
+  usePrompt
+} from "@medusajs/ui";
+import { keepPreviousData } from "@tanstack/react-query";
+import { useTranslation } from "react-i18next";
+import { useNavigate } from "react-router-dom";
+import { jsx } from "react/jsx-runtime";
+var PAGE_SIZE = 20;
+var RefundReasonListDataTable = () => {
+  const { t } = useTranslation();
+  const { searchParams } = useRefundReasonTableQuery({
+    pageSize: PAGE_SIZE
+  });
+  const { refund_reasons, count, isLoading, isError, error } = useRefundReasons(
+    searchParams,
+    {
+      placeholderData: keepPreviousData
+    }
+  );
+  const columns = useColumns();
+  if (isError) {
+    throw error;
+  }
+  return /* @__PURE__ */ jsx(Container, { className: "divide-y px-0 py-0", children: /* @__PURE__ */ jsx(
+    DataTable,
+    {
+      data: refund_reasons,
+      columns,
+      rowCount: count,
+      pageSize: PAGE_SIZE,
+      getRowId: (row) => row.id,
+      heading: t("refundReasons.domain"),
+      subHeading: t("refundReasons.subtitle"),
+      emptyState: {
+        empty: {
+          heading: t("general.noRecordsMessage")
+        },
+        filtered: {
+          heading: t("general.noRecordsMessage"),
+          description: t("general.noRecordsMessageFiltered")
+        }
+      },
+      actions: [
+        {
+          label: t("actions.create"),
+          to: "create"
+        }
+      ],
+      isLoading,
+      enableSearch: true
+    }
+  ) });
+};
+var columnHelper = createDataTableColumnHelper();
+var useColumns = () => {
+  const { t } = useTranslation();
+  const prompt = usePrompt();
+  const navigate = useNavigate();
+  const base = useRefundReasonTableColumns();
+  const { mutateAsync } = useDeleteRefundReasonLazy();
+  const handleDelete = useCallback(
+    async (refundReason) => {
+      const confirm = await prompt({
+        title: t("general.areYouSure"),
+        description: t("refundReasons.delete.confirmation", {
+          label: refundReason.label
+        }),
+        confirmText: t("actions.delete"),
+        cancelText: t("actions.cancel")
+      });
+      if (!confirm) {
+        return;
+      }
+      await mutateAsync(refundReason.id, {
+        onSuccess: () => {
+          toast.success(t("refundReasons.delete.successToast"));
+        },
+        onError: (e) => {
+          toast.error(e.message);
+        }
+      });
+    },
+    [t, prompt, mutateAsync]
+  );
+  return useMemo(
+    () => [
+      ...base,
+      columnHelper.action({
+        actions: (ctx) => [
+          [
+            {
+              icon: /* @__PURE__ */ jsx(PencilSquare, {}),
+              label: t("actions.edit"),
+              onClick: () => navigate(
+                `/settings/refund-reasons/${ctx.row.original.id}/edit`
+              )
+            }
+          ],
+          [
+            {
+              icon: /* @__PURE__ */ jsx(Trash, {}),
+              label: t("actions.delete"),
+              onClick: () => handleDelete(ctx.row.original)
+            }
+          ]
+        ]
+      })
+    ],
+    [base, handleDelete, navigate, t]
+  );
+};
+
+// src/pages/refund-reasons/refund-reason-list/components/refund-reason-list-table/refund-reason-list-header.tsx
+import { Children } from "react";
+import { Heading, Text } from "@medusajs/ui";
+import { useTranslation as useTranslation2 } from "react-i18next";
+import { Fragment, jsx as jsx2, jsxs } from "react/jsx-runtime";
+var RefundReasonListTitle = () => {
+  const { t } = useTranslation2();
+  return /* @__PURE__ */ jsxs("div", { children: [
+    /* @__PURE__ */ jsx2(Heading, { children: t("refundReasons.domain") }),
+    /* @__PURE__ */ jsx2(Text, { className: "text-ui-fg-subtle", size: "small", children: t("refundReasons.subtitle") })
+  ] });
+};
+var RefundReasonListActions = ({
+  children
+}) => {
+  return /* @__PURE__ */ jsx2("div", { className: "flex items-center justify-center gap-x-2", children });
+};
+var RefundReasonListHeader = ({
+  children
+}) => {
+  return /* @__PURE__ */ jsx2("div", { className: "flex items-center justify-between px-6 py-4", children: Children.count(children) > 0 ? children : /* @__PURE__ */ jsxs(Fragment, { children: [
+    /* @__PURE__ */ jsx2(RefundReasonListTitle, {}),
+    /* @__PURE__ */ jsx2(RefundReasonListActions, {})
+  ] }) });
+};
+
+// src/pages/refund-reasons/refund-reason-list/components/refund-reason-list-table/refund-reason-list-table.tsx
+import { Fragment as Fragment2, jsx as jsx3 } from "react/jsx-runtime";
+var RefundReasonListTable = ({ children }) => {
+  return Children2.count(children) > 0 ? /* @__PURE__ */ jsx3(Fragment2, { children }) : /* @__PURE__ */ jsx3(RefundReasonListDataTable, {});
+};
+
+// src/pages/refund-reasons/refund-reason-list/refund-reason-list.tsx
+import { jsx as jsx4 } from "react/jsx-runtime";
+var Root = ({ children }) => {
+  return /* @__PURE__ */ jsx4(SingleColumnPage, { showMetadata: false, showJSON: false, hasOutlet: true, children: Children3.count(children) > 0 ? children : /* @__PURE__ */ jsx4(RefundReasonListTable, {}) });
+};
+var RefundReasonList = Object.assign(Root, {
+  Table: RefundReasonListTable,
+  Header: RefundReasonListHeader,
+  HeaderTitle: RefundReasonListTitle,
+  HeaderActions: RefundReasonListActions,
+  DataTable: RefundReasonListDataTable
+});
+
+export {
+  RefundReasonList
+};

package/dist/chunk-TUJIAA5O.js

@@ -0,0 +1,101 @@
+import {
+  useQueryParams
+} from "./chunk-THHRRYRS.js";
+
+// src/pages/regions/common/hooks/use-countries.tsx
+var acceptedOrderKeys = ["name", "code"];
+var useCountries = ({
+  countries,
+  q,
+  order = "name",
+  limit,
+  offset = 0
+}) => {
+  const data = countries.slice(offset, offset + limit);
+  if (order) {
+    const direction = order.startsWith("-") ? -1 : 1;
+    const key = order.replace("-", "");
+    if (!acceptedOrderKeys.includes(key)) {
+      console.log("The key ${key} is not a valid order key");
+      throw new Response(
+        JSON.stringify({ message: `The key ${key} is not a valid order key` }),
+        { status: 500, headers: { "Content-Type": "application/json" } }
+      );
+    }
+    const sortKey = key === "code" ? "iso_2" : "name";
+    data.sort((a, b) => {
+      if (a[sortKey] === null && b[sortKey] === null) {
+        return 0;
+      }
+      if (a[sortKey] === null) {
+        return direction;
+      }
+      if (b[sortKey] === null) {
+        return -direction;
+      }
+      return a[sortKey] > b[sortKey] ? direction : -direction;
+    });
+  }
+  if (q) {
+    const query = q.toLowerCase();
+    const results = countries.filter(
+      (c) => c.name.toLowerCase().includes(query) || c.iso_2.toLowerCase().includes(query)
+    );
+    return {
+      countries: results,
+      count: results.length
+    };
+  }
+  return {
+    countries: data,
+    count: countries.length
+  };
+};
+
+// src/pages/regions/common/hooks/use-country-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 useCountryTableColumns = () => {
+  const { t } = useTranslation();
+  return useMemo(
+    () => [
+      columnHelper.accessor("display_name", {
+        header: t("fields.name"),
+        cell: ({ getValue }) => getValue()
+      }),
+      columnHelper.accessor("iso_2", {
+        header: t("fields.code"),
+        cell: ({ getValue }) => /* @__PURE__ */ jsx("span", { className: "uppercase", children: getValue() })
+      })
+    ],
+    [t]
+  );
+};
+
+// src/pages/regions/common/hooks/use-country-table-query.tsx
+var useCountryTableQuery = ({
+  pageSize,
+  prefix
+}) => {
+  const raw = useQueryParams(["order", "q", "offset"], prefix);
+  const { offset, order, q } = raw;
+  const searchParams = {
+    limit: pageSize,
+    offset: offset ? parseInt(offset, 10) : 0,
+    order,
+    q
+  };
+  return {
+    searchParams,
+    raw
+  };
+};
+
+export {
+  useCountries,
+  useCountryTableColumns,
+  useCountryTableQuery
+};

package/dist/chunk-TZSOL34K.js

@@ -0,0 +1,106 @@
+import {
+  StatusCell
+} from "./chunk-DB6ANJBO.js";
+
+// src/lib/order-helpers.ts
+var getCanceledOrderStatus = (t, status) => {
+  if (status === "canceled") {
+    return { label: t("orders.status.canceled"), color: "red" };
+  }
+  return null;
+};
+var getOrderPaymentStatus = (t, status) => {
+  const statusMap = {
+    not_paid: [t("orders.payment.status.notPaid"), "red"],
+    authorized: [t("orders.payment.status.authorized"), "orange"],
+    partially_authorized: [
+      t("orders.payment.status.partiallyAuthorized"),
+      "red"
+    ],
+    awaiting: [t("orders.payment.status.awaiting"), "orange"],
+    captured: [t("orders.payment.status.captured"), "green"],
+    refunded: [t("orders.payment.status.refunded"), "red"],
+    partially_refunded: [
+      t("orders.payment.status.partiallyRefunded"),
+      "orange"
+    ],
+    partially_captured: [
+      t("orders.payment.status.partiallyCaptured"),
+      "orange"
+    ],
+    canceled: [t("orders.payment.status.canceled"), "red"],
+    requires_action: [t("orders.payment.status.requiresAction"), "orange"]
+  };
+  const [label, color] = statusMap[status] ?? [status ?? "-", "red"];
+  return { label, color };
+};
+var getOrderFulfillmentStatus = (t, status) => {
+  const statusMap = {
+    not_fulfilled: [t("orders.fulfillment.status.notFulfilled"), "red"],
+    partially_fulfilled: [
+      t("orders.fulfillment.status.partiallyFulfilled"),
+      "orange"
+    ],
+    fulfilled: [t("orders.fulfillment.status.fulfilled"), "green"],
+    partially_shipped: [
+      t("orders.fulfillment.status.partiallyShipped"),
+      "orange"
+    ],
+    shipped: [t("orders.fulfillment.status.shipped"), "green"],
+    delivered: [t("orders.fulfillment.status.delivered"), "green"],
+    partially_delivered: [
+      t("orders.fulfillment.status.partiallyDelivered"),
+      "orange"
+    ],
+    partially_returned: [
+      t("orders.fulfillment.status.partiallyReturned"),
+      "orange"
+    ],
+    returned: [t("orders.fulfillment.status.returned"), "green"],
+    canceled: [t("orders.fulfillment.status.canceled"), "red"],
+    requires_action: [t("orders.fulfillment.status.requiresAction"), "orange"]
+  };
+  const [label, color] = statusMap[status] ?? [status ?? "-", "red"];
+  return { label, color };
+};
+
+// src/components/table/table-cells/order/payment-status-cell/payment-status-cell.tsx
+import { useTranslation } from "react-i18next";
+import { jsx } from "react/jsx-runtime";
+var PaymentStatusCell = ({ status }) => {
+  const { t } = useTranslation();
+  const { label, color } = getOrderPaymentStatus(t, status);
+  return /* @__PURE__ */ jsx(StatusCell, { color, children: label });
+};
+var PaymentStatusHeader = () => {
+  const { t } = useTranslation();
+  return /* @__PURE__ */ jsx("div", { className: "flex h-full w-full items-center", children: /* @__PURE__ */ jsx("span", { className: "truncate", children: t("fields.payment") }) });
+};
+
+// src/components/table/table-cells/order/fulfillment-status-cell/fulfillment-status-cell.tsx
+import { useTranslation as useTranslation2 } from "react-i18next";
+import { jsx as jsx2 } from "react/jsx-runtime";
+var FulfillmentStatusCell = ({
+  status
+}) => {
+  const { t } = useTranslation2();
+  if (!status) {
+    return "-";
+  }
+  const { label, color } = getOrderFulfillmentStatus(t, status);
+  return /* @__PURE__ */ jsx2(StatusCell, { color, children: label });
+};
+var FulfillmentStatusHeader = () => {
+  const { t } = useTranslation2();
+  return /* @__PURE__ */ jsx2("div", { className: "flex h-full w-full items-center", children: /* @__PURE__ */ jsx2("span", { className: "truncate", children: t("fields.fulfillment") }) });
+};
+
+export {
+  getCanceledOrderStatus,
+  getOrderPaymentStatus,
+  getOrderFulfillmentStatus,
+  PaymentStatusCell,
+  PaymentStatusHeader,
+  FulfillmentStatusCell,
+  FulfillmentStatusHeader
+};

package/dist/chunk-U2EI2ZLM.js

@@ -0,0 +1,32 @@
+// src/components/common/icon-avatar/icon-avatar.tsx
+import { clx } from "@medusajs/ui";
+import { jsx } from "react/jsx-runtime";
+var IconAvatar = ({
+  size = "small",
+  variant = "rounded",
+  children,
+  className
+}) => {
+  return /* @__PURE__ */ jsx(
+    "div",
+    {
+      className: clx(
+        "shadow-borders-base flex size-7 items-center justify-center",
+        variant === "squared" && "rounded-md",
+        variant === "rounded" && "rounded-full",
+        "[&>div]:bg-ui-bg-field [&>div]:text-ui-fg-subtle [&>div]:flex [&>div]:size-6 [&>div]:items-center [&>div]:justify-center",
+        {
+          "size-7 rounded-md [&>div]:size-6 [&>div]:rounded-[4px]": size === "small",
+          "size-10 rounded-lg [&>div]:size-9 [&>div]:rounded-[6px]": size === "large",
+          "size-12 rounded-xl [&>div]:size-11 [&>div]:rounded-[10px]": size === "xlarge"
+        },
+        className
+      ),
+      children: /* @__PURE__ */ jsx("div", { children })
+    }
+  );
+};
+
+export {
+  IconAvatar
+};

package/dist/chunk-U2L77ZDR.js

@@ -0,0 +1,17 @@
+// src/pages/orders/order-create-claim/components/claim-create-form/item-placeholder.tsx
+import { jsx } from "react/jsx-runtime";
+var ItemPlaceholder = () => {
+  return /* @__PURE__ */ jsx(
+    "div",
+    {
+      style: {
+        background: "repeating-linear-gradient(-45deg, rgb(212, 212, 216, 0.15), rgb(212, 212, 216,.15) 10px, transparent 10px, transparent 20px)"
+      },
+      className: "bg-ui-bg-field mt-4 block h-[56px] w-full rounded-lg border border-dashed"
+    }
+  );
+};
+
+export {
+  ItemPlaceholder
+};

package/dist/chunk-U2ZFCAPX.js

@@ -0,0 +1,34 @@
+// src/components/utilities/keybound-form/keybound-form.tsx
+import React from "react";
+import { jsx } from "react/jsx-runtime";
+var KeyboundForm = React.forwardRef(({ onSubmit, onKeyDown, ...rest }, ref) => {
+  const handleSubmit = (event) => {
+    event.preventDefault();
+    onSubmit?.(event);
+  };
+  const handleKeyDown = (event) => {
+    if (event.key === "Enter") {
+      if (event.target instanceof HTMLTextAreaElement && !(event.metaKey || event.ctrlKey)) {
+        return;
+      }
+      event.preventDefault();
+      if (event.metaKey || event.ctrlKey) {
+        handleSubmit(event);
+      }
+    }
+  };
+  return /* @__PURE__ */ jsx(
+    "form",
+    {
+      ...rest,
+      onSubmit: handleSubmit,
+      onKeyDown: onKeyDown ?? handleKeyDown,
+      ref
+    }
+  );
+});
+KeyboundForm.displayName = "KeyboundForm";
+
+export {
+  KeyboundForm
+};