@medusajs/dashboard 2.12.2-snapshot-20251207121122 → 2.12.2-snapshot-20251207203158

package/dist/store-edit-EPAHLLKP.mjs

@@ -1,288 +0,0 @@
-import {
-  useComboboxData
-} from "./chunk-3TZOFKX2.mjs";
-import {
-  Combobox
-} from "./chunk-OFN7DIZA.mjs";
-import "./chunk-IUCDCPJU.mjs";
-import {
-  KeyboundForm
-} from "./chunk-6HTZNHPT.mjs";
-import {
-  RouteDrawer
-} from "./chunk-XXBP2Z5M.mjs";
-import {
-  useRouteModal
-} from "./chunk-42OOM4DJ.mjs";
-import {
-  useFeatureFlag
-} from "./chunk-G4BWCU5P.mjs";
-import {
-  useDocumentDirection
-} from "./chunk-S4DMV3ZT.mjs";
-import {
-  Form
-} from "./chunk-OBQI23QM.mjs";
-import {
-  useStore,
-  useUpdateStore
-} from "./chunk-VCSSQVPD.mjs";
-import "./chunk-SQDIZZDW.mjs";
-import "./chunk-FXYH54JP.mjs";
-import "./chunk-774WSTCC.mjs";
-import {
-  sdk
-} from "./chunk-NFEK63OE.mjs";
-import "./chunk-QZ7TP4HQ.mjs";
-
-// src/routes/store/store-edit/store-edit.tsx
-import { Heading } from "@medusajs/ui";
-import { useTranslation as useTranslation2 } from "react-i18next";
-
-// src/routes/store/store-edit/components/edit-store-form/edit-store-form.tsx
-import { zodResolver } from "@hookform/resolvers/zod";
-import { Button, Input, Select, toast } from "@medusajs/ui";
-import { useForm } from "react-hook-form";
-import { useTranslation } from "react-i18next";
-import { z } from "zod";
-import { jsx, jsxs } from "react/jsx-runtime";
-var EditStoreSchema = z.object({
-  name: z.string().min(1),
-  default_currency_code: z.string().optional(),
-  default_locale_code: z.string().optional(),
-  default_region_id: z.string().optional(),
-  default_sales_channel_id: z.string().optional(),
-  default_location_id: z.string().optional()
-});
-var EditStoreForm = ({ store }) => {
-  const { t } = useTranslation();
-  const isTranslationsEnabled = useFeatureFlag("translation");
-  const { handleSuccess } = useRouteModal();
-  const direction = useDocumentDirection();
-  const form = useForm({
-    defaultValues: {
-      name: store.name,
-      default_region_id: store.default_region_id || void 0,
-      default_locale_code: store.supported_locales?.find((l) => l.is_default)?.locale_code || void 0,
-      default_currency_code: store.supported_currencies?.find((c) => c.is_default)?.currency_code || void 0,
-      default_sales_channel_id: store.default_sales_channel_id || void 0,
-      default_location_id: store.default_location_id || void 0
-    },
-    resolver: zodResolver(EditStoreSchema)
-  });
-  const { mutateAsync, isPending } = useUpdateStore(store.id);
-  const regionsCombobox = useComboboxData({
-    queryKey: ["regions", "default_region_id"],
-    queryFn: (params) => sdk.admin.region.list({ ...params, fields: "id,name" }),
-    defaultValue: store.default_region_id || void 0,
-    getOptions: (data) => data.regions.map((r) => ({ label: r.name, value: r.id }))
-  });
-  const salesChannelsCombobox = useComboboxData({
-    queryFn: (params) => sdk.admin.salesChannel.list({ ...params, fields: "id,name" }),
-    getOptions: (data) => data.sales_channels.map((sc) => ({ label: sc.name, value: sc.id })),
-    queryKey: ["sales_channels", "default_sales_channel_id"],
-    defaultValue: store.default_sales_channel_id || void 0
-  });
-  const locationsCombobox = useComboboxData({
-    queryFn: (params) => sdk.admin.stockLocation.list({ ...params, fields: "id,name" }),
-    getOptions: (data) => data.stock_locations.map((l) => ({ label: l.name, value: l.id })),
-    queryKey: ["stock_locations", "default_location_id"],
-    defaultValue: store.default_location_id || void 0
-  });
-  const handleSubmit = form.handleSubmit(async (values) => {
-    const { default_currency_code, default_locale_code, ...rest } = values;
-    const normalizedMutation = {
-      ...rest,
-      supported_locales: store.supported_locales?.map((l) => ({
-        ...l,
-        is_default: l.locale_code === default_locale_code
-      })),
-      supported_currencies: store.supported_currencies?.map((c) => ({
-        ...c,
-        is_default: c.currency_code === default_currency_code
-      }))
-    };
-    await mutateAsync(normalizedMutation, {
-      onSuccess: () => {
-        toast.success(t("store.toast.update"));
-        handleSuccess();
-      },
-      onError: (error) => {
-        toast.error(error.message);
-      }
-    });
-  });
-  return /* @__PURE__ */ jsx(RouteDrawer.Form, { form, children: /* @__PURE__ */ jsxs(
-    KeyboundForm,
-    {
-      onSubmit: handleSubmit,
-      className: "flex h-full flex-col overflow-hidden",
-      children: [
-        /* @__PURE__ */ jsx(RouteDrawer.Body, { className: "overflow-y-auto", children: /* @__PURE__ */ jsxs("div", { className: "flex flex-col gap-y-8", children: [
-          /* @__PURE__ */ jsx(
-            Form.Field,
-            {
-              control: form.control,
-              name: "name",
-              render: ({ field }) => /* @__PURE__ */ jsxs(Form.Item, { children: [
-                /* @__PURE__ */ jsx(Form.Label, { children: t("fields.name") }),
-                /* @__PURE__ */ jsx(Form.Control, { children: /* @__PURE__ */ jsx(Input, { placeholder: "ACME", ...field }) }),
-                /* @__PURE__ */ jsx(Form.ErrorMessage, {})
-              ] })
-            }
-          ),
-          /* @__PURE__ */ jsx(
-            Form.Field,
-            {
-              control: form.control,
-              name: "default_currency_code",
-              render: ({ field: { onChange, ...field } }) => {
-                return /* @__PURE__ */ jsxs(Form.Item, { children: [
-                  /* @__PURE__ */ jsx(Form.Label, { children: t("store.defaultCurrency") }),
-                  /* @__PURE__ */ jsx(Form.Control, { children: /* @__PURE__ */ jsxs(
-                    Select,
-                    {
-                      dir: direction,
-                      ...field,
-                      onValueChange: onChange,
-                      children: [
-                        /* @__PURE__ */ jsx(Select.Trigger, { ref: field.ref, children: /* @__PURE__ */ jsx(Select.Value, {}) }),
-                        /* @__PURE__ */ jsx(Select.Content, { children: store.supported_currencies?.map((currency) => /* @__PURE__ */ jsx(
-                          Select.Item,
-                          {
-                            value: currency.currency_code,
-                            children: currency.currency_code.toUpperCase()
-                          },
-                          currency.currency_code
-                        )) })
-                      ]
-                    }
-                  ) })
-                ] });
-              }
-            }
-          ),
-          isTranslationsEnabled && /* @__PURE__ */ jsx(
-            Form.Field,
-            {
-              control: form.control,
-              name: "default_locale_code",
-              render: ({ field: { onChange, ...field } }) => {
-                return /* @__PURE__ */ jsxs(Form.Item, { children: [
-                  /* @__PURE__ */ jsx(Form.Label, { children: t("store.defaultLocale") }),
-                  /* @__PURE__ */ jsx(Form.Control, { children: /* @__PURE__ */ jsxs(
-                    Select,
-                    {
-                      dir: direction,
-                      ...field,
-                      onValueChange: onChange,
-                      children: [
-                        /* @__PURE__ */ jsx(Select.Trigger, { ref: field.ref, children: /* @__PURE__ */ jsx(Select.Value, {}) }),
-                        /* @__PURE__ */ jsx(Select.Content, { children: store.supported_locales?.map((locale) => /* @__PURE__ */ jsx(
-                          Select.Item,
-                          {
-                            value: locale.locale_code,
-                            children: locale.locale_code
-                          },
-                          locale.locale_code
-                        )) })
-                      ]
-                    }
-                  ) })
-                ] });
-              }
-            }
-          ),
-          /* @__PURE__ */ jsx(
-            Form.Field,
-            {
-              control: form.control,
-              name: "default_region_id",
-              render: ({ field }) => {
-                return /* @__PURE__ */ jsxs(Form.Item, { children: [
-                  /* @__PURE__ */ jsx(Form.Label, { children: t("store.defaultRegion") }),
-                  /* @__PURE__ */ jsx(Form.Control, { children: /* @__PURE__ */ jsx(
-                    Combobox,
-                    {
-                      ...field,
-                      options: regionsCombobox.options,
-                      searchValue: regionsCombobox.searchValue,
-                      onSearchValueChange: regionsCombobox.onSearchValueChange,
-                      disabled: regionsCombobox.disabled
-                    }
-                  ) })
-                ] });
-              }
-            }
-          ),
-          /* @__PURE__ */ jsx(
-            Form.Field,
-            {
-              control: form.control,
-              name: "default_sales_channel_id",
-              render: ({ field }) => {
-                return /* @__PURE__ */ jsxs(Form.Item, { children: [
-                  /* @__PURE__ */ jsx(Form.Label, { children: t("store.defaultSalesChannel") }),
-                  /* @__PURE__ */ jsx(Form.Control, { children: /* @__PURE__ */ jsx(
-                    Combobox,
-                    {
-                      ...field,
-                      options: salesChannelsCombobox.options,
-                      searchValue: salesChannelsCombobox.searchValue,
-                      onSearchValueChange: salesChannelsCombobox.onSearchValueChange,
-                      disabled: salesChannelsCombobox.disabled
-                    }
-                  ) })
-                ] });
-              }
-            }
-          ),
-          /* @__PURE__ */ jsx(
-            Form.Field,
-            {
-              control: form.control,
-              name: "default_location_id",
-              render: ({ field }) => {
-                return /* @__PURE__ */ jsxs(Form.Item, { children: [
-                  /* @__PURE__ */ jsx(Form.Label, { children: t("store.defaultLocation") }),
-                  /* @__PURE__ */ jsx(Form.Control, { children: /* @__PURE__ */ jsx(
-                    Combobox,
-                    {
-                      ...field,
-                      options: locationsCombobox.options,
-                      searchValue: locationsCombobox.searchValue,
-                      onSearchValueChange: locationsCombobox.onSearchValueChange,
-                      disabled: locationsCombobox.disabled
-                    }
-                  ) })
-                ] });
-              }
-            }
-          )
-        ] }) }),
-        /* @__PURE__ */ jsx(RouteDrawer.Footer, { children: /* @__PURE__ */ jsxs("div", { className: "flex items-center justify-end gap-x-2", children: [
-          /* @__PURE__ */ jsx(RouteDrawer.Close, { asChild: true, children: /* @__PURE__ */ jsx(Button, { size: "small", variant: "secondary", children: t("actions.cancel") }) }),
-          /* @__PURE__ */ jsx(Button, { size: "small", isLoading: isPending, type: "submit", children: t("actions.save") })
-        ] }) })
-      ]
-    }
-  ) });
-};
-
-// src/routes/store/store-edit/store-edit.tsx
-import { jsx as jsx2, jsxs as jsxs2 } from "react/jsx-runtime";
-var StoreEdit = () => {
-  const { t } = useTranslation2();
-  const { store, isPending: isLoading, isError, error } = useStore();
-  if (isError) {
-    throw error;
-  }
-  const ready = !!store && !isLoading;
-  return /* @__PURE__ */ jsxs2(RouteDrawer, { children: [
-    /* @__PURE__ */ jsx2(RouteDrawer.Header, { children: /* @__PURE__ */ jsx2(Heading, { children: t("store.edit.header") }) }),
-    ready && /* @__PURE__ */ jsx2(EditStoreForm, { store })
-  ] });
-};
-export {
-  StoreEdit as Component
-};

