@medusajs/dashboard 2.10.4-snapshot-20250922195925 → 2.10.4-snapshot-20250923121159

package/src/routes/refund-reasons/refund-reason-edit/components/refund-reason-edit-form/refund-reason-edit-form.tsx

@@ -1,119 +0,0 @@
-import { zodResolver } from "@hookform/resolvers/zod"
-import { HttpTypes } from "@medusajs/types"
-import { Button, Input, Textarea, toast } from "@medusajs/ui"
-import { useForm } from "react-hook-form"
-import { useTranslation } from "react-i18next"
-import { z } from "zod"
-
-import { Form } from "../../../../../components/common/form"
-import { RouteDrawer, useRouteModal } from "../../../../../components/modals"
-import { KeyboundForm } from "../../../../../components/utilities/keybound-form"
-import { useUpdateRefundReason } from "../../../../../hooks/api/refund-reasons"
-
-type RefundReasonEditFormProps = {
-  refundReason: HttpTypes.AdminRefundReason
-}
-
-const RefundReasonEditSchema = z.object({
-  label: z.string().min(1),
-  description: z.string().optional(),
-})
-
-export const RefundReasonEditForm = ({
-  refundReason,
-}: RefundReasonEditFormProps) => {
-  const { t } = useTranslation()
-  const { handleSuccess } = useRouteModal()
-
-  const form = useForm<z.infer<typeof RefundReasonEditSchema>>({
-    defaultValues: {
-      label: refundReason.label,
-      description: refundReason.description ?? undefined,
-    },
-    resolver: zodResolver(RefundReasonEditSchema),
-  })
-
-  const { mutateAsync, isPending } = useUpdateRefundReason(refundReason.id)
-
-  const handleSubmit = form.handleSubmit(async (data) => {
-    await mutateAsync(data, {
-      onSuccess: ({ refund_reason }) => {
-        toast.success(
-          t("refundReasons.edit.successToast", {
-            label: refund_reason.label,
-          })
-        )
-        handleSuccess()
-      },
-      onError: (error) => {
-        toast.error(error.message)
-      },
-    })
-  })
-
-  return (
-    <RouteDrawer.Form form={form}>
-      <KeyboundForm
-        className="flex size-full flex-col overflow-hidden"
-        onSubmit={handleSubmit}
-      >
-        <RouteDrawer.Body className="flex flex-1 flex-col gap-y-4 overflow-auto">
-          <Form.Field
-            control={form.control}
-            name="label"
-            render={({ field }) => {
-              return (
-                <Form.Item>
-                  <Form.Label>
-                    {t("refundReasons.fields.label.label")}
-                  </Form.Label>
-                  <Form.Control>
-                    <Input
-                      {...field}
-                      placeholder={t("refundReasons.fields.label.placeholder")}
-                    />
-                  </Form.Control>
-                  <Form.ErrorMessage />
-                </Form.Item>
-              )
-            }}
-          />
-          <Form.Field
-            control={form.control}
-            name="description"
-            render={({ field }) => {
-              return (
-                <Form.Item>
-                  <Form.Label optional>
-                    {t("refundReasons.fields.description.label")}
-                  </Form.Label>
-                  <Form.Control>
-                    <Textarea
-                      {...field}
-                      placeholder={t(
-                        "refundReasons.fields.description.placeholder"
-                      )}
-                    />
-                  </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" type="button">
-                {t("actions.cancel")}
-              </Button>
-            </RouteDrawer.Close>
-            <Button size="small" type="submit" isLoading={isPending}>
-              {t("actions.save")}
-            </Button>
-          </div>
-        </RouteDrawer.Footer>
-      </KeyboundForm>
-    </RouteDrawer.Form>
-  )
-}

package/src/routes/refund-reasons/refund-reason-edit/index.ts

@@ -1 +0,0 @@
-export { RefundReasonEdit as Component } from "./refund-reason-edit"

package/src/routes/refund-reasons/refund-reason-edit/refund-reason-edit.tsx

@@ -1,33 +0,0 @@
-import { Heading } from "@medusajs/ui"
-import { useTranslation } from "react-i18next"
-import { useParams } from "react-router-dom"
-import { RouteDrawer } from "../../../components/modals"
-import { useRefundReason } from "../../../hooks/api/refund-reasons"
-import { RefundReasonEditForm } from "./components/refund-reason-edit-form"
-
-export const RefundReasonEdit = () => {
-  const { id } = useParams()
-  const { t } = useTranslation()
-
-  const { refund_reason, isPending, isError, error } = useRefundReason(id!)
-
-  const ready = !isPending && !!refund_reason
-
-  if (isError) {
-    throw error
-  }
-
-  return (
-    <RouteDrawer>
-      <RouteDrawer.Header>
-        <RouteDrawer.Title asChild>
-          <Heading>{t("refundReasons.edit.header")}</Heading>
-        </RouteDrawer.Title>
-        <RouteDrawer.Description className="sr-only">
-          {t("refundReasons.edit.subtitle")}
-        </RouteDrawer.Description>
-      </RouteDrawer.Header>
-      {ready && <RefundReasonEditForm refundReason={refund_reason} />}
-    </RouteDrawer>
-  )
-}

package/src/routes/refund-reasons/refund-reason-list/components/refund-reason-list-table/index.ts

@@ -1 +0,0 @@
-export { RefundReasonListTable } from "./refund-reason-list-table"

package/src/routes/refund-reasons/refund-reason-list/components/refund-reason-list-table/refund-reason-list-table.tsx

@@ -1,131 +0,0 @@
-import { PencilSquare, Trash } from "@medusajs/icons"
-import { HttpTypes } from "@medusajs/types"
-import { Button, Container, Heading, Text } from "@medusajs/ui"
-import { keepPreviousData } from "@tanstack/react-query"
-import { createColumnHelper } from "@tanstack/react-table"
-import { useMemo } from "react"
-import { useTranslation } from "react-i18next"
-import { Link } from "react-router-dom"
-
-import { ActionMenu } from "../../../../../components/common/action-menu"
-import { _DataTable } from "../../../../../components/table/data-table"
-import { useRefundReasons } from "../../../../../hooks/api"
-import { useRefundReasonTableColumns } from "../../../../../hooks/table/columns"
-import { useRefundReasonTableQuery } from "../../../../../hooks/table/query"
-import { useDataTable } from "../../../../../hooks/use-data-table"
-import { useDeleteRefundReasonAction } from "../../../common/hooks/use-delete-refund-reason-action"
-
-const PAGE_SIZE = 20
-
-export const RefundReasonListTable = () => {
-  const { t } = useTranslation()
-  const { searchParams, raw } = useRefundReasonTableQuery({
-    pageSize: PAGE_SIZE,
-  })
-
-  const { refund_reasons, count, isPending, isError, error } = useRefundReasons(
-    searchParams,
-    {
-      placeholderData: keepPreviousData,
-    }
-  )
-
-  const columns = useColumns()
-
-  const { table } = useDataTable({
-    data: refund_reasons,
-    columns,
-    count,
-    getRowId: (row) => row.id,
-    pageSize: PAGE_SIZE,
-  })
-
-  if (isError) {
-    throw error
-  }
-
-  return (
-    <Container className="divide-y px-0 py-0">
-      <div className="flex items-center justify-between px-6 py-4">
-        <div>
-          <Heading>{t("refundReasons.domain")}</Heading>
-          <Text className="text-ui-fg-subtle" size="small">
-            {t("refundReasons.subtitle")}
-          </Text>
-        </div>
-        <Button variant="secondary" size="small" asChild>
-          <Link to="create">{t("actions.create")}</Link>
-        </Button>
-      </div>
-      <_DataTable
-        table={table}
-        queryObject={raw}
-        count={count}
-        isLoading={isPending}
-        columns={columns}
-        pageSize={PAGE_SIZE}
-        noHeader={true}
-        pagination
-        search
-      />
-    </Container>
-  )
-}
-
-type RefundReasonRowActionsProps = {
-  refundReason: HttpTypes.AdminRefundReason
-}
-
-const RefundReasonRowActions = ({
-  refundReason,
-}: RefundReasonRowActionsProps) => {
-  const { t } = useTranslation()
-  const handleDelete = useDeleteRefundReasonAction(
-    refundReason.id,
-    refundReason.label
-  )
-
-  return (
-    <ActionMenu
-      groups={[
-        {
-          actions: [
-            {
-              icon: <PencilSquare />,
-              label: t("actions.edit"),
-              to: `${refundReason.id}/edit`,
-            },
-          ],
-        },
-        {
-          actions: [
-            {
-              icon: <Trash />,
-              label: t("actions.delete"),
-              onClick: handleDelete,
-            },
-          ],
-        },
-      ]}
-    />
-  )
-}
-
-const columnHelper = createColumnHelper<HttpTypes.AdminRefundReason>()
-
-const useColumns = () => {
-  const base = useRefundReasonTableColumns()
-
-  return useMemo(
-    () => [
-      ...base,
-      columnHelper.display({
-        id: "actions",
-        cell: ({ row }) => (
-          <RefundReasonRowActions refundReason={row.original} />
-        ),
-      }),
-    ],
-    [base]
-  )
-}

package/src/routes/refund-reasons/refund-reason-list/index.ts

@@ -1,2 +0,0 @@
-export { refundReasonListLoader as loader } from "./loader"
-export { RefundReasonList as Component } from "./refund-reason-list"

package/src/routes/refund-reasons/refund-reason-list/loader.ts

@@ -1,16 +0,0 @@
-import { refundReasonsQueryKeys } from "../../../hooks/api"
-import { sdk } from "../../../lib/client"
-import { queryClient } from "../../../lib/query-client"
-
-const refundReasonListQuery = () => ({
-  queryKey: refundReasonsQueryKeys.list(),
-  queryFn: async () => sdk.admin.refundReason.list(),
-})
-
-export const refundReasonListLoader = async () => {
-  const query = refundReasonListQuery()
-  return (
-    queryClient.getQueryData(query.queryKey) ??
-    (await queryClient.fetchQuery(query))
-  )
-}

package/src/routes/refund-reasons/refund-reason-list/refund-reason-list.tsx

@@ -1,21 +0,0 @@
-import { SingleColumnPage } from "../../../components/layout/pages"
-import { useExtension } from "../../../providers/extension-provider"
-import { RefundReasonListTable } from "./components/refund-reason-list-table"
-
-export const RefundReasonList = () => {
-  const { getWidgets } = useExtension()
-
-  return (
-    <SingleColumnPage
-      showMetadata={false}
-      showJSON={false}
-      hasOutlet
-      widgets={{
-        after: getWidgets("refund_reason.list.after"),
-        before: getWidgets("refund_reason.list.before"),
-      }}
-    >
-      <RefundReasonListTable />
-    </SingleColumnPage>
-  )
-}