@lunejs/admin-ui 0.2.0 → 0.2.1

package/dist/lib/custom-fields/utils/custom-field.utils.js

@@ -4,64 +4,76 @@ import u from "../../../node_modules/lucide-react/dist/esm/icons/boxes.js";
 import s from "../../../node_modules/lucide-react/dist/esm/icons/package.js";
 import p from "../../../node_modules/lucide-react/dist/esm/icons/pipette.js";
 import f from "../../../node_modules/lucide-react/dist/esm/icons/calendar.js";
-import C from "../../../node_modules/lucide-react/dist/esm/icons/toggle-left.js";
-import b from "../../../node_modules/lucide-react/dist/esm/icons/image.js";
+import b from "../../../node_modules/lucide-react/dist/esm/icons/toggle-left.js";
+import C from "../../../node_modules/lucide-react/dist/esm/icons/image.js";
 import g from "../../../node_modules/lucide-react/dist/esm/icons/dollar-sign.js";
-import a from "../../../node_modules/lucide-react/dist/esm/icons/hash.js";
+import c from "../../../node_modules/lucide-react/dist/esm/icons/hash.js";
+import T from "../../../node_modules/lucide-react/dist/esm/icons/layout-list.js";
 import d from "../../../node_modules/lucide-react/dist/esm/icons/earth.js";
