@vendure/dashboard 3.7.2 → 3.7.3-master-202608050305

package/dist/bundle/chunks/{use-job-queue-polling-D8i6-8rR.js → use-job-queue-polling-BjEkkz66.js}

@@ -9,8 +9,8 @@ import * as ReactDOM from "react-dom";
 import ReactDOM__default, { unstable_batchedUpdates, createPortal } from "react-dom";
 import { useBlocker, Link as Link$2, useRouter, useRouterState, useNavigate, Outlet, createRoute, createRouter } from "@tanstack/react-router";
 import { uiConfig } from "virtual:vendure-ui-config";
-import { schemaInfo } from "virtual:admin-api-schema";
 import { i18n } from "@lingui/core";
+import { schemaInfo } from "virtual:admin-api-schema";
 import { runDashboardExtensions } from "virtual:dashboard-extensions";
 const toKebabCase$1 = (string2) => string2.replace(/([a-z0-9])([A-Z])/g, "$1-$2").toLowerCase();
 const mergeClasses$1 = (...classes) => classes.filter((className, index2, array2) => {
@@ -39294,7 +39294,7 @@ function useDayPickerLocale() {
   } = useDisplayLocale();
   const [calendarLocale, setCalendarLocale] = useState(void 0);
   useEffect(() => {
-    import("./locale-BSCAi77j.js").then((mod) => {
+    import("./locale-CJZpQnsu.js").then((mod) => {
       setCalendarLocale(bcpTagToDatePickerLocale(bcp47Tag, mod));
     });
   }, [bcp47Tag]);
@@ -88684,7 +88684,7 @@ function useSortedLanguages(availableLanguages) {
     label: formatLanguageName(code)
   })).sort((a2, b2) => a2.label.localeCompare(b2.label)), [availableLanguages, formatLanguageName]);
 }
