@medusajs/dashboard 3.0.0-snapshot-20251106143524 → 3.0.0-snapshot-20251106181920

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

@@ -1,122 +0,0 @@
-import { zodResolver } from "@hookform/resolvers/zod"
-import { Button, Input, toast } from "@medusajs/ui"
-import { useForm } from "react-hook-form"
-import { useTranslation } from "react-i18next"
-import { z } from "zod"
-
-import { HttpTypes } from "@medusajs/types"
-import { Form } from "../../../../../components/common/form"
-import { ChipInput } from "../../../../../components/inputs/chip-input"
-import { RouteDrawer, useRouteModal } from "../../../../../components/modals"
-import { KeyboundForm } from "../../../../../components/utilities/keybound-form"
-import { useCreateProductOption } from "../../../../../hooks/api/products"
-
-type EditProductOptionsFormProps = {
-  product: HttpTypes.AdminProduct
-}
-
-const CreateProductOptionSchema = z.object({
-  title: z.string().min(1),
-  values: z.array(z.string()).optional(),
-})
-
-export const CreateProductOptionForm = ({
-  product,
-}: EditProductOptionsFormProps) => {
-  const { t } = useTranslation()
-  const { handleSuccess } = useRouteModal()
-
-  const form = useForm<z.infer<typeof CreateProductOptionSchema>>({
-    defaultValues: {
-      title: "",
-      values: [],
-    },
-    resolver: zodResolver(CreateProductOptionSchema),
-  })
-
-  const { mutateAsync, isPending } = useCreateProductOption(product.id)
-
-  const handleSubmit = form.handleSubmit(async (values) => {
-    mutateAsync(values, {
-      onSuccess: () => {
-        toast.success(
-          t("products.options.create.successToast", {
-            title: values.title,
-          })
-        )
-        handleSuccess()
-      },
-      onError: async (err) => {
-        toast.error(err.message)
-      },
-    })
-  })
-
-  return (
-    <RouteDrawer.Form form={form}>
-      <KeyboundForm
-        onSubmit={handleSubmit}
-        className="flex flex-1 flex-col overflow-hidden"
-      >
-        <RouteDrawer.Body className="flex flex-1 flex-col gap-y-4 overflow-auto">
-          <Form.Field
-            control={form.control}
-            name="title"
-            render={({ field }) => {
-              return (
-                <Form.Item>
-                  <Form.Label>
-                    {t("products.fields.options.optionTitle")}
-                  </Form.Label>
-                  <Form.Control>
-                    <Input
-                      {...field}
-                      placeholder={t(
-                        "products.fields.options.optionTitlePlaceholder"
-                      )}
-                    />
-                  </Form.Control>
-                  <Form.ErrorMessage />
-                </Form.Item>
-              )
-            }}
-          />
-          <Form.Field
-            control={form.control}
-            name="values"
-            render={({ field }) => {
-              return (
-                <Form.Item>
-                  <Form.Label>
-                    {t("products.fields.options.variations")}
-                  </Form.Label>
-                  <Form.Control>
-                    <ChipInput
-                      {...field}
-                      placeholder={t(
-                        "products.fields.options.variantionsPlaceholder"
-                      )}
-                    />
-                  </Form.Control>
-                  <Form.ErrorMessage />
-                </Form.Item>
-              )
-            }}
-          />
-        </RouteDrawer.Body>
-        <RouteDrawer.Footer>
-          <div className="flex items-center justify-end gap-x-2">
-            <RouteDrawer.Close asChild>
-              <Button variant="secondary" size="small">
-                {t("actions.cancel")}
-              </Button>
-            </RouteDrawer.Close>
-            <Button type="submit" size="small" isLoading={isPending}>
-              {t("actions.save")}
-            </Button>
-          </div>
-        </RouteDrawer.Footer>
-      </KeyboundForm>
-    </RouteDrawer.Form>
-  )
-}

package/src/routes/products/product-create-option/components/create-product-option-form/index.ts

@@ -1 +0,0 @@
-export * from "./create-product-option-form"

