@medusajs/dashboard 3.0.0-preview-20251203060132 → 3.0.0-preview-20251211180557

package/src/routes/store/store-edit/components/edit-store-form/edit-store-form.tsx

@@ -13,6 +13,7 @@ import { useUpdateStore } from "../../../../../hooks/api/store"
 import { useComboboxData } from "../../../../../hooks/use-combobox-data"
 import { sdk } from "../../../../../lib/client"
 import { useDocumentDirection } from "../../../../../hooks/use-document-direction"
+import { useFeatureFlag } from "../../../../../providers/feature-flag-provider"
 
 type EditStoreFormProps = {
   store: HttpTypes.AdminStore
@@ -21,6 +22,7 @@ type EditStoreFormProps = {
 const 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(),
@@ -28,12 +30,16 @@ const EditStoreSchema = z.object({
 
 export const EditStoreForm = ({ store }: EditStoreFormProps) => {
   const { t } = useTranslation()
+  const isTranslationsEnabled = useFeatureFlag("translation")
   const { handleSuccess } = useRouteModal()
-  const direction = useDocumentDirection()  
+  const direction = useDocumentDirection()
   const form = useForm<z.infer<typeof EditStoreSchema>>({
     defaultValues: {
       name: store.name,
       default_region_id: store.default_region_id || undefined,
+      default_locale_code:
+        store.supported_locales?.find((l) => l.is_default)?.locale_code ||
+        undefined,
       default_currency_code:
         store.supported_currencies?.find((c) => c.is_default)?.currency_code ||
         undefined,
@@ -73,10 +79,14 @@ export const EditStoreForm = ({ store }: EditStoreFormProps) => {
   })
 
   const handleSubmit = form.handleSubmit(async (values) => {
-    const { default_currency_code, ...rest } = values
+    const { default_currency_code, default_locale_code, ...rest } = values
 
     const normalizedMutation: HttpTypes.AdminUpdateStore = {
       ...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,
@@ -95,7 +105,10 @@ export const EditStoreForm = ({ store }: EditStoreFormProps) => {
 
   return (
     <RouteDrawer.Form form={form}>
-      <KeyboundForm onSubmit={handleSubmit} className="flex h-full flex-col overflow-hidden">
+      <KeyboundForm
+        onSubmit={handleSubmit}
+        className="flex h-full flex-col overflow-hidden"
+      >
         <RouteDrawer.Body className="overflow-y-auto">
           <div className="flex flex-col gap-y-8">
             <Form.Field
@@ -143,6 +156,40 @@ export const EditStoreForm = ({ store }: EditStoreFormProps) => {
                 )
               }}
             />
+            {isTranslationsEnabled && (
+              <Form.Field
+                control={form.control}
+                name="default_locale_code"
+                render={({ field: { onChange, ...field } }) => {
+                  return (
+                    <Form.Item>
+                      <Form.Label>{t("store.defaultLocale")}</Form.Label>
+                      <Form.Control>
+                        <Select
+                          dir={direction}
+                          {...field}
+                          onValueChange={onChange}
+                        >
+                          <Select.Trigger ref={field.ref}>
+                            <Select.Value />
+                          </Select.Trigger>
+                          <Select.Content>
+                            {store.supported_locales?.map((locale) => (
+                              <Select.Item
+                                key={locale.locale_code}
+                                value={locale.locale_code}
+                              >
+                                {locale.locale_code}
+                              </Select.Item>
+                            ))}
+                          </Select.Content>
+                        </Select>
+                      </Form.Control>
+                    </Form.Item>
+                  )
+                }}
+              />
+            )}
             <Form.Field
               control={form.control}
               name="default_region_id"

package/src/routes/tax-regions/common/components/target-item/target-item.tsx

@@ -17,7 +17,11 @@ export const TargetItem = ({
 }: TargetItemProps) => {
   const { product } = useProduct(
     value,
-    { fields: "id,title" },
+    {
+      // TODO: Remove exclusion once we avoid including unnecessary relations by default in the query config
+      fields:
+        "id,title,-type,-collection,-options,-tags,-images,-variants,-sales_channels",
+    },
     { enabled: !label }
   )
 

package/src/routes/tax-regions/common/components/tax-override-card/tax-override-card.tsx

@@ -39,18 +39,15 @@ export const TaxOverrideCard = ({ taxRate }: TaxOverrideCardProps) => {
     return null
   }
 
-  const groupedRules = taxRate.rules.reduce(
-    (acc, rule) => {
-      if (!acc[rule.reference]) {
-        acc[rule.reference] = []
-      }
+  const groupedRules = taxRate.rules.reduce((acc, rule) => {
+    if (!acc[rule.reference]) {
+      acc[rule.reference] = []
+    }
 
-      acc[rule.reference].push(rule.reference_id)
+    acc[rule.reference].push(rule.reference_id)
 
-      return acc
-    },
-    {} as Record<string, string[]>
-  )
+    return acc
+  }, {} as Record<string, string[]>)
 
   const validKeys = Object.values(TaxRateRuleReferenceType)
   const numberOfTargets = Object.keys(groupedRules).map((key) =>
@@ -282,6 +279,9 @@ const useReferenceValues = (
     {
       id: ids.slice(0, DISPLAY_OVERRIDE_ITEMS_LIMIT),
       limit: DISPLAY_OVERRIDE_ITEMS_LIMIT,
+      // TODO: Remove exclusion once we avoid including unnecessary relations by default in the query config
+      fields:
+        "-type,-collection,-options,-tags,-images,-variants,-sales_channels",
     },
     {
       enabled: !!ids.length && type === TaxRateRuleReferenceType.PRODUCT,

package/dist/chunk-6CPMXY5N.mjs

@@ -1,18 +0,0 @@
-// src/lib/common.ts
-function pick(obj, keys) {
-  const ret = {};
-  keys.forEach((k) => {
-    if (k in obj) {
-      ret[k] = obj[k];
-    }
-  });
-  return ret;
-}
-function toCamelCase(str) {
-  return /^([a-zA-Z]+)(([A-Z]([a-z]+))+)$/.test(str) ? str : str.toLowerCase().replace(/[^a-zA-Z0-9]+(.)/g, (_, chr) => chr.toUpperCase());
-}
-
-export {
-  pick,
-  toCamelCase
-};

package/dist/chunk-E3AFVPLW.mjs

@@ -1,13 +0,0 @@
-import {
-  getLinkedFields
-} from "./chunk-5EGFR4EO.mjs";
-
-// src/routes/products/product-detail/constants.ts
-var PRODUCT_DETAIL_FIELDS = getLinkedFields(
-  "product",
-  "*categories,*shipping_profile,-variants"
-);
-
-export {
-  PRODUCT_DETAIL_FIELDS
-};

package/dist/store-edit-3XS6IC2Z.mjs

@@ -1,238 +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,
-  useRouteModal
-} from "./chunk-AERWK3TJ.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_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 { handleSuccess } = useRouteModal();
-  const direction = useDocumentDirection();
-  const form = useForm({
-    defaultValues: {
-      name: store.name,
-      default_region_id: store.default_region_id || 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, ...rest } = values;
-    const normalizedMutation = {
-      ...rest,
-      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
-                    )) })
-                  ]
-                }
-              ) })
-            ] });
-          }
-        }
-      ),
-      /* @__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
-};