@medusajs/dashboard 2.10.4-preview-20250928000328 → 2.10.4-snapshot-20250922062130

package/src/components/inputs/combobox/combobox.tsx

@@ -58,7 +58,6 @@ interface ComboboxProps<T extends Value = Value>
   onCreateOption?: (value: string) => void
   noResultsPlaceholder?: ReactNode
   allowClear?: boolean
-  forceHideInput?: boolean // always hide input -> used for singe value select that don't have query/filter
 }
 
 const ComboboxImpl = <T extends Value = string>(
@@ -75,7 +74,6 @@ const ComboboxImpl = <T extends Value = string>(
     onCreateOption,
     noResultsPlaceholder,
     allowClear,
-    forceHideInput,
     ...inputProps
   }: ComboboxProps<T>,
   ref: ForwardedRef<HTMLInputElement>
@@ -154,15 +152,10 @@ const ComboboxImpl = <T extends Value = string>(
       return []
     }
 
-    // do not use `matcher` if the input is hidden
-    if (forceHideInput) {
-      return options
-    }
-
     return matchSorter(options, defferedSearchValue, {
       keys: ["label"],
     })
-  }, [options, defferedSearchValue, isSearchControlled, forceHideInput])
+  }, [options, defferedSearchValue, isSearchControlled])
 
   const observer = useRef(
     new IntersectionObserver(
@@ -204,7 +197,7 @@ const ComboboxImpl = <T extends Value = string>(
   const showTag = hasValue && isArrayValue
   const showSelected = showTag && !searchValue && !open
 
-  const hideInput = forceHideInput || (!isArrayValue && hasValue && !open)
+  const hideInput = !isArrayValue && hasValue && !open
   const selectedLabel = options.find((o) => o.value === selectedValues)?.label
 
   const hidePlaceholder = showSelected || open
@@ -258,7 +251,7 @@ const ComboboxImpl = <T extends Value = string>(
               e.preventDefault()
               handleValueChange(isArrayValue ? ([] as unknown as T) : undefined)
             }}
-            className="bg-ui-bg-base hover:bg-ui-bg-base-hover txt-compact-small-plus text-ui-fg-subtle focus-within:border-ui-fg-interactive transition-fg absolute start-0.5 top-0.5 z-[1] flex h-[28px] items-center rounded-[4px] border py-[3px] pe-1 ps-1.5 outline-none"
+            className="bg-ui-bg-base hover:bg-ui-bg-base-hover txt-compact-small-plus text-ui-fg-subtle focus-within:border-ui-fg-interactive transition-fg absolute left-0.5 top-0.5 z-[1] flex h-[28px] items-center rounded-[4px] border py-[3px] pl-1.5 pr-1 outline-none"
           >
             <span className="tabular-nums">{selectedValues.length}</span>
             <XMarkMini className="text-ui-fg-muted" />
@@ -270,8 +263,8 @@ const ComboboxImpl = <T extends Value = string>(
               className={clx(
                 "pointer-events-none absolute inset-y-0 flex size-full items-center",
                 {
-                  "start-[calc(var(--tag-width)+8px)]": showTag,
-                  "start-2": !showTag,
+                  "left-[calc(var(--tag-width)+8px)]": showTag,
+                  "left-2": !showTag,
                 }
               )}
             >
@@ -285,8 +278,8 @@ const ComboboxImpl = <T extends Value = string>(
               className={clx(
                 "pointer-events-none absolute inset-y-0 flex size-full items-center overflow-hidden",
                 {
-                  "start-[calc(var(--tag-width)+8px)]": showTag,
-                  "start-2": !showTag,
+                  "left-[calc(var(--tag-width)+8px)]": showTag,
+                  "left-2": !showTag,
                 }
               )}
             >
@@ -300,12 +293,12 @@ const ComboboxImpl = <T extends Value = string>(
             ref={comboboxRef}
             onFocus={() => setOpen(true)}
             className={clx(
-              "txt-compact-small text-ui-fg-base !placeholder:text-ui-fg-muted transition-fg size-full cursor-pointer bg-transparent pe-8 ps-2 outline-none focus:cursor-text",
+              "txt-compact-small text-ui-fg-base !placeholder:text-ui-fg-muted transition-fg size-full cursor-pointer bg-transparent pl-2 pr-8 outline-none focus:cursor-text",
               "hover:bg-ui-bg-field-hover",
               {
                 "opacity-0": hideInput,
-                "ps-2": !showTag,
-                "ps-[calc(var(--tag-width)+8px)]": showTag,
+                "pl-2": !showTag,
+                "pl-[calc(var(--tag-width)+8px)]": showTag,
               }
             )}
             placeholder={hidePlaceholder ? undefined : placeholder}
@@ -319,7 +312,7 @@ const ComboboxImpl = <T extends Value = string>(
               e.preventDefault()
               handleValueChange(undefined)
             }}
-            className="bg-ui-bg-base hover:bg-ui-bg-base-hover txt-compact-small-plus text-ui-fg-subtle focus-within:border-ui-fg-interactive transition-fg absolute end-[28px] top-0.5 z-[1] flex h-[28px] items-center rounded-[4px] border px-1.5 py-[2px] outline-none"
+            className="bg-ui-bg-base hover:bg-ui-bg-base-hover txt-compact-small-plus text-ui-fg-subtle focus-within:border-ui-fg-interactive transition-fg absolute right-[28px] top-0.5 z-[1] flex h-[28px] items-center rounded-[4px] border px-1.5 py-[2px] outline-none"
           >
             <XMarkMini className="text-ui-fg-muted" />
           </button>
@@ -330,7 +323,7 @@ const ComboboxImpl = <T extends Value = string>(
               <button
                 {...props}
                 type="button"
-                className="text-ui-fg-muted transition-fg hover:bg-ui-bg-field-hover absolute end-0 flex size-8 items-center justify-center rounded-r outline-none"
+                className="text-ui-fg-muted transition-fg hover:bg-ui-bg-field-hover absolute right-0 flex size-8 items-center justify-center rounded-r outline-none"
               >
                 <TrianglesMini />
               </button>
@@ -348,7 +341,7 @@ const ComboboxImpl = <T extends Value = string>(
           "max-h-[200px] overflow-y-auto",
           "data-[state=open]:animate-in data-[state=open]:fade-in-0 data-[state=open]:zoom-in-95",
           "data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=closed]:zoom-out-95",
-          "data-[side=bottom]:slide-in-from-top-2 data-[side=start]:slide-in-from-end-2 data-[side=end]:slide-in-from-start-2 data-[side=top]:slide-in-from-bottom-2"
+          "data-[side=bottom]:slide-in-from-top-2 data-[side=left]:slide-in-from-right-2 data-[side=right]:slide-in-from-left-2 data-[side=top]:slide-in-from-bottom-2"
         )}
         style={{
           pointerEvents: open ? "auto" : "none",

package/src/components/inputs/country-select/country-select.tsx

@@ -33,7 +33,7 @@ export const CountrySelect = forwardRef<
       <div className="relative">
         <TrianglesMini
           className={clx(
-            "text-ui-fg-muted transition-fg pointer-events-none absolute end-2 top-1/2 -translate-y-1/2",
+            "text-ui-fg-muted transition-fg pointer-events-none absolute right-2 top-1/2 -translate-y-1/2",
             {
               "text-ui-fg-disabled": disabled,
             }

package/src/components/inputs/province-select/province-select.tsx

@@ -76,7 +76,7 @@ export const ProvinceSelect = forwardRef<
       <div className="relative">
         <TrianglesMini
           className={clx(
-            "text-ui-fg-muted transition-fg pointer-events-none absolute end-2 top-1/2 -translate-y-1/2",
+            "text-ui-fg-muted transition-fg pointer-events-none absolute right-2 top-1/2 -translate-y-1/2",
             {
               "text-ui-fg-disabled": disabled,
             }

package/src/components/layout/main-layout/main-layout.tsx

@@ -29,7 +29,6 @@ import { queryClient } from "../../../lib/query-client"
 import { useExtension } from "../../../providers/extension-provider"
 import { useSearch } from "../../../providers/search-provider"
 import { UserMenu } from "../user-menu"
-import { useDocumentDirection } from "../../../hooks/use-document-direction"
 
 export const MainLayout = () => {
   return (
@@ -95,7 +94,7 @@ const Logout = () => {
 const Header = () => {
   const { t } = useTranslation()
   const { store, isPending, isError, error } = useStore()
-  const direction = useDocumentDirection()
+
   const name = store?.name
   const fallback = store?.name?.slice(0, 1).toUpperCase()
 
@@ -107,12 +106,11 @@ const Header = () => {
 
   return (
     <div className="w-full p-3">
-    <DropdownMenu
-          dir={direction}>
+      <DropdownMenu>
         <DropdownMenu.Trigger
           disabled={!isLoaded}
           className={clx(
-            "bg-ui-bg-subtle transition-fg grid w-full grid-cols-[24px_1fr_15px] items-center gap-x-3 rounded-md p-0.5 pe-2 outline-none",
+            "bg-ui-bg-subtle transition-fg grid w-full grid-cols-[24px_1fr_15px] items-center gap-x-3 rounded-md p-0.5 pr-2 outline-none",
             "hover:bg-ui-bg-subtle-hover",
             "data-[state=open]:bg-ui-bg-subtle-hover",
             "focus-visible:shadow-borders-focus"
@@ -123,7 +121,7 @@ const Header = () => {
           ) : (
             <Skeleton className="h-6 w-6 rounded-md" />
           )}
-          <div className="block overflow-hidden text-start">
+          <div className="block overflow-hidden text-left">
             {name ? (
               <Text
                 size="small"
@@ -269,7 +267,7 @@ const Searchbar = () => {
         )}
       >
         <MagnifyingGlass />
-        <div className="flex-1 text-start">
+        <div className="flex-1 text-left">
           <Text size="small" leading="compact" weight="plus">
             {t("app.search.label")}
           </Text>

package/src/components/layout/settings-layout/settings-layout.tsx

@@ -43,10 +43,6 @@ const useSettingRoutes = (): INavItem[] => {
         label: t("returnReasons.domain"),
         to: "/settings/return-reasons",
       },
-      {
-        label: t("refundReasons.domain"),
-        to: "/settings/refund-reasons",
-      },
       {
         label: t("salesChannels.domain"),
         to: "/settings/sales-channels",

package/src/components/layout/shell/shell.tsx

@@ -156,7 +156,7 @@ const Breadcrumbs = () => {
             )}
             {!isLast && (
               <span className="mx-2">
-                <TriangleRightMini className="rtl:rotate-180" />
+                <TriangleRightMini />
               </span>
             )}
           </li>
@@ -177,7 +177,7 @@ const ToggleSidebar = () => {
         onClick={() => toggle("desktop")}
         size="small"
       >
-        <SidebarLeft className="text-ui-fg-muted rtl:rotate-180" />
+        <SidebarLeft className="text-ui-fg-muted" />
       </IconButton>
       <IconButton
         className="hidden max-lg:flex"
@@ -185,7 +185,7 @@ const ToggleSidebar = () => {
         onClick={() => toggle("mobile")}
         size="small"
       >
-        <SidebarLeft className="text-ui-fg-muted rtl:rotate-180" />
+        <SidebarLeft className="text-ui-fg-muted" />
       </IconButton>
     </div>
   )
@@ -210,7 +210,7 @@ const DesktopSidebarContainer = ({ children }: PropsWithChildren) => {
 
   return (
     <div
-      className={clx("hidden h-screen w-[220px] border-e", {
+      className={clx("hidden h-screen w-[220px] border-r", {
         "lg:flex": desktop,
       })}
     >
@@ -234,8 +234,8 @@ const MobileSidebarContainer = ({ children }: PropsWithChildren) => {
         />
         <RadixDialog.Content
           className={clx(
-            "bg-ui-bg-subtle shadow-elevation-modal fixed inset-y-2 start-2 flex w-full max-w-[304px] flex-col overflow-hidden rounded-lg border-r",
-            "data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 data-[state=closed]:slide-out-to-start-1/2 data-[state=open]:slide-in-from-start-1/2 duration-200"
+            "bg-ui-bg-subtle shadow-elevation-modal fixed inset-y-2 left-2 flex w-full max-w-[304px] flex-col overflow-hidden rounded-lg border-r",
+            "data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 data-[state=closed]:slide-out-to-left-1/2 data-[state=open]:slide-in-from-left-1/2 duration-200"
           )}
         >
           <div className="p-3">

package/src/components/layout/user-menu/user-menu.tsx

@@ -29,12 +29,10 @@ import { useLogout, useMe } from "../../../hooks/api"
 import { queryClient } from "../../../lib/query-client"
 import { useGlobalShortcuts } from "../../../providers/keybind-provider/hooks"
 import { useTheme } from "../../../providers/theme-provider"
-import { useDocumentDirection } from "../../../hooks/use-document-direction"
 
 export const UserMenu = () => {
   const { t } = useTranslation()
   const location = useLocation()
-  const direction = useDocumentDirection()
 
   const [openMenu, setOpenMenu] = useState(false)
   const [openModal, setOpenModal] = useState(false)
@@ -46,33 +44,33 @@ export const UserMenu = () => {
 
   return (
     <div>
-      <DropdownMenu dir={direction} open={openMenu} onOpenChange={setOpenMenu}>
+      <DropdownMenu open={openMenu} onOpenChange={setOpenMenu}>
         <UserBadge />
         <DropdownMenu.Content className="min-w-[var(--radix-dropdown-menu-trigger-width)] max-w-[var(--radix-dropdown-menu-trigger-width)]">
           <UserItem />
           <DropdownMenu.Separator />
           <DropdownMenu.Item asChild>
             <Link to="/settings/profile" state={{ from: location.pathname }}>
-              <UserIcon className="text-ui-fg-subtle me-2" />
+              <UserIcon className="text-ui-fg-subtle mr-2" />
               {t("app.menus.user.profileSettings")}
             </Link>
           </DropdownMenu.Item>
           <DropdownMenu.Separator />
           <DropdownMenu.Item asChild>
             <Link to="https://docs.medusajs.com" target="_blank">
-              <BookOpen className="text-ui-fg-subtle me-2" />
+              <BookOpen className="text-ui-fg-subtle mr-2" />
               {t("app.menus.user.documentation")}
             </Link>
           </DropdownMenu.Item>
           <DropdownMenu.Item asChild>
             <Link to="https://medusajs.com/changelog/" target="_blank">
-              <TimelineVertical className="text-ui-fg-subtle me-2" />
+              <TimelineVertical className="text-ui-fg-subtle mr-2" />
               {t("app.menus.user.changelog")}
             </Link>
           </DropdownMenu.Item>
           <DropdownMenu.Separator />
           <DropdownMenu.Item onClick={toggleModal}>
-            <Keyboard className="text-ui-fg-subtle me-2" />
+            <Keyboard className="text-ui-fg-subtle mr-2" />
             {t("app.menus.user.shortcuts")}
           </DropdownMenu.Item>
           <ThemeToggle />
@@ -95,7 +93,7 @@ const UserBadge = () => {
 
   if (isPending) {
     return (
-      <button className="shadow-borders-base flex max-w-[192px] select-none items-center gap-x-2 overflow-hidden text-ellipsis whitespace-nowrap rounded-full py-1 ps-1 pe-2.5">
+      <button className="shadow-borders-base flex max-w-[192px] select-none items-center gap-x-2 overflow-hidden text-ellipsis whitespace-nowrap rounded-full py-1 pl-1 pr-2.5">
         <Skeleton className="h-5 w-5 rounded-full" />
         <Skeleton className="h-[9px] w-[70px]" />
       </button>
@@ -111,7 +109,7 @@ const UserBadge = () => {
       <DropdownMenu.Trigger
         disabled={!user}
         className={clx(
-          "bg-ui-bg-subtle grid w-full cursor-pointer grid-cols-[24px_1fr_15px] items-center gap-2 rounded-md py-1 ps-0.5 pe-2 outline-none",
+          "bg-ui-bg-subtle grid w-full cursor-pointer grid-cols-[24px_1fr_15px] items-center gap-2 rounded-md py-1 pl-0.5 pr-2 outline-none",
           "hover:bg-ui-bg-subtle-hover",
           "data-[state=open]:bg-ui-bg-subtle-hover",
           "focus-visible:shadow-borders-focus"
@@ -150,9 +148,9 @@ const ThemeToggle = () => {
 
   return (
     <DropdownMenu.SubMenu>
-      <DropdownMenu.SubMenuTrigger dir="ltr" className="rounded-md rtl:rotate-180">
-        <CircleHalfSolid className="text-ui-fg-subtle me-2" />
-        <span className="rtl:rotate-180">{t("app.menus.user.theme.label")}</span>
+      <DropdownMenu.SubMenuTrigger className="rounded-md">
+        <CircleHalfSolid className="text-ui-fg-subtle mr-2" />
+        {t("app.menus.user.theme.label")}
       </DropdownMenu.SubMenuTrigger>
       <DropdownMenu.SubMenuContent>
         <DropdownMenu.RadioGroup value={theme}>

package/src/components/search/search.tsx

@@ -44,7 +44,6 @@ import {
 } from "./constants"
 import { SearchArea } from "./types"
 import { useSearchResults } from "./use-search-results"
-import { useDocumentDirection } from "../../hooks/use-document-direction"
 
 export const Search = () => {
   const [area, setArea] = useState<SearchArea>("all")
@@ -55,7 +54,6 @@ export const Search = () => {
   const { t } = useTranslation()
   const navigate = useNavigate()
 
-
   const inputRef = useRef<HTMLInputElement>(null)
   const listRef = useRef<HTMLDivElement>(null)
 
@@ -369,7 +367,7 @@ const CommandInput = forwardRef<
   ) => {
     const { t } = useTranslation()
     const innerRef = useRef<HTMLInputElement>(null)
-    const direction = useDocumentDirection()
+
     useImperativeHandle<HTMLInputElement | null, HTMLInputElement | null>(
       ref,
       () => innerRef.current
@@ -378,7 +376,7 @@ const CommandInput = forwardRef<
     return (
       <div className="flex flex-col border-b">
         <div className="px-4 pt-4">
-          <DropdownMenu dir={direction}>
+          <DropdownMenu>
             <DropdownMenu.Trigger asChild>
               <Badge
                 size="2xsmall"
@@ -434,7 +432,7 @@ const CommandInput = forwardRef<
             )}
             {...props}
           />
-          <div className="absolute end-4 top-1/2 flex -translate-y-1/2 items-center justify-end gap-x-2">
+          <div className="absolute right-4 top-1/2 flex -translate-y-1/2 items-center justify-end gap-x-2">
             {isFetching && (
               <Spinner className="text-ui-fg-muted animate-spin" />
             )}

package/src/components/table/data-table/data-table-order-by/data-table-order-by.tsx

@@ -4,8 +4,6 @@ import { useState } from "react"
 import { useTranslation } from "react-i18next"
 import { useSearchParams } from "react-router-dom"
 
-import { useDocumentDirection } from "../../../../hooks/use-document-direction"
-
 export type DataTableOrderByKey<TData> = {
   key: keyof TData
   label: string
@@ -56,7 +54,6 @@ export const DataTableOrderBy = <TData,>({
   }>(initState(searchParams, prefix))
   const param = prefix ? `${prefix}_order` : "order"
   const { t } = useTranslation()
-  const direction = useDocumentDirection()
 
   const handleDirChange = (dir: string) => {
     setState((prev) => ({
@@ -100,7 +97,7 @@ export const DataTableOrderBy = <TData,>({
   }
 
   return (
-    <DropdownMenu dir={direction}>
+    <DropdownMenu>
       <DropdownMenu.Trigger asChild>
         <IconButton size="small">
           <DescendingSorting />

package/src/components/table/data-table/data-table-root/data-table-root.tsx

@@ -262,7 +262,7 @@ export const DataTableRoot = <TData,>({
                         <Table.Cell
                           key={cell.id}
                           className={clx({
-                            "!ps-0 !pe-0": shouldRenderAsLink,
+                            "!pl-0 !pr-0": shouldRenderAsLink,
                             "bg-ui-bg-base group-data-[selected=true]/row:bg-ui-bg-highlight group-data-[selected=true]/row:group-hover/row:bg-ui-bg-highlight-hover group-hover/row:bg-ui-bg-base-hover transition-fg group-has-[[data-row-link]:focus-visible]:bg-ui-bg-base-hover sticky left-0 after:absolute after:inset-y-0 after:right-0 after:h-full after:w-px after:bg-transparent after:content-['']":
                               isStickyCell,
                             "bg-ui-bg-subtle group-hover/row:bg-ui-bg-subtle-hover":
@@ -288,9 +288,9 @@ export const DataTableRoot = <TData,>({
                             >
                               <div
                                 className={clx(
-                                  "flex size-full items-center pe-6",
+                                  "flex size-full items-center pr-6",
                                   {
-                                    "ps-6": isTabableLink && !hasLeftOffset,
+                                    "pl-6": isTabableLink && !hasLeftOffset,
                                   }
                                 )}
                               >

package/src/dashboard-app/forms/form-extension-zone/form-extension-zone.tsx

@@ -102,7 +102,7 @@ const FormExtensionFieldComponent = ({
       return <Input {...field} placeholder={placeholder} type="number" />
     }
     case "boolean": {
-      return <Switch className="rtl:rotate-180" dir="ltr" {...field} />
+      return <Switch {...field} />
     }
     default: {
       return (

package/src/dashboard-app/routes/get-route.map.tsx

@@ -1780,42 +1780,6 @@ export function getRouteMap({
                 },
               ],
             },
-            {
-              path: "refund-reasons",
-              element: <Outlet />,
-              handle: {
-                breadcrumb: () => t("refundReasons.domain"),
-              },
-              children: [
-                {
-                  path: "",
-                  lazy: () =>
-                    import("../../routes/refund-reasons/refund-reason-list"),
-                  children: [
-                    {
-                      path: "create",
-                      lazy: () =>
-                        import(
-                          "../../routes/refund-reasons/refund-reason-create"
-                        ),
-                    },
-
-                    {
-                      path: ":id",
-                      children: [
-                        {
-                          path: "edit",
-                          lazy: () =>
-                            import(
-                              "../../routes/refund-reasons/refund-reason-edit"
-                            ),
-                        },
-                      ],
-                    },
-                  ],
-                },
-              ],
-            },
             ...(settingsRoutes?.[0]?.children || []),
           ],
         },

package/src/hooks/api/campaigns.tsx

@@ -130,7 +130,6 @@ export const useAddOrRemoveCampaignPromotions = (
     onSuccess: (data, variables, context) => {
       queryClient.invalidateQueries({ queryKey: campaignsQueryKeys.details() })
       queryClient.invalidateQueries({ queryKey: promotionsQueryKeys.lists() })
-      queryClient.invalidateQueries({ queryKey: promotionsQueryKeys.details() })
       options?.onSuccess?.(data, variables, context)
     },
     ...options,

package/src/hooks/api/inventory.tsx

@@ -241,9 +241,6 @@ export const useBatchInventoryItemLocationLevels = (
       queryClient.invalidateQueries({
         queryKey: inventoryItemLevelsQueryKeys.detail(inventoryItemId),
       })
-      queryClient.invalidateQueries({
-        queryKey: inventoryItemLevelsQueryKeys.list({ inventoryItemId }),
-      })
       options?.onSuccess?.(data, variables, context)
     },
     ...options,

package/src/hooks/api/payments.tsx

@@ -15,11 +15,6 @@ import { FetchError } from "@medusajs/js-sdk"
 const PAYMENT_QUERY_KEY = "payment" as const
 export const paymentQueryKeys = queryKeysFactory(PAYMENT_QUERY_KEY)
 
-const PAYMENT_PROVIDERS_QUERY_KEY = "payment_providers" as const
-export const paymentProvidersQueryKeys = queryKeysFactory(
-  PAYMENT_PROVIDERS_QUERY_KEY
-)
-
 export const usePaymentProviders = (
   query?: HttpTypes.AdminGetPaymentProvidersParams,
   options?: Omit<
@@ -34,7 +29,7 @@ export const usePaymentProviders = (
 ) => {
   const { data, ...rest } = useQuery({
     queryFn: async () => sdk.admin.payment.listPaymentProviders(query),
-    queryKey: paymentProvidersQueryKeys.list(query),
+    queryKey: [],
     ...options,
   })
 

package/src/hooks/api/refund-reasons.tsx

@@ -1,124 +1,29 @@
 import { HttpTypes } from "@medusajs/types"
-import {
-  useMutation,
-  UseMutationOptions,
-  useQuery,
-  UseQueryOptions,
-} from "@tanstack/react-query"
-
-import { FetchError } from "@medusajs/js-sdk"
+import { QueryKey, useQuery, UseQueryOptions } from "@tanstack/react-query"
 import { sdk } from "../../lib/client"
-import { queryClient } from "../../lib/query-client"
 import { queryKeysFactory } from "../../lib/query-key-factory"
+import { FetchError } from "@medusajs/js-sdk"
 
-const REFUND_REASONS_QUERY_KEY = "refund_reasons" as const
-export const refundReasonsQueryKeys = queryKeysFactory(REFUND_REASONS_QUERY_KEY)
+const REFUND_REASON_QUERY_KEY = "refund-reason" as const
+export const refundReasonQueryKeys = queryKeysFactory(REFUND_REASON_QUERY_KEY)
 
 export const useRefundReasons = (
-  query?: HttpTypes.AdminRefundReasonListParams,
+  query?: HttpTypes.RefundReasonFilters,
   options?: Omit<
     UseQueryOptions<
-      HttpTypes.AdminRefundReasonListResponse,
+      HttpTypes.RefundReasonsResponse,
       FetchError,
-      HttpTypes.AdminRefundReasonListResponse
+      HttpTypes.RefundReasonsResponse,
+      QueryKey
     >,
-    "queryFn" | "queryKey"
+    "queryKey" | "queryFn"
   >
 ) => {
   const { data, ...rest } = useQuery({
     queryFn: () => sdk.admin.refundReason.list(query),
-    queryKey: refundReasonsQueryKeys.list(query),
+    queryKey: [],
     ...options,
   })
 
   return { ...data, ...rest }
 }
-
-export const useRefundReason = (
-  id: string,
-  query?: HttpTypes.AdminRefundReasonParams,
-  options?: Omit<
-    UseQueryOptions<
-      HttpTypes.AdminRefundReasonResponse,
-      FetchError,
-      HttpTypes.AdminRefundReasonResponse
-    >,
-    "queryFn" | "queryKey"
-  >
-) => {
-  const { data, ...rest } = useQuery({
-    queryFn: () => sdk.admin.refundReason.retrieve(id, query),
-    queryKey: refundReasonsQueryKeys.detail(id),
-    ...options,
-  })
-
-  return { ...data, ...rest }
-}
-
-export const useCreateRefundReason = (
-  query?: HttpTypes.AdminRefundReasonParams,
-  options?: UseMutationOptions<
-    HttpTypes.RefundReasonResponse,
-    FetchError,
-    HttpTypes.AdminCreateRefundReason
-  >
-) => {
-  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,
-  })
-}
-
-export const useUpdateRefundReason = (
-  id: string,
-  options?: UseMutationOptions<
-    HttpTypes.AdminRefundReasonResponse,
-    FetchError,
-    HttpTypes.AdminUpdateRefundReason
-  >
-) => {
-  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,
-  })
-}
-
-export const useDeleteRefundReasonLazy = (
-  options?: UseMutationOptions<
-    HttpTypes.AdminRefundReasonDeleteResponse,
-    FetchError,
-    string
-  >
-) => {
-  return useMutation({
-    mutationFn: (id: string) => 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,
-  })
-}

package/src/hooks/table/columns/index.ts

@@ -6,7 +6,6 @@ export * from "./use-order-table-columns"
 export * from "./use-product-table-columns"
 export * from "./use-product-tag-table-columns"
 export * from "./use-product-type-table-columns"
-export * from "./use-refund-reason-table-columns"
 export * from "./use-region-table-columns"
 export * from "./use-return-reason-table-columns"
 export * from "./use-tax-rates-table-columns"