feat: Add product routes and components to v2 in admin-next

medusajs · Apr 5, 2024 · 4b4f7c0 · 4b4f7c0
1 parent a0005fa
commit 4b4f7c0
Show file tree

Hide file tree

Showing 69 changed files with 201 additions and 92 deletions.
diff --git a/packages/admin-next/dashboard/public/locales/en-US/translation.json b/packages/admin-next/dashboard/public/locales/en-US/translation.json
@@ -236,6 +236,22 @@
       },
       "weight": {
         "label": "Weight"
+      },
+      "options": {
+        "label": "Product options",
+        "hint": "Options are used to define the color, size, etc. of the product",
+        "optionTitle": "Option title",
+        "variations": "Variations (comma-separated)"
+      },
+      "variants": {
+        "label": "Product variants",
+        "hint": "Variants left unchecked won't be created, This ranking will affect how the variants are ranked in your frontend."
+      },
+      "mid_code": {
+        "label": "Mid code"
+      },
+      "hs_code": {
+        "label": "HS code"
       }
     },
     "variant": {

diff --git a/packages/admin-next/dashboard/src/providers/router-provider/v1.tsx b/packages/admin-next/dashboard/src/providers/router-provider/v1.tsx
@@ -5,8 +5,6 @@ import type {
   AdminDraftOrdersRes,
   AdminGiftCardsRes,
   AdminOrdersRes,
-  AdminProductsRes,
-  AdminPublishableApiKeysRes,
   AdminRegionsRes,
   AdminSalesChannelsRes,
   AdminUserRes,
@@ -193,66 +191,6 @@ export const v1Routes: RouteObject[] = [
               },
             ],
           },