package/src/hooks/api/locales.tsx

@@ -1,52 +0,0 @@
-import { FetchError } from "@medusajs/js-sdk"
-import { HttpTypes } from "@medusajs/types"
-import { QueryKey, UseQueryOptions, useQuery } from "@tanstack/react-query"
-
-import { sdk } from "../../lib/client"
-import { queryKeysFactory } from "../../lib/query-key-factory"
-
-const LOCALES_QUERY_KEY = "locales" as const
-const localesQueryKeys = queryKeysFactory(LOCALES_QUERY_KEY)
-
-export const useLocales = (
-  query?: HttpTypes.AdminLocaleListParams,
-  options?: Omit<
-    UseQueryOptions<
-      HttpTypes.AdminLocaleListResponse,
-      FetchError,
-      HttpTypes.AdminLocaleListResponse,
-      QueryKey
-    >,
-    "queryFn" | "queryKey"
-  >
-) => {
-  const { data, ...rest } = useQuery({
-    queryFn: () => sdk.admin.locale.list(query),
-    queryKey: localesQueryKeys.list(query),
-    ...options,
-  })
-
-  return { ...data, ...rest }
-}
-
-export const useLocale = (
-  id: string,
-  query?: HttpTypes.AdminLocaleParams,
-  options?: Omit<
-    UseQueryOptions<
-      HttpTypes.AdminLocaleResponse,
-      FetchError,
-      HttpTypes.AdminLocaleResponse,
-      QueryKey
-    >,
-    "queryFn" | "queryKey"
-  >
-) => {
-  const { data, ...rest } = useQuery({
-    queryKey: localesQueryKeys.detail(id),
-    queryFn: async () => sdk.admin.locale.retrieve(id, query),
-    ...options,
-  })
-
-  return { ...data, ...rest }
-}

