@medusajs/draft-order 0.0.1

package/.medusa/server/src/admin/hooks/common/use-combobox-data.js

@@ -0,0 +1,61 @@
+import { useQuery, useInfiniteQuery, keepPreviousData } from "@tanstack/react-query";
+import { useDebouncedSearch } from "./use-debounced-search.js";
+const useComboboxData = ({
+  queryKey,
+  queryFn,
+  getOptions,
+  defaultValue,
+  defaultValueKey,
+  pageSize = 10,
+  enabled = true
+}) => {
+  const { searchValue, onSearchValueChange, query } = useDebouncedSearch();
+  const queryInitialDataBy = defaultValueKey || "id";
+  const { data: initialData } = useQuery({
+    queryKey,
+    queryFn: async () => {
+      return queryFn({
+        [queryInitialDataBy]: defaultValue,
+        limit: Array.isArray(defaultValue) ? defaultValue.length : 1
+      });
+    },
+    enabled: !!defaultValue
+  });
+  const { data, ...rest } = useInfiniteQuery({
+    queryKey: [...queryKey, query],
+    queryFn: async ({ pageParam = 0 }) => {
+      return await queryFn({
+        q: query,
+        limit: pageSize,
+        offset: pageParam
+      });
+    },
+    initialPageParam: 0,
+    getNextPageParam: (lastPage) => {
+      const moreItemsExist = lastPage.count > lastPage.offset + lastPage.limit;
+      return moreItemsExist ? lastPage.offset + lastPage.limit : void 0;
+    },
+    placeholderData: keepPreviousData,
+    enabled
+  });
+  const options = (data == null ? void 0 : data.pages.flatMap((page) => getOptions(page))) ?? [];
+  const defaultOptions = initialData ? getOptions(initialData) : [];
+  const disabled = !rest.isPending && !options.length && !searchValue;
+  if (defaultValue && defaultOptions.length && !searchValue) {
+    defaultOptions.forEach((option) => {
+      if (!options.find((o) => o.value === option.value)) {
+        options.unshift(option);
+      }
+    });
+  }
+  return {
+    options,
+    searchValue,
+    onSearchValueChange,
+    disabled,
+    ...rest
+  };
+};
+export {
+  useComboboxData
+};

package/.medusa/server/src/admin/hooks/common/use-data-table-date-filters.js

@@ -0,0 +1,89 @@
+import { createDataTableFilterHelper } from "@medusajs/ui";
+import { subDays, subMonths } from "date-fns";
+import { useMemo } from "react";
+import { getFullDate } from "../../lib/utils/date-utils.js";
+const filterHelper = createDataTableFilterHelper();
+const useDateFilterOptions = () => {
+  const today = useMemo(() => {
+    const date = /* @__PURE__ */ new Date();
+    date.setHours(0, 0, 0, 0);
+    return date;
+  }, []);
+  return useMemo(() => {
+    return [
+      {
+        label: "Today",
+        value: {
+          $gte: today.toISOString()
+        }
+      },
+      {
+        label: "Last 7 days",
+        value: {
+          $gte: subDays(today, 7).toISOString()
+          // 7 days ago
+        }
+      },
+      {
+        label: "Last 30 days",
+        value: {
+          $gte: subDays(today, 30).toISOString()
+          // 30 days ago
+        }
+      },
+      {
+        label: "Last 90 days",
+        value: {
+          $gte: subDays(today, 90).toISOString()
+          // 90 days ago
+        }
+      },
+      {
+        label: "Last 12 months",
+        value: {
+          $gte: subMonths(today, 12).toISOString()
+          // 12 months ago
+        }
+      }
+    ];
+  }, [today]);
+};
+const useDataTableDateFilters = (disableRangeOption) => {
+  const dateFilterOptions = useDateFilterOptions();
+  const rangeOptions = useMemo(() => {
+    if (disableRangeOption) {
+      return {
+        disableRangeOption: true
+      };
+    }
+    return {
+      rangeOptionStartLabel: "Starting",
+      rangeOptionEndLabel: "Ending",
+      rangeOptionLabel: "Custom",
+      options: dateFilterOptions
+    };
+  }, [disableRangeOption, dateFilterOptions]);
+  return useMemo(() => {
+    return [
+      filterHelper.accessor("created_at", {
+        type: "date",
+        label: "Created at",
+        format: "date",
+        formatDateValue: (date) => getFullDate({ date }),
+        options: dateFilterOptions,
+        ...rangeOptions
+      }),
+      filterHelper.accessor("updated_at", {
+        type: "date",
+        label: "Updated at",
+        format: "date",
+        formatDateValue: (date) => getFullDate({ date }),
+        options: dateFilterOptions,
+        ...rangeOptions
+      })
+    ];
+  }, [dateFilterOptions, getFullDate, rangeOptions]);
+};
+export {
+  useDataTableDateFilters
+};

