@medusajs/dashboard 3.0.0-preview-20250211091350 → 3.0.0-preview-20250406180144

package/src/routes/product-types/product-type-list/product-type-list.tsx

@@ -1,9 +1,9 @@
 import { SingleColumnPage } from "../../../components/layout/pages"
-import { useDashboardExtension } from "../../../extensions"
+import { useExtension } from "../../../providers/extension-provider"
 import { ProductTypeListTable } from "./components/product-type-list-table"
 
 export const ProductTypeList = () => {
-  const { getWidgets } = useDashboardExtension()
+  const { getWidgets } = useExtension()
 
   return (
     <SingleColumnPage

package/src/routes/product-variants/product-variant-detail/product-variant-detail.tsx

@@ -4,7 +4,7 @@ import { useProductVariant } from "../../../hooks/api/products"
 
 import { TwoColumnPageSkeleton } from "../../../components/common/skeleton"
 import { TwoColumnPage } from "../../../components/layout/pages"
-import { useDashboardExtension } from "../../../extensions"
+import { useExtension } from "../../../providers/extension-provider"
 import { VariantGeneralSection } from "./components/variant-general-section"
 import {
   InventorySectionPlaceholder,
@@ -29,7 +29,7 @@ export const ProductVariantDetail = () => {
     }
   )
 
-  const { getWidgets } = useDashboardExtension()
+  const { getWidgets } = useExtension()
 
   if (isLoading || !variant) {
     return (

package/src/routes/product-variants/product-variant-manage-inventory-items/components/manage-variant-inventory-items-form/manage-variant-inventory-items-form.tsx

@@ -91,7 +91,7 @@ export function ManageVariantInventoryItemsForm({
     queryFn: (params) => sdk.admin.inventoryItem.list(params),
     getOptions: (data) =>
       data.inventory_items.map((item) => ({
-        label: item.title || item.sku!,
+        label: `${item.title} (${item.sku})`,
         value: item.id!,
       })),
     defaultValue: variant.inventory_items?.[0]?.inventory_item_id,

package/src/routes/products/product-attributes/components/product-attributes-form/product-attributes-form.tsx

@@ -8,10 +8,10 @@ import { RouteDrawer, useRouteModal } from "../../../../../components/modals"
 import { KeyboundForm } from "../../../../../components/utilities/keybound-form"
 import {
   FormExtensionZone,
-  useDashboardExtension,
   useExtendableForm,
-} from "../../../../../extensions"
+} from "../../../../../dashboard-app"
 import { useUpdateProduct } from "../../../../../hooks/api/products"
+import { useExtension } from "../../../../../providers/extension-provider"
 
 type ProductAttributesFormProps = {
   product: HttpTypes.AdminProduct
@@ -43,7 +43,7 @@ export const ProductAttributesForm = ({
 }: ProductAttributesFormProps) => {
   const { t } = useTranslation()
   const { handleSuccess } = useRouteModal()
-  const { getFormConfigs, getFormFields } = useDashboardExtension()
+  const { getFormConfigs, getFormFields } = useExtension()
 
   const configs = getFormConfigs("product", "attributes")
   const fields = getFormFields("product", "attributes")

package/src/routes/products/product-create/components/product-create-details-form/components/product-create-details-variant-section/product-create-details-variant-section.tsx

@@ -6,6 +6,7 @@ import {
   Heading,
   Hint,
   IconButton,
+  InlineTip,
   Input,
   Label,
   Text,
@@ -21,7 +22,6 @@ import {
 import { useTranslation } from "react-i18next"
 
 import { Form } from "../../../../../../../components/common/form"
-import { InlineTip } from "../../../../../../../components/common/inline-tip"
 import { SortableList } from "../../../../../../../components/common/sortable-list"
 import { SwitchBox } from "../../../../../../../components/common/switch-box"
 import { ChipInput } from "../../../../../../../components/inputs/chip-input"
@@ -522,7 +522,7 @@ export const ProductCreateVariantsSection = ({
                 </Alert>
               )}
               {variants.fields.length > 0 && (
-                <InlineTip variant="tip">
+                <InlineTip label={t("general.tip")}>
                   {t("products.create.variants.productVariants.tip")}
                 </InlineTip>
               )}

package/src/routes/products/product-create/components/product-create-details-form/product-create-details-form.tsx

@@ -2,10 +2,8 @@ import { Divider, Heading } from "@medusajs/ui"
 import { UseFormReturn } from "react-hook-form"
 import { useTranslation } from "react-i18next"
 
-import {
-  FormExtensionZone,
-  useDashboardExtension,
-} from "../../../../../extensions"
+import { FormExtensionZone } from "../../../../../dashboard-app"
+import { useExtension } from "../../../../../providers/extension-provider"
 import { ProductCreateSchemaType } from "../../types"
 import { ProductCreateGeneralSection } from "./components/product-create-details-general-section"
 import { ProductCreateMediaSection } from "./components/product-create-details-media-section"
@@ -16,7 +14,7 @@ type ProductAttributesProps = {
 }
 
 export const ProductCreateDetailsForm = ({ form }: ProductAttributesProps) => {
-  const { getFormFields } = useDashboardExtension()
+  const { getFormFields } = useExtension()
   const fields = getFormFields("product", "create", "general")
 
   return (

package/src/routes/products/product-create/components/product-create-form/product-create-form.tsx

@@ -8,12 +8,10 @@ import {
   useRouteModal,
 } from "../../../../../components/modals"
 import { KeyboundForm } from "../../../../../components/utilities/keybound-form"
-import {
-  useDashboardExtension,
-  useExtendableForm,
-} from "../../../../../extensions"
+import { useExtendableForm } from "../../../../../dashboard-app/forms/hooks"
 import { useCreateProduct } from "../../../../../hooks/api/products"
 import { sdk } from "../../../../../lib/client"
+import { useExtension } from "../../../../../providers/extension-provider"
 import {
   PRODUCT_CREATE_FORM_DEFAULTS,
   ProductCreateSchema,
@@ -58,7 +56,7 @@ export const ProductCreateForm = ({
 
   const { t } = useTranslation()
   const { handleSuccess } = useRouteModal()
-  const { getFormConfigs } = useDashboardExtension()
+  const { getFormConfigs } = useExtension()
   const configs = getFormConfigs("product", "create")
 
   const form = useExtendableForm({
@@ -181,15 +179,6 @@ export const ProductCreateForm = ({
     }
 
     if (currentTab === Tab.ORGANIZE) {
-      // TODO: this is temp until we add partial validation per tab
-      if (!form.getValues("shipping_profile_id")) {
-        form.setError("shipping_profile_id", {
-          type: "required",
-          message: t("products.shippingProfile.create.errors.required"),
-        })
-        return
-      }
-
       setTab(Tab.VARIANTS)
     }
 
@@ -229,6 +218,13 @@ export const ProductCreateForm = ({
         onKeyDown={(e) => {
           // We want to continue to the next tab on enter instead of saving as draft immediately
           if (e.key === "Enter") {
+            if (
+              e.target instanceof HTMLTextAreaElement &&
+              !(e.metaKey || e.ctrlKey)
+            ) {
+              return
+            }
+
             e.preventDefault()
 
             if (e.metaKey || e.ctrlKey) {

package/src/routes/products/product-create/components/product-create-inventory-kit-form/components/product-create-inventory-kit-section/product-create-inventory-kit-section.tsx

@@ -33,7 +33,7 @@ function VariantSection({ form, variant, index }: VariantSectionProps) {
     queryFn: (params) => sdk.admin.inventoryItem.list(params),
     getOptions: (data) =>
       data.inventory_items.map((item) => ({
-        label: item.title,
+        label: `${item.title} (${item.sku})`,
         value: item.id,
       })),
   })

package/src/routes/products/product-create/components/product-create-organize-form/components/product-create-organize-section/product-create-details-organize-section.tsx

@@ -173,7 +173,9 @@ export const ProductCreateOrganizationSection = ({
       </div>
       <div className="grid grid-cols-1 gap-4 md:grid-cols-2">
         <div>
-          <Form.Label>{t("products.fields.shipping_profile.label")}</Form.Label>
+          <Form.Label optional>
+            {t("products.fields.shipping_profile.label")}
+          </Form.Label>
           <Form.Hint>
             <Trans i18nKey={"products.fields.shipping_profile.hint"} />
           </Form.Hint>

package/src/routes/products/product-create/components/product-create-organize-form/product-create-organize-form.tsx

@@ -1,10 +1,8 @@
 import { UseFormReturn } from "react-hook-form"
 
 import { StackedFocusModal } from "../../../../../components/modals"
-import {
-  FormExtensionZone,
-  useDashboardExtension,
-} from "../../../../../extensions"
+import { FormExtensionZone } from "../../../../../dashboard-app"
+import { useExtension } from "../../../../../providers/extension-provider"
 import { ProductCreateSchemaType } from "../../types"
 import { ProductCreateOrganizationSection } from "./components/product-create-organize-section"
 import { ProductCreateSalesChannelStackedModal } from "./components/product-create-sales-channel-stacked-modal"
@@ -15,7 +13,7 @@ type ProductAttributesProps = {
 }
 
 export const ProductCreateOrganizeForm = ({ form }: ProductAttributesProps) => {
-  const { getFormFields } = useDashboardExtension()
+  const { getFormFields } = useExtension()
   const fields = getFormFields("product", "create", "organize")
 
   return (

package/src/routes/products/product-create/constants.ts

@@ -1,7 +1,7 @@
 import { z } from "zod"
-import { i18n } from "../../../components/utilities/i18n/i18n.tsx"
-import { optionalFloat, optionalInt } from "../../../lib/validation.ts"
-import { decorateVariantsWithDefaultValues } from "./utils.ts"
+import { i18n } from "../../../components/utilities/i18n/i18n"
+import { optionalFloat, optionalInt } from "../../../lib/validation"
+import { decorateVariantsWithDefaultValues } from "./utils"
 
 export const MediaSchema = z.object({
   id: z.string().optional(),
@@ -64,7 +64,7 @@ export const ProductCreateSchema = z
     discountable: z.boolean(),
     type_id: z.string().optional(),
     collection_id: z.string().optional(),
-    shipping_profile_id: z.string(), // TODO: require min(1) when partial validation per tab is added
+    shipping_profile_id: z.string().optional(),
     categories: z.array(z.string()),
     tags: z.array(z.string()).optional(),
     sales_channels: z

package/src/routes/products/product-create/utils.ts

@@ -24,19 +24,19 @@ export const normalizeProductFormValues = (
       : undefined,
     images,
     collection_id: values.collection_id || undefined,
-    shipping_profile_id: values.shipping_profile_id,
+    shipping_profile_id: values.shipping_profile_id || undefined,
     categories: values.categories.map((id) => ({ id })),
     type_id: values.type_id || undefined,
-    handle: values.handle || undefined,
+    handle: values.handle?.trim(),
     origin_country: values.origin_country || undefined,
     material: values.material || undefined,
     mid_code: values.mid_code || undefined,
     hs_code: values.hs_code || undefined,
     thumbnail,
-    title: values.title,
-    subtitle: values.subtitle || undefined,
-    description: values.description || undefined,
-    discountable: values.discountable || undefined,
+    title: values.title.trim(),
+    subtitle: values.subtitle?.trim(),
+    description: values.description?.trim(),
+    discountable: values.discountable,
     width: values.width ? parseFloat(values.width) : undefined,
     length: values.length ? parseFloat(values.length) : undefined,
     height: values.height ? parseFloat(values.height) : undefined,

package/src/routes/products/product-detail/components/product-attribute-section/product-attribute-section.tsx

@@ -4,8 +4,8 @@ import { Container, Heading } from "@medusajs/ui"
 import { useTranslation } from "react-i18next"
 import { ActionMenu } from "../../../../../components/common/action-menu"
 import { SectionRow } from "../../../../../components/common/section"
-import { useDashboardExtension } from "../../../../../extensions"
 import { getFormattedCountry } from "../../../../../lib/addresses"
+import { useExtension } from "../../../../../providers/extension-provider"
 
 type ProductAttributeSectionProps = {
   product: HttpTypes.AdminProduct
@@ -15,7 +15,7 @@ export const ProductAttributeSection = ({
   product,
 }: ProductAttributeSectionProps) => {
   const { t } = useTranslation()
-  const { getDisplays } = useDashboardExtension()
+  const { getDisplays } = useExtension()
 
   return (
     <Container className="divide-y p-0">

package/src/routes/products/product-detail/components/product-general-section/product-general-section.tsx

@@ -6,8 +6,8 @@ import { useNavigate } from "react-router-dom"
 
 import { ActionMenu } from "../../../../../components/common/action-menu"
 import { SectionRow } from "../../../../../components/common/section"
-import { useDashboardExtension } from "../../../../../extensions"
 import { useDeleteProduct } from "../../../../../hooks/api/products"
+import { useExtension } from "../../../../../providers/extension-provider"
 
 const productStatusColor = (status: string) => {
   switch (status) {
@@ -34,7 +34,7 @@ export const ProductGeneralSection = ({
   const { t } = useTranslation()
   const prompt = usePrompt()
   const navigate = useNavigate()
-  const { getDisplays } = useDashboardExtension()
+  const { getDisplays } = useExtension()
 
   const displays = getDisplays("product", "general")
 

package/src/routes/products/product-detail/components/product-organization-section/product-organization-section.tsx

@@ -5,7 +5,7 @@ import { useTranslation } from "react-i18next"
 import { Link } from "react-router-dom"
 import { ActionMenu } from "../../../../../components/common/action-menu"
 import { SectionRow } from "../../../../../components/common/section"
-import { useDashboardExtension } from "../../../../../extensions"
+import { useExtension } from "../../../../../providers/extension-provider"
 
 type ProductOrganizationSectionProps = {
   product: HttpTypes.AdminProduct
@@ -15,7 +15,7 @@ export const ProductOrganizationSection = ({
   product,
 }: ProductOrganizationSectionProps) => {
   const { t } = useTranslation()
-  const { getDisplays } = useDashboardExtension()
+  const { getDisplays } = useExtension()
 
   return (
     <Container className="divide-y p-0">

package/src/routes/products/product-detail/components/product-variant-section/product-variant-section.tsx

@@ -16,7 +16,7 @@ import { useCallback, useMemo } from "react"
 import { useTranslation } from "react-i18next"
 
 import { CellContext } from "@tanstack/react-table"
-import { useNavigate } from "react-router-dom"
+import { useNavigate, useSearchParams } from "react-router-dom"
 import { DataTable } from "../../../../../components/data-table"
 import { useDataTableDateColumns } from "../../../../../components/data-table/helpers/general/use-data-table-date-columns"
 import { useDataTableDateFilters } from "../../../../../components/data-table/helpers/general/use-data-table-date-filters"
@@ -32,6 +32,7 @@ type ProductVariantSectionProps = {
 }
 
 const PAGE_SIZE = 10
+const PREFIX = "pv"
 
 export const ProductVariantSection = ({
   product,
@@ -46,15 +47,18 @@ export const ProductVariantSection = ({
     manage_inventory,
     created_at,
     updated_at,
-  } = useQueryParams([
-    "q",
-    "order",
-    "offset",
-    "manage_inventory",
-    "allow_backorder",
-    "created_at",
-    "updated_at",
-  ])
+  } = useQueryParams(
+    [
+      "q",
+      "order",
+      "offset",
+      "manage_inventory",
+      "allow_backorder",
+      "created_at",
+      "updated_at",
+    ],
+    PREFIX
+  )
 
   const columns = useColumns(product)
   const filters = useFilters()
@@ -75,7 +79,8 @@ export const ProductVariantSection = ({
         : undefined,
       created_at: created_at ? JSON.parse(created_at) : undefined,
       updated_at: updated_at ? JSON.parse(updated_at) : undefined,
-      fields: "*inventory_items.inventory.location_levels,+inventory_quantity",
+      fields:
+        "title,sku,*options,created_at,updated_at,*inventory_items.inventory.location_levels,inventory_quantity,manage_inventory",
     },
     {
       placeholderData: keepPreviousData,
@@ -131,6 +136,7 @@ export const ProductVariantSection = ({
           ],
         }}
         commands={commands}
+        prefix={PREFIX}
       />
     </Container>
   )
@@ -144,6 +150,17 @@ const useColumns = (product: HttpTypes.AdminProduct) => {
   const navigate = useNavigate()
   const { mutateAsync } = useDeleteVariantLazy(product.id)
   const prompt = usePrompt()
+  const [searchParams] = useSearchParams()
+
+  const tableSearchParams = useMemo(() => {
+    const filtered = new URLSearchParams()
+    for (const [key, value] of searchParams.entries()) {
+      if (key.startsWith(`${PREFIX}_`)) {
+        filtered.append(key, value)
+      }
+    }
+    return filtered
+  }, [searchParams])
 
   const dateColumns = useDataTableDateColumns<HttpTypes.AdminProductVariant>()
 
@@ -214,7 +231,16 @@ const useColumns = (product: HttpTypes.AdminProduct) => {
           icon: <PencilSquare />,
           label: t("actions.edit"),
           onClick: (row) => {
-            navigate(`edit-variant?variant_id=${row.row.original.id}`)
+            navigate(
+              `edit-variant?variant_id=${
+                row.row.original.id
+              }&${tableSearchParams.toString()}`,
+              {
+                state: {
+                  restore_params: tableSearchParams.toString(),
+                },
+              }
+            )
           },
         },
       ]
@@ -270,7 +296,7 @@ const useColumns = (product: HttpTypes.AdminProduct) => {
 
       return [mainActions, secondaryActions]
     },
-    [handleDelete, navigate, t]
+    [handleDelete, navigate, t, tableSearchParams]
   )
 
   const getInventory = useCallback(
@@ -278,6 +304,15 @@ const useColumns = (product: HttpTypes.AdminProduct) => {
       const castVariant = variant as HttpTypes.AdminProductVariant & {
         inventory_items: { inventory: HttpTypes.AdminInventoryItem }[]
       }
+
+      if (!variant.manage_inventory) {
+        return {
+          text: t("products.variant.inventory.notManaged"),
+          hasInventoryKit: false,
+          notManaged: true,
+        }
+      }
+
       const quantity = variant.inventory_quantity
 
       const inventoryItems = castVariant.inventory_items
@@ -306,7 +341,7 @@ const useColumns = (product: HttpTypes.AdminProduct) => {
             count: locationCount,
           })
 
-      return { text, hasInventoryKit, quantity }
+      return { text, hasInventoryKit, quantity, notManaged: false }
     },
     [t]
   )
@@ -330,7 +365,9 @@ const useColumns = (product: HttpTypes.AdminProduct) => {
         id: "inventory",
         header: t("fields.inventory"),
         cell: ({ row }) => {
-          const { text, hasInventoryKit, quantity } = getInventory(row.original)
+          const { text, hasInventoryKit, quantity, notManaged } = getInventory(
+            row.original
+          )
 
           return (
             <Tooltip content={text}>
@@ -338,7 +375,7 @@ const useColumns = (product: HttpTypes.AdminProduct) => {
                 {hasInventoryKit && <Component />}
                 <span
                   className={clx("truncate", {
-                    "text-ui-fg-error": !quantity,
+                    "text-ui-fg-error": !quantity && !notManaged,
                   })}
                 >
                   {text}

package/src/routes/products/product-detail/constants.ts

@@ -1,4 +1,4 @@
-import { getLinkedFields } from "../../../extensions"
+import { getLinkedFields } from "../../../dashboard-app"
 
 export const PRODUCT_DETAIL_FIELDS = getLinkedFields(
   "product",

package/src/routes/products/product-detail/product-detail.tsx

@@ -13,7 +13,7 @@ import { ProductVariantSection } from "./components/product-variant-section"
 import { PRODUCT_DETAIL_FIELDS } from "./constants"
 import { productLoader } from "./loader"
 
-import { useDashboardExtension } from "../../../extensions"
+import { useExtension } from "../../../providers/extension-provider"
 import { ProductShippingProfileSection } from "./components/product-shipping-profile-section"
 
 export const ProductDetail = () => {
@@ -30,7 +30,7 @@ export const ProductDetail = () => {
     }
   )
 
-  const { getWidgets } = useDashboardExtension()
+  const { getWidgets } = useExtension()
 
   const after = getWidgets("product.details.after")
   const before = getWidgets("product.details.before")

package/src/routes/products/product-edit/components/edit-product-form/edit-product-form.tsx

@@ -6,15 +6,13 @@ import { HttpTypes } from "@medusajs/types"
 import { Form } from "../../../../../components/common/form"
 import { SwitchBox } from "../../../../../components/common/switch-box"
 import { RouteDrawer, useRouteModal } from "../../../../../components/modals"
-import { useExtendableForm } from "../../../../../extensions/forms/hooks"
+import { useExtendableForm } from "../../../../../dashboard-app/forms/hooks"
 import { useUpdateProduct } from "../../../../../hooks/api/products"
 import { transformNullableFormData } from "../../../../../lib/form-helpers"
 
 import { KeyboundForm } from "../../../../../components/utilities/keybound-form"
-import {
-  FormExtensionZone,
-  useDashboardExtension,
-} from "../../../../../extensions"
+import { FormExtensionZone } from "../../../../../dashboard-app"
+import { useExtension } from "../../../../../providers/extension-provider"
 
 type EditProductFormProps = {
   product: HttpTypes.AdminProduct
@@ -34,7 +32,7 @@ export const EditProductForm = ({ product }: EditProductFormProps) => {
   const { t } = useTranslation()
   const { handleSuccess } = useRouteModal()
 
-  const { getFormFields, getFormConfigs } = useDashboardExtension()
+  const { getFormFields, getFormConfigs } = useExtension()
   const fields = getFormFields("product", "edit")
   const configs = getFormConfigs("product", "edit")
 

package/src/routes/products/product-export/product-export.tsx

@@ -3,7 +3,6 @@ import { RouteDrawer, useRouteModal } from "../../../components/modals"
 import { useTranslation } from "react-i18next"
 import { ExportFilters } from "./components/export-filters"
 import { useExportProducts } from "../../../hooks/api"
-import { useProductTableQuery } from "../../../hooks/table/query"
 
 export const ProductExport = () => {
   const { t } = useTranslation()
@@ -25,8 +24,7 @@ export const ProductExport = () => {
 
 const ProductExportContent = () => {
   const { t } = useTranslation()
-  const { searchParams } = useProductTableQuery({})
-  const { mutateAsync } = useExportProducts(searchParams)
+  const { mutateAsync } = useExportProducts()
   const { handleSuccess } = useRouteModal()
 
   const handleExportRequest = async () => {

package/src/routes/products/product-list/components/product-list-table/product-list-table.tsx

@@ -33,6 +33,7 @@ export const ProductListTable = () => {
   const { products, count, isLoading, isError, error } = useProducts(
     {
       ...searchParams,
+      is_giftcard: false,
     },
     {
       initialData,

package/src/routes/products/product-list/loader.ts

@@ -6,8 +6,13 @@ import { sdk } from "../../../lib/client"
 import { queryClient } from "../../../lib/query-client"
 
 const productsListQuery = () => ({
-  queryKey: productsQueryKeys.list({ limit: 20, offset: 0 }),
-  queryFn: async () => sdk.admin.product.list({ limit: 20, offset: 0 }),
+  queryKey: productsQueryKeys.list({
+    limit: 20,
+    offset: 0,
+    is_giftcard: false,
+  }),
+  queryFn: async () =>
+    sdk.admin.product.list({ limit: 20, offset: 0, is_giftcard: false }),
 })
 
 export const productsLoader = (client: QueryClient) => {

package/src/routes/products/product-list/product-list.tsx

@@ -1,9 +1,9 @@
 import { SingleColumnPage } from "../../../components/layout/pages"
-import { useDashboardExtension } from "../../../extensions"
+import { useExtension } from "../../../providers/extension-provider"
 import { ProductListTable } from "./components/product-list-table"
 
 export const ProductList = () => {
-  const { getWidgets } = useDashboardExtension()
+  const { getWidgets } = useExtension()
 
   return (
     <SingleColumnPage

package/src/routes/products/product-organization/components/product-organization-form/product-organization-form.tsx

@@ -9,12 +9,12 @@ import { RouteDrawer, useRouteModal } from "../../../../../components/modals"
 import { KeyboundForm } from "../../../../../components/utilities/keybound-form"
 import {
   FormExtensionZone,
-  useDashboardExtension,
   useExtendableForm,
-} from "../../../../../extensions"
+} from "../../../../../dashboard-app"
 import { useUpdateProduct } from "../../../../../hooks/api/products"
 import { useComboboxData } from "../../../../../hooks/use-combobox-data"
 import { sdk } from "../../../../../lib/client"
+import { useExtension } from "../../../../../providers/extension-provider"
 import { CategoryCombobox } from "../../../common/components/category-combobox"
 
 type ProductOrganizationFormProps = {
@@ -33,7 +33,7 @@ export const ProductOrganizationForm = ({
 }: ProductOrganizationFormProps) => {
   const { t } = useTranslation()
   const { handleSuccess } = useRouteModal()
-  const { getFormConfigs, getFormFields } = useDashboardExtension()
+  const { getFormConfigs, getFormFields } = useExtension()
 
   const configs = getFormConfigs("product", "organize")
   const fields = getFormFields("product", "organize")

package/src/routes/products/product-prices/product-prices.tsx

@@ -7,9 +7,7 @@ import { PricingEdit } from "./pricing-edit"
 export const ProductPrices = () => {
   const { id, variant_id } = useParams()
 
-  const { product, isLoading, isError, error } = useProduct(id!, {
-    fields: "+variants,+variants.prices",
-  })
+  const { product, isLoading, isError, error } = useProduct(id!)
 
   if (isError) {
     throw error