-const localeMessages = /* @__PURE__ */ Object.assign({ "../../i18n/locales/ar.po": () => import("./ar-DATX7H2x.js"), "../../i18n/locales/bg.po": () => import("./bg-DHS8PDKd.js"), "../../i18n/locales/cs.po": () => import("./cs-CGhaHD2Z.js"), "../../i18n/locales/de.po": () => import("./de-BMtF5EY3.js"), "../../i18n/locales/en.po": () => import("./en-DucAVNrv.js"), "../../i18n/locales/es.po": () => import("./es-FBktM7AP.js"), "../../i18n/locales/fa.po": () => import("./fa-Dl5QN-Zp.js"), "../../i18n/locales/fr.po": () => import("./fr-TPBsPGD2.js"), "../../i18n/locales/he.po": () => import("./he-CvNLNPHS.js"), "../../i18n/locales/hr.po": () => import("./hr-7QRa6pq0.js"), "../../i18n/locales/hu.po": () => import("./hu-BUCwangz.js"), "../../i18n/locales/it.po": () => import("./it-DcVNes47.js"), "../../i18n/locales/ja.po": () => import("./ja-C-C3Z-2D.js"), "../../i18n/locales/ko.po": () => import("./ko-B41VP-2G.js"), "../../i18n/locales/nb.po": () => import("./nb-q5my_SIJ.js"), "../../i18n/locales/ne.po": () => import("./ne-DksEv0gd.js"), "../../i18n/locales/nl.po": () => import("./nl-BEWvhJPb.js"), "../../i18n/locales/pl.po": () => import("./pl-DRf5xQAy.js"), "../../i18n/locales/pt_BR.po": () => import("./pt_BR-DEOQ9Vgg.js"), "../../i18n/locales/pt_PT.po": () => import("./pt_PT-DvDBycjC.js"), "../../i18n/locales/ro.po": () => import("./ro-CNbK5V7l.js"), "../../i18n/locales/ru.po": () => import("./ru-BJ395nXO.js"), "../../i18n/locales/sv.po": () => import("./sv-Bxi6B55d.js"), "../../i18n/locales/tr.po": () => import("./tr-D2FNyrS9.js"), "../../i18n/locales/uk.po": () => import("./uk-C3iewRAE.js"), "../../i18n/locales/uz.po": () => import("./uz-DDVd9bpR.js"), "../../i18n/locales/zh_Hans.po": () => import("./zh_Hans-DFK1UiKv.js"), "../../i18n/locales/zh_Hant.po": () => import("./zh_Hant-BWs2-32i.js") });
+const localeMessages = /* @__PURE__ */ Object.assign({ "../../i18n/locales/ar.po": () => import("./ar-C8HyGurR.js"), "../../i18n/locales/bg.po": () => import("./bg--aJe6weI.js"), "../../i18n/locales/cs.po": () => import("./cs-DiORN27q.js"), "../../i18n/locales/de.po": () => import("./de-BIbDqHi0.js"), "../../i18n/locales/en.po": () => import("./en-BIXvudTL.js"), "../../i18n/locales/es.po": () => import("./es-CtrB4rBI.js"), "../../i18n/locales/fa.po": () => import("./fa-psHxNGfe.js"), "../../i18n/locales/fr.po": () => import("./fr-C5nCJ4dT.js"), "../../i18n/locales/he.po": () => import("./he-Bf9mrxS9.js"), "../../i18n/locales/hr.po": () => import("./hr-ukhxxcHj.js"), "../../i18n/locales/hu.po": () => import("./hu-C5Rw37rH.js"), "../../i18n/locales/it.po": () => import("./it-9Wz02yYH.js"), "../../i18n/locales/ja.po": () => import("./ja-Dws9HYMD.js"), "../../i18n/locales/ko.po": () => import("./ko-BvE54r17.js"), "../../i18n/locales/nb.po": () => import("./nb-C5b8s5AZ.js"), "../../i18n/locales/ne.po": () => import("./ne-DidgSoes.js"), "../../i18n/locales/nl.po": () => import("./nl-Bs2EmoET.js"), "../../i18n/locales/pl.po": () => import("./pl-ByMSgi7e.js"), "../../i18n/locales/pt_BR.po": () => import("./pt_BR-CTGGI34p.js"), "../../i18n/locales/pt_PT.po": () => import("./pt_PT-BMabWU8-.js"), "../../i18n/locales/ro.po": () => import("./ro-DLijHEde.js"), "../../i18n/locales/ru.po": () => import("./ru-sL_M_iwR.js"), "../../i18n/locales/sv.po": () => import("./sv-C6w42jAh.js"), "../../i18n/locales/tr.po": () => import("./tr-Lr8P315q.js"), "../../i18n/locales/uk.po": () => import("./uk-5I_XIBoN.js"), "../../i18n/locales/uz.po": () => import("./uz-BjRS1co1.js"), "../../i18n/locales/zh_Hans.po": () => import("./zh_Hans-Bqmum3_n.js"), "../../i18n/locales/zh_Hant.po": () => import("./zh_Hant-pqbmvylJ.js") });
 async function loadI18nMessages(locale2) {
   const loader = localeMessages[`../../i18n/locales/${locale2}.po`];
   if (!loader) {
@@ -103005,6 +103005,26 @@ function AssetPreviewDialog({
     /* @__PURE__ */ jsx("div", { className: "h-full p-6", children: /* @__PURE__ */ jsx(AssetPreview, { asset, assets, customFields, onAssetUpdated }) })
   ] }) });
 }