package/.medusa/server/src/admin/hooks/common/use-debounced-search.js

@@ -0,0 +1,22 @@
+import debounce from "/Users/oliverjuhl/Desktop/medusa/draft-order-plugin/node_modules/lodash/debounce.js";
+import { useState, useCallback, useEffect } from "react";
+const useDebouncedSearch = () => {
+  const [searchValue, onSearchValueChange] = useState("");
+  const [debouncedQuery, setDebouncedQuery] = useState("");
+  const debouncedUpdate = useCallback(
+    debounce((query) => setDebouncedQuery(query), 300),
+    []
+  );
+  useEffect(() => {
+    debouncedUpdate(searchValue);
+    return () => debouncedUpdate.cancel();
+  }, [searchValue, debouncedUpdate]);
+  return {
+    searchValue,
+    onSearchValueChange,
+    query: debouncedQuery
+  };
+};
+export {
+  useDebouncedSearch
+};

package/.medusa/server/src/admin/hooks/common/use-query-params.js

@@ -0,0 +1,14 @@
+import { useSearchParams } from "react-router-dom";
+function useQueryParams(keys, prefix) {
+  const [params] = useSearchParams();
+  const result = {};
+  keys.forEach((key) => {
+    const prefixedKey = prefix ? `${prefix}_${key}` : key;
+    const value = params.get(prefixedKey) || void 0;
+    result[key] = value;
+  });
+  return result;
+}
+export {
+  useQueryParams
+};

package/.medusa/server/src/admin/hooks/order-edits/use-cancel-order-edit.js

@@ -0,0 +1,25 @@
+import { toast } from "@medusajs/ui";
+import { useCallback } from "react";
+import { useOrderEditCancel } from "../api/orders.js";
+const useCancelOrderEdit = ({ preview }) => {
+  const { mutateAsync: cancelOrderEdit } = useOrderEditCancel(preview == null ? void 0 : preview.id);
+  const onCancel = useCallback(async () => {
+    if (!preview) {
+      return true;
+    }
+    let res = false;
+    await cancelOrderEdit(void 0, {
+      onError: (e) => {
+        toast.error(e.message);
+      },
+      onSuccess: () => {
+        res = true;
+      }
+    });
+    return res;
+  }, [preview, cancelOrderEdit]);
+  return { onCancel };
+};
+export {
+  useCancelOrderEdit
+};

package/.medusa/server/src/admin/hooks/order-edits/use-initiate-order-edit.js

@@ -0,0 +1,39 @@
+import { toast } from "@medusajs/ui";
+import { useEffect } from "react";
+import { useNavigate } from "react-router-dom";
+import { useOrderEditCreate } from "../api/orders.js";
+let IS_REQUEST_RUNNING = false;
+const useInitiateOrderEdit = ({
+  preview
+}) => {
+  const navigate = useNavigate();
+  const { mutateAsync } = useOrderEditCreate(preview == null ? void 0 : preview.id);
+  useEffect(() => {
+    async function run() {
+      if (IS_REQUEST_RUNNING || !preview) {
+        return;
+      }
+      if (preview.order_change) {
+        return;
+      }
+      IS_REQUEST_RUNNING = true;
+      await mutateAsync(
+        {
+          order_id: preview.id
+        },
+        {
+          onError: (e) => {
+            toast.error(e.message);
+            navigate(`/draft-orders/${preview.id}`, { replace: true });
+            return;
+          }
+        }
+      );
+      IS_REQUEST_RUNNING = false;
+    }
+    run();
+  }, [preview, navigate, mutateAsync]);
+};
+export {
+  useInitiateOrderEdit
+};