@mercurjs/vendor 2.0.0-canary.0

package/dist/fulfillment-providers-ACERVITQ.js

@@ -0,0 +1,279 @@
+import {
+  TextCell,
+  TextHeader
+} from "./chunk-JHIMVLB2.js";
+import "./chunk-HHD2VUED.js";
+import "./chunk-2ZFELO2L.js";
+import {
+  useDateTableFilters
+} from "./chunk-26OOAKQ6.js";
+import "./chunk-S2WEYEQR.js";
+import "./chunk-SOZMJA7V.js";
+import "./chunk-Z2WPXJ6J.js";
+import "./chunk-CMHI2RPL.js";
+import "./chunk-RETT6WME.js";
+import {
+  formatProvider
+} from "./chunk-VW56KWO2.js";
+import "./chunk-FQERBIVS.js";
+import "./chunk-WA3IVAUC.js";
+import "./chunk-PHOCVOZ5.js";
+import {
+  _DataTable,
+  useDataTable
+} from "./chunk-WHTS4G5K.js";
+import "./chunk-LYUCDASZ.js";
+import "./chunk-KAZ5BYTQ.js";
+import "./chunk-3EF54XFY.js";
+import "./chunk-TKGWSUEI.js";
+import {
+  KeyboundForm
+} from "./chunk-U2ZFCAPX.js";
+import {
+  RouteFocusModal,
+  useRouteModal
+} from "./chunk-3CK6OINO.js";
+import "./chunk-3QSRE5LS.js";
+import {
+  useQueryParams
+} from "./chunk-THHRRYRS.js";
+import "./chunk-CFETU5BI.js";
+import "./chunk-LAVHRER2.js";
+import "./chunk-Y7QKP6QU.js";
+import "./chunk-INNFZYX2.js";
+import "./chunk-OSFOX7MG.js";
+import "./chunk-W4KHJ4D6.js";
+import "./chunk-VGJTARSA.js";
+import "./chunk-DYUTYBAQ.js";
+import "./chunk-Y4VBOHAP.js";
+import "./chunk-JKXAL7WR.js";
+import "./chunk-DC2K6CFQ.js";
+import "./chunk-VDWGP2U6.js";
+import "./chunk-RE7YXVFG.js";
+import "./chunk-HUNGNEPY.js";
+import "./chunk-PADOWAXM.js";
+import "./chunk-LWVBKUUL.js";
+import "./chunk-RIILGKYR.js";
+import "./chunk-6EYGH3TB.js";
+import "./chunk-GTUR4HSV.js";
+import {
+  useFulfillmentProviders,
+  useStockLocation,
+  useUpdateStockLocationFulfillmentProviders
+} from "./chunk-SI4ALL7W.js";
+import "./chunk-ZFFA36DB.js";
+import "./chunk-VHMGJUYN.js";
+import "./chunk-ASVMGV2B.js";
+import "./chunk-WPFTRRWV.js";
+import "./chunk-A5DJIOHN.js";
+import "./chunk-RHKRREUU.js";
+import "./chunk-ZA2KFUFR.js";
+import "./chunk-Y224F4UU.js";
+import "./chunk-PKBMQBKP.js";
+
+// src/pages/settings/locations/[location_id]/fulfillment-providers/index.tsx
+import { useParams } from "react-router-dom";
+
+// src/pages/settings/locations/[location_id]/fulfillment-providers/_components/edit-fulfillment-providers-form.tsx
+import { Button, Checkbox, toast } from "@medusajs/ui";
+import { keepPreviousData } from "@tanstack/react-query";
+import {
+  createColumnHelper as createColumnHelper2
+} from "@tanstack/react-table";
+import { useMemo as useMemo2, useState } from "react";
+import { useTranslation as useTranslation2 } from "react-i18next";
+import * as zod from "zod";
+import { zodResolver } from "@hookform/resolvers/zod";
+import { useForm } from "react-hook-form";
+
+// src/hooks/table/columns/use-fulfillment-provider-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 useFulfillmentProviderTableColumns = () => {
+  const { t } = useTranslation();
+  return useMemo(
+    () => [
+      columnHelper.accessor("id", {
+        header: () => /* @__PURE__ */ jsx(TextHeader, { text: "Provider" }),
+        cell: ({ getValue }) => /* @__PURE__ */ jsx(TextCell, { text: formatProvider(getValue()) })
+      })
+    ],
+    [t]
+  );
+};
+
+// src/hooks/table/query/use-fulfillment-providers-table-query.tsx
+var useFulfillmentProvidersTableQuery = ({
+  prefix,
+  pageSize = 20
+}) => {
+  const queryObject = useQueryParams(
+    ["offset", "q", "stock_location_id"],
+    prefix
+  );
+  const { offset, q, stock_location_id } = queryObject;
+  const searchParams = {
+    limit: pageSize,
+    offset: offset ? Number(offset) : 0,
+    stock_location_id,
+    q
+  };
+  return {
+    searchParams,
+    raw: queryObject
+  };
+};
+
+// src/pages/settings/locations/[location_id]/fulfillment-providers/_components/edit-fulfillment-providers-form.tsx
+import { jsx as jsx2, jsxs } from "react/jsx-runtime";
+var EditFulfillmentProvidersFormSchema = zod.object({
+  fulfillment_providers: zod.array(zod.string()).optional()
+});
+var PAGE_SIZE = 50;
+var LocationEditFulfillmentProvidersForm = ({
+  location
+}) => {
+  const { t } = useTranslation2();
+  const { handleSuccess } = useRouteModal();
+  const form = useForm({
+    defaultValues: {
+      fulfillment_providers: location.fulfillment_providers?.map((fp) => fp.id) ?? []
+    },
+    resolver: zodResolver(EditFulfillmentProvidersFormSchema)
+  });
+  const { setValue } = form;
+  const initialState = location.fulfillment_providers?.reduce((acc, curr) => {
+    acc[curr.id] = true;
+    return acc;
+  }, {}) ?? {};
+  const [rowSelection, setRowSelection] = useState(initialState);
+  const handleRowSelectionChange = (updater) => {
+    const ids = typeof updater === "function" ? updater(rowSelection) : updater;
+    setValue("fulfillment_providers", Object.keys(ids), {
+      shouldDirty: true,
+      shouldTouch: true
+    });
+    setRowSelection(ids);
+  };
+  const { raw } = useFulfillmentProvidersTableQuery({
+    pageSize: PAGE_SIZE
+  });
+  const { fulfillment_providers, count, isLoading } = useFulfillmentProviders(
+    {},
+    { placeholderData: keepPreviousData }
+  );
+  const filters = useDateTableFilters();
+  const columns = useColumns();
+  const { table } = useDataTable({
+    data: fulfillment_providers ?? [],
+    columns,
+    count,
+    enablePagination: true,
+    enableRowSelection: true,
+    rowSelection: {
+      state: rowSelection,
+      updater: handleRowSelectionChange
+    },
+    getRowId: (row) => row.id,
+    pageSize: PAGE_SIZE
+  });
+  const { mutateAsync, isPending: isMutating } = useUpdateStockLocationFulfillmentProviders(location.id);
+  const handleSubmit = form.handleSubmit(async (data) => {
+    const originalIds = location.fulfillment_providers?.map((sc) => sc.id);
+    const arr = data.fulfillment_providers ?? [];
+    await mutateAsync(
+      {
+        add: arr.filter((i) => !originalIds?.includes(i)),
+        remove: originalIds?.filter((i) => !arr.includes(i))
+      },
+      {
+        onSuccess: ({ stock_location }) => {
+          toast.success(t("stockLocations.fulfillmentProviders.successToast"));
+          handleSuccess(`/settings/locations/${stock_location.id}`);
+        },
+        onError: (e) => {
+          toast.error(e.message);
+        }
+      }
+    );
+  });
+  return /* @__PURE__ */ jsx2(RouteFocusModal.Form, { form, children: /* @__PURE__ */ jsxs(KeyboundForm, { onSubmit: handleSubmit, className: "flex size-full flex-col", children: [
+    /* @__PURE__ */ jsx2(RouteFocusModal.Header, {}),
+    /* @__PURE__ */ jsx2(RouteFocusModal.Body, { className: "flex flex-1 flex-col overflow-auto", children: /* @__PURE__ */ jsx2(
+      _DataTable,
+      {
+        table,
+        columns,
+        pageSize: PAGE_SIZE,
+        isLoading,
+        count,
+        filters,
+        search: "autofocus",
+        pagination: true,
+        orderBy: [{ key: "id", label: t("fields.id") }],
+        queryObject: raw,
+        layout: "fill"
+      }
+    ) }),
+    /* @__PURE__ */ jsx2(RouteFocusModal.Footer, { children: /* @__PURE__ */ jsxs("div", { className: "flex items-center justify-end gap-x-2", children: [
+      /* @__PURE__ */ jsx2(RouteFocusModal.Close, { asChild: true, children: /* @__PURE__ */ jsx2(Button, { size: "small", variant: "secondary", type: "button", children: t("actions.cancel") }) }),
+      /* @__PURE__ */ jsx2(Button, { size: "small", isLoading: isMutating, type: "submit", children: t("actions.save") })
+    ] }) })
+  ] }) });
+};
+var columnHelper2 = createColumnHelper2();
+var useColumns = () => {
+  const columns = useFulfillmentProviderTableColumns();
+  return useMemo2(
+    () => [
+      columnHelper2.display({
+        id: "select",
+        header: ({ table }) => {
+          return /* @__PURE__ */ jsx2(
+            Checkbox,
+            {
+              checked: table.getIsSomePageRowsSelected() ? "indeterminate" : table.getIsAllPageRowsSelected(),
+              onCheckedChange: (value) => table.toggleAllPageRowsSelected(!!value)
+            }
+          );
+        },
+        cell: ({ row }) => {
+          return /* @__PURE__ */ jsx2(
+            Checkbox,
+            {
+              checked: row.getIsSelected(),
+              onCheckedChange: (value) => row.toggleSelected(!!value),
+              onClick: (e) => {
+                e.stopPropagation();
+              }
+            }
+          );
+        }
+      }),
+      ...columns
+    ],
+    [columns]
+  );
+};
+
+// src/pages/settings/locations/[location_id]/fulfillment-providers/index.tsx
+import { jsx as jsx3 } from "react/jsx-runtime";
+var LocationFulfillmentProviders = () => {
+  const { location_id } = useParams();
+  const { stock_location, isPending, isError, error } = useStockLocation(
+    location_id,
+    { fields: "id,*fulfillment_providers" }
+  );
+  const ready = !isPending && !!stock_location;
+  if (isError) {
+    throw error;
+  }
+  return /* @__PURE__ */ jsx3(RouteFocusModal, { children: ready && /* @__PURE__ */ jsx3(LocationEditFulfillmentProvidersForm, { location: stock_location }) });
+};
+var Component = LocationFulfillmentProviders;
+export {
+  Component
+};

