@medusajs/dashboard 2.10.4-preview-20250927210155 → 2.10.4-snapshot-20250918173105

package/src/routes/regions/region-edit/components/edit-region-form/edit-region-form.tsx

@@ -5,7 +5,7 @@ import { useTranslation } from "react-i18next"
 import * as zod from "zod"
 
 import { Form } from "../../../../../components/common/form/index.ts"
-import { Combobox } from "../../../../../components/inputs/combobox"
+import { Combobox } from "../../../../../components/inputs/combobox/index.ts"
 import {
   RouteDrawer,
   useRouteModal,
@@ -14,13 +14,11 @@ import { KeyboundForm } from "../../../../../components/utilities/keybound-form/
 import { useUpdateRegion } from "../../../../../hooks/api/regions.tsx"
 import { CurrencyInfo } from "../../../../../lib/data/currencies.ts"
 import { formatProvider } from "../../../../../lib/format-provider.ts"
-import { useDocumentDirection } from "../../../../../hooks/use-document-direction"
-import { useComboboxData } from "../../../../../hooks/use-combobox-data.tsx"
-import { sdk } from "../../../../../lib/client/index.ts"
 
 type EditRegionFormProps = {
   region: HttpTypes.AdminRegion
   currencies: CurrencyInfo[]
+  paymentProviders: PaymentProviderDTO[]
   pricePreferences: HttpTypes.AdminPricePreference[]
 }
 
@@ -35,6 +33,7 @@ const EditRegionSchema = zod.object({
 export const EditRegionForm = ({
   region,
   currencies,
+  paymentProviders,
   pricePreferences,
 }: EditRegionFormProps) => {
   const { t } = useTranslation()
@@ -43,7 +42,7 @@ export const EditRegionForm = ({
     (preference) =>
       preference.attribute === "region_id" && preference.value === region.id
   )
-  const direction = useDocumentDirection()
+
   const form = useForm<zod.infer<typeof EditRegionSchema>>({
     defaultValues: {
       name: region.name,
@@ -54,17 +53,6 @@ export const EditRegionForm = ({
     },
   })
 
-  const comboboxProviders = useComboboxData({
-    queryKey: ["payment_providers"],
-    queryFn: (params) =>
-      sdk.admin.payment.listPaymentProviders({ ...params, is_enabled: true }),
-    getOptions: (data) =>
-      data.payment_providers.map((pp) => ({
-        label: formatProvider(pp.id),
-        value: pp.id,
-      })),
-  })
-
   const { mutateAsync: updateRegion, isPending: isPendingRegion } =
     useUpdateRegion(region.id)
 
@@ -91,10 +79,7 @@ export const EditRegionForm = ({
 
   return (
     <RouteDrawer.Form form={form}>
-      <KeyboundForm
-        onSubmit={handleSubmit}
-        className="flex flex-1 flex-col overflow-hidden"
-      >
+      <KeyboundForm onSubmit={handleSubmit} className="flex flex-1 flex-col overflow-hidden">
         <RouteDrawer.Body className="overflow-y-auto">
           <div className="flex flex-col gap-y-8">
             <div className="flex flex-col gap-y-4">
@@ -121,11 +106,7 @@ export const EditRegionForm = ({
                     <Form.Item>
                       <Form.Label>{t("fields.currency")}</Form.Label>
                       <Form.Control>
-                        <Select
-                          dir={direction}
-                          onValueChange={onChange}
-                          {...field}
-                        >
+                        <Select onValueChange={onChange} {...field}>
                           <Select.Trigger ref={ref}>
                             <Select.Value />
                           </Select.Trigger>
@@ -156,8 +137,6 @@ export const EditRegionForm = ({
                           <Form.Label>{t("fields.automaticTaxes")}</Form.Label>
                           <Form.Control>
                             <Switch
-                              dir="ltr"
-                              className="rtl:rotate-180"
                               {...field}
                               checked={value}
                               onCheckedChange={onChange}
@@ -185,8 +164,6 @@ export const EditRegionForm = ({
                           </Form.Label>
                           <Form.Control>
                             <Switch
-                              dir="ltr"
-                              className="rtl:rotate-180"
                               {...field}
                               checked={value}
                               onCheckedChange={onChange}
@@ -219,9 +196,10 @@ export const EditRegionForm = ({
                       <Form.Label>{t("fields.paymentProviders")}</Form.Label>
                       <Form.Control>
                         <Combobox
-                          forceHideInput
-                          options={comboboxProviders.options}
-                          fetchNextPage={comboboxProviders.fetchNextPage}
+                          options={paymentProviders.map((pp) => ({
+                            label: formatProvider(pp.id),
+                            value: pp.id,
+                          }))}
                           {...field}
                         />
                       </Form.Control>

package/src/routes/regions/region-edit/region-edit.tsx

@@ -48,6 +48,10 @@ export const RegionEdit = () => {
   const storeCurrencies = (store?.supported_currencies ?? []).map(
     (c) => currencies[c.currency_code.toUpperCase()]
   )
+  const { payment_providers: paymentProviders = [] } = usePaymentProviders({
+    limit: 999,
+    is_enabled: true,
+  })
 
   if (isRegionError) {
     throw regionError
@@ -70,6 +74,7 @@ export const RegionEdit = () => {
         <EditRegionForm
           region={region}
           currencies={storeCurrencies}
+          paymentProviders={paymentProviders}
           pricePreferences={pricePreferences}
         />
       )}

package/src/routes/reservations/reservation-detail/components/edit-reservation/components/edit-reservation-form.tsx

@@ -10,7 +10,6 @@ import { z } from "zod"
 import { Form } from "../../../../../../components/common/form"
 import { KeyboundForm } from "../../../../../../components/utilities/keybound-form"
 import { useUpdateReservationItem } from "../../../../../../hooks/api/reservations"
-import { useDocumentDirection } from "../../../../../../hooks/use-document-direction"
 
 type EditReservationFormProps = {
   reservation: HttpTypes.AdminReservationResponse["reservation"]
@@ -60,7 +59,7 @@ export const EditReservationForm = ({
 }: EditReservationFormProps) => {
   const { t } = useTranslation()
   const { handleSuccess } = useRouteModal()
-  const direction = useDocumentDirection()
+
   const form = useForm<zod.infer<typeof EditReservationSchema>>({
     defaultValues: getDefaultValues(reservation),
     resolver: zodResolver(EditReservationSchema),
@@ -103,7 +102,6 @@ export const EditReservationForm = ({
                   <Form.Label>{t("inventory.reservation.location")}</Form.Label>
                   <Form.Control>
                     <Select
-                      dir={direction}
                       value={value}
                       onValueChange={(v) => {
                         onChange(v)

package/src/routes/sales-channels/sales-channel-create/components/create-sales-channel-form/create-sales-channel-form.tsx

@@ -119,8 +119,6 @@ export const CreateSalesChannelForm = () => {
                         <Form.Label>{t("general.enabled")}</Form.Label>
                         <Form.Control>
                           <Switch
-                            dir="ltr"
-                            className="rtl:rotate-180"
                             {...field}
                             checked={value}
                             onCheckedChange={onChange}

package/src/routes/sales-channels/sales-channel-edit/components/edit-sales-channel-form/edit-sales-channel-form.tsx

@@ -103,8 +103,6 @@ export const EditSalesChannelForm = ({
                     <Form.Label>{t("general.enabled")}</Form.Label>
                     <Form.Control>
                       <Switch
-                        dir="ltr"
-                        className="rtl:rotate-180"
                         onCheckedChange={onChange}
                         checked={value}
                         {...field}

package/src/routes/store/store-add-currencies/components/add-currencies-form/add-currencies-form.tsx

@@ -287,8 +287,6 @@ const useColumns = (
           return (
             <div className="flex items-center justify-end">
               <Switch
-                dir="ltr"
-                className="rtl:rotate-180"
                 disabled={isPreSelected}
                 checked={isTaxInclusive ?? false}
                 onCheckedChange={(val) => {

package/src/routes/store/store-edit/components/edit-store-form/edit-store-form.tsx

@@ -12,7 +12,6 @@ import { KeyboundForm } from "../../../../../components/utilities/keybound-form"
 import { useUpdateStore } from "../../../../../hooks/api/store"
 import { useComboboxData } from "../../../../../hooks/use-combobox-data"
 import { sdk } from "../../../../../lib/client"
-import { useDocumentDirection } from "../../../../../hooks/use-document-direction"
 
 type EditStoreFormProps = {
   store: HttpTypes.AdminStore
@@ -29,7 +28,7 @@ const EditStoreSchema = z.object({
 export const EditStoreForm = ({ store }: EditStoreFormProps) => {
   const { t } = useTranslation()
   const { handleSuccess } = useRouteModal()
-  const direction = useDocumentDirection()  
+
   const form = useForm<z.infer<typeof EditStoreSchema>>({
     defaultValues: {
       name: store.name,
@@ -119,11 +118,7 @@ export const EditStoreForm = ({ store }: EditStoreFormProps) => {
                   <Form.Item>
                     <Form.Label>{t("store.defaultCurrency")}</Form.Label>
                     <Form.Control>
-                      <Select
-                        dir={direction}
-                        {...field}
-                        onValueChange={onChange}
-                      >
+                      <Select {...field} onValueChange={onChange}>
                         <Select.Trigger ref={field.ref}>
                           <Select.Value />
                         </Select.Trigger>

package/src/routes/tax-regions/tax-region-tax-override-create/components/tax-region-override-create-form/tax-region-tax-override-create.tsx

@@ -36,7 +36,6 @@ import {
   TaxRateRuleReferenceSchema,
 } from "../../../common/schemas"
 import { createTaxRulePayload } from "../../../common/utils"
-import { useDocumentDirection } from "../../../../../hooks/use-document-direction"
 
 const TaxRegionCreateTaxOverrideSchema = z.object({
   name: z.string().min(1),
@@ -78,7 +77,7 @@ export const TaxRegionCreateTaxOverrideForm = ({
   const { t } = useTranslation()
   const { handleSuccess } = useRouteModal()
   const { setIsOpen } = useStackedModal()
-  const direction = useDocumentDirection()
+
   const form = useForm<z.infer<typeof TaxRegionCreateTaxOverrideSchema>>({
     defaultValues: {
       name: "",
@@ -548,7 +547,6 @@ export const TaxRegionCreateTaxOverrideForm = ({
                                   <div className="text-ui-fg-subtle grid gap-1.5 px-1.5 md:grid-cols-2">
                                     {isLast ? (
                                       <Select
-                                        dir={direction}
                                         value={type}
                                         onValueChange={handleChangeType}
                                       >

package/src/routes/tax-regions/tax-region-tax-override-edit/components/tax-region-tax-override-edit-form/tax-region-tax-override-edit-form.tsx

@@ -37,7 +37,6 @@ import {
 } from "../../../common/schemas"
 import { createTaxRulePayload } from "../../../common/utils"
 import { InitialRuleValues } from "../../types"
-import { useDocumentDirection } from "../../../../../hooks/use-document-direction"
 
 export const DISPLAY_OVERRIDE_ITEMS_LIMIT = 10
 
@@ -82,7 +81,7 @@ export const TaxRegionTaxOverrideEditForm = ({
   const { t } = useTranslation()
   const { handleSuccess } = useRouteModal()
   const { setIsOpen } = useStackedModal()
-  const direction = useDocumentDirection()
+
   const form = useForm<z.infer<typeof TaxRegionTaxRateEditSchema>>({
     defaultValues: {
       name: taxRate.name,
@@ -515,7 +514,6 @@ export const TaxRegionTaxOverrideEditForm = ({
                               <div className="text-ui-fg-subtle grid gap-1.5 px-1.5 md:grid-cols-2">
                                 {isLast ? (
                                   <Select
-                                    dir={direction}
                                     value={type}
                                     onValueChange={handleChangeType}
                                   >

package/src/routes/workflow-executions/workflow-execution-detail/components/workflow-execution-timeline-section/workflow-execution-timeline-section.tsx

@@ -18,7 +18,6 @@ import {
   STEP_OK_STATES,
   STEP_SKIPPED_STATES,
 } from "../../../constants"
-import { useDocumentDirection } from "../../../../../hooks/use-document-direction"
 
 type WorkflowExecutionTimelineSectionProps = {
   execution: HttpTypes.AdminWorkflowExecutionResponse["workflow_execution"]
@@ -88,7 +87,7 @@ const Canvas = ({
 }) => {
   const [zoom, setZoom] = useState<number>(1)
   const [isDragging, setIsDragging] = useState(false)
-  const direction = useDocumentDirection()
+
   const scale = useMotionValue(defaultState.scale)
   const x = useMotionValue(defaultState.x)
   const y = useMotionValue(defaultState.y)
@@ -218,7 +217,7 @@ const Canvas = ({
               <PlusMini />
             </button>
             <div>
-              <DropdownMenu dir={direction}>
+              <DropdownMenu>
                 <DropdownMenu.Trigger className="disabled:text-ui-fg-disabled transition-fg hover:bg-ui-bg-base-hover active:bg-ui-bg-base-pressed focus-visible:bg-ui-bg-base-pressed flex w-[50px] items-center justify-center border-r p-1 outline-none">
                   <Text
                     as="span"

package/dist/chunk-5U3FFMC7.mjs

@@ -1,84 +0,0 @@
-import {
-  queryClient
-} from "./chunk-FXYH54JP.mjs";
-import {
-  queryKeysFactory
-} from "./chunk-774WSTCC.mjs";
-import {
-  sdk
-} from "./chunk-DEQUVHHE.mjs";
-
-// src/hooks/api/refund-reasons.tsx
-import {
-  useMutation,
-  useQuery
-} from "@tanstack/react-query";
-var REFUND_REASONS_QUERY_KEY = "refund_reasons";
-var refundReasonsQueryKeys = queryKeysFactory(REFUND_REASONS_QUERY_KEY);
-var useRefundReasons = (query, options) => {
-  const { data, ...rest } = useQuery({
-    queryFn: () => sdk.admin.refundReason.list(query),
-    queryKey: refundReasonsQueryKeys.list(query),
-    ...options
-  });
-  return { ...data, ...rest };
-};
-var useRefundReason = (id, query, options) => {
-  const { data, ...rest } = useQuery({
-    queryFn: () => sdk.admin.refundReason.retrieve(id, query),
-    queryKey: refundReasonsQueryKeys.detail(id),
-    ...options
-  });
-  return { ...data, ...rest };
-};
-var useCreateRefundReason = (query, options) => {
-  return useMutation({
-    mutationFn: async (data) => sdk.admin.refundReason.create(data, query),
-    onSuccess: (data, variables, context) => {
-      queryClient.invalidateQueries({
-        queryKey: refundReasonsQueryKeys.lists()
-      });
-      options?.onSuccess?.(data, variables, context);
-    },
-    ...options
-  });
-};
-var useUpdateRefundReason = (id, options) => {
-  return useMutation({
-    mutationFn: async (data) => sdk.admin.refundReason.update(id, data),
-    onSuccess: (data, variables, context) => {
-      queryClient.invalidateQueries({
-        queryKey: refundReasonsQueryKeys.lists()
-      });
-      queryClient.invalidateQueries({
-        queryKey: refundReasonsQueryKeys.detail(data.refund_reason.id)
-      });
-      options?.onSuccess?.(data, variables, context);
-    },
-    ...options
-  });
-};
-var useDeleteRefundReasonLazy = (options) => {
-  return useMutation({
-    mutationFn: (id) => sdk.admin.refundReason.delete(id),
-    onSuccess: (data, variables, context) => {
-      queryClient.invalidateQueries({
-        queryKey: refundReasonsQueryKeys.lists()
-      });
-      queryClient.invalidateQueries({
-        queryKey: refundReasonsQueryKeys.details()
-      });
-      options?.onSuccess?.(data, variables, context);
-    },
-    ...options
-  });
-};
-
-export {
-  refundReasonsQueryKeys,
-  useRefundReasons,
-  useRefundReason,
-  useCreateRefundReason,
-  useUpdateRefundReason,
-  useDeleteRefundReasonLazy
-};

package/dist/chunk-S4DMV3ZT.mjs

@@ -1,35 +0,0 @@
-// src/hooks/use-document-direction.tsx
-import { useEffect, useState } from "react";
-var useDocumentDirection = () => {
-  const [direction, setDirection] = useState(() => {
-    if (typeof document !== "undefined") {
-      return document.documentElement.getAttribute("dir") || void 0;
-    }
-    return void 0;
-  });
-  useEffect(() => {
-    if (typeof document === "undefined") {
-      return;
-    }
-    const observer = new MutationObserver((mutations) => {
-      mutations.forEach((mutation) => {
-        if (mutation.type === "attributes" && mutation.attributeName === "dir" && mutation.target === document.documentElement) {
-          const newDirection = document.documentElement.getAttribute("dir");
-          setDirection(newDirection || void 0);
-        }
-      });
-    });
-    observer.observe(document.documentElement, {
-      attributes: true,
-      attributeFilter: ["dir"]
-    });
-    return () => {
-      observer.disconnect();
-    };
-  }, []);
-  return direction;
-};
-
-export {
-  useDocumentDirection
-};

package/dist/chunk-VLOA5XAC.mjs

@@ -1,113 +0,0 @@
-// src/components/common/infinite-list/infinite-list.tsx
-import { useInfiniteQuery } from "@tanstack/react-query";
-import { useEffect, useMemo, useRef } from "react";
-import { toast } from "@medusajs/ui";
-import { Spinner } from "@medusajs/icons";
-import { jsx, jsxs } from "react/jsx-runtime";
-var InfiniteList = ({
-  queryKey,
-  queryFn,
-  queryOptions,
-  renderItem,
-  renderEmpty,
-  responseKey,
-  pageSize = 20
-}) => {
-  const {
-    data,
-    error,
-    fetchNextPage,
-    fetchPreviousPage,
-    hasPreviousPage,
-    hasNextPage,
-    isFetching,
-    isPending
-  } = useInfiniteQuery({
-    queryKey,
-    queryFn: async ({ pageParam = 0 }) => {
-      return await queryFn({
-        limit: pageSize,
-        offset: pageParam
-      });
-    },
-    initialPageParam: 0,
-    maxPages: 5,
-    getNextPageParam: (lastPage) => {
-      const moreItemsExist = lastPage.count > lastPage.offset + lastPage.limit;
-      return moreItemsExist ? lastPage.offset + lastPage.limit : void 0;
-    },
-    getPreviousPageParam: (firstPage) => {
-      const moreItemsExist = firstPage.offset !== 0;
-      return moreItemsExist ? Math.max(firstPage.offset - firstPage.limit, 0) : void 0;
-    },
-    ...queryOptions
-  });
-  const items = useMemo(() => {
-    return data?.pages.flatMap((p) => p[responseKey]) ?? [];
-  }, [data, responseKey]);
-  const parentRef = useRef(null);
-  const startObserver = useRef();
-  const endObserver = useRef();
-  useEffect(() => {
-    if (isPending) {
-      return;
-    }
-    if (!isFetching) {
-      startObserver.current = new IntersectionObserver(
-        (entries) => {
-          if (entries[0].isIntersecting && hasPreviousPage) {
-            startObserver.current?.disconnect();
-            fetchPreviousPage();
-          }
-        },
-        {
-          threshold: 0.5
-        }
-      );
-      endObserver.current = new IntersectionObserver(
-        (entries) => {
-          if (entries[0].isIntersecting && hasNextPage) {
-            endObserver.current?.disconnect();
-            fetchNextPage();
-          }
-        },
-        {
-          threshold: 0.5
-        }
-      );
-      if (parentRef.current?.firstChild) {
-        startObserver.current?.observe(parentRef.current.firstChild);
-      }
-      if (parentRef.current?.lastChild) {
-        endObserver.current?.observe(parentRef.current.lastChild);
-      }
-    }
-    return () => {
-      startObserver.current?.disconnect();
-      endObserver.current?.disconnect();
-    };
-  }, [
-    fetchNextPage,
-    fetchPreviousPage,
-    hasNextPage,
-    hasPreviousPage,
-    isFetching,
-    isPending
-  ]);
-  useEffect(() => {
-    if (error) {
-      toast.error(error.message);
-    }
-  }, [error]);
-  if (isPending) {
-    return /* @__PURE__ */ jsx("div", { className: "flex h-full flex-col items-center justify-center", children: /* @__PURE__ */ jsx(Spinner, { className: "animate-spin" }) });
-  }
-  return /* @__PURE__ */ jsxs("div", { ref: parentRef, className: "h-full", children: [
-    items?.length ? items.map((item) => /* @__PURE__ */ jsx("div", { children: renderItem(item) }, item.id)) : renderEmpty(),
-    isFetching && /* @__PURE__ */ jsx("div", { className: "flex flex-col items-center justify-center py-4", children: /* @__PURE__ */ jsx(Spinner, { className: "animate-spin" }) })
-  ] });
-};
-
-export {
-  InfiniteList
-};