-import T from "../../../node_modules/lucide-react/dist/esm/icons/text.js";
-import v from "../../../node_modules/lucide-react/dist/esm/icons/type.js";
-import x from "../../../node_modules/lucide-react/dist/esm/icons/shopping-cart.js";
-import D from "../../../node_modules/lucide-react/dist/esm/icons/user.js";
-class o {
-  constructor(n, i) {
-    this.title = n, this.icon = i;
+import x from "../../../node_modules/lucide-react/dist/esm/icons/text.js";
+import R from "../../../node_modules/lucide-react/dist/esm/icons/type.js";
+import v from "../../../node_modules/lucide-react/dist/esm/icons/shopping-cart.js";
+import w from "../../../node_modules/lucide-react/dist/esm/icons/user.js";
+class t {
+  constructor(i, n) {
+    this.title = i, this.icon = n;
   }
 }
-const w = {
+const D = {
   // Text
-  [e.SingleLineText]: new o("Single line text", v),
-  [e.MultiLineText]: new o("Multi line text", T),
-  [e.Url]: new o("URL", d),
+  [e.SingleLineText]: new t("Single line text", R),
+  [e.MultiLineText]: new t("Multi line text", x),
+  [e.Url]: new t("URL", d),
+  [e.RichText]: new t("Rich text", T),
   // Number
-  [e.Integer]: new o("Integer", a),
-  [e.Decimal]: new o("Decimal", a),
-  [e.Money]: new o("Money", g),
+  [e.Integer]: new t("Integer", c),
+  [e.Decimal]: new t("Decimal", c),
+  [e.Money]: new t("Money", g),
   // Media
-  [e.Image]: new o("Image", b),
+  [e.Image]: new t("Image", C),
   // Other
-  [e.Boolean]: new o("Boolean", C),
-  [e.Date]: new o("Date", f),
-  [e.Color]: new o("Color", p),
+  [e.Boolean]: new t("Boolean", b),
+  [e.Date]: new t("Date", f),
+  [e.Color]: new t("Color", p),
   // Reference
-  [e.ProductReference]: new o("Product", s),
-  [e.CollectionReference]: new o("Collection", u),
-  [e.CustomObjectReference]: new o("Custom object", m),
-  customer: new o("Customer", D),
-  order: new o("Order", x)
-}, N = (t) => ({
+  [e.ProductReference]: new t("Product", s),
+  [e.CollectionReference]: new t("Collection", u),
+  [e.CustomObjectReference]: new t("Custom object", m),
+  customer: new t("Customer", w),
+  order: new t("Order", v)
+}, _ = (l) => ({
   [r.Product]: "Product",
   [r.Collection]: "Collection",
   [r.CustomObject]: "Custom object",
   [r.OptionValue]: "Option value"
-})[t], l = (t) => w[t], V = (t) => [e.SingleLineText, e.MultiLineText].includes(t), _ = [
+})[l], o = (l) => D[l], G = (l) => [
+  e.SingleLineText,
+  e.MultiLineText,
+  e.RichText,
+  e.Url
+].includes(l), $ = [
   {
     label: "Text",
     items: [
       {
         label: "Single line text",
         value: e.SingleLineText,
-        icon: l(e.SingleLineText).icon
+        icon: o(e.SingleLineText).icon
       },
       {
         label: "Multi line text",
         value: e.MultiLineText,
-        icon: l(e.MultiLineText).icon
+        icon: o(e.MultiLineText).icon
       },
       {
-        label: l(e.Url).title,
+        label: o(e.RichText).title,
+        value: e.RichText,
+        icon: o(e.RichText).icon
+      },
+      {
+        label: o(e.Url).title,
         value: e.Url,
-        icon: l(e.Url).icon
+        icon: o(e.Url).icon
       }
     ]
   },
@@ -71,17 +83,17 @@ const w = {
       {
         label: "Integer",
         value: e.Integer,
-        icon: l(e.Integer).icon
+        icon: o(e.Integer).icon
       },
       {
         label: "Decimal",
         value: e.Decimal,
-        icon: l(e.Decimal).icon
+        icon: o(e.Decimal).icon
       },
       {
         label: "Money",
         value: e.Money,
-        icon: l(e.Money).icon
+        icon: o(e.Money).icon
       }
     ]
   },
@@ -91,7 +103,7 @@ const w = {
       {
         label: "Image",
         value: e.Image,
-        icon: l(e.Image).icon
+        icon: o(e.Image).icon
       }
     ]
   },
@@ -101,17 +113,17 @@ const w = {
       {
         label: "Product",
         value: e.ProductReference,
-        icon: l(e.ProductReference).icon
+        icon: o(e.ProductReference).icon
       },
       {
         label: "Collection",
         value: e.CollectionReference,
-        icon: l(e.CollectionReference).icon
+        icon: o(e.CollectionReference).icon
       },
       {
         label: "Custom object",
         value: e.CustomObjectReference,
-        icon: l(e.CustomObjectReference).icon
+        icon: o(e.CustomObjectReference).icon
       }
     ]
   },
@@ -121,28 +133,28 @@ const w = {
       {
         label: "Boolean",
         value: e.Boolean,
-        icon: l(e.Boolean).icon
+        icon: o(e.Boolean).icon
       },
       {
         label: "Date",
         value: e.Date,
-        icon: l(e.Date).icon
+        icon: o(e.Date).icon
       },
       {
-        label: l(e.Color).title,
+        label: o(e.Color).title,
         value: e.Color,
-        icon: l(e.Color).icon
+        icon: o(e.Color).icon
       }
     ]
   }
-], G = (t, n) => {
-  const i = t.values.find((c) => c.field.id === n.displayField?.id);
-  return i ? i.value : `${n.name}#${t.slug.toUpperCase()}`;
+], k = (l, i) => {
+  const n = l.values.find((a) => a.field.id === i.displayField?.id);
+  return n ? n.value : `${i.name}#${l.slug.toUpperCase()}`;
 };
 export {
-  _ as CUSTOM_FIELD_TYPE_GROUPS,
-  l as getCustomFieldTypeData,
-  G as getDisplayFieldValue,
-  N as getEntityName,
-  V as isTranslatable
+  $ as CUSTOM_FIELD_TYPE_GROUPS,
+  o as getCustomFieldTypeData,
+  k as getDisplayFieldValue,
+  _ as getEntityName,
+  G as isTranslatable
 };

package/dist/lib/translate/components/form/translate-form-row-data.d.ts