package/src/routes/store/common/hooks/use-locales-table-columns.tsx

@@ -1,29 +0,0 @@
-import { HttpTypes } from "@medusajs/types"
-import { createColumnHelper } from "@tanstack/react-table"
-import { useMemo } from "react"
-import { useTranslation } from "react-i18next"
-
-import {
-  TextCell,
-  TextHeader,
-} from "../../../../components/table/table-cells/common/text-cell"
-
-const columnHelper = createColumnHelper<HttpTypes.AdminLocale>()
-
-export const useLocalesTableColumns = () => {
-  const { t } = useTranslation()
-
-  return useMemo(
-    () => [
-      columnHelper.accessor("code", {
-        header: () => <TextHeader text={t("fields.code")} />,
-        cell: ({ getValue }) => <TextCell text={getValue()} />,
-      }),
-      columnHelper.accessor("name", {
-        header: () => <TextHeader text={t("fields.name")} />,
-        cell: ({ getValue }) => <TextCell text={getValue()} />,
-      }),
-    ],
-    [t]
-  )
-}

package/src/routes/store/common/hooks/use-locales-table-query.tsx

@@ -1,21 +0,0 @@
-import { useQueryParams } from "../../../../hooks/use-query-params"
-
-export const useLocalesTableQuery = ({
-  pageSize = 10,
-  prefix,
-}: {
-  pageSize?: number
-  prefix?: string
-}) => {
-  const raw = useQueryParams(["order", "q", "offset"], prefix)
-
-  const { offset, ...rest } = raw
-
-  const searchParams = {
-    limit: pageSize,
-    offset: offset ? parseInt(offset) : 0,
-    ...rest,
-  }
-
-  return { searchParams, raw }
-}