+async function assignToChannels(channelIds, buildInput, mutationFn) {
+  const result = {
+    succeeded: [],
+    failed: []
+  };
+  for (const channelId of channelIds) {
+    try {
+      await mutationFn({
+        input: buildInput(channelId)
+      });
+      result.succeeded.push(channelId);
+    } catch (reason) {
+      result.failed.push({
+        channelId,
+        reason
+      });
+    }
+  }
+  return result;
+}
 function AssignToChannelDialog({
   open,
   onOpenChange,
@@ -103020,7 +103040,6 @@ function AssignToChannelDialog({
     _: _t
   } = useLingui();
   const [selectedChannelIds, setSelectedChannelIds] = useState([]);
-  const [isAssigning, setIsAssigning] = useState(false);
   const {
     channels,
     activeChannel
@@ -103035,53 +103054,98 @@ function AssignToChannelDialog({
     label: ch.code,
     display: /* @__PURE__ */ jsx(ChannelCodeLabel, { code: ch.code })
   }));
-  const handleAssign = async () => {
-    setIsAssigning(true);
-    try {
-      const results = await Promise.allSettled(selectedChannelIds.map((channelId) => mutationFn({
-        input: buildInput(channelId, additionalData)
-      })));
-      const failedChannelIds = results.flatMap((r2, i2) => r2.status === "rejected" ? [selectedChannelIds[i2]] : []);
-      const succeededCount = results.length - failedChannelIds.length;
-      if (succeededCount > 0) {
-        onSuccess?.();
+  const {
+    mutate: mutate2,
+    isPending
+  } = useMutation({
+    mutationFn: () => assignToChannels(selectedChannelIds, (channelId) => buildInput(channelId, additionalData), mutationFn),
+    onSuccess: ({
+      succeeded,
+      failed
+    }) => {
+      if (failed.length) {
+        console.error("Failed to assign to channels", failed);
       }
-      if (failedChannelIds.length === 0) {
-        toast.success(_t(
+      const failedCodes = failed.map((f2) => channels.find((c2) => c2.id === f2.channelId)?.code ?? f2.channelId).join(", ");
+      if (failed.length === 0) {
+        toast.success(i18n._(
           /*i18n*/
           {
-            id: "IvR5Dq",
+            id: "4bwknQ",
             values: {
-              0: selectedChannelIds.length,
+              0: succeeded.length,
+              1: succeeded.length,
+              2: succeeded.length,
               entityIdsLength,
               entityType
             }
           }
         ));
+        setSelectedChannelIds([]);
+        onSuccess?.();
         onOpenChange(false);
+      } else if (succeeded.length === 0) {
+        toast.error(i18n._(
+          /*i18n*/
+          {
+            id: "mqhntj",
+            values: {
+              0: failed.length,
+              1: failed.length,
+              2: failed.length,
+              entityIdsLength,
+              entityType
+            }
+          }
+        ), {
+          description: failedCodes
+        });
       } else {
-        const firstRejected = results.find((r2) => r2.status === "rejected");
-        const firstReason = firstRejected?.status === "rejected" ? firstRejected.reason : void 0;
-        const description = firstReason instanceof Error ? firstReason.message : void 0;
-        setSelectedChannelIds(failedChannelIds);
-        toast.error(_t(
+        toast.warning(i18n._(
           /*i18n*/
           {
-            id: "KCydxK",
+            id: "4bwknQ",
             values: {
-              0: failedChannelIds.length,
-              1: selectedChannelIds.length,
+              0: succeeded.length,
+              1: succeeded.length,
+              2: succeeded.length,
               entityIdsLength,
               entityType
             }
           }
         ), {
-          description
+          description: _t(
+            /*i18n*/
+            {
+              id: "Ll4uCx",
+              values: {
+                failedCodes
+              }
+            }
+          )
         });
+        setSelectedChannelIds(failed.map((f2) => f2.channelId));
+        onSuccess?.();
       }
-    } finally {
-      setIsAssigning(false);
+    },
+    onError: () => {
+      toast.error(_t(
+        /*i18n*/
+        {
+          id: "Grk2SU",
+          values: {
+            entityIdsLength,
+            entityType
+          }
+        }
+      ));
     }
+  });
+  const handleAssign = () => {
+    if (selectedChannelIds.length === 0) {
+      return;
+    }
+    mutate2();
   };
   return /* @__PURE__ */ jsx(Dialog, { open, onOpenChange, children: /* @__PURE__ */ jsxs(DialogContent, { className: "sm:max-w-[425px]", children: [
     /* @__PURE__ */ jsxs(DialogHeader, { children: [
@@ -103117,7 +103181,7 @@ function AssignToChannelDialog({
           {
             id: "PLeYjq"
           }
-        ), className: "w-full" })
+        ), showSearch: true, className: "w-full" })
       ] }),
       additionalFields
     ] }),
@@ -103126,7 +103190,7 @@ function AssignToChannelDialog({
       {
         id: "dEgA5A"
       } }) }),
-      /* @__PURE__ */ jsx(Button$1, { onClick: handleAssign, disabled: selectedChannelIds.length === 0 || isAssigning, children: /* @__PURE__ */ jsx(Trans, { .../*i18n*/
+      /* @__PURE__ */ jsx(Button$1, { onClick: handleAssign, disabled: selectedChannelIds.length === 0 || isPending, children: /* @__PURE__ */ jsx(Trans, { .../*i18n*/
       {
         id: "kaEPzR"
       } }) })
@@ -103839,7 +103903,9 @@ function CustomerAddressForm({
   address,
   setValuesForUpdate,
   onSubmit,
-  onCancel
+  onCancel,
+  hideDefaultAddressFlags = false,
+  submitLabel
 }) {
   const {
     _: _t
@@ -103918,7 +103984,7 @@ function CustomerAddressForm({
         id: "dJW40d"
       } }), render: ({
         field
-      }) => /* @__PURE__ */ jsx(Input$2, { placeholder: "Postal Code", ...field, value: field.value || "" }) }),
+      }) => /* @__PURE__ */ jsx(Input$2, { placeholder: "Postal Code (optional)", ...field, value: field.value || "" }) }),
       /* @__PURE__ */ jsx(FormFieldWrapper, { control: form.control, name: "countryCode", label: /* @__PURE__ */ jsx(Trans, { .../*i18n*/
       {
         id: "JNCzPW"
@@ -103941,7 +104007,7 @@ function CustomerAddressForm({
       }) => /* @__PURE__ */ jsx(Input$2, { placeholder: "Phone (optional)", ...field, value: field.value || "" }) })
     ] }),
     /* @__PURE__ */ jsx(CustomFieldsForm, { entityType: "Address", control: form.control }),
-    /* @__PURE__ */ jsxs("div", { className: "grid grid-cols-1 md:grid-cols-2 gap-4 pt-2", children: [
+    !hideDefaultAddressFlags && /* @__PURE__ */ jsxs("div", { className: "grid grid-cols-1 md:grid-cols-2 gap-4 pt-2", children: [
       /* @__PURE__ */ jsx(Controller, { control: form.control, name: "defaultShippingAddress", render: ({
         field
       }) => /* @__PURE__ */ jsxs("div", { className: "flex flex-row items-start space-x-3", children: [
@@ -103978,7 +104044,7 @@ function CustomerAddressForm({
       {
         id: "dEgA5A"
       } }) }),
-      /* @__PURE__ */ jsx(Button$1, { type: "submit", children: /* @__PURE__ */ jsx(Trans, { .../*i18n*/
+      /* @__PURE__ */ jsx(Button$1, { type: "submit", children: submitLabel ?? /* @__PURE__ */ jsx(Trans, { .../*i18n*/
       {
         id: "nm+muM"
       } }) })
@@ -103998,8 +104064,26 @@ const customersDocument = graphql(`
         }
     }
 `);
-function CustomerSelector(props) {
-  const [open, setOpen] = useState(false);
+const createCustomerFormSchema = objectType({
+  title: stringType().optional(),
+  firstName: stringType().min(1, {
+    message: "First name is required"
+  }),
+  lastName: stringType().min(1, {
+    message: "Last name is required"
+  }),
+  emailAddress: stringType().min(1, {
+    message: "Email address is required"
+  }).email(),
+  phoneNumber: stringType().optional(),
+  customFields: anyType().optional()
+});
+function CustomerSearch({
+  onSelect
+}) {
+  const {
+    _: _t
+  } = useLingui();
   const [searchTerm, setSearchTerm] = useState("");
   const debouncedSearchTerm = useDebounce(searchTerm, 300);
   const {
@@ -104029,40 +104113,157 @@ function CustomerSelector(props) {
     staleTime: 1e3 * 60
     // 1 minute
   });
-  const handleSearch = (value2) => {
-    setSearchTerm(value2);
-  };
-  return /* @__PURE__ */ jsxs(Popover, { open, onOpenChange: setOpen, children: [
-    /* @__PURE__ */ jsxs(PopoverTrigger2, { render: /* @__PURE__ */ jsx(Button$1, { variant: "outline", size: "sm", type: "button", disabled: props.readOnly, className: "gap-2" }), children: [
-      /* @__PURE__ */ jsx(Plus, { className: "h-4 w-4" }),
-      props.label ?? /* @__PURE__ */ jsx(Trans, { .../*i18n*/
+  return /* @__PURE__ */ jsxs(Command, { shouldFilter: false, children: [
+    /* @__PURE__ */ jsx(CommandInput, { placeholder: _t(
+      /*i18n*/
       {
-        id: "C0uyNO"
-      } })
+        id: "6Q2qjr"
+      }
+    ), onValueChange: setSearchTerm, className: "h-10 flex-1 bg-transparent outline-none placeholder:text-muted-foreground" }),
+    /* @__PURE__ */ jsxs(CommandList, { children: [
+      /* @__PURE__ */ jsx(CommandEmpty, { children: isLoading ? /* @__PURE__ */ jsx(Trans, { .../*i18n*/
+      {
+        id: "Z3FXyt"
+      } }) : /* @__PURE__ */ jsx(Trans, { .../*i18n*/
+      {
+        id: "BLXWJv"
+      } }) }),
+      data?.customers.items.map((customer) => /* @__PURE__ */ jsxs(CommandItem, { onSelect: () => onSelect(customer), className: "flex flex-col items-start", children: [
+        /* @__PURE__ */ jsxs("div", { className: "font-medium", children: [
+          customer.firstName,
+          " ",
+          customer.lastName
+        ] }),
+        /* @__PURE__ */ jsx("div", { className: "text-sm text-muted-foreground", children: customer.emailAddress })
+      ] }, customer.id))
+    ] })
+  ] });
+}
+function CreateCustomerForm({
+  onSubmit,
+  onCancel
+}) {
+  const form = useForm({
+    resolver: a$1(createCustomerFormSchema),
+    defaultValues: {
+      title: "",
+      firstName: "",
+      lastName: "",
+      emailAddress: "",
+      phoneNumber: "",
+      customFields: {}
+    },
+    mode: "onChange"
+  });
+  return /* @__PURE__ */ jsx(Form, { ...form, children: /* @__PURE__ */ jsxs("form", { onSubmit: (e3) => {
+    e3.stopPropagation();
+    form.handleSubmit(onSubmit)(e3).catch(() => void 0);
+  }, className: "space-y-4", children: [
+    /* @__PURE__ */ jsxs("div", { className: "grid grid-cols-1 gap-4", children: [
+      /* @__PURE__ */ jsx(FormFieldWrapper, { control: form.control, name: "title", label: /* @__PURE__ */ jsx(Trans, { .../*i18n*/
+      {
+        id: "MHrjPM"
+      } }), render: ({
+        field
+      }) => /* @__PURE__ */ jsx(Input$2, { ...field, value: field.value || "" }) }),
+      /* @__PURE__ */ jsx(FormFieldWrapper, { control: form.control, name: "firstName", label: /* @__PURE__ */ jsx(Trans, { .../*i18n*/
+      {
+        id: "V1EGGU"
+      } }), render: ({
+        field
+      }) => /* @__PURE__ */ jsx(Input$2, { ...field, value: field.value || "" }) }),
+      /* @__PURE__ */ jsx(FormFieldWrapper, { control: form.control, name: "lastName", label: /* @__PURE__ */ jsx(Trans, { .../*i18n*/
+      {
+        id: "1ZaQUH"
+      } }), render: ({
+        field
+      }) => /* @__PURE__ */ jsx(Input$2, { ...field, value: field.value || "" }) }),
+      /* @__PURE__ */ jsx(FormFieldWrapper, { control: form.control, name: "emailAddress", label: /* @__PURE__ */ jsx(Trans, { .../*i18n*/
+      {
+        id: "ATGYL1"
+      } }), render: ({
+        field
+      }) => /* @__PURE__ */ jsx(Input$2, { ...field, value: field.value || "" }) }),
+      /* @__PURE__ */ jsx(FormFieldWrapper, { control: form.control, name: "phoneNumber", label: /* @__PURE__ */ jsx(Trans, { .../*i18n*/
+      {
+        id: "ZuLy43"
+      } }), render: ({
+        field
+      }) => /* @__PURE__ */ jsx(Input$2, { ...field, value: field.value || "" }) })
     ] }),
-    /* @__PURE__ */ jsx(PopoverContent, { className: "p-0 w-[350px]", align: "start", children: /* @__PURE__ */ jsxs(Command, { shouldFilter: false, children: [
-      /* @__PURE__ */ jsx(CommandInput, { placeholder: "Search customers...", onValueChange: handleSearch, className: "h-10 flex-1 bg-transparent outline-none placeholder:text-muted-foreground" }),
-      /* @__PURE__ */ jsxs(CommandList, { children: [
-        /* @__PURE__ */ jsx(CommandEmpty, { children: isLoading ? /* @__PURE__ */ jsx(Trans, { .../*i18n*/
-        {
-          id: "Z3FXyt"
-        } }) : /* @__PURE__ */ jsx(Trans, { .../*i18n*/
-        {
-          id: "BLXWJv"
-        } }) }),
-        data?.customers.items.map((customer) => /* @__PURE__ */ jsxs(CommandItem, { onSelect: () => {
-          props.onSelect(customer);
-          setOpen(false);
-        }, className: "flex flex-col items-start", children: [
-          /* @__PURE__ */ jsxs("div", { className: "font-medium", children: [
-            customer.firstName,
-            " ",
-            customer.lastName
-          ] }),
-          /* @__PURE__ */ jsx("div", { className: "text-sm text-muted-foreground", children: customer.emailAddress })
-        ] }, customer.id))
-      ] })
-    ] }) })
+    /* @__PURE__ */ jsx(CustomFieldsForm, { entityType: "Customer", control: form.control }),
+    /* @__PURE__ */ jsxs("div", { className: "flex justify-end gap-2 pt-2", children: [
+      onCancel && /* @__PURE__ */ jsx(Button$1, { type: "button", variant: "outline", onClick: onCancel, children: /* @__PURE__ */ jsx(Trans, { .../*i18n*/
+      {
+        id: "dEgA5A"
+      } }) }),
+      /* @__PURE__ */ jsx(Button$1, { type: "submit", disabled: !form.formState.isValid, children: /* @__PURE__ */ jsx(Trans, { .../*i18n*/
+      {
+        id: "dxd1/G"
+      } }) })
+    ] })
+  ] }) });
+}
+function CustomerSelector(props) {
+  const [open, setOpen] = useState(false);
+  const [activeTab, setActiveTab] = useState("existing");
+  const trigger = /* @__PURE__ */ jsxs(PopoverTrigger2, { render: /* @__PURE__ */ jsx(Button$1, { variant: "outline", size: "sm", type: "button", disabled: props.readOnly, className: "gap-2" }), children: [
+    /* @__PURE__ */ jsx(Plus, { className: "h-4 w-4" }),
+    props.label ?? /* @__PURE__ */ jsx(Trans, { .../*i18n*/
+    {
+      id: "C0uyNO"
+    } })
+  ] });
+  if (!props.allowCreateNew) {
+    return /* @__PURE__ */ jsxs(Popover, { open, onOpenChange: setOpen, children: [
+      trigger,
+      /* @__PURE__ */ jsx(PopoverContent, { className: "p-0 w-[350px]", align: "start", children: /* @__PURE__ */ jsx(CustomerSearch, { onSelect: (customer) => {
+        props.onSelect(customer);
+        setOpen(false);
+      } }) })
+    ] });
+  }
+  return /* @__PURE__ */ jsxs(Popover, { open, onOpenChange: (isOpen, eventDetails) => {
+    if (!isOpen && activeTab === "new") {
+      return eventDetails.cancel();
+    }
+    setOpen(isOpen);
+    if (!isOpen) {
+      setActiveTab("existing");
+    }
+  }, children: [
+    trigger,
+    /* @__PURE__ */ jsx(PopoverContent, { className: "w-[420px] p-0", align: "start", children: /* @__PURE__ */ jsx("div", { className: "p-4", children: /* @__PURE__ */ jsxs(Tabs, { value: activeTab, onValueChange: setActiveTab, children: [
+      /* @__PURE__ */ jsxs(TabsList2, { className: "grid w-full grid-cols-2", children: [
+        /* @__PURE__ */ jsxs(TabsTrigger, { value: "existing", children: [
+          /* @__PURE__ */ jsx(Users, { className: "mr-2 h-4 w-4" }),
+          /* @__PURE__ */ jsx(Trans, { .../*i18n*/
+          {
+            id: "LCVmor"
+          } })
+        ] }),
+        /* @__PURE__ */ jsxs(TabsTrigger, { value: "new", children: [
+          /* @__PURE__ */ jsx(Plus, { className: "mr-2 h-4 w-4" }),
+          /* @__PURE__ */ jsx(Trans, { .../*i18n*/
+          {
+            id: "3naYYC"
+          } })
+        ] })
+      ] }),
+      /* @__PURE__ */ jsx(TabsContent, { value: "existing", children: /* @__PURE__ */ jsx("div", { className: "mt-2 rounded-md border", children: /* @__PURE__ */ jsx(CustomerSearch, { onSelect: (customer) => {
+        props.onSelect(customer);
+        setOpen(false);
+        setActiveTab("existing");
+      } }) }) }),
+      /* @__PURE__ */ jsx(TabsContent, { value: "new", children: /* @__PURE__ */ jsx("div", { className: "mt-2", children: /* @__PURE__ */ jsx(CreateCustomerForm, { onSubmit: async (input) => {
+        await props.onCreateNew?.(input);
+        setOpen(false);
+        setActiveTab("existing");
+      }, onCancel: () => {
+        setOpen(false);
+        setActiveTab("existing");
+      } }) }) })
+    ] }) }) })
   ] });
 }
 function DetailPageButton({
@@ -130149,7 +130350,7 @@ function applyCustomFieldModifiers(zodType, customField) {
   if (customField.list) {
     modifiedType = arrayType(modifiedType);
   }
-  if (customField.nullable !== false) {
+  if (customField.nullable !== false || customField.readonly) {
     modifiedType = modifiedType.optional().nullable();
   }
   if (customField.readonly) {
@@ -130676,6 +130877,9 @@ function ListPage({
   children,
   rowActions,
   transformData,
+  transformQueryKey,
+  disableViewOptions,
+  includeSelectionColumn,
   setTableOptions,
   bulkActions,
   registerRefresher,
@@ -130770,6 +130974,9 @@ function ListPage({
     bulkActions,
     setTableOptions,
     transformData,
+    transformQueryKey,
+    disableViewOptions,
+    includeSelectionColumn,
     registerRefresher
   };
   return /* @__PURE__ */ jsxs(Page, { pageId, children: [
@@ -130879,6 +131086,20 @@ const getEntityDuplicatorsDocument = graphql(`
             }
         }
     `, [configArgDefinitionFragment]);
+graphql(`
+    mutation CreateCustomerInputTypeRef($input: CreateCustomerInput!) {
+        createCustomer(input: $input) {
+            __typename
+        }
+    }
+`);
+graphql(`
+    mutation CreateAddressInputTypeRef($customerId: ID!, $input: CreateAddressInput!) {
+        createCustomerAddress(customerId: $customerId, input: $input) {
+            __typename
+        }
+    }
+`);
 function useGroupedPermissions() {
   const serverConfig = useServerConfig();
   const permissionDefinitions = serverConfig?.permissions ?? [];