@medusajs/dashboard 3.0.0-snapshot-20251208164410 → 3.0.0-snapshot-20251211180009

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/src/routes/translations/translation-list/index.tsx

@@ -0,0 +1 @@
+export { TranslationList as Component } from "./translation-list"

package/src/routes/translations/translation-list/translation-list.tsx

@@ -0,0 +1,131 @@
+import { Button, Container, Heading, Text } from "@medusajs/ui"
+import { SingleColumnPage } from "../../../components/layout/pages"
+import { useTranslation } from "react-i18next"
+import { Link, useNavigate } from "react-router-dom"
+import { Buildings, Pencil } from "@medusajs/icons"
+import { IconAvatar } from "../../../components/common/icon-avatar/icon-avatar"
+import { ActionMenu } from "../../../components/common/action-menu"
+import { LinkButton } from "../../../components/common/link-button/link-button"
+
+type TranslatableEntity = {
+  icon: React.ReactNode
+  label: string
+  reference: string
+}
+
+const TRANSLATABLE_ENTITIES: TranslatableEntity[] = [
+  {
+    icon: <Buildings />,
+    label: "Product",
+    reference: "product",
+  },
+  {
+    icon: <Buildings />,
+    label: "Product Variants",
+    reference: "product_variant",
+  },
+  {
+    icon: <Buildings />,
+    label: "Product Categories",
+    reference: "product_category",
+  },
+  {
+    icon: <Buildings />,
+    label: "Product Collections",
+    reference: "product_collection",
+  },
+  {
+    icon: <Buildings />,
+    label: "Product Types",
+    reference: "product_type",
+  },
+  {
+    icon: <Buildings />,
+    label: "Product Tags",
+    reference: "product_tag",
+  },
+  {
+    icon: <Buildings />,
+    label: "Product Options",
+    reference: "product_option",
+  },
+  {
+    icon: <Buildings />,
+    label: "Product Option Values",
+    reference: "product_option_value",
+  },
+]
+
+export const TranslationList = () => {
+  const { t } = useTranslation()
+  const navigate = useNavigate()
+
+  const handleManageLocales = () => {
+    navigate("/settings/store/locales")
+  }
+
+  return (
+    <SingleColumnPage
+      widgets={{
+        before: [],
+        after: [],
+      }}
+    >
+      <Container className="p-0">
+        <div className="flex items-center justify-between px-6 py-4">
+          <div>
+            <Heading>Manage {t("translations.domain")}</Heading>
+            <Text className="text-ui-fg-subtle" size="small">
+              {t("translations.subtitle")}
+            </Text>
+          </div>
+          <Button
+            variant="secondary"
+            size="small"
+            onClick={handleManageLocales}
+          >
+            {t("translations.actions.manageLocales")}
+          </Button>
+        </div>
+      </Container>
+      {TRANSLATABLE_ENTITIES.map((entity) => (
+        <Container key={entity.label} className="p-0">
+          <div className="flex items-center justify-between px-6 py-3">
+            <Link
+              to={`/settings/translations/edit?reference=${entity.reference}`}
+              className="transition-fg hover:bg-ui-bg-base-hover active:bg-ui-bg-base-pressed focus-visible:shadow-borders-interactive-with-active -mx-2 flex flex-1 items-center gap-x-2 rounded-md px-2 py-1.5 outline-none"
+            >
+              <IconAvatar variant="squared">{entity.icon}</IconAvatar>
+              <Text size="small">{entity.label}</Text>
+            </Link>
+            <div className="flex items-center gap-x-2">
+              <ActionMenu
+                groups={[
+                  {
+                    actions: [
+                      {
+                        icon: <Pencil />,
+                        label: t("actions.edit"),
+                        onClick: () => {
+                          navigate(
+                            `/settings/translations/edit?reference=${entity.label.toLowerCase()}`
+                          )
+                        },
+                      },
+                    ],
+                  },
+                ]}
+              ></ActionMenu>
+              <Text>|</Text>
+              <LinkButton
+                to={`/settings/translations/${entity.label.toLowerCase()}`}
+              >
+                {t("actions.viewDetails")}
+              </LinkButton>
+            </div>
+          </div>
+        </Container>
+      ))}
+    </SingleColumnPage>
+  )
+}

package/src/routes/translations/translations-edit/components/translations-edit-form/index.ts

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