@open-mercato/core 0.5.1-develop.2663.2c29774b5b → 0.5.1-develop.2681.c559bb2bc3

package/dist/modules/customers/components/detail/DealForm.js

@@ -109,6 +109,7 @@ function extractCompanyOption(record) {
 function EntityMultiSelect({
   value,
   onChange,
+  initialOptions = [],
   placeholder,
   emptyLabel,
   loadingLabel,
@@ -126,6 +127,16 @@ function EntityMultiSelect({
   const [loading, setLoading] = React.useState(false);
   const [error, setError] = React.useState(null);
   const normalizedValue = React.useMemo(() => sanitizeIdList(value), [value]);
+  React.useEffect(() => {
+    if (!initialOptions.length) return;
+    setCache((prev) => {
+      const next = new Map(prev);
+      initialOptions.forEach((option) => {
+        if (option?.id) next.set(option.id, option);
+      });
+      return next;
+    });
+  }, [initialOptions]);
   React.useEffect(() => {
     if (!normalizedValue.length) return;
     const missing = normalizedValue.filter((id) => !cache.has(id));
@@ -269,7 +280,7 @@ function EntityMultiSelect({
         "aria-label": option.label,
         children: /* @__PURE__ */ jsxs("span", { className: "flex flex-col items-start", children: [
           /* @__PURE__ */ jsx("span", { children: option.label }),
-          option.subtitle ? /* @__PURE__ */ jsx("span", { className: "text-[10px] text-muted-foreground", children: option.subtitle }) : null
+          option.subtitle ? /* @__PURE__ */ jsx("span", { className: "text-xs text-muted-foreground", children: option.subtitle }) : null
         ] })
       },
       option.id
@@ -279,6 +290,164 @@ function EntityMultiSelect({
     !normalizedValue.length && !input.trim().length ? /* @__PURE__ */ jsx("div", { className: "text-xs text-muted-foreground", children: emptyLabel }) : null
   ] });
 }
+function useDealAssociationLookups(options) {
+  const searchPeoplePage = React.useCallback(async (query, page = 1) => {
+    const params = new URLSearchParams({
+      page: String(page),
+      pageSize: "20",
+      sortField: "name",
+      sortDir: "asc"
+    });
+    if (query.trim().length) params.set("search", query.trim());
+    if (options?.excludeLinkedDealId) params.set("excludeLinkedDealId", options.excludeLinkedDealId);
+    const call = await apiCall(`/api/customers/people?${params.toString()}`);
+    if (!call.ok) {
+      throw new Error(typeof call.result?.error === "string" ? String(call.result?.error) : "Failed to search people");
+    }
+    const payload = call.result ?? {};
+    const items = Array.isArray(payload.items) ? payload.items : [];
+    return {
+      items: items.map((item) => item && typeof item === "object" ? extractPersonOption(item) : null).filter((entry) => entry !== null),
+      totalPages: typeof payload.totalPages === "number" ? payload.totalPages : 1
+    };
+  }, [options?.excludeLinkedDealId]);
+  const searchPeople = React.useCallback(async (query) => {
+    const result = await searchPeoplePage(query, 1);
+    return result.items;
+  }, [searchPeoplePage]);
+  const fetchPeopleByIds = React.useCallback(async (ids) => {
+    const unique = sanitizeIdList(ids);
+    if (!unique.length) return [];
+    try {
+      const params = new URLSearchParams({
+        ids: unique.join(","),
+        pageSize: String(Math.max(unique.length, 1))
+      });
+      const call = await apiCall(`/api/customers/people?${params.toString()}`);
+      if (!call.ok) throw new Error();
+      const payload = call.result ?? {};
+      const items = Array.isArray(payload.items) ? payload.items : [];
+      const optionMap = /* @__PURE__ */ new Map();
+      items.forEach((item) => {
+        if (!item || typeof item !== "object") return;
+        const option = extractPersonOption(item);
+        if (option?.id) optionMap.set(option.id, option);
+      });
+      return unique.map((id) => optionMap.get(id) ?? { id, label: id });
+    } catch {
+      return unique.map((id) => ({ id, label: id }));
+    }
+  }, []);
+  const searchCompaniesPage = React.useCallback(async (query, page = 1) => {
+    const params = new URLSearchParams({
+      page: String(page),
+      pageSize: "20",
+      sortField: "name",
+      sortDir: "asc"
+    });
+    if (query.trim().length) params.set("search", query.trim());
+    if (options?.excludeLinkedDealId) params.set("excludeLinkedDealId", options.excludeLinkedDealId);
+    const call = await apiCall(`/api/customers/companies?${params.toString()}`);
+    if (!call.ok) {
+      throw new Error(typeof call.result?.error === "string" ? String(call.result?.error) : "Failed to search companies");
+    }
+    const payload = call.result ?? {};
+    const items = Array.isArray(payload.items) ? payload.items : [];
+    return {
+      items: items.map((item) => item && typeof item === "object" ? extractCompanyOption(item) : null).filter((entry) => entry !== null),
+      totalPages: typeof payload.totalPages === "number" ? payload.totalPages : 1
+    };
+  }, [options?.excludeLinkedDealId]);
+  const searchCompanies = React.useCallback(async (query) => {
+    const result = await searchCompaniesPage(query, 1);
+    return result.items;
+  }, [searchCompaniesPage]);
+  const fetchCompaniesByIds = React.useCallback(async (ids) => {
+    const unique = sanitizeIdList(ids);
+    if (!unique.length) return [];
+    try {
+      const params = new URLSearchParams({
+        ids: unique.join(","),
+        pageSize: String(Math.max(unique.length, 1))
+      });
+      const call = await apiCall(`/api/customers/companies?${params.toString()}`);
+      if (!call.ok) throw new Error();
+      const payload = call.result ?? {};
+      const items = Array.isArray(payload.items) ? payload.items : [];
+      const optionMap = /* @__PURE__ */ new Map();
+      items.forEach((item) => {
+        if (!item || typeof item !== "object") return;
+        const option = extractCompanyOption(item);
+        if (option?.id) optionMap.set(option.id, option);
+      });
+      return unique.map((id) => optionMap.get(id) ?? { id, label: id });
+    } catch {
+      return unique.map((id) => ({ id, label: id }));
+    }
+  }, []);
+  return {
+    searchPeople,
+    searchPeoplePage,
+    fetchPeopleByIds,
+    searchCompanies,
+    searchCompaniesPage,
+    fetchCompaniesByIds
+  };
+}
+function DealPeopleSelector({
+  value,
+  onChange,
+  options = [],
+  disabled = false,
+  autoFocus = false
+}) {
+  const t = useT();
+  const { searchPeople, fetchPeopleByIds } = useDealAssociationLookups();
+  return /* @__PURE__ */ jsx(
+    EntityMultiSelect,
+    {
+      value,
+      onChange,
+      initialOptions: options,
+      placeholder: t("customers.deals.form.people.searchPlaceholder", "Search people\u2026"),
+      emptyLabel: t("customers.deals.form.people.empty", "No people linked yet."),
+      loadingLabel: t("customers.deals.form.people.loading", "Searching people\u2026"),
+      noResultsLabel: t("customers.deals.form.people.noResults", "No people match your search."),
+      removeLabel: t("customers.deals.form.assignees.remove", "Remove"),
+      errorLabel: t("customers.deals.form.people.error", "Failed to load people."),
+      search: searchPeople,
+      fetchByIds: fetchPeopleByIds,
+      disabled,
+      autoFocus
+    }
+  );
+}
+function DealCompaniesSelector({
+  value,
+  onChange,
+  options = [],
+  disabled = false
+}) {
+  const t = useT();
+  const { searchCompanies, fetchCompaniesByIds } = useDealAssociationLookups();
+  return /* @__PURE__ */ jsx(
+    EntityMultiSelect,
+    {
+      value,
+      onChange,
+      initialOptions: options,
+      placeholder: t("customers.deals.form.companies.searchPlaceholder", "Search companies\u2026"),
+      emptyLabel: t("customers.deals.form.companies.empty", "No companies linked yet."),
+      loadingLabel: t("customers.deals.form.companies.loading", "Searching companies\u2026"),
+      noResultsLabel: t("customers.deals.form.companies.noResults", "No companies match your search."),
+      removeLabel: t("customers.deals.form.assignees.remove", "Remove"),
+      errorLabel: t("customers.deals.form.companies.error", "Failed to load companies."),
+      search: searchCompanies,
+      fetchByIds: fetchCompaniesByIds,
+      disabled
+    }
+  );
+}
 function DealForm({
   mode,
   initialValues,
@@ -289,8 +458,17 @@ function DealForm({
   cancelLabel,
   isSubmitting = false,
   embedded = true,
+  trackDirtyWhenEmbedded = false,
   title,
-  backHref
+  backHref,
+  hideFooterActions = false,
+  onDirtyChange,
+  collapsibleGroups,
+  sortableGroups,
+  singleColumnGroups = false,
+  showAssociationsGroup = true,
+  showVersionHistory = true,
+  showCancelAction = true
 }) {
   const t = useT();
   const [pending, setPending] = React.useState(false);
@@ -362,70 +540,7 @@ function DealForm({
     loadingLabel: t("customers.deals.form.currency.loading", "Loading currencies\u2026"),
     manageTitle: t("customers.deals.form.currency.manage", "Manage currency dictionary")
   }), [t]);
-  const searchPeople = React.useCallback(async (query) => {
-    const params = new URLSearchParams({
-      pageSize: "20",
-      sortField: "name",
-      sortDir: "asc"
-    });
-    if (query.trim().length) params.set("search", query.trim());
-    const call = await apiCall(`/api/customers/people?${params.toString()}`);
-    if (!call.ok) {
-      throw new Error(typeof call.result?.error === "string" ? String(call.result?.error) : "Failed to search people");
-    }
-    const payload = call.result ?? {};
-    const items = Array.isArray(payload.items) ? payload.items : [];
-    return items.map((item) => item && typeof item === "object" ? extractPersonOption(item) : null).filter((entry) => entry !== null);
-  }, []);
-  const fetchPeopleByIds = React.useCallback(async (ids) => {
-    const unique = sanitizeIdList(ids);
-    if (!unique.length) return [];
-    const results = await Promise.all(unique.map(async (id) => {
-      try {
-        const call = await apiCall(`/api/customers/people?id=${encodeURIComponent(id)}&pageSize=1`);
-        if (!call.ok) throw new Error();
-        const payload = call.result ?? {};
-        const items = Array.isArray(payload.items) ? payload.items : [];
-        const option = items.map((item) => item && typeof item === "object" ? extractPersonOption(item) : null).find((candidate) => candidate !== null);
-        return option ?? { id, label: id };
-      } catch {
-        return { id, label: id };
-      }
-    }));
-    return results;
-  }, []);
-  const searchCompanies = React.useCallback(async (query) => {
-    const params = new URLSearchParams({
-      pageSize: "20",
-      sortField: "name",
-      sortDir: "asc"
-    });
-    if (query.trim().length) params.set("search", query.trim());
-    const call = await apiCall(`/api/customers/companies?${params.toString()}`);
-    if (!call.ok) {
-      throw new Error(typeof call.result?.error === "string" ? String(call.result?.error) : "Failed to search companies");
-    }
-    const payload = call.result ?? {};
-    const items = Array.isArray(payload.items) ? payload.items : [];
-    return items.map((item) => item && typeof item === "object" ? extractCompanyOption(item) : null).filter((entry) => entry !== null);
-  }, []);
-  const fetchCompaniesByIds = React.useCallback(async (ids) => {
-    const unique = sanitizeIdList(ids);
-    if (!unique.length) return [];
-    const results = await Promise.all(unique.map(async (id) => {
-      try {
-        const call = await apiCall(`/api/customers/companies?id=${encodeURIComponent(id)}&pageSize=1`);
-        if (!call.ok) throw new Error();
-        const payload = call.result ?? {};
-        const items = Array.isArray(payload.items) ? payload.items : [];
-        const option = items.map((item) => item && typeof item === "object" ? extractCompanyOption(item) : null).find((candidate) => candidate !== null);
-        return option ?? { id, label: id };
-      } catch {
-        return { id, label: id };
-      }
-    }));
-    return results;
-  }, []);
+  const { searchPeople, fetchPeopleByIds, searchCompanies, fetchCompaniesByIds } = useDealAssociationLookups();
   const disabled = pending || isSubmitting;
   const canDelete = mode === "edit" && typeof onDelete === "function";
   const [pipelines, setPipelines] = React.useState([]);
@@ -625,26 +740,29 @@ function DealForm({
       )
     }
   ], [currencyDictionaryLabels, fetchCurrencyOptions, resolvedCurrencyError, pipelines, pipelineStages, loadStagesForPipeline, dictionaryLabels.status, disabled, fetchCompaniesByIds, fetchPeopleByIds, searchCompanies, searchPeople, t]);
-  const groups = React.useMemo(() => [
-    {
-      id: "details",
-      title: t("customers.people.detail.deals.form.details", "Deal details"),
-      column: 1,
-      fields: ["title", "status", "pipelineId", "pipelineStageId", "valueAmount", "valueCurrency", "probability", "expectedCloseAt", "description"]
-    },
-    {
-      id: "associations",
-      title: t("customers.people.detail.deals.form.associations", "Associations"),
-      column: 1,
-      fields: ["personIds", "companyIds"]
-    },
-    {
-      id: "custom",
-      title: t("customers.people.detail.deals.form.customFields", "Custom fields"),
-      column: 2,
-      kind: "customFields"
-    }
-  ], [t]);
+  const groups = React.useMemo(() => {
+    const nextGroups = [
+      {
+        id: "details",
+        title: t("customers.people.detail.deals.form.details", "Deal details"),
+        column: 1,
+        fields: ["title", "status", "pipelineId", "pipelineStageId", "valueAmount", "valueCurrency", "probability", "expectedCloseAt", "description"]
+      },
+      ...showAssociationsGroup ? [{
+        id: "associations",
+        title: t("customers.people.detail.deals.form.associations", "Associations"),
+        column: 1,
+        fields: ["personIds", "companyIds"]
+      }] : [],
+      {
+        id: "custom",
+        title: t("customers.people.detail.deals.form.customFields", "Custom fields"),
+        column: 2,
+        kind: "customFields"
+      }
+    ];
+    return nextGroups.map((group) => singleColumnGroups ? { ...group, column: 1 } : group);
+  }, [showAssociationsGroup, singleColumnGroups, t]);
   const embeddedInitialValues = React.useMemo(() => {
     const normalizeNumber = (value) => {
       if (typeof value === "number" && Number.isFinite(value)) return value;
@@ -659,8 +777,9 @@ function DealForm({
         return sanitizeIdList(
           source.map((entry) => {
             if (typeof entry === "string") return entry;
-            if (entry && typeof entry === "object" && "id" in entry && typeof entry.id === "string") {
-              return entry.id;
+            if (entry && typeof entry === "object" && "id" in entry) {
+              const candidate = entry.id;
+              if (typeof candidate === "string") return candidate;
             }
             return null;
           })
@@ -727,9 +846,14 @@ function DealForm({
     CrudForm,
     {
       embedded,
+      trackDirtyWhenEmbedded,
       title,
       backHref,
-      versionHistory: mode === "edit" && initialValues?.id ? { resourceKind: "customers.deal", resourceId: String(initialValues.id) } : void 0,
+      hideFooterActions,
+      onDirtyChange,
+      collapsibleGroups,
+      sortableGroups,
+      versionHistory: showVersionHistory && mode === "edit" && initialValues?.id ? { resourceKind: "customers.deal", resourceId: String(initialValues.id) } : void 0,
       schema,
       fields: baseFields,
       groups,
@@ -739,7 +863,7 @@ function DealForm({
       onDelete: canDelete ? onDelete : void 0,
       deleteVisible: canDelete,
       submitLabel: submitLabel ?? (mode === "edit" ? t("customers.people.detail.deals.update", "Update deal (\u2318/Ctrl + Enter)") : t("customers.people.detail.deals.save", "Save deal (\u2318/Ctrl + Enter)")),
-      extraActions: /* @__PURE__ */ jsx(
+      extraActions: showCancelAction ? /* @__PURE__ */ jsx(
         Button,
         {
           type: "button",
@@ -748,7 +872,7 @@ function DealForm({
           disabled: pending || isSubmitting,
           children: cancelLabel ?? t("customers.people.detail.deals.cancel", "Cancel")
         }
-      )
+      ) : void 0
     }
   );
 }
@@ -761,8 +885,11 @@ function buildDealValidationError(issues, t) {
 }
 var DealForm_default = DealForm;
 export {
+  DealCompaniesSelector,
   DealForm,
+  DealPeopleSelector,
   buildDealValidationError,
-  DealForm_default as default
+  DealForm_default as default,
+  useDealAssociationLookups
 };
 //# sourceMappingURL=DealForm.js.map