@@ -1,5 +1,5 @@
 import { PropsWithChildren } from 'react';
-export declare const TranslateFormRowData: ({ children, field, reference, className }: Props) => import("react/jsx-runtime").JSX.Element;
+export declare const TranslateFormRowData: ({ children, field, reference, richText, className }: Props) => import("react/jsx-runtime").JSX.Element;
 type Props = PropsWithChildren & {
     className?: string | {
         row?: string;
@@ -8,5 +8,6 @@ type Props = PropsWithChildren & {
     };
     field: string | null | undefined;
     reference: string | null | undefined;
+    richText?: boolean;
 };
 export {};

package/dist/lib/translate/components/form/translate-form-row-data.js

@@ -1,7 +1,7 @@
-import { jsxs as n, Fragment as a, jsx as r } from "react/jsx-runtime";
+import { jsxs as a, Fragment as s, jsx as r } from "react/jsx-runtime";
 import "react";
 import "../../../../packages/lune-ui/dist/node_modules/@radix-ui/react-accordion/dist/index.js";
-import { cn as l } from "../../../../packages/lune-ui/dist/lib/utils.js";
+import { cn as p } from "../../../../packages/lune-ui/dist/lib/utils.js";
 import "../../../../packages/lune-ui/dist/node_modules/@radix-ui/react-alert-dialog/dist/index.js";
 import "../../../../packages/lune-ui/dist/node_modules/@radix-ui/react-avatar/dist/index.js";
 import "../../../../packages/lune-ui/dist/node_modules/@radix-ui/react-separator/dist/index.js";
@@ -24,7 +24,7 @@ import "../../../../packages/lune-ui/dist/node_modules/@radix-ui/react-radio-gro
 import "../../../../packages/lune-ui/dist/node_modules/@radix-ui/react-select/dist/index.js";
 import "../../../../packages/lune-ui/dist/node_modules/@radix-ui/react-dialog/dist/index.js";
 import "../../../../packages/lune-ui/dist/node_modules/@radix-ui/react-switch/dist/index.js";
-import { TableRow as d } from "../../../../packages/lune-ui/dist/components/table.js";
+import { TableRow as u } from "../../../../packages/lune-ui/dist/components/table.js";
 import "../../../../packages/lune-ui/dist/node_modules/@radix-ui/react-tabs/dist/index.js";
 import "../../../../packages/lune-ui/dist/components/theme-provider.js";
 import "../../../../packages/lune-ui/dist/node_modules/sonner/dist/index.js";
@@ -32,37 +32,69 @@ import "../../../../packages/lune-ui/dist/node_modules/@radix-ui/react-toggle/di
 import "../../../../packages/lune-ui/dist/components/toggle-group.js";
 import "../../../../packages/lune-ui/dist/node_modules/@radix-ui/react-tooltip/dist/index.js";
 import "../../../../packages/lune-ui/dist/form/form.js";
-import { TranslateFormCell as o } from "./translate-form-cell.js";
-import { TranslateFormRow as p } from "./translate-form-row.js";
-const V = ({ children: e, field: i, reference: m, className: t }) => /* @__PURE__ */ n(a, { children: [
-  /* @__PURE__ */ n(
-    d,
+import { RichEditor as l } from "../../../../shared/components/rich-editor/rich-editor.js";
+import { TranslateFormCell as i } from "./translate-form-cell.js";
+import { TranslateFormRow as e } from "./translate-form-row.js";
+const X = ({
+  children: n,
+  field: m,
+  reference: o,
+  richText: d,
+  className: t
+}) => /* @__PURE__ */ a(s, { children: [
+  /* @__PURE__ */ a(
+    u,
     {
-      className: l(
+      className: p(
         "bg-transparent! hidden lg:table-row",
         typeof t == "string" ? t : t?.row
       ),
       children: [
-        /* @__PURE__ */ r(o, { children: i }),
-        /* @__PURE__ */ r(
-          o,
+        /* @__PURE__ */ r(i, { children: m }),
+        d ? /* @__PURE__ */ r(
+          i,
           {
-            className: l(
+            isDisabled: !0,
+            className: p(
+              typeof t == "string" ? void 0 : t?.referenceCell,
+              "text-muted-foreground p-0"
+            ),
+            children: /* @__PURE__ */ r(
+              l,
+              {
+                disabled: !0,
+                className: "rounded-none [&_.tiptap]:max-h-48 ring-0! border-none! [&_.rich-editor-content]:text-muted-foreground!",
+                defaultValue: o ?? ""
+              }
+            )
+          }
+        ) : /* @__PURE__ */ r(
+          i,
+          {
+            className: p(
               typeof t == "string" ? void 0 : t?.referenceCell,
               "text-muted-foreground"
             ),
             isDisabled: !0,
-            children: m
+            children: o
           }
         ),
-        e
+        n
       ]
     }
   ),
-  i && /* @__PURE__ */ r(p, { className: "lg:hidden", children: /* @__PURE__ */ r(o, { children: i }) }),
-  m && /* @__PURE__ */ r(p, { className: "lg:hidden", children: /* @__PURE__ */ r(o, { isDisabled: !0, className: "text-muted-foreground", children: m }) }),
-  /* @__PURE__ */ r(p, { className: "lg:hidden", children: e })
+  m && /* @__PURE__ */ r(e, { className: "lg:hidden", children: /* @__PURE__ */ r(i, { children: m }) }),
+  o && !d && /* @__PURE__ */ r(e, { className: "lg:hidden", children: /* @__PURE__ */ r(i, { isDisabled: !0, className: "text-muted-foreground", children: o }) }),
+  o && d && /* @__PURE__ */ r(e, { className: "lg:hidden", children: /* @__PURE__ */ r(i, { isDisabled: !0, className: "text-muted-foreground p-0", children: /* @__PURE__ */ r(
+    l,
+    {
+      disabled: !0,
+      className: "rounded-none [&_.tiptap]:max-h-48 ring-0! border-none! [&_.rich-editor-content]:text-muted-foreground!",
+      defaultValue: o ?? ""
+    }
+  ) }) }),
+  /* @__PURE__ */ r(e, { className: "lg:hidden", children: n })
 ] });
 export {
-  V as TranslateFormRowData
+  X as TranslateFormRowData
 };

package/dist/lib/translate/components/form/translate-rich-text.d.ts

@@ -0,0 +1,8 @@
+export declare const TranslateRichText: ({ onChange, defaultValue, label, className }: Props) => import("react/jsx-runtime").JSX.Element;
+type Props = {
+    className?: string;
+    label?: string;
+    defaultValue?: string;
+    onChange: (html: string) => void;
+};
+export {};

package/dist/lib/translate/components/form/translate-rich-text.js

@@ -0,0 +1,65 @@
+import { jsxs as e, jsx as o } from "react/jsx-runtime";
+import { useId as l } from "react";
+import "../../../../packages/lune-ui/dist/node_modules/@radix-ui/react-accordion/dist/index.js";
+import { cn as s } from "../../../../packages/lune-ui/dist/lib/utils.js";
+import "../../../../packages/lune-ui/dist/node_modules/@radix-ui/react-alert-dialog/dist/index.js";
+import "../../../../packages/lune-ui/dist/node_modules/@radix-ui/react-avatar/dist/index.js";
+import "../../../../packages/lune-ui/dist/node_modules/@radix-ui/react-separator/dist/index.js";
+import "../../../../packages/lune-ui/dist/node_modules/react-day-picker/dist/esm/UI.js";
+import "../../../../packages/lune-ui/dist/node_modules/react-day-picker/dist/esm/classes/DateLib.js";
+import "../../../../packages/lune-ui/dist/node_modules/react-day-picker/dist/esm/useDayPicker.js";
+import "../../../../packages/lune-ui/dist/node_modules/@date-fns/tz/date/mini.js";
+import "../../../../packages/lune-ui/dist/node_modules/react-day-picker/dist/esm/helpers/calculateFocusTarget.js";
+import "../../../../packages/lune-ui/dist/node_modules/react-day-picker/dist/esm/locale/en-US.js";
+import "../../../../packages/lune-ui/dist/components/chart.js";
+import "../../../../packages/lune-ui/dist/node_modules/@radix-ui/react-checkbox/dist/index.js";
+import "../../../../packages/lune-ui/dist/node_modules/@radix-ui/react-collapsible/dist/index.js";
+import "../../../../packages/lune-ui/dist/node_modules/cmdk/dist/index.js";
+import "../../../../packages/lune-ui/dist/components/dialog.js";
+import "../../../../packages/lune-ui/dist/node_modules/@radix-ui/react-dropdown-menu/dist/index.js";
+import "../../../../packages/lune-ui/dist/node_modules/@radix-ui/react-label/dist/index.js";
+import "../../../../packages/lune-ui/dist/components/phone-input.js";
+import "../../../../packages/lune-ui/dist/node_modules/@radix-ui/react-popover/dist/index.js";
+import "../../../../packages/lune-ui/dist/node_modules/@radix-ui/react-radio-group/dist/index.js";
+import "../../../../packages/lune-ui/dist/node_modules/@radix-ui/react-select/dist/index.js";
+import "../../../../packages/lune-ui/dist/node_modules/@radix-ui/react-dialog/dist/index.js";
+import "../../../../packages/lune-ui/dist/node_modules/@radix-ui/react-switch/dist/index.js";
+import { TableCell as a } from "../../../../packages/lune-ui/dist/components/table.js";
+import "../../../../packages/lune-ui/dist/node_modules/@radix-ui/react-tabs/dist/index.js";
+import "../../../../packages/lune-ui/dist/components/theme-provider.js";
+import "../../../../packages/lune-ui/dist/node_modules/sonner/dist/index.js";
+import "../../../../packages/lune-ui/dist/node_modules/@radix-ui/react-toggle/dist/index.js";
+import "../../../../packages/lune-ui/dist/components/toggle-group.js";
+import "../../../../packages/lune-ui/dist/node_modules/@radix-ui/react-tooltip/dist/index.js";
+import "../../../../packages/lune-ui/dist/form/form.js";
+import { RichEditor as n } from "../../../../shared/components/rich-editor/rich-editor.js";
+const S = ({ onChange: i, defaultValue: m, label: r, className: p }) => {
+  const t = l();
+  return /* @__PURE__ */ e(
+    a,
+    {
+      onClick: () => {
+        document.getElementById(t)?.focus();
+      },
+      className: s(
+        "cursor-text align-top h-full p-0 [&:has(textarea:focus-visible)]:ring-primary/50 [&:has(textarea:focus-visible)]:ring-[1px]",
+        r && "flex flex-col gap-1 w-full lg:table-cell",
+        p
+      ),
+      children: [
+        r && /* @__PURE__ */ o("label", { className: "pl-4 pt-4 text-muted-foreground lg:hidden", htmlFor: t, children: r }),
+        /* @__PURE__ */ o(
+          n,
+          {
+            className: "rounded-none [&_.tiptap]:max-h-48 ring-0! border-none!",
+            defaultValue: m,
+            onChange: i
+          }
+        )
+      ]
+    }
+  );
+};
+export {
+  S as TranslateRichText
+};

package/dist/lib/translate/components/product-form/custom-fields/translate-product-custom-fields.js

@@ -1,8 +1,8 @@
-import { jsx as i, Fragment as b } from "react/jsx-runtime";
-import { isLast as e, isFirst as f } from "../../../../../packages/lune-common/dist/index.js";
+import { jsx as s, Fragment as V, jsxs as b } from "react/jsx-runtime";
+import { isLast as r, isFirst as T } from "../../../../../packages/lune-common/dist/index.js";
 import "react";
 import "../../../../../packages/lune-ui/dist/node_modules/@radix-ui/react-accordion/dist/index.js";
-import { cn as a } from "../../../../../packages/lune-ui/dist/lib/utils.js";
+import { cn as l } from "../../../../../packages/lune-ui/dist/lib/utils.js";
 import "../../../../../packages/lune-ui/dist/node_modules/@radix-ui/react-alert-dialog/dist/index.js";
 import "../../../../../packages/lune-ui/dist/node_modules/@radix-ui/react-avatar/dist/index.js";
 import "../../../../../packages/lune-ui/dist/node_modules/@radix-ui/react-separator/dist/index.js";
@@ -32,88 +32,120 @@ import "../../../../../packages/lune-ui/dist/node_modules/@radix-ui/react-toggle
 import "../../../../../packages/lune-ui/dist/components/toggle-group.js";
 import "../../../../../packages/lune-ui/dist/node_modules/@radix-ui/react-tooltip/dist/index.js";
 import "../../../../../packages/lune-ui/dist/form/form.js";
-import { useWatch as h } from "../../../../../node_modules/react-hook-form/dist/index.esm.js";
-import { CustomFieldType as V } from "../../../../api/codegen/graphql.js";
-import { isTranslatable as T } from "../../../../custom-fields/utils/custom-field.utils.js";
-import { TranslateFormRowData as u } from "../../form/translate-form-row-data.js";
-import { TranslateInput as c } from "../../form/translate-input.js";
-import { TranslateTextarea as v } from "../../form/translate-textarea.js";
-import { useTranslateProductFormContext as C } from "../use-form/use-translate-product-form.js";
-const pt = ({ product: d }) => {
-  const o = C(), n = h({ defaultValue: o.formState.defaultValues }), s = d.customFieldEntries.filter(
-    (t) => T(t.definition.type)
+import { useWatch as f } from "../../../../../node_modules/react-hook-form/dist/index.esm.js";
+import { CustomFieldType as m } from "../../../../api/codegen/graphql.js";
+import { isTranslatable as v } from "../../../../custom-fields/utils/custom-field.utils.js";
+import { TranslateFormRowData as d } from "../../form/translate-form-row-data.js";
+import { TranslateInput as p } from "../../form/translate-input.js";
+import { TranslateRichText as y } from "../../form/translate-rich-text.js";
+import { TranslateTextarea as C } from "../../form/translate-textarea.js";
+import { useTranslateProductFormContext as E } from "../use-form/use-translate-product-form.js";
+const dt = ({ product: g }) => {
+  const i = E(), a = f({ defaultValue: i.formState.defaultValues }), n = g.customFieldEntries.filter(
+    (t) => v(t.definition.type)
   );
-  return /* @__PURE__ */ i(b, { children: s.map(
-    (t, l) => t.definition.isList ? t.value.map((m, r) => /* @__PURE__ */ i(
-      u,
+  return /* @__PURE__ */ s(V, { children: n.map(
+    (t, u) => t.definition.isList ? t.value.map((o, e) => /* @__PURE__ */ s(
+      d,
       {
-        field: f(r) ? t.definition.name : "",
-        reference: m,
+        field: T(e) ? t.definition.name : "",
+        reference: o,
         className: {
-          row: a(
-            !e(r, t.value) && "border-0!",
-            e(r, t.value) && e(l, s) && "border-0!"
+          row: l(
+            !r(e, t.value) && "border-0!",
+            r(e, t.value) && r(u, n) && "border-0!"
           ),
-          referenceCell: a(!e(r, t.value) && "border-b")
+          referenceCell: l(!r(e, t.value) && "border-b")
         },
-        children: /* @__PURE__ */ i(
-          c,
+        children: /* @__PURE__ */ s(
+          p,
           {
-            defaultValue: n.customFields?.[t.id][r],
-            className: a(
-              !e(r, t.value) && "border-b",
-              e(r, t.value) && e(l, s) && "ring-0! lg:[&:has(input:focus-visible)]:ring-primary/50! lg:[&:has(input:focus-visible)]:ring-[1px]!"
+            defaultValue: a.customFields?.[t.id][e],
+            className: l(
+              !r(e, t.value) && "border-b",
+              r(e, t.value) && r(u, n) && "ring-0! lg:[&:has(input:focus-visible)]:ring-primary/50! lg:[&:has(input:focus-visible)]:ring-[1px]!"
             ),
             label: "English",
-            onChange: (g) => {
-              const F = g.target.value, p = o.getValues("customFields")[t.id];
-              p[r] = F, o.setValue("customFields", {
-                ...o.getValues("customFields"),
-                [t.id]: p
+            onChange: (F) => {
+              const h = F.target.value, c = i.getValues("customFields")[t.id];
+              c[e] = h, i.setValue("customFields", {
+                ...i.getValues("customFields"),
+                [t.id]: c
               });
             }
           }
         )
       },
-      t.definition.id + r
-    )) : /* @__PURE__ */ i(
-      u,
+      t.definition.id + e
+    )) : /* @__PURE__ */ b(
+      d,
       {
+        richText: t.definition.type === m.RichText,
         field: t.definition.name,
         reference: t.value,
-        className: a(e(l, s) && "border-b-0"),
-        children: t.definition.type === V.SingleLineText ? /* @__PURE__ */ i(
-          c,
-          {
-            defaultValue: n.customFields?.[t.id],
-            label: "English",
-            onChange: (m) => {
-              const r = m.target.value;
-              o.setValue("customFields", {
-                ...o.getValues("customFields"),
-                [t.id]: r
-              });
+        className: l(r(u, n) && "border-b-0"),
+        children: [
+          t.definition.type === m.SingleLineText && /* @__PURE__ */ s(
+            p,
+            {
+              defaultValue: a.customFields?.[t.id],
+              label: "English",
+              onChange: (o) => {
+                const e = o.target.value;
+                i.setValue("customFields", {
+                  ...i.getValues("customFields"),
+                  [t.id]: e
+                });
+              }
             }
-          }
-        ) : /* @__PURE__ */ i(
-          v,
-          {
-            defaultValue: n.customFields?.[t.id],
-            label: "English",
-            onChange: (m) => {
-              const r = m.target.value;
-              o.setValue("customFields", {
-                ...o.getValues("customFields"),
-                [t.id]: r
-              });
+          ),
+          t.definition.type === m.MultiLineText && /* @__PURE__ */ s(
+            C,
+            {
+              defaultValue: a.customFields?.[t.id],
+              label: "English",
+              onChange: (o) => {
+                const e = o.target.value;
+                i.setValue("customFields", {
+                  ...i.getValues("customFields"),
+                  [t.id]: e
+                });
+              }
             }
-          }
-        )
+          ),
+          t.definition.type === m.RichText && /* @__PURE__ */ s(
+            y,
+            {
+              defaultValue: a.customFields?.[t.id],
+              label: "English",
+              onChange: (o) => {
+                i.setValue("customFields", {
+                  ...i.getValues("customFields"),
+                  [t.id]: o
+                });
+              }
+            }
+          ),
+          t.definition.type === m.Url && /* @__PURE__ */ s(
+            p,
+            {
+              defaultValue: a.customFields?.[t.id],
+              label: "English",
+              onChange: (o) => {
+                const e = o.target.value;
+                i.setValue("customFields", {
+                  ...i.getValues("customFields"),
+                  [t.id]: e
+                });
+              }
+            }
+          )
+        ]
       },
       t.definition.id
     )
   ) });
 };
 export {
-  pt as TranslateProductCustomField
+  dt as TranslateProductCustomField
 };