package/src/routes/store/store-add-locales/components/add-locales-form/add-locales-form.tsx

@@ -1,240 +0,0 @@
-import { HttpTypes } from "@medusajs/types"
-import { z } from "zod"
-import { useLocalesTableQuery } from "../../../common/hooks/use-locales-table-query"
-import { useRouteModal } from "../../../../../components/modals/route-modal-provider"
-import { useTranslation } from "react-i18next"
-import { useLocales, useUpdateStore } from "../../../../../hooks/api"
-import { keepPreviousData } from "@tanstack/react-query"
-import { useForm } from "react-hook-form"
-import { zodResolver } from "@hookform/resolvers/zod"
-import {
-  createColumnHelper,
-  OnChangeFn,
-  RowSelectionState,
-} from "@tanstack/react-table"
-import { useMemo, useState } from "react"
-import { useDataTable } from "../../../../../hooks/use-data-table"
-import { Button, Checkbox, Hint, toast, Tooltip } from "@medusajs/ui"
-import { RouteFocusModal } from "../../../../../components/modals/route-focus-modal"
-import { KeyboundForm } from "../../../../../components/utilities/keybound-form"
-import { _DataTable } from "../../../../../components/table/data-table"
-import { useLocalesTableColumns } from "../../../common/hooks/use-locales-table-columns"
-
-type AddLocalesFormProps = {
-  store: HttpTypes.AdminStore
-}
-
-const AddLocalesSchema = z.object({
-  locales: z.array(z.string()).min(1),
-})
-
-const PAGE_SIZE = 50
-const PREFIX = "al"
-
-export const AddLocalesForm = ({ store }: AddLocalesFormProps) => {
-  const { t } = useTranslation()
-  const { handleSuccess } = useRouteModal()
-
-  const { raw, searchParams } = useLocalesTableQuery({
-    pageSize: PAGE_SIZE,
-    prefix: PREFIX,
-  })
-
-  const {
-    locales,
-    count,
-    isPending: isLoading,
-    isError,
-    error,
-  } = useLocales(searchParams, {
-    placeholderData: keepPreviousData,
-  })
-
-  const form = useForm<z.infer<typeof AddLocalesSchema>>({
-    defaultValues: {
-      locales: [],
-    },
-    resolver: zodResolver(AddLocalesSchema),
-  })
-
-  const [rowSelection, setRowSelection] = useState<RowSelectionState>({})
-
-  const { setValue } = form
-
-  const updater: OnChangeFn<RowSelectionState> = (fn) => {
-    const updated = typeof fn === "function" ? fn(rowSelection) : fn
-
-    const ids = Object.keys(updated)
-    setValue("locales", ids, {
-      shouldDirty: true,
-      shouldTouch: true,
-    })
-
-    setRowSelection(updated)
-  }
-
-  const preSelectedRows =
-    store.supported_locales?.map((l) => l.locale_code) ?? []
-
-  const columns = useColumns()
-
-  const { table } = useDataTable({
-    data: locales ?? [],
-    columns,
-    count: count,
-    getRowId: (row) => row.code,
-    enableRowSelection: (row) => !preSelectedRows.includes(row.original.code),
-    enablePagination: true,
-    pageSize: PAGE_SIZE,
-    prefix: PREFIX,
-    rowSelection: {
-      state: rowSelection,
-      updater,
-    },
-  })
-
-  const { mutateAsync, isPending } = useUpdateStore(store.id)
-
-  const handleSubmit = form.handleSubmit(async (data) => {
-    const locales = Array.from(
-      new Set([...data.locales, ...preSelectedRows])
-    ) as string[]
-
-    let defaultLocale = store.supported_locales?.find(
-      (l) => l.is_default
-    )?.locale_code
-
-    if (!locales.includes(defaultLocale ?? "")) {
-      defaultLocale = locales?.[0]
-    }
-
-    await mutateAsync(
-      {
-        supported_locales: locales.map((l) => ({
-          locale_code: l,
-          is_default: l === defaultLocale,
-        })),
-      },
-      {
-        onSuccess: () => {
-          toast.success(t("store.toast.localesUpdated"))
-          handleSuccess()
-        },
-        onError: (error) => {
-          toast.error(error.message)
-        },
-      }
-    )
-  })
-
-  if (isError) {
-    throw error
-  }
-
-  return (
-    <RouteFocusModal.Form form={form}>
-      <KeyboundForm
-        onSubmit={handleSubmit}
-        className="flex h-full flex-col overflow-hidden"
-      >
-        <RouteFocusModal.Header>
-          <div className="flex flex-1 items-center justify-between">
-            <div className="flex items-center">
-              {form.formState.errors.locales && (
-                <Hint variant="error">
-                  {form.formState.errors.locales.message}
-                </Hint>
-              )}
-            </div>
-          </div>
-        </RouteFocusModal.Header>
-        <RouteFocusModal.Body className="flex flex-1 flex-col overflow-hidden">
-          <_DataTable
-            table={table}
-            pageSize={PAGE_SIZE}
-            count={count}
-            columns={columns}
-            layout="fill"
-            pagination
-            search="autofocus"
-            prefix={PREFIX}
-            orderBy={[
-              { key: "name", label: t("fields.name") },
-              { key: "code", label: t("fields.code") },
-            ]}
-            isLoading={isLoading}
-            queryObject={raw}
-          />
-        </RouteFocusModal.Body>
-        <RouteFocusModal.Footer>
-          <div className="flex items-center justify-end gap-x-2">
-            <RouteFocusModal.Close asChild>
-              <Button size="small" variant="secondary">
-                {t("actions.cancel")}
-              </Button>
-            </RouteFocusModal.Close>
-            <Button size="small" type="submit" isLoading={isPending}>
-              {t("actions.save")}
-            </Button>
-          </div>
-        </RouteFocusModal.Footer>
-      </KeyboundForm>
-    </RouteFocusModal.Form>
-  )
-}
-
-const columnHelper = createColumnHelper<HttpTypes.AdminLocale>()
-
-const useColumns = () => {
-  const { t } = useTranslation()
-  const base = useLocalesTableColumns()
-
-  return useMemo(
-    () => [
-      columnHelper.display({
-        id: "select",
-        header: ({ table }) => {
-          return (
-            <Checkbox
-              checked={
-                table.getIsSomePageRowsSelected()
-                  ? "indeterminate"
-                  : table.getIsAllPageRowsSelected()
-              }
-              onCheckedChange={(value) =>
-                table.toggleAllPageRowsSelected(!!value)
-              }
-            />
-          )
-        },
-        cell: ({ row }) => {
-          const isPreSelected = !row.getCanSelect()
-          const isSelected = row.getIsSelected() || isPreSelected
-
-          const Component = (
-            <Checkbox
-              checked={isSelected}
-              disabled={isPreSelected}
-              onCheckedChange={(value) => row.toggleSelected(!!value)}
-              onClick={(e) => {
-                e.stopPropagation()
-              }}
-            />
-          )
-
-          if (isPreSelected) {
-            return (
-              <Tooltip content={t("store.localeAlreadyAdded")} side="right">
-                {Component}
-              </Tooltip>
-            )
-          }
-
-          return Component
-        },
-      }),
-      ...base,
-    ],
-    [t, base]
-  )
-}

package/src/routes/store/store-add-locales/index.ts

@@ -1 +0,0 @@
-export { StoreAddLocales as Component } from "./store-add-locales"

package/src/routes/store/store-add-locales/store-add-locales.tsx

@@ -1,29 +0,0 @@
-import { RouteFocusModal } from "../../../components/modals/route-focus-modal"
-import { useStore } from "../../../hooks/api"
-import { AddLocalesForm } from "./components/add-locales-form/add-locales-form"
-import { useFeatureFlag } from "../../../providers/feature-flag-provider"
-import { useNavigate } from "react-router-dom"
-
-export const StoreAddLocales = () => {
-  const isEnabled = useFeatureFlag("translation")
-  const navigate = useNavigate()
-
-  if (!isEnabled) {
-    navigate(-1)
-    return null
-  }
-
-  const { store, isPending, isError, error } = useStore()
-
-  const ready = !!store && !isPending
-
-  if (isError) {
-    throw error
-  }
-
-  return (
-    <RouteFocusModal>
-      {ready && <AddLocalesForm store={store} />}
-    </RouteFocusModal>
-  )
-}

package/src/routes/store/store-detail/components/store-locale-section/index.ts

@@ -1 +0,0 @@
-export * from "./store-locale-section"