@proveanything/smartlinks-utils-ui 0.11.1 → 0.11.3

package/dist/components/RecordsAdmin/index.js

@@ -3003,7 +3003,7 @@ function useEditorBridge(args) {
         parentValue: resolved.parentValue ?? null,
         recordId: resolved.recordId
       },
-      defaultValue: defaultData?.() ?? {}
+      defaultValue: target?.initialData ?? defaultData?.() ?? {}
     });
     editorIdRef.current = id;
   }, [target?.scope.raw, target?.recordId, target?.createMode, target?.draftKey]);
@@ -3090,6 +3090,8 @@ function useShellEditorTarget(args) {
     activeScope,
     draftKind,
     ruleWizardStep,
+    ruleWizardDraftKey,
+    ruleWizardInitialData,
     ruleWizardRule,
     resolved,
     defaultData,
@@ -3103,9 +3105,9 @@ function useShellEditorTarget(args) {
     const label = deriveDraftLabel ? deriveDraftLabel(resolved.data, editingTargetScope) : void 0;
     const rawScope = editingTargetScope.raw ?? "";
     const isDraftScope = rawScope.includes("__draft__") || rawScope.includes("item:draft:");
-    const draftKey = isDraftScope ? isCollection && selectedItemId && isDraftId2(selectedItemId) ? `item:${selectedItemId}` : `${activeScope}:${draftKind ?? "wizard"}` : void 0;
+    const draftKey = isDraftScope ? isCollection && selectedItemId && isDraftId2(selectedItemId) ? `item:${selectedItemId}` : ruleWizardDraftKey ?? `${activeScope}:${draftKind ?? "wizard"}` : void 0;
     const itemDraftCreate = isCollection && !!selectedItemId && isDraftId2(selectedItemId);
-    const createMode = itemDraftCreate || isCollection && !!selectedItemId && !resolved.recordId;
+    const createMode = itemDraftCreate || isDraftScope || isCollection && !!selectedItemId && !resolved.recordId;
     return {
       scope: editingTargetScope,
       // Item drafts must NOT inherit the parent rule's resolved recordId —
@@ -3125,7 +3127,8 @@ function useShellEditorTarget(args) {
       initialFacetRule,
       label,
       draftKey,
-      isDraftScope
+      isDraftScope,
+      initialData: createMode ? ruleWizardInitialData : void 0
     };
   }, [
     editingTargetScope?.raw,
@@ -3137,6 +3140,8 @@ function useShellEditorTarget(args) {
     activeScope,
     draftKind,
     ruleWizardStep,
+    ruleWizardDraftKey,
+    ruleWizardInitialData,
     ruleWizardRule
   ]);
   const editorCtx = useEditorBridge({
@@ -3165,6 +3170,8 @@ var useShellSelection = (args) => {
   const [draftKind, setDraftKind] = useState(null);
   const [ruleWizardStep, setRuleWizardStep] = useState(null);
   const [ruleWizardRule, setRuleWizardRule] = useState(null);
+  const [ruleWizardSeedMode, setRuleWizardSeedMode] = useState(null);
+  const [ruleWizardDraftKey, setRuleWizardDraftKey] = useState(null);
   const [selectedProductId, setSelectedProductId] = useState(
     contextScope?.productId
   );
@@ -3211,6 +3218,10 @@ var useShellSelection = (args) => {
     setRuleWizardStep,
     ruleWizardRule,
     setRuleWizardRule,
+    ruleWizardSeedMode,
+    setRuleWizardSeedMode,
+    ruleWizardDraftKey,
+    setRuleWizardDraftKey,
     selectedProductId,
     setSelectedProductId,
     drillTab,
@@ -6663,6 +6674,10 @@ function NewRuleWizard({
   onCancel,
   onNext,
   onBack,
+  canChooseSeed = false,
+  seedMode = null,
+  onSeedModeChange,
+  facets,
   children,
   itemNoun = "record"
 }) {
@@ -6680,16 +6695,57 @@ function NewRuleWizard({
           onCancel
         }
       ),
-      /* @__PURE__ */ jsx("div", { className: "flex-1 min-h-0 overflow-auto px-5 py-4", children: /* @__PURE__ */ jsx(
-        FacetRuleEditor,
-        {
-          value: rule,
-          onChange: onRuleChange,
-          collectionId,
-          preview,
-          description: "The new rule will apply to every product whose facets match every clause below."
-        }
-      ) }),
+      /* @__PURE__ */ jsxs("div", { className: "flex-1 min-h-0 overflow-auto px-5 py-4", children: [
+        /* @__PURE__ */ jsx(
+          FacetRuleEditor,
+          {
+            value: rule,
+            onChange: onRuleChange,
+            facets,
+            collectionId,
+            preview,
+            description: "The new rule will apply to every product whose facets match every clause below."
+          }
+        ),
+        canChooseSeed && /* @__PURE__ */ jsxs(
+          "div",
+          {
+            className: "mt-4 rounded-lg border p-3",
+            style: {
+              borderColor: "hsl(var(--ra-border))",
+              background: "hsl(var(--ra-surface))"
+            },
+            children: [
+              /* @__PURE__ */ jsxs("div", { className: "mb-2", children: [
+                /* @__PURE__ */ jsx("div", { className: "text-sm font-semibold", style: { color: "hsl(var(--ra-text))" }, children: "Start from" }),
+                /* @__PURE__ */ jsx("div", { className: "text-xs", style: { color: "hsl(var(--ra-muted-text))" }, children: "Choose whether the new rule starts empty or copies the current global record." })
+              ] }),
+              /* @__PURE__ */ jsxs("div", { className: "flex flex-wrap gap-2", children: [
+                /* @__PURE__ */ jsx(
+                  "button",
+                  {
+                    type: "button",
+                    className: "ra-btn",
+                    "data-variant": seedMode !== "global" ? "primary" : "ghost",
+                    onClick: () => onSeedModeChange?.("blank"),
+                    children: "Start blank"
+                  }
+                ),
+                /* @__PURE__ */ jsx(
+                  "button",
+                  {
+                    type: "button",
+                    className: "ra-btn",
+                    "data-variant": seedMode === "global" ? "primary" : "ghost",
+                    onClick: () => onSeedModeChange?.("global"),
+                    children: "Copy from global"
+                  }
+                )
+              ] })
+            ]
+          }
+        )
+      ] }),
       /* @__PURE__ */ jsx(
         WizardFooter,
         {
@@ -7930,6 +7986,10 @@ function RecordsAdminShellInner(props) {
     setRuleWizardStep,
     ruleWizardRule,
     setRuleWizardRule,
+    ruleWizardSeedMode,
+    setRuleWizardSeedMode,
+    ruleWizardDraftKey,
+    setRuleWizardDraftKey,
     selectedProductId,
     setSelectedProductId,
     drillTab,
@@ -7946,6 +8006,10 @@ function RecordsAdminShellInner(props) {
   } = selection;
   const [isReconcilingRecordSelection, setIsReconcilingRecordSelection] = useState(false);
   const { dismissed, dismiss, undismiss } = useIntroDismissed(SL, collectionId, appId, recordType);
+  const mintRuleWizardDraftKey = useCallback(
+    () => `rule-wizard:${typeof crypto !== "undefined" && "randomUUID" in crypto ? crypto.randomUUID() : `${Date.now().toString(36)}-${Math.random().toString(36).slice(2, 10)}`}`,
+    []
+  );
   const headerWillRender = useMemo(() => {
     const headerCustomised = !!title || !!subtitle || !!headerIcon || !!headerActions || showStats || !!statsItems || !!statsTitle || !!statsIcon || !!helpUrl;
     return showHeader === true || showHeader !== false && headerCustomised;
@@ -8146,6 +8210,22 @@ function RecordsAdminShellInner(props) {
     supportedScopes: supportedForResolution,
     enabled: !!editingTargetScope
   });
+  const globalSourceRecord = useMemo(
+    () => recordList.items.find((it) => !it.scope.productId && !it.scope.facetId && !it.scope.variantId && !it.scope.batchId && !it.scope.proofId && !it.facetRule),
+    [recordList.items]
+  );
+  const ruleWizardInitialData = useMemo(() => {
+    if (ruleWizardSeedMode !== "global") return void 0;
+    if (!globalSourceRecord?.data) return defaultData?.();
+    if (onCopyOverride) {
+      return onCopyOverride({ value: globalSourceRecord.data, scope: globalSourceRecord.scope });
+    }
+    try {
+      return structuredClone(globalSourceRecord.data);
+    } catch {
+      return JSON.parse(JSON.stringify(globalSourceRecord.data));
+    }
+  }, [ruleWizardSeedMode, globalSourceRecord, onCopyOverride, defaultData]);
   const refetchAll = useCallback(async () => {
     await Promise.all([
       recordList.refetch(),
@@ -8162,6 +8242,8 @@ function RecordsAdminShellInner(props) {
     activeScope,
     draftKind,
     ruleWizardStep,
+    ruleWizardDraftKey,
+    ruleWizardInitialData,
     ruleWizardRule,
     resolved: {
       data: resolved.data,
@@ -8175,12 +8257,15 @@ function RecordsAdminShellInner(props) {
     deriveDraftLabel,
     onSaved: async (isCreate, savedRecordId) => {
       onTelemetry?.({ type: "record.save", recordType, ref: editingTargetScope?.raw ?? "", isCreate });
-      if (ruleWizardStep !== null) {
+      const savedFromRuleWizard = ruleWizardStep !== null;
+      if (savedFromRuleWizard) {
         setRuleWizardStep(null);
         setRuleWizardRule(null);
+        setRuleWizardSeedMode(null);
+        setRuleWizardDraftKey(null);
         setDraftKind(null);
       }
-      if (isCreate && selectedRecordId === DRAFT_ID3) {
+      if (isCreate && selectedRecordId === DRAFT_ID3 && !(savedFromRuleWizard && !isCollection && savedRecordId)) {
         setIsReconcilingRecordSelection(true);
         setSelectedRecordId(null);
         setDraftKind(null);
@@ -8188,6 +8273,9 @@ function RecordsAdminShellInner(props) {
       if (isCreate && isCollection && savedRecordId && isDraftId3(selectedItemId)) {
         setSelectedItemId(savedRecordId);
       }
+      if (savedFromRuleWizard && !isCollection && savedRecordId) {
+        setSelectedRecordId(savedRecordId);
+      }
       if (!isCollection && isCreate && activeScope === "collection") {
         setSelectedRecordId(savedRecordId ?? null);
       }
@@ -8700,30 +8788,36 @@ function RecordsAdminShellInner(props) {
       setSelectedRecordId(null);
       setSelectedItemId(null);
       setDraftKind("rule");
+      setRuleWizardSeedMode("blank");
+      setRuleWizardDraftKey(null);
       setRuleWizardRule({ all: [] });
       setRuleWizardStep(1);
     });
-  }, [runWithGuard, activeScope]);
+  }, [runWithGuard, activeScope, setRuleWizardSeedMode, setRuleWizardDraftKey]);
   const onCancelRuleWizard = useCallback(() => {
     setRuleWizardStep(null);
     setRuleWizardRule(null);
+    setRuleWizardSeedMode(null);
+    setRuleWizardDraftKey(null);
     setSelectedRecordId(null);
     setSelectedItemId(null);
     setDraftKind(null);
-  }, []);
+  }, [setRuleWizardSeedMode, setRuleWizardDraftKey]);
   const onRuleWizardNext = useCallback(() => {
     if (cardinality === "collection") {
       setRuleWizardStep(2);
     } else {
       setRuleWizardStep(2);
+      setRuleWizardDraftKey(mintRuleWizardDraftKey());
       setSelectedRecordId(DRAFT_ID3);
     }
-  }, [cardinality]);
+  }, [cardinality, mintRuleWizardDraftKey]);
   const onRuleWizardBack = useCallback(() => {
     setRuleWizardStep(1);
+    setRuleWizardDraftKey(null);
     setSelectedRecordId(null);
     setSelectedItemId(null);
-  }, []);
+  }, [setRuleWizardDraftKey]);
   const onRuleWizardCreateItem = useCallback(() => {
     if (!isCollection) return;
     const id = coerceDraftItemId2(generateItemId);
@@ -8795,15 +8889,27 @@ function RecordsAdminShellInner(props) {
     const vocab = facetBrowse.vocabulary ?? [];
     if (!vocab.length) return [];
     const out = [];
+    const seen = /* @__PURE__ */ new Set();
     for (const facet of vocab) {
       const key = facet.key;
       if (!key) continue;
-      const values = (facet.values ?? []).filter((v) => !!v.key).map((v) => ({ key: v.key, label: v.name ?? v.key }));
+      const dedupeKey = key.trim().toLowerCase();
+      if (seen.has(dedupeKey)) continue;
+      seen.add(dedupeKey);
+      const values = (facet.values ?? []).filter((v) => !!v.key).map((v) => ({
+        key: v.key,
+        label: v.name ?? ruleLabelLookup.valueLabel?.(key, v.key) ?? v.key
+      }));
       if (!values.length) continue;
-      out.push({ key, label: facet.name ?? key, values });
+      out.push({ key, label: facet.name ?? ruleLabelLookup.facetLabel?.(key) ?? key, values });
     }
     return out;
-  }, [facetBrowse.vocabulary]);
+  }, [facetBrowse.vocabulary, ruleLabelLookup]);
+  const ruleWizardFacets = useMemo(() => facetBrowseFacets.map((facet) => ({
+    key: facet.key,
+    name: facet.label ?? facet.key,
+    values: facet.values.map((value) => ({ key: value.key, name: value.label ?? value.key }))
+  })), [facetBrowseFacets]);
   const collectionGlobalAllRow = useMemo(
     () => ({
       id: null,
@@ -8922,6 +9028,8 @@ function RecordsAdminShellInner(props) {
         if (ruleWizardStep !== null) {
           setRuleWizardStep(null);
           setRuleWizardRule(null);
+          setRuleWizardSeedMode(null);
+          setRuleWizardDraftKey(null);
         }
       }
     });
@@ -9320,6 +9428,10 @@ function RecordsAdminShellInner(props) {
                     onCancel: onCancelRuleWizard,
                     onNext: onRuleWizardNext,
                     onBack: onRuleWizardBack,
+                    canChooseSeed: !isCollection && !!globalSourceRecord,
+                    seedMode: ruleWizardSeedMode,
+                    onSeedModeChange: setRuleWizardSeedMode,
+                    facets: ruleWizardFacets,
                     itemNoun,
                     children: [
                       ruleWizardStep === 2 && !isCollection && editingTargetScope && renderEditorWithPreview(),