-          {
-            path: "/products",
-            handle: {
-              crumb: () => "Products",
-            },
-            children: [
-              {
-                path: "",
-                lazy: () => import("../../routes/products/product-list"),
-                children: [
-                  {
-                    path: "create",
-                    lazy: () => import("../../routes/products/product-create"),
-                  },
-                ],
-              },
-              {
-                path: ":id",
-                lazy: () => import("../../routes/products/product-detail"),
-                handle: {
-                  crumb: (data: AdminProductsRes) => data.product.title,
-                },
-                children: [
-                  {
-                    path: "edit",
-                    lazy: () => import("../../routes/products/product-edit"),
-                  },
-                  {
-                    path: "sales-channels",
-                    lazy: () =>
-                      import("../../routes/products/product-sales-channels"),
-                  },
-                  {
-                    path: "attributes",
-                    lazy: () =>
-                      import("../../routes/products/product-attributes"),
-                  },
-                  {
-                    path: "options/create",
-                    lazy: () =>
-                      import("../../routes/products/product-create-option"),
-                  },
-                  {
-                    path: "options/:option_id/edit",
-                    lazy: () =>
-                      import("../../routes/products/product-edit-option"),
-                  },
-                  {
-                    path: "media",
-                    lazy: () => import("../../routes/products/product-media"),
-                  },
-                  {
-                    path: "variants/:variant_id/edit",
-                    lazy: () =>
-                      import("../../routes/products/product-edit-variant"),
-                  },
-                ],
-              },
-            ],
-          },
           {
             path: "/categories",
             handle: {

diff --git a/packages/admin-next/dashboard/src/providers/router-provider/v2.tsx b/packages/admin-next/dashboard/src/providers/router-provider/v2.tsx
@@ -1,14 +1,13 @@
 import { Navigate, RouteObject, useLocation } from "react-router-dom"
-import { SalesChannelDTO, UserDTO } from "@medusajs/types"
+import { SalesChannelDTO, UserDTO, ApiKeyDTO } from "@medusajs/types"
 
-import { AdminCollectionsRes } from "@medusajs/medusa"
+import { AdminCollectionsRes, AdminProductsRes } from "@medusajs/medusa"
 import { ErrorBoundary } from "../../components/error/error-boundary"
 import { MainLayout } from "../../components/layout-v2/main-layout"
 import { Outlet } from "react-router-dom"
 import { SearchProvider } from "../search-provider"
 import { SettingsLayout } from "../../components/layout/settings-layout"
 import { SidebarProvider } from "../sidebar-provider"
-import { ApiKeyDTO } from "@medusajs/types"
 import { Spinner } from "@medusajs/icons"
 import { useV2Session } from "../../lib/api-v2"
 
@@ -67,6 +66,68 @@ export const v2Routes: RouteObject[] = [
         path: "/",
         element: <MainLayout />,
         children: [
+          {
+            path: "/products",
+            handle: {
+              crumb: () => "Products",
+            },
+            children: [
+              {
+                path: "",
+                lazy: () => import("../../v2-routes/products/product-list"),
+                children: [
+                  {
+                    path: "create",
+                    lazy: () =>
+                      import("../../v2-routes/products/product-create"),
+                  },
+                ],
+              },
+              {
+                path: ":id",
+                lazy: () => import("../../v2-routes/products/product-detail"),
+                handle: {
+                  crumb: (data: AdminProductsRes) => data.product.title,
+                },
+                children: [
+                  {
+                    path: "edit",
+                    lazy: () => import("../../v2-routes/products/product-edit"),
+                  },
+                  {
+                    path: "sales-channels",
+                    lazy: () =>
+                      import("../../v2-routes/products/product-sales-channels"),
+                  },
+                  {
+                    path: "attributes",
+                    lazy: () =>
+                      import("../../v2-routes/products/product-attributes"),
+                  },
+                  {
+                    path: "options/create",
+                    lazy: () =>
+                      import("../../v2-routes/products/product-create-option"),
+                  },
+                  {
+                    path: "options/:option_id/edit",
+                    lazy: () =>
+                      import("../../v2-routes/products/product-edit-option"),
+                  },
+                  {
+                    path: "media",
+                    lazy: () =>
+                      import("../../v2-routes/products/product-media"),
+                  },
+                  {
+                    path: "variants/:variant_id/edit",
+                    lazy: () =>
+                      import("../../v2-routes/products/product-edit-variant"),
+                  },
+                ],
+              },
+            ],
+          },
           {
             path: "/orders",
             handle: {

diff --git a/...mponents/product-attributes-form/index.ts → ...mponents/product-attributes-form/index.ts b/...mponents/product-attributes-form/index.ts → ...mponents/product-attributes-form/index.ts
diff --git a/...tributes-form/product-attributes-form.tsx → ...tributes-form/product-attributes-form.tsx b/...tributes-form/product-attributes-form.tsx → ...tributes-form/product-attributes-form.tsx
diff --git a/...utes/products/product-attributes/index.ts → ...utes/products/product-attributes/index.ts b/...utes/products/product-attributes/index.ts → ...utes/products/product-attributes/index.ts
diff --git a/...product-attributes/product-attributes.tsx → ...product-attributes/product-attributes.tsx b/...product-attributes/product-attributes.tsx → ...product-attributes/product-attributes.tsx
diff --git a/...ption-form/create-product-option-form.tsx → ...ption-form/create-product-option-form.tsx b/...ption-form/create-product-option-form.tsx → ...ption-form/create-product-option-form.tsx
diff --git a/...nents/create-product-option-form/index.ts → ...nents/create-product-option-form/index.ts b/...nents/create-product-option-form/index.ts → ...nents/create-product-option-form/index.ts
diff --git a/...s/products/product-create-option/index.ts → ...s/products/product-create-option/index.ts b/...s/products/product-create-option/index.ts → ...s/products/product-create-option/index.ts
diff --git a/...t-create-option/product-create-option.tsx → ...t-create-option/product-create-option.tsx b/...t-create-option/product-create-option.tsx → ...t-create-option/product-create-option.tsx
diff --git a/...e-product-form/create-product-details.tsx → ...e-product-form/create-product-details.tsx b/...e-product-form/create-product-details.tsx → ...e-product-form/create-product-details.tsx
@@ -202,14 +202,18 @@ export const CreateProductDetails = ({ form }: CreateProductPropsProps) => {
                   <Form.Field
                     control={form.control}
                     name="type_id"
-                    render={({ field }) => {
+                    render={({ field: { onChange, ...field } }) => {
                       return (
                         <Form.Item>
                           <Form.Label optional>
                             {t("products.fields.type.label")}
                           </Form.Label>
                           <Form.Control>
-                            <Select disabled={isLoadingTypes} {...field}>
+                            <Select
+                              disabled={isLoadingTypes}
+                              {...field}
+                              onValueChange={onChange}
+                            >
                               <Select.Trigger ref={field.ref}>
                                 <Select.Value />
                               </Select.Trigger>
@@ -229,14 +233,18 @@ export const CreateProductDetails = ({ form }: CreateProductPropsProps) => {
                   <Form.Field
                     control={form.control}
                     name="collection_id"
-                    render={({ field }) => {
+                    render={({ field: { onChange, ...field } }) => {
                       return (
                         <Form.Item>
                           <Form.Label optional>
                             {t("products.fields.collection.label")}
                           </Form.Label>
                           <Form.Control>
-                            <Select disabled={isLoadingCollections} {...field}>
+                            <Select
+                              disabled={isLoadingCollections}
+                              {...field}
+                              onValueChange={onChange}
+                            >
                               <Select.Trigger ref={field.ref}>
                                 <Select.Value />
                               </Select.Trigger>
@@ -351,6 +359,48 @@ export const CreateProductDetails = ({ form }: CreateProductPropsProps) => {
               </div>
               <div id="variants" className="flex flex-col gap-y-8">
                 <Heading level="h2">{t("products.variants")}</Heading>
+                <div className="grid grid-cols-1 gap-x-4 gap-y-8">
+                  <Form.Field
+                    control={form.control}
+                    name="options"
+                    render={({ field }) => {
+                      return (
+                        <Form.Item>
+                          <Form.Label optional>
+                            {t("products.fields.options.label")}
+                          </Form.Label>
+                          <Form.Hint>
+                            {t("products.fields.options.hint")}
+                          </Form.Hint>
+                          <Form.Control>
+                            <></>
+                          </Form.Control>
+                        </Form.Item>
+                      )
+                    }}
+                  />
+                </div>
+                <div className="grid grid-cols-1 gap-x-4 gap-y-8">
+                  <Form.Field
+                    control={form.control}
+                    name="variants"
+                    render={({ field }) => {
+                      return (
+                        <Form.Item>
+                          <Form.Label optional>
+                            {t("products.fields.variants.label")}
+                          </Form.Label>
+                          <Form.Hint>
+                            {t("products.fields.variants.hint")}
+                          </Form.Hint>
+                          <Form.Control>
+                            <></>
+                          </Form.Control>
+                        </Form.Item>
+                      )
+                    }}
+                  />
+                </div>
               </div>
 
               <div id="attributes" className="flex flex-col gap-y-8">
@@ -454,8 +504,39 @@ export const CreateProductDetails = ({ form }: CreateProductPropsProps) => {
                       )
                     }}
                   />
+                  <Form.Field
+                    control={form.control}
+                    name="mid_code"
+                    render={({ field }) => {
+                      return (
+                        <Form.Item>
+                          <Form.Label optional>
+                            {t("products.fields.mid_code.label")}
+                          </Form.Label>
+                          <Form.Control>
+                            <Input {...field} />
+                          </Form.Control>
+                        </Form.Item>
+                      )
+                    }}
+                  />
+                  <Form.Field
+                    control={form.control}
+                    name="hs_code"
+                    render={({ field }) => {
+                      return (
+                        <Form.Item>
+                          <Form.Label optional>
+                            {t("products.fields.hs_code.label")}
+                          </Form.Label>
+                          <Form.Control>
+                            <Input {...field} />
+                          </Form.Control>
+                        </Form.Item>
+                      )
+                    }}
+                  />
                 </div>
-                {/* TODO: Add missing attribute fields */}
               </div>
               <div id="media" className="flex flex-col gap-y-8">
                 <Heading level="h2">{t("products.media.label")}</Heading>

diff --git a/...eate-product-form/create-product-form.tsx → ...eate-product-form/create-product-form.tsx b/...eate-product-form/create-product-form.tsx → ...eate-product-form/create-product-form.tsx
@@ -30,6 +30,12 @@ const CreateProductSchema = zod.object({
   weight: zod.string().optional(),
   mid_code: zod.string().optional(),
   hs_code: zod.string().optional(),
+  options: zod.array(
+    zod.object({
+      title: zod.string(),
+      values: zod.array(zod.string()),
+    })
+  ),
   variants: zod.array(
     zod.object({
       variant_rank: zod.number(),
@@ -55,6 +61,7 @@ export const CreateProductForm = () => {
       discountable: true,
       tags: [],
       sales_channels: [],
+      options: [],
       variants: [],
       images: [],
     },
@@ -64,24 +71,25 @@ export const CreateProductForm = () => {
   const { mutateAsync, isLoading } = useAdminCreateProduct()
 
   const handleSubmit = form.handleSubmit(async (values) => {
-    await mutateAsync(
-      {
-        ...values,
-        is_giftcard: false,
-        tags: values.tags?.map((tag) => ({ value: tag })),
-        sales_channels: values.sales_channels?.map((sc) => ({ id: sc })),
-        width: values.width ? parseFloat(values.width) : undefined,
-        length: values.length ? parseFloat(values.length) : undefined,
-        height: values.height ? parseFloat(values.height) : undefined,
-        weight: values.weight ? parseFloat(values.weight) : undefined,
-        variants: values.variants.map((v) => ({ title: "", prices: [] })),
+    const reqData = {
+      ...values,
+      is_giftcard: false,
+      tags: values.tags?.map((tag) => ({ value: tag })),
+      sales_channels: values.sales_channels?.map((sc) => ({ id: sc })),
+      width: values.width ? parseFloat(values.width) : undefined,
+      length: values.length ? parseFloat(values.length) : undefined,
+      height: values.height ? parseFloat(values.height) : undefined,
+      weight: values.weight ? parseFloat(values.weight) : undefined,
+      variants: values.variants.map((v) => ({ title: "", prices: [] })),
+    } as any
+
+    delete reqData.sales_channels
+
+    await mutateAsync(reqData, {
+      onSuccess: ({ product }) => {
+        handleSuccess(`../${product.id}`)
       },
-      {
-        onSuccess: ({ product }) => {
-          handleSuccess(`../${product.id}`)
-        },
-      }
-    )
+    })
   })
 
   return (

diff --git a/...e/components/create-product-form/index.ts → ...e/components/create-product-form/index.ts b/...e/components/create-product-form/index.ts → ...e/components/create-product-form/index.ts
diff --git a/...c/routes/products/product-create/index.ts → ...2-routes/products/product-create/index.ts b/...c/routes/products/product-create/index.ts → ...2-routes/products/product-create/index.ts
diff --git a/...roducts/product-create/product-create.tsx → ...roducts/product-create/product-create.tsx b/...roducts/product-create/product-create.tsx → ...roducts/product-create/product-create.tsx
diff --git a/...onents/product-attribute-section/index.ts → ...onents/product-attribute-section/index.ts b/...onents/product-attribute-section/index.ts → ...onents/product-attribute-section/index.ts
diff --git a/...ute-section/product-attribute-section.tsx → ...ute-section/product-attribute-section.tsx b/...ute-section/product-attribute-section.tsx → ...ute-section/product-attribute-section.tsx
diff --git a/...mponents/product-general-section/index.ts → ...mponents/product-general-section/index.ts b/...mponents/product-general-section/index.ts → ...mponents/product-general-section/index.ts
diff --git a/...neral-section/product-general-section.tsx → ...neral-section/product-general-section.tsx b/...neral-section/product-general-section.tsx → ...neral-section/product-general-section.tsx
diff --git a/...components/product-media-section/index.ts → ...components/product-media-section/index.ts b/...components/product-media-section/index.ts → ...components/product-media-section/index.ts
diff --git a/...t-media-section/product-media-section.tsx → ...t-media-section/product-media-section.tsx b/...t-media-section/product-media-section.tsx → ...t-media-section/product-media-section.tsx
diff --git a/...omponents/product-option-section/index.ts → ...omponents/product-option-section/index.ts b/...omponents/product-option-section/index.ts → ...omponents/product-option-section/index.ts
diff --git a/...option-section/product-option-section.tsx → ...option-section/product-option-section.tsx b/...option-section/product-option-section.tsx → ...option-section/product-option-section.tsx
diff --git a/...nts/product-organization-section/index.ts → ...nts/product-organization-section/index.ts b/...nts/product-organization-section/index.ts → ...nts/product-organization-section/index.ts
diff --git a/...-section/product-organization-section.tsx → ...-section/product-organization-section.tsx b/...-section/product-organization-section.tsx → ...-section/product-organization-section.tsx
diff --git a/...ts/product-sales-channel-section/index.ts → ...ts/product-sales-channel-section/index.ts b/...ts/product-sales-channel-section/index.ts → ...ts/product-sales-channel-section/index.ts
diff --git a/...section/product-sales-channel-section.tsx → ...section/product-sales-channel-section.tsx b/...section/product-sales-channel-section.tsx → ...section/product-sales-channel-section.tsx
diff --git a/...mponents/product-variant-section/index.ts → ...mponents/product-variant-section/index.ts b/...mponents/product-variant-section/index.ts → ...mponents/product-variant-section/index.ts
diff --git a/...riant-section/product-variant-section.tsx → ...riant-section/product-variant-section.tsx b/...riant-section/product-variant-section.tsx → ...riant-section/product-variant-section.tsx
diff --git a/...ant-section/use-variant-table-columns.tsx → ...ant-section/use-variant-table-columns.tsx b/...ant-section/use-variant-table-columns.tsx → ...ant-section/use-variant-table-columns.tsx
diff --git a/...ant-section/use-variant-table-filters.tsx → ...ant-section/use-variant-table-filters.tsx b/...ant-section/use-variant-table-filters.tsx → ...ant-section/use-variant-table-filters.tsx
diff --git a/...riant-section/use-variant-table-query.tsx → ...riant-section/use-variant-table-query.tsx b/...riant-section/use-variant-table-query.tsx → ...riant-section/use-variant-table-query.tsx
diff --git a/...c/routes/products/product-detail/index.ts → ...2-routes/products/product-detail/index.ts b/...c/routes/products/product-detail/index.ts → ...2-routes/products/product-detail/index.ts
diff --git a/.../routes/products/product-detail/loader.ts → ...-routes/products/product-detail/loader.ts b/.../routes/products/product-detail/loader.ts → ...-routes/products/product-detail/loader.ts
diff --git a/...roducts/product-detail/product-detail.tsx → ...roducts/product-detail/product-detail.tsx b/...roducts/product-detail/product-detail.tsx → ...roducts/product-detail/product-detail.tsx
diff --git a/...-option-form/edit-product-option-form.tsx → ...-option-form/edit-product-option-form.tsx b/...-option-form/edit-product-option-form.tsx → ...-option-form/edit-product-option-form.tsx
diff --git a/...ponents/edit-product-option-form/index.ts → ...ponents/edit-product-option-form/index.ts b/...ponents/edit-product-option-form/index.ts → ...ponents/edit-product-option-form/index.ts
diff --git a/...tes/products/product-edit-option/index.ts → ...tes/products/product-edit-option/index.ts b/...tes/products/product-edit-option/index.ts → ...tes/products/product-edit-option/index.ts
diff --git a/...oduct-edit-option/product-edit-option.tsx → ...oduct-edit-option/product-edit-option.tsx b/...oduct-edit-option/product-edit-option.tsx → ...oduct-edit-option/product-edit-option.tsx
diff --git a/...onents/product-edit-variant-form/index.ts → ...onents/product-edit-variant-form/index.ts b/...onents/product-edit-variant-form/index.ts → ...onents/product-edit-variant-form/index.ts
diff --git a/...ariant-form/product-edit-variant-form.tsx → ...ariant-form/product-edit-variant-form.tsx b/...ariant-form/product-edit-variant-form.tsx → ...ariant-form/product-edit-variant-form.tsx
diff --git a/...es/products/product-edit-variant/index.ts → ...es/products/product-edit-variant/index.ts b/...es/products/product-edit-variant/index.ts → ...es/products/product-edit-variant/index.ts
diff --git a/...s/products/product-edit-variant/loader.ts → ...s/products/product-edit-variant/loader.ts b/...s/products/product-edit-variant/loader.ts → ...s/products/product-edit-variant/loader.ts
diff --git a/...uct-edit-variant/product-edit-variant.tsx → ...uct-edit-variant/product-edit-variant.tsx b/...uct-edit-variant/product-edit-variant.tsx → ...uct-edit-variant/product-edit-variant.tsx
diff --git a/...s/edit-product-form/edit-product-form.tsx → ...s/edit-product-form/edit-product-form.tsx b/...s/edit-product-form/edit-product-form.tsx → ...s/edit-product-form/edit-product-form.tsx
diff --git a/...dit/components/edit-product-form/index.ts → ...dit/components/edit-product-form/index.ts b/...dit/components/edit-product-form/index.ts → ...dit/components/edit-product-form/index.ts
diff --git a/...src/routes/products/product-edit/index.ts → .../v2-routes/products/product-edit/index.ts b/...src/routes/products/product-edit/index.ts → .../v2-routes/products/product-edit/index.ts
diff --git a/...es/products/product-edit/product-edit.tsx → ...es/products/product-edit/product-edit.tsx b/...es/products/product-edit/product-edit.tsx → ...es/products/product-edit/product-edit.tsx
diff --git a/...st/components/product-list-table/index.ts → ...st/components/product-list-table/index.ts b/...st/components/product-list-table/index.ts → ...st/components/product-list-table/index.ts
diff --git a/...product-list-table/product-list-table.tsx → ...product-list-table/product-list-table.tsx b/...product-list-table/product-list-table.tsx → ...product-list-table/product-list-table.tsx
diff --git a/...src/routes/products/product-list/index.ts → .../v2-routes/products/product-list/index.ts b/...src/routes/products/product-list/index.ts → .../v2-routes/products/product-list/index.ts
diff --git a/...rc/routes/products/product-list/loader.ts → ...v2-routes/products/product-list/loader.ts b/...rc/routes/products/product-list/loader.ts → ...v2-routes/products/product-list/loader.ts
diff --git a/...es/products/product-list/product-list.tsx → ...es/products/product-list/product-list.tsx b/...es/products/product-list/product-list.tsx → ...es/products/product-list/product-list.tsx
diff --git a/...ct-media-form/edit-product-media-form.tsx → ...ct-media-form/edit-product-media-form.tsx b/...ct-media-form/edit-product-media-form.tsx → ...ct-media-form/edit-product-media-form.tsx
diff --git a/...mponents/edit-product-media-form/index.ts → ...mponents/edit-product-media-form/index.ts b/...mponents/edit-product-media-form/index.ts → ...mponents/edit-product-media-form/index.ts
diff --git a/...components/product-media-gallery/index.ts → ...components/product-media-gallery/index.ts b/...components/product-media-gallery/index.ts → ...components/product-media-gallery/index.ts
diff --git a/...t-media-gallery/product-media-gallery.tsx → ...t-media-gallery/product-media-gallery.tsx b/...t-media-gallery/product-media-gallery.tsx → ...t-media-gallery/product-media-gallery.tsx
diff --git a/...ia/components/product-media-view/index.ts → ...ia/components/product-media-view/index.ts b/...ia/components/product-media-view/index.ts → ...ia/components/product-media-view/index.ts
diff --git a/...media-view/product-media-view-context.tsx → ...media-view/product-media-view-context.tsx b/...media-view/product-media-view-context.tsx → ...media-view/product-media-view-context.tsx
diff --git a/...product-media-view/product-media-view.tsx → ...product-media-view/product-media-view.tsx b/...product-media-view/product-media-view.tsx → ...product-media-view/product-media-view.tsx
diff --git a/...uct-media-view/use-product-media-view.tsx → ...uct-media-view/use-product-media-view.tsx b/...uct-media-view/use-product-media-view.tsx → ...uct-media-view/use-product-media-view.tsx
diff --git a/...rc/routes/products/product-media/index.ts → ...v2-routes/products/product-media/index.ts b/...rc/routes/products/product-media/index.ts → ...v2-routes/products/product-media/index.ts
diff --git a/.../products/product-media/product-media.tsx → .../products/product-media/product-media.tsx b/.../products/product-media/product-media.tsx → .../products/product-media/product-media.tsx
diff --git a/...hannels-form/edit-sales-channels-form.tsx → ...hannels-form/edit-sales-channels-form.tsx b/...hannels-form/edit-sales-channels-form.tsx → ...hannels-form/edit-sales-channels-form.tsx
diff --git a/...ponents/edit-sales-channels-form/index.ts → ...ponents/edit-sales-channels-form/index.ts b/...ponents/edit-sales-channels-form/index.ts → ...ponents/edit-sales-channels-form/index.ts
diff --git a/.../products/product-sales-channels/index.ts → .../products/product-sales-channels/index.ts b/.../products/product-sales-channels/index.ts → .../products/product-sales-channels/index.ts
diff --git a/...sales-channels/product-sales-channels.tsx → ...sales-channels/product-sales-channels.tsx b/...sales-channels/product-sales-channels.tsx → ...sales-channels/product-sales-channels.tsx