package/src/routes/products/product-create-option/index.ts

@@ -1 +0,0 @@
-export { ProductCreateOption as Component } from "./product-create-option"

package/src/routes/products/product-create-option/product-create-option.tsx

@@ -1,26 +0,0 @@
-import { Heading } from "@medusajs/ui"
-import { useTranslation } from "react-i18next"
-import { useParams } from "react-router-dom"
-import { RouteDrawer } from "../../../components/modals"
-import { useProduct } from "../../../hooks/api/products"
-import { CreateProductOptionForm } from "./components/create-product-option-form"
-
-export const ProductCreateOption = () => {
-  const { id } = useParams()
-  const { t } = useTranslation()
-
-  const { product, isLoading, isError, error } = useProduct(id!)
-
-  if (isError) {
-    throw error
-  }
-
-  return (
-    <RouteDrawer>
-      <RouteDrawer.Header>
-        <Heading>{t("products.options.create.header")}</Heading>
-      </RouteDrawer.Header>
-      {!isLoading && product && <CreateProductOptionForm product={product} />}
-    </RouteDrawer>
-  )
-}

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

@@ -1,123 +0,0 @@
-import { zodResolver } from "@hookform/resolvers/zod"
-import { Button, Input } from "@medusajs/ui"
-import { useForm } from "react-hook-form"
-import { useTranslation } from "react-i18next"
-import { z } from "zod"
-
-import { HttpTypes } from "@medusajs/types"
-import { Form } from "../../../../../components/common/form"
-import { ChipInput } from "../../../../../components/inputs/chip-input"
-import { RouteDrawer, useRouteModal } from "../../../../../components/modals"
-import { KeyboundForm } from "../../../../../components/utilities/keybound-form"
-import { useUpdateProductOption } from "../../../../../hooks/api/products"
-
-type EditProductOptionFormProps = {
-  option: HttpTypes.AdminProductOption
-}
-
-const CreateProductOptionSchema = z.object({
-  title: z.string().min(1),
-  values: z.array(z.string()).optional(),
-})
-
-export const CreateProductOptionForm = ({
-  option,
-}: EditProductOptionFormProps) => {
-  const { t } = useTranslation()
-  const { handleSuccess } = useRouteModal()
-
-  const form = useForm<z.infer<typeof CreateProductOptionSchema>>({
-    defaultValues: {
-      title: option.title,
-      values: option.values.map((v: any) => v.value),
-    },
-    resolver: zodResolver(CreateProductOptionSchema),
-  })
-
-  const { mutateAsync, isPending } = useUpdateProductOption(
-    option.product_id,
-    option.id
-  )
-
-  const handleSubmit = form.handleSubmit(async (values) => {
-    mutateAsync(
-      {
-        id: option.id,
-        ...values,
-      },
-      {
-        onSuccess: () => {
-          handleSuccess()
-        },
-      }
-    )
-  })
-
-  return (
-    <RouteDrawer.Form form={form}>
-      <KeyboundForm
-        onSubmit={handleSubmit}
-        className="flex flex-1 flex-col overflow-hidden"
-      >
-        <RouteDrawer.Body className="flex flex-1 flex-col gap-y-4 overflow-auto">
-          <Form.Field
-            control={form.control}
-            name="title"
-            render={({ field }) => {
-              return (
-                <Form.Item>
-                  <Form.Label>
-                    {t("products.fields.options.optionTitle")}
-                  </Form.Label>
-                  <Form.Control>
-                    <Input
-                      {...field}
-                      placeholder={t(
-                        "products.fields.options.optionTitlePlaceholder"
-                      )}
-                    />
-                  </Form.Control>
-                  <Form.ErrorMessage />
-                </Form.Item>
-              )
-            }}
-          />
-          <Form.Field
-            control={form.control}
-            name="values"
-            render={({ field: { ...field } }) => {
-              return (
-                <Form.Item>
-                  <Form.Label>
-                    {t("products.fields.options.variations")}
-                  </Form.Label>
-                  <Form.Control>
-                    <ChipInput
-                      {...field}
-                      placeholder={t(
-                        "products.fields.options.variantionsPlaceholder"
-                      )}
-                    />
-                  </Form.Control>
-                  <Form.ErrorMessage />
-                </Form.Item>
-              )
-            }}
-          />
-        </RouteDrawer.Body>
-        <RouteDrawer.Footer>
-          <div className="flex items-center justify-end gap-x-2">
-            <RouteDrawer.Close asChild>
-              <Button variant="secondary" size="small">
-                {t("actions.cancel")}
-              </Button>
-            </RouteDrawer.Close>
-            <Button type="submit" size="small" isLoading={isPending}>
-              {t("actions.save")}
-            </Button>
-          </div>
-        </RouteDrawer.Footer>
-      </KeyboundForm>
-    </RouteDrawer.Form>
-  )
-}