package/dist/home-PP7YYCSB.js

@@ -0,0 +1,16 @@
+import "./chunk-PKBMQBKP.js";
+
+// src/pages/home/home.tsx
+import { useEffect } from "react";
+import { useNavigate } from "react-router-dom";
+import { jsx } from "react/jsx-runtime";
+var Home = () => {
+  const navigate = useNavigate();
+  useEffect(() => {
+    navigate("/products", { replace: true });
+  }, [navigate]);
+  return /* @__PURE__ */ jsx("div", {});
+};
+export {
+  Home as Component
+};

package/dist/index.css

@@ -0,0 +1,6 @@
+@import "@medusajs/dashboard/css";
+
+/* src/index.css */
+@tailwind base;
+@tailwind components;
+@tailwind utilities;

package/dist/index.d.ts

@@ -0,0 +1,39 @@
+import * as react_jsx_runtime from 'react/jsx-runtime';
+import { ReactNode } from 'react';
+import { FieldValues, FieldPath, UseFormReturn } from 'react-hook-form';
+
+declare function App(): react_jsx_runtime.JSX.Element;
+
+interface TabDefinition<T extends FieldValues = FieldValues> {
+    id: string;
+    labelKey: string;
+    label?: string;
+    validationFields?: FieldPath<T>[];
+    isVisible?: (form: UseFormReturn<T>) => boolean;
+}
+
+declare const useTabbedForm: <T extends FieldValues = FieldValues>() => UseFormReturn<T>;
+type FooterRenderProps = {
+    isLastTab: boolean;
+    onNext: () => void;
+    isLoading?: boolean;
+};
+type TabbedFormProps<T extends FieldValues> = {
+    form: UseFormReturn<T>;
+    onSubmit: (e?: React.BaseSyntheticEvent) => void;
+    children: ReactNode;
+    isLoading?: boolean;
+    footer?: (props: FooterRenderProps) => ReactNode;
+    transformTabs?: (tabs: TabDefinition<T>[]) => TabDefinition<T>[];
+};
+declare function Root<T extends FieldValues>({ form, onSubmit, children, isLoading, footer, transformTabs, }: TabbedFormProps<T>): react_jsx_runtime.JSX.Element;
+declare const TabbedForm: typeof Root & {
+    Tab: ({ children, }: {
+        id: string;
+        label: string;
+        children?: ReactNode;
+    }) => react_jsx_runtime.JSX.Element;
+    useForm: <T extends FieldValues = FieldValues>() => UseFormReturn<T>;
+};
+
+export { type TabDefinition, TabbedForm, App as default, useTabbedForm };