package/src/routes/products/product-edit-option/components/edit-product-option-form/index.ts

@@ -1 +0,0 @@
-export * from "./edit-product-option-form"

package/src/routes/products/product-edit-option/index.ts

@@ -1 +0,0 @@
-export { ProductEditOption as Component } from "./product-edit-option"

package/src/routes/products/product-edit-option/product-edit-option.tsx

@@ -1,32 +0,0 @@
-import { Heading } from "@medusajs/ui"
-import { useTranslation } from "react-i18next"
-import { json, useParams } from "react-router-dom"
-import { RouteDrawer } from "../../../components/modals"
-import { useProduct } from "../../../hooks/api/products"
-import { CreateProductOptionForm } from "./components/edit-product-option-form"
-
-export const ProductEditOption = () => {
-  const { id, option_id } = useParams()
-  const { t } = useTranslation()
-
-  const { product, isPending, isFetching, isError, error } = useProduct(id!)
-
-  const option = product?.options.find((o) => o.id === option_id)
-
-  if (!isPending && !isFetching && !option) {
-    throw json({ message: `An option with ID ${option_id} was not found` }, 404)
-  }
-
-  if (isError) {
-    throw error
-  }
-
-  return (
-    <RouteDrawer>
-      <RouteDrawer.Header>
-        <Heading>{t("products.options.edit.header")}</Heading>
-      </RouteDrawer.Header>
-      {option && <CreateProductOptionForm option={option} />}
-    </RouteDrawer>
-  )
-}

package/dist/{chunk-ELPHCFRW.mjs → chunk-MK4E5XQX.mjs}

@@ -1,9 +1,9 @@
-import {
-  VisuallyHidden
-} from "./chunk-F6ZOHZVB.mjs";
 import {
   CreateCampaignFormFields
 } from "./chunk-AHQI2S2Z.mjs";
+import {
+  VisuallyHidden
+} from "./chunk-F6ZOHZVB.mjs";
 import {
   KeyboundForm
 } from "./chunk-6HTZNHPT.mjs";

package/dist/{location-list-W6EHBBE5.mjs → location-list-MVIK73QC.mjs}

@@ -1,7 +1,7 @@
+import "./chunk-PYIO3TDQ.mjs";
 import {
   ListSummary
 } from "./chunk-I3VB6NM2.mjs";
-import "./chunk-PYIO3TDQ.mjs";
 import {
   PlaceholderCell
 } from "./chunk-P3UUX2T6.mjs";

package/dist/{location-service-zone-shipping-option-edit-27MYKN7R.mjs → location-service-zone-shipping-option-edit-WN4MTZSB.mjs}

@@ -1,12 +1,12 @@
+import {
+  isOptionEnabledInStore
+} from "./chunk-UC26CCHZ.mjs";
 import {
   ShippingOptionPriceType
 } from "./chunk-PYIO3TDQ.mjs";
 import {
   formatProvider
 } from "./chunk-IR5DHEKS.mjs";
-import {
-  isOptionEnabledInStore
-} from "./chunk-UC26CCHZ.mjs";
 import {
   pick
 } from "./chunk-6CPMXY5N.mjs";