@e-llm-studio/instant-learning 1.3.2 → 1.3.3

package/dist/cjs/schema-driven/BPARenderer.js

@@ -1,2 +1,184 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("tslib"),i=require("react/jsx-runtime"),t=require("react"),n=require("lucide-react"),r=require("../ComponentRegistry.js"),o=require("./store/useDynamicFormStore.js"),d=require("./hooks/useParentEditEnabled.js"),a=require("./utils/editLock.js"),l=function(d){var l,s,u,v=d.node,c=d.id,p=d.tierKey,g=d.variantIndex,_=d.uiState,y=d.state,h=d.handlers,x=d.contextOverrides,f=d.renderChildren,m=o.useDynamicFormStore(),I=m.getGlobalField,b=m.getVariantField,O=m.setGlobalField,E=m.setVariantField,C=m.getGlobalReasoning,j=m.getVariantReasoning,L=m.getGlobalMirage,S=m.getVariantMirage;if(v.hidden)return null;var F=v.data_key||c,k=F.startsWith("global.")||void 0===g,D=F.replace("global.",""),T=null==x?void 0:x[D],q=void 0!==(null==T?void 0:T.value)?T.value:k?null!==(l=L(D))&&void 0!==l?l:I(D):p&&void 0!==g?null!==(s=S(p,g,D))&&void 0!==s?s:b(p,g,D):void 0,P=k?void 0!==L(D):!(!p||void 0===g)&&void 0!==S(p,g,D);null==q&&(q="array"===v.type?[]:"boolean"!==v.type&&("object"===v.type?{}:""));var A=k?C(D):p&&void 0!==g?j(p,g,D):void 0,K=function(e){var i,t,n=void 0!==(null===(i=null==e?void 0:e.target)||void 0===i?void 0:i.value)?e.target.value:e;(null===(t=null==x?void 0:x[D])||void 0===t?void 0:t.onChange)?x[D].onChange(n):k?O(D,n):p&&void 0!==g&&E(p,g,D,n)},M="array"===v.type?{onAdd:function(){return K(e.__spreadArray(e.__spreadArray([],q||[],!0),[{id:Date.now(),text:""}],!1))},onRemove:function(e,i,t){return K((q||[]).filter(function(e){return e.id!==t}))},onEdit:function(i,t,n,r){return K((q||[]).map(function(i){return i.id===n?e.__assign(e.__assign({},i),{text:r}):i}))}}:{},R=null==_?void 0:_.isAiStreaming,V=void 0!==(null==T?void 0:T.readOnly)?T.readOnly:v.read_only||R,N=a.isNodeLocked(v,_),w=null===(u=null==_?void 0:_.validationErrors)||void 0===u?void 0:u[D],W=r.resolveRegistryComponentOrFallback(v.bpa_ui_component),G=N?{readOnly:!0,enableInlineEdit:!1,hideEditControls:!0,parentEditing:!1,value:q,onChange:void 0,lockedInEditFlow:!0,lockedTooltip:a.LOCKED_IN_EDIT_FLOW_TOOLTIP}:{},z=i.jsx(t.Suspense,e.__assign({fallback:i.jsx("div",e.__assign({style:{padding:12,fontSize:13,color:"var(--il-muted, #9ca3af)"}},{children:"Loading..."}))},{children:i.jsx(W,e.__assign({id:c,schema:v,title:v.title,description:v.description,subtitle:v.subtitle,fieldName:v.title,placeholder:v.placeholder,maxLength:v.maxLength,required:v.is_required,tooltipDescription:v.tooltip||"No tooltip provided.",value:q,onChange:K,citation:A,readOnly:V,enableInlineEdit:!v.read_only,enableViewToggle:v.bpa_ui_view_toggle,errorMessage:w,isAiStreaming:R,uiState:_,state:y,handlers:h,tierKey:p,variantIndex:g,activeEditId:null==_?void 0:_.activeEditId,setActiveEditId:null==_?void 0:_.setActiveEditId,pendingEditId:null==_?void 0:_.pendingEditId,setPendingEditId:null==_?void 0:_.setPendingEditId,setSendMessageInChat:null==_?void 0:_.setSendMessageInChat,renderChildren:f,parentValueOverride:null==T?void 0:T.parentValueOverride,contextOverrides:x},M,{conditions:"array"===v.type?q:void 0,isMirage:P},T,G,{children:r.isContainerComponent(v.bpa_ui_component)&&f?f():null}))}));if(!N)return z;var B=!!(null==T?void 0:T.parentEditing)||!1===(null==T?void 0:T.readOnly);return i.jsxs("div",e.__assign({title:a.LOCKED_IN_EDIT_FLOW_TOOLTIP,style:{position:"relative",opacity:.85}},{children:[B&&i.jsxs("div",e.__assign({style:{display:"flex",alignItems:"center",gap:6,marginBottom:6,padding:"4px 8px",borderRadius:6,width:"fit-content",background:"var(--il-secondary-bg, #f1f5f9)",border:"1px solid var(--il-border, #E2E8F0)",color:"var(--il-muted, #64748B)",fontSize:12,fontWeight:500,fontFamily:'"Plus Jakarta Sans", sans-serif'}},{children:[i.jsx(n.Lock,{size:12})," ",a.LOCKED_IN_EDIT_FLOW_TOOLTIP]})),z]}))},s=function(n){var r=n.properties,o=n.tierKey,a=n.variantIndex,u=n.uiState,v=n.state,c=n.handlers,p=n.contextOverrides,g=t.useMemo(function(){return r?Object.entries(r).sort(function(e,i){var t,n,r=e[1],o=i[1];return(null!==(t=r.ui_position)&&void 0!==t?t:0)-(null!==(n=o.ui_position)&&void 0!==n?n:0)}):[]},[r]);return i.jsx(d.DynamicFormContext.Provider,e.__assign({value:!0},{children:g.map(function(e){var t=e[0],n=e[1];return i.jsx(l,{id:t,node:n,tierKey:o,variantIndex:a,uiState:u,state:v,handlers:c,contextOverrides:p,renderChildren:function(e,t,r){return n.properties?i.jsx(s,{properties:n.properties,tierKey:void 0!==r?r:o,variantIndex:void 0!==e?e:a,uiState:u,state:v,handlers:c,contextOverrides:t||p}):null}},t)})}))};exports.BPARenderer=s;
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var jsxRuntime = require('react/jsx-runtime');
+var React = require('react');
+var lucideReact = require('lucide-react');
+var ComponentRegistry = require('../ComponentRegistry.js');
+var useDynamicFormStore = require('./store/useDynamicFormStore.js');
+var useParentEditEnabled = require('./hooks/useParentEditEnabled.js');
+var editLock = require('./utils/editLock.js');
+
+const BPAFieldWrapper = ({ node, id, tierKey, variantIndex, uiState, state, handlers, contextOverrides, renderChildren }) => {
+  var _a, _b, _c;
+  const { getGlobalField, getVariantField, setGlobalField, setVariantField, getGlobalReasoning, getVariantReasoning, getGlobalMirage, getVariantMirage } = useDynamicFormStore.useDynamicFormStore();
+  if (node.hidden) return null;
+  const dataKey = node.data_key || id;
+  const isGlobal = dataKey.startsWith("global.") || variantIndex === void 0;
+  const cleanKey = dataKey.replace("global.", "");
+  const override = contextOverrides == null ? void 0 : contextOverrides[cleanKey];
+  let value = (override == null ? void 0 : override.value) !== void 0 ? override.value : isGlobal ? (_a = getGlobalMirage(cleanKey)) != null ? _a : getGlobalField(cleanKey) : tierKey && variantIndex !== void 0 ? (_b = getVariantMirage(tierKey, variantIndex, cleanKey)) != null ? _b : getVariantField(tierKey, variantIndex, cleanKey) : void 0;
+  const isMirage = isGlobal ? getGlobalMirage(cleanKey) !== void 0 : tierKey && variantIndex !== void 0 ? getVariantMirage(tierKey, variantIndex, cleanKey) !== void 0 : false;
+  if (value == null) {
+    if (node.type === "array") value = [];
+    else if (node.type === "boolean") value = false;
+    else if (node.type === "object") value = {};
+    else value = "";
+  }
+  const citation = isGlobal ? getGlobalReasoning(cleanKey) : tierKey && variantIndex !== void 0 ? getVariantReasoning(tierKey, variantIndex, cleanKey) : void 0;
+  const onChange = (newValue) => {
+    var _a2, _b2;
+    const finalValue = ((_a2 = newValue == null ? void 0 : newValue.target) == null ? void 0 : _a2.value) !== void 0 ? newValue.target.value : newValue;
+    if ((_b2 = contextOverrides == null ? void 0 : contextOverrides[cleanKey]) == null ? void 0 : _b2.onChange) {
+      contextOverrides[cleanKey].onChange(finalValue);
+      return;
+    }
+    if (isGlobal) setGlobalField(cleanKey, finalValue);
+    else if (tierKey && variantIndex !== void 0) setVariantField(tierKey, variantIndex, cleanKey, finalValue);
+  };
+  const arrayHandlers = node.type === "array" ? {
+    onAdd: () => onChange([...value || [], { id: Date.now(), text: "" }]),
+    onRemove: (tk, idx, cId) => onChange((value || []).filter((item) => item.id !== cId)),
+    onEdit: (tk, idx, cId, text) => onChange((value || []).map((item) => item.id === cId ? { ...item, text } : item))
+  } : {};
+  const isAiStreaming = uiState == null ? void 0 : uiState.isAiStreaming;
+  const readOnly = (override == null ? void 0 : override.readOnly) !== void 0 ? override.readOnly : node.read_only || isAiStreaming;
+  const lockedInEditFlow = editLock.isNodeLocked(node, uiState);
+  const errorMessage = (_c = uiState == null ? void 0 : uiState.validationErrors) == null ? void 0 : _c[cleanKey];
+  const Component = ComponentRegistry.resolveRegistryComponentOrFallback(node.bpa_ui_component);
+  const lockedProps = lockedInEditFlow ? {
+    readOnly: true,
+    enableInlineEdit: false,
+    hideEditControls: true,
+    parentEditing: false,
+    value,
+    onChange: void 0,
+    lockedInEditFlow: true,
+    lockedTooltip: editLock.LOCKED_IN_EDIT_FLOW_TOOLTIP
+  } : {};
+  const rendered = /* @__PURE__ */ jsxRuntime.jsx(React.Suspense, { fallback: /* @__PURE__ */ jsxRuntime.jsx("div", { style: { padding: 12, fontSize: 13, color: "var(--il-muted, #9ca3af)" }, children: "Loading..." }), children: /* @__PURE__ */ jsxRuntime.jsx(
+    Component,
+    {
+      id,
+      schema: node,
+      title: node.title,
+      description: node.description,
+      subtitle: node.subtitle,
+      fieldName: node.title,
+      placeholder: node.placeholder,
+      maxLength: node.maxLength,
+      required: node.is_required,
+      tooltipDescription: node.tooltip || "No tooltip provided.",
+      value,
+      onChange,
+      citation,
+      readOnly,
+      enableInlineEdit: !node.read_only,
+      enableViewToggle: node.bpa_ui_view_toggle,
+      errorMessage,
+      isAiStreaming,
+      uiState,
+      state,
+      handlers,
+      tierKey,
+      variantIndex,
+      activeEditId: uiState == null ? void 0 : uiState.activeEditId,
+      setActiveEditId: uiState == null ? void 0 : uiState.setActiveEditId,
+      pendingEditId: uiState == null ? void 0 : uiState.pendingEditId,
+      setPendingEditId: uiState == null ? void 0 : uiState.setPendingEditId,
+      setSendMessageInChat: uiState == null ? void 0 : uiState.setSendMessageInChat,
+      renderChildren,
+      parentValueOverride: override == null ? void 0 : override.parentValueOverride,
+      contextOverrides,
+      ...arrayHandlers,
+      conditions: node.type === "array" ? value : void 0,
+      isMirage,
+      ...override,
+      ...lockedProps,
+      children: ComponentRegistry.isContainerComponent(node.bpa_ui_component) && renderChildren ? renderChildren() : null
+    }
+  ) });
+  if (!lockedInEditFlow) return rendered;
+  const parentIsEditing = !!(override == null ? void 0 : override.parentEditing) || (override == null ? void 0 : override.readOnly) === false;
+  return /* @__PURE__ */ jsxRuntime.jsxs("div", { title: editLock.LOCKED_IN_EDIT_FLOW_TOOLTIP, style: { position: "relative", opacity: 0.85 }, children: [
+    parentIsEditing && /* @__PURE__ */ jsxRuntime.jsxs(
+      "div",
+      {
+        style: {
+          display: "flex",
+          alignItems: "center",
+          gap: 6,
+          marginBottom: 6,
+          padding: "4px 8px",
+          borderRadius: 6,
+          width: "fit-content",
+          background: "var(--il-secondary-bg, #f1f5f9)",
+          border: "1px solid var(--il-border, #E2E8F0)",
+          color: "var(--il-muted, #64748B)",
+          fontSize: 12,
+          fontWeight: 500,
+          fontFamily: '"Plus Jakarta Sans", sans-serif'
+        },
+        children: [
+          /* @__PURE__ */ jsxRuntime.jsx(lucideReact.Lock, { size: 12 }),
+          " ",
+          editLock.LOCKED_IN_EDIT_FLOW_TOOLTIP
+        ]
+      }
+    ),
+    rendered
+  ] });
+};
+const BPARenderer = ({ properties, tierKey, variantIndex, uiState, state, handlers, contextOverrides }) => {
+  const sortedProps = React.useMemo(() => {
+    if (!properties) return [];
+    return Object.entries(properties).sort(
+      ([, a], [, b]) => {
+        var _a, _b;
+        return ((_a = a.ui_position) != null ? _a : 0) - ((_b = b.ui_position) != null ? _b : 0);
+      }
+    );
+  }, [properties]);
+  return (
+    // Marks everything below as the dynamic-form mount, so registry components
+    // that are ALSO used by legacy CreateRule can pick the right edit gate
+    // (see useParentEditEnabled).
+    /* @__PURE__ */ jsxRuntime.jsx(useParentEditEnabled.DynamicFormContext.Provider, { value: true, children: sortedProps.map(([key, rawNode]) => {
+      const node = rawNode;
+      const renderChildren = (childVariantIndex, childOverrides, childTierKey) => {
+        if (!node.properties) return null;
+        return /* @__PURE__ */ jsxRuntime.jsx(
+          BPARenderer,
+          {
+            properties: node.properties,
+            tierKey: childTierKey !== void 0 ? childTierKey : tierKey,
+            variantIndex: childVariantIndex !== void 0 ? childVariantIndex : variantIndex,
+            uiState,
+            state,
+            handlers,
+            contextOverrides: childOverrides || contextOverrides
+          }
+        );
+      };
+      return /* @__PURE__ */ jsxRuntime.jsx(
+        BPAFieldWrapper,
+        {
+          id: key,
+          node,
+          tierKey,
+          variantIndex,
+          uiState,
+          state,
+          handlers,
+          contextOverrides,
+          renderChildren
+        },
+        key
+      );
+    }) })
+  );
+};
+
+exports.BPARenderer = BPARenderer;
 //# sourceMappingURL=BPARenderer.js.map

package/dist/cjs/schema-driven/BPARenderer.js.map

@@ -1 +1 @@
-{"version":3,"file":"BPARenderer.js","sources":[],"sourcesContent":[],"names":[],"mappings":""}
+{"version":3,"file":"BPARenderer.js","sources":["../../../src/schema-driven/BPARenderer.tsx"],"sourcesContent":["// src/schema-driven/BPARenderer.tsx\nimport React, { Suspense, useMemo } from 'react';\nimport { Lock } from 'lucide-react';\nimport { resolveRegistryComponentOrFallback, isContainerComponent } from '../ComponentRegistry';\nimport { SchemaFieldNode } from './types';\nimport { useDynamicFormStore } from './store/useDynamicFormStore';\nimport { DynamicFormContext } from './hooks/useParentEditEnabled';\nimport { isNodeLocked, LOCKED_IN_EDIT_FLOW_TOOLTIP } from './utils/editLock';\n\ninterface BPAFieldWrapperProps {\n  node: SchemaFieldNode;\n  id: string;\n  tierKey?: string;\n  variantIndex?: number;\n  uiState?: any;\n  state?: any;\n  handlers?: any;\n  contextOverrides?: any; // Allows parent layout components to inject draft state\n  renderChildren?: (childVariantIndex?: number, childOverrides?: any, childTierKey?: string) => React.ReactNode;\n}\n\nconst BPAFieldWrapper: React.FC<BPAFieldWrapperProps> = ({ node, id, tierKey, variantIndex, uiState, state, handlers, contextOverrides, renderChildren }) => {\n  const { getGlobalField, getVariantField, setGlobalField, setVariantField, getGlobalReasoning, getVariantReasoning, getGlobalMirage, getVariantMirage } = useDynamicFormStore();\n\n  if (node.hidden) return null;\n\n  const dataKey = node.data_key || id;\n  // INFERENCE: If there is no variant index, it MUST be a global field.\n  const isGlobal = dataKey.startsWith('global.') || variantIndex === undefined;\n  const cleanKey = dataKey.replace('global.', '');\n\n  // A parent layout (e.g. the group-edit FlexRow, or GlobalSetupAccordion) can\n  // inject draft state for this leaf via contextOverrides: `value`/`onChange`\n  // redirect the field to the parent's draft, `readOnly` gates editability, and\n  // `parentValueOverride` feeds a dependent dropdown the parent's DRAFT value so\n  // it can re-filter before anything is committed to the store.\n  const override = contextOverrides?.[cleanKey];\n\n  // 1. Resolve Value (Prioritize contextOverrides for draft state, then Mirage display, then Zustand Store)\n  // Mirage values are temporary display-only values shown from skeleton messages without being persisted to state.\n  let value = override?.value !== undefined \n    ? override.value \n    : isGlobal \n      ? (getGlobalMirage(cleanKey) ?? getGlobalField(cleanKey)) \n      : (tierKey && variantIndex !== undefined ? (getVariantMirage(tierKey, variantIndex, cleanKey) ?? getVariantField(tierKey, variantIndex, cleanKey)) : undefined);\n\n  // Track if this value is from a mirage (temporary display) for visual styling.\n  const isMirage = isGlobal \n    ? getGlobalMirage(cleanKey) !== undefined \n    : (tierKey && variantIndex !== undefined ? getVariantMirage(tierKey, variantIndex, cleanKey) !== undefined : false);\n\n  // Safe fallbacks to prevent undefined.length crashes\n  if (value == null) {\n    if (node.type === 'array') value = [];\n    else if (node.type === 'boolean') value = false;\n    else if (node.type === 'object') value = {};\n    else value = '';\n  }\n\n  // AI cognitive-decision reasoning stripped out of this leaf's value on write\n  // (see PayloadUtils.applyResponseToStore) — surfaced separately so field\n  // renderers can show a \"why this value\" card next to the input.\n  const citation = isGlobal\n    ? getGlobalReasoning(cleanKey)\n    : (tierKey && variantIndex !== undefined ? getVariantReasoning(tierKey, variantIndex, cleanKey) : undefined);\n\n  // 2. Generic OnChange Handler\n  const onChange = (newValue: any) => {\n    const finalValue = newValue?.target?.value !== undefined ? newValue.target.value : newValue;\n    \n    // If a layout container (like GlobalSetupAccordion) passed a draft override, use it!\n    if (contextOverrides?.[cleanKey]?.onChange) {\n       contextOverrides[cleanKey].onChange(finalValue);\n       return;\n    }\n\n    if (isGlobal) setGlobalField(cleanKey, finalValue);\n    else if (tierKey && variantIndex !== undefined) setVariantField(tierKey, variantIndex, cleanKey, finalValue);\n  };\n\n  // 3. Generic Array Handlers\n  const arrayHandlers = node.type === 'array' ? {\n    onAdd: () => onChange([...(value || []), { id: Date.now(), text: '' }]),\n    onRemove: (tk: string, idx: number, cId: number | string) => onChange((value || []).filter((item: any) => item.id !== cId)),\n    onEdit: (tk: string, idx: number, cId: number | string, text: string) => onChange((value || []).map((item: any) => item.id === cId ? { ...item, text } : item))\n  } : {};\n\n  const isAiStreaming = uiState?.isAiStreaming;\n  // A parent-injected readOnly (group-edit gating) wins over the schema default.\n  const readOnly = override?.readOnly !== undefined ? override.readOnly : (node.read_only || isAiStreaming);\n  // `read_only_in_edit_flow`: frozen once the rule exists. Beats every other gate,\n  // including a parent edit session's injected draft bindings (applied below, after\n  // the `{...override}` spread, so an open session can't hand this field an editor).\n  const lockedInEditFlow = isNodeLocked(node, uiState);\n  const errorMessage = uiState?.validationErrors?.[cleanKey];\n  const Component = resolveRegistryComponentOrFallback(node.bpa_ui_component);\n\n  // Built as a variable (not inline in JSX) so it spreads last and wins, without\n  // TS flagging the intentional duplicate keys.\n  const lockedProps: Record<string, any> = lockedInEditFlow\n    ? {\n      readOnly: true,\n      enableInlineEdit: false,\n      hideEditControls: true,\n      parentEditing: false,\n      value,\n      onChange: undefined,\n      lockedInEditFlow: true,\n      lockedTooltip: LOCKED_IN_EDIT_FLOW_TOOLTIP,\n    }\n    : {};\n\n  const rendered = (\n    <Suspense fallback={<div style={{ padding: 12, fontSize: 13, color: 'var(--il-muted, #9ca3af)' }}>Loading...</div>}>\n      <Component \n        id={id}\n        schema={node}\n        title={node.title}\n        description={node.description}\n        // Optional helper copy rendered under the field's title. Distinct from\n        // `description`, which is the AI-facing authoring guideline in the JSON.\n        subtitle={(node as any).subtitle}\n        fieldName={node.title}\n        placeholder={node.placeholder}\n        maxLength={node.maxLength}\n        required={node.is_required}\n        tooltipDescription={node.tooltip || \"No tooltip provided.\"}\n        value={value}\n        onChange={onChange}\n        citation={citation}\n        readOnly={readOnly}\n        enableInlineEdit={!node.read_only}\n        enableViewToggle={(node as any).bpa_ui_view_toggle}\n        errorMessage={errorMessage}\n        isAiStreaming={isAiStreaming}\n        uiState={uiState}\n        state={state}\n        handlers={handlers}\n        tierKey={tierKey}\n        variantIndex={variantIndex}\n        activeEditId={uiState?.activeEditId}\n        setActiveEditId={uiState?.setActiveEditId}\n        pendingEditId={uiState?.pendingEditId}\n        setPendingEditId={uiState?.setPendingEditId}\n        setSendMessageInChat={uiState?.setSendMessageInChat}\n        renderChildren={renderChildren} // Pass the children renderer down to the layout component!\n        parentValueOverride={override?.parentValueOverride} // draft parent value for dependent dropdowns\n        // Container components need to see the overrides aimed at their DESCENDANTS\n        // (keyed by leaf data_key, so they never appear in this node's own `override`)\n        // to tell whether an ancestor edit session already governs their children.\n        contextOverrides={contextOverrides}\n        {...arrayHandlers}\n        conditions={node.type === 'array' ? value : undefined}\n        isMirage={isMirage} // Flag indicating this value is a temporary mirage display, not persisted state\n        {...override} // Let a parent layout (e.g. a variant edit session) inject extra props —\n        // hideEditControls, parentEditing, conditions, onAdd/onRemove/onEdit, enableInlineEdit —\n        // without BPAFieldWrapper needing to know each field-specific prop name.\n        // Frozen fields override whatever the session injected: no value/onChange\n        // redirection to a draft, no pencil, no editable surface.\n        {...lockedProps}\n      >\n        {/* Fallback for simple containers that don't explicitly call renderChildren */}\n        {isContainerComponent(node.bpa_ui_component) && renderChildren ? renderChildren() : null}\n      </Component>\n    </Suspense>\n  );\n\n  if (!lockedInEditFlow) return rendered;\n\n  // The parent section/variant is mid-edit but this field is frozen — say so, rather\n  // than leaving an inert input the user keeps clicking. `title` carries the same copy\n  // as a native tooltip on the field itself.\n  const parentIsEditing = !!override?.parentEditing || override?.readOnly === false;\n\n  return (\n    <div title={LOCKED_IN_EDIT_FLOW_TOOLTIP} style={{ position: 'relative', opacity: 0.85 }}>\n      {parentIsEditing && (\n        <div\n          style={{\n            display: 'flex', alignItems: 'center', gap: 6, marginBottom: 6,\n            padding: '4px 8px', borderRadius: 6, width: 'fit-content',\n            background: 'var(--il-secondary-bg, #f1f5f9)', border: '1px solid var(--il-border, #E2E8F0)',\n            color: 'var(--il-muted, #64748B)', fontSize: 12, fontWeight: 500,\n            fontFamily: '\"Plus Jakarta Sans\", sans-serif',\n          }}\n        >\n          <Lock size={12} /> {LOCKED_IN_EDIT_FLOW_TOOLTIP}\n        </div>\n      )}\n      {rendered}\n    </div>\n  );\n};\n\n// --- THE RECURSIVE RENDERER ---\ninterface BPARendererProps {\n  properties: Record<string, SchemaFieldNode>;\n  tierKey?: string;\n  variantIndex?: number;\n  uiState?: any;\n  state?: any;\n  handlers?: any;\n  contextOverrides?: any;\n}\n\nexport const BPARenderer: React.FC<BPARendererProps> = ({ properties, tierKey, variantIndex, uiState, state, handlers, contextOverrides }) => {\n  const sortedProps = useMemo(() => {\n    if (!properties) return [];\n    return Object.entries(properties).sort(([, a], [, b]) => \n      ((a as SchemaFieldNode).ui_position ?? 0) - ((b as SchemaFieldNode).ui_position ?? 0)\n    );\n  }, [properties]);\n\n  return (\n    // Marks everything below as the dynamic-form mount, so registry components\n    // that are ALSO used by legacy CreateRule can pick the right edit gate\n    // (see useParentEditEnabled).\n    <DynamicFormContext.Provider value={true}>\n      {sortedProps.map(([key, rawNode]) => {\n        const node = rawNode as SchemaFieldNode;\n\n        // Function that layout components (like VariantListWrapper) can call to trigger rendering of nested properties.\n        // A variant list passes its resolved tierKey so nested fields read/write the\n        // right variantData[tierKey][index] slot (not the outer, possibly-undefined tier).\n        const renderChildren = (childVariantIndex?: number, childOverrides?: any, childTierKey?: string) => {\n           if (!node.properties) return null;\n           return (\n             <BPARenderer\n               properties={node.properties}\n               tierKey={childTierKey !== undefined ? childTierKey : tierKey}\n               variantIndex={childVariantIndex !== undefined ? childVariantIndex : variantIndex}\n               uiState={uiState}\n               state={state}\n               handlers={handlers}\n               contextOverrides={childOverrides || contextOverrides} // Pass down specific drafts!\n             />\n           );\n        };\n\n        // Notice we DO NOT loop over variants here. We render the Wrapper once and give it `renderChildren`.\n        return (\n          <BPAFieldWrapper \n            key={key} \n            id={key} \n            node={node} \n            tierKey={tierKey} \n            variantIndex={variantIndex} \n            uiState={uiState} \n            state={state} \n            handlers={handlers} \n            contextOverrides={contextOverrides}\n            renderChildren={renderChildren} \n          />\n        );\n      })}\n    </DynamicFormContext.Provider>\n  );\n};"],"names":["useDynamicFormStore","_a","_b","isNodeLocked","resolveRegistryComponentOrFallback","LOCKED_IN_EDIT_FLOW_TOOLTIP","jsx","Suspense","jsxs","Lock","useMemo","DynamicFormContext"],"mappings":"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"}

package/dist/cjs/schema-driven/FallbackField.js

@@ -1,2 +1,38 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("tslib"),n=require("react/jsx-runtime");exports.default=function(o){var r,t,i=o.schema;return"production"!==process.env.NODE_ENV&&console.warn('[componentRegistry] No component registered for bpa_ui_component "'.concat(null!==(r=null==i?void 0:i.bpa_ui_component)&&void 0!==r?r:"unknown",'"')),n.jsxs("div",e.__assign({style:{border:"1px dashed #FCA5A5",borderRadius:8,padding:12,fontSize:13,color:"#B91C1C",background:"#FEF2F2",fontFamily:'"Plus Jakarta Sans", sans-serif'}},{children:[(null==i?void 0:i.title)?"".concat(i.title,": "):"","Unsupported field (",null!==(t=null==i?void 0:i.bpa_ui_component)&&void 0!==t?t:"unknown",")"]}))};
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var jsxRuntime = require('react/jsx-runtime');
+
+const FallbackField = ({ schema }) => {
+  var _a, _b;
+  if (process.env.NODE_ENV !== "production") {
+    console.warn(
+      `[componentRegistry] No component registered for bpa_ui_component "${(_a = schema == null ? void 0 : schema.bpa_ui_component) != null ? _a : "unknown"}"`
+    );
+  }
+  return /* @__PURE__ */ jsxRuntime.jsxs(
+    "div",
+    {
+      style: {
+        border: "1px dashed #FCA5A5",
+        borderRadius: 8,
+        padding: 12,
+        fontSize: 13,
+        color: "#B91C1C",
+        background: "#FEF2F2",
+        fontFamily: '"Plus Jakarta Sans", sans-serif'
+      },
+      children: [
+        (schema == null ? void 0 : schema.title) ? `${schema.title}: ` : "",
+        "Unsupported field (",
+        (_b = schema == null ? void 0 : schema.bpa_ui_component) != null ? _b : "unknown",
+        ")"
+      ]
+    }
+  );
+};
+var FallbackField$1 = FallbackField;
+
+exports["default"] = FallbackField$1;
 //# sourceMappingURL=FallbackField.js.map

package/dist/cjs/schema-driven/FallbackField.js.map

@@ -1 +1 @@
-{"version":3,"file":"FallbackField.js","sources":[],"sourcesContent":[],"names":[],"mappings":""}
+{"version":3,"file":"FallbackField.js","sources":["../../../src/schema-driven/FallbackField.tsx"],"sourcesContent":["import React from 'react';\nimport { SchemaComponentProps } from './types';\n\n/**\n * Rendered by the registry whenever a schema node's `bpa_ui_component`\n * doesn't match a registered component, so an unrecognized value degrades\n * gracefully instead of breaking the form. Shares `SchemaComponentProps`\n * with every other registered component (including the unused `id`/\n * `children`) so it unifies cleanly in the `resolveRegistryComponentOrFallback`\n * return type.\n */\nconst FallbackField: React.FC<SchemaComponentProps> = ({ schema }) => {\n  if (process.env.NODE_ENV !== 'production') {\n    console.warn(\n      `[componentRegistry] No component registered for bpa_ui_component \"${schema?.bpa_ui_component ?? 'unknown'}\"`,\n    );\n  }\n\n  return (\n    <div\n      style={{\n        border: '1px dashed #FCA5A5',\n        borderRadius: 8,\n        padding: 12,\n        fontSize: 13,\n        color: '#B91C1C',\n        background: '#FEF2F2',\n        fontFamily: '\"Plus Jakarta Sans\", sans-serif',\n      }}\n    >\n      {schema?.title ? `${schema.title}: ` : ''}\n      Unsupported field ({schema?.bpa_ui_component ?? 'unknown'})\n    </div>\n  );\n};\n\nexport default FallbackField;\n"],"names":["jsxs"],"mappings":";;;;;;AAWA,MAAM,aAAgD,GAAA,CAAC,EAAE,MAAA,EAAa,KAAA;AAXtE,EAAA,IAAA,EAAA,EAAA,EAAA,CAAA;AAYE,EAAI,IAAA,OAAA,CAAQ,GAAI,CAAA,QAAA,KAAa,YAAc,EAAA;AACzC,IAAQ,OAAA,CAAA,IAAA;AAAA,MACN,CAAqE,kEAAA,EAAA,CAAA,EAAA,GAAA,MAAA,IAAA,IAAA,GAAA,KAAA,CAAA,GAAA,MAAA,CAAQ,gBAAR,KAAA,IAAA,GAAA,EAAA,GAA4B,SAAS,CAAA,CAAA,CAAA;AAAA,KAC5G,CAAA;AAAA,GACF;AAEA,EACE,uBAAAA,eAAA;AAAA,IAAC,KAAA;AAAA,IAAA;AAAA,MACC,KAAO,EAAA;AAAA,QACL,MAAQ,EAAA,oBAAA;AAAA,QACR,YAAc,EAAA,CAAA;AAAA,QACd,OAAS,EAAA,EAAA;AAAA,QACT,QAAU,EAAA,EAAA;AAAA,QACV,KAAO,EAAA,SAAA;AAAA,QACP,UAAY,EAAA,SAAA;AAAA,QACZ,UAAY,EAAA,iCAAA;AAAA,OACd;AAAA,MAEC,QAAA,EAAA;AAAA,QAAA,CAAA,MAAA,IAAA,IAAA,GAAA,KAAA,CAAA,GAAA,MAAA,CAAQ,KAAQ,IAAA,CAAA,EAAG,MAAO,CAAA,KAAK,CAAO,EAAA,CAAA,GAAA,EAAA;AAAA,QAAG,qBAAA;AAAA,QACtB,CAAA,EAAA,GAAA,MAAA,IAAA,IAAA,GAAA,KAAA,CAAA,GAAA,MAAA,CAAQ,qBAAR,IAA4B,GAAA,EAAA,GAAA,SAAA;AAAA,QAAU,GAAA;AAAA,OAAA;AAAA,KAAA;AAAA,GAC5D,CAAA;AAEJ,CAAA,CAAA;AAEA,sBAAe,aAAA;;;;"}

package/dist/cjs/schema-driven/components/ConditionSectionField.js

@@ -1,2 +1,45 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("tslib"),n=require("react/jsx-runtime"),t=require("react"),o=require("../../features/IL-OTJ/_components/organisms/ConditionSection/ConditionSection.js"),i=require("../utils/conditionText.js");exports.default=function(r){var d,a,u,s,c,l,v="whenToApply"===(null===(d=r.schema)||void 0===d?void 0:d.data_key),p=(null===(a=r.schema)||void 0===a?void 0:a.data_key)||"condition",f="string"==typeof r.value?r.value:"",y=t.useMemo(function(){return i.splitConditions(f,p)},[f,p]),_=t.useState([]),A=_[0],h=_[1],m=t.useRef(f);t.useEffect(function(){m.current!==f&&(h([]),m.current=f)},[f]);var x=e.__spreadArray(e.__spreadArray([],y,!0),A,!0),b=!!r.hideEditControls&&Array.isArray(r.conditions);return n.jsx(o.ConditionSection,e.__assign({},r,{citations:null===(u=r.state)||void 0===u?void 0:u.citations,conditions:b?r.conditions:x,onAdd:b?r.onAdd:function(){return h(function(n){return e.__spreadArray(e.__spreadArray([],n,!0),[{id:"new-".concat(Date.now(),"-").concat(n.length),text:""}],!1)})},onRemove:b?r.onRemove:function(e,n,t){return h(function(e){return e.filter(function(e){return e.id!==t})})},onEdit:b?r.onEdit:void 0,bordered:!0,idPrefix:"condition-".concat(null===(s=r.schema)||void 0===s?void 0:s.data_key),addLabel:v?(null===(c=r.uiState)||void 0===c?void 0:c.addWhenToApplyBtnLabel)||"Add When to apply":(null===(l=r.uiState)||void 0===l?void 0:l.addWhenNotToApplyBtnLabel)||"Add When NOT to apply"}))};
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var jsxRuntime = require('react/jsx-runtime');
+var React = require('react');
+var conditionText = require('../utils/conditionText.js');
+var ConditionSection = require('../../features/IL-OTJ/_components/organisms/ConditionSection/ConditionSection.js');
+
+function ConditionSectionField(props) {
+  var _a, _b, _c, _d, _e, _f;
+  const isWta = ((_a = props.schema) == null ? void 0 : _a.data_key) === "whenToApply";
+  const keyPrefix = ((_b = props.schema) == null ? void 0 : _b.data_key) || "condition";
+  const valueStr = typeof props.value === "string" ? props.value : "";
+  const committedItems = React.useMemo(() => conditionText.splitConditions(valueStr, keyPrefix), [valueStr, keyPrefix]);
+  const [draftRows, setDraftRows] = React.useState([]);
+  const prevValueRef = React.useRef(valueStr);
+  React.useEffect(() => {
+    if (prevValueRef.current !== valueStr) {
+      setDraftRows([]);
+      prevValueRef.current = valueStr;
+    }
+  }, [valueStr]);
+  const items = [...committedItems, ...draftRows];
+  const handleAdd = () => setDraftRows((prev) => [...prev, { id: `new-${Date.now()}-${prev.length}`, text: "" }]);
+  const handleRemove = (_tk, _idx, id) => setDraftRows((prev) => prev.filter((r) => r.id !== id));
+  const hasParentDraft = !!props.hideEditControls && Array.isArray(props.conditions);
+  return /* @__PURE__ */ jsxRuntime.jsx(
+    ConditionSection.ConditionSection,
+    {
+      ...props,
+      citations: (_c = props.state) == null ? void 0 : _c.citations,
+      conditions: hasParentDraft ? props.conditions : items,
+      onAdd: hasParentDraft ? props.onAdd : handleAdd,
+      onRemove: hasParentDraft ? props.onRemove : handleRemove,
+      onEdit: hasParentDraft ? props.onEdit : void 0,
+      bordered: true,
+      idPrefix: `condition-${(_d = props.schema) == null ? void 0 : _d.data_key}`,
+      addLabel: isWta ? ((_e = props.uiState) == null ? void 0 : _e.addWhenToApplyBtnLabel) || "Add When to apply" : ((_f = props.uiState) == null ? void 0 : _f.addWhenNotToApplyBtnLabel) || "Add When NOT to apply"
+    }
+  );
+}
+
+exports["default"] = ConditionSectionField;
 //# sourceMappingURL=ConditionSectionField.js.map

package/dist/cjs/schema-driven/components/ConditionSectionField.js.map

@@ -1 +1 @@
-{"version":3,"file":"ConditionSectionField.js","sources":[],"sourcesContent":[],"names":[],"mappings":""}
+{"version":3,"file":"ConditionSectionField.js","sources":["../../../../src/schema-driven/components/ConditionSectionField.tsx"],"sourcesContent":["import React, { useState, useEffect, useRef, useMemo } from 'react';\nimport { ConditionSection } from '../../features/IL-OTJ/_components/organisms/ConditionSection';\nimport { splitConditions } from '../utils/conditionText';\n\nexport default function ConditionSectionField(props: any) {\n  const isWta = props.schema?.data_key === 'whenToApply';\n  const keyPrefix = props.schema?.data_key || 'condition';\n\n  const valueStr = typeof props.value === 'string' ? props.value : '';\n  const committedItems = useMemo(() => splitConditions(valueStr, keyPrefix), [valueStr, keyPrefix]);\n\n  // Transient empty rows being typed; cleared once the AI writes the string back.\n  const [draftRows, setDraftRows] = useState<Array<{ id: string; text: string }>>([]);\n  const prevValueRef = useRef(valueStr);\n  useEffect(() => {\n    if (prevValueRef.current !== valueStr) {\n      setDraftRows([]);\n      prevValueRef.current = valueStr;\n    }\n  }, [valueStr]);\n\n  const items = [...committedItems, ...draftRows];\n  const handleAdd = () => setDraftRows((prev) => [...prev, { id: `new-${Date.now()}-${prev.length}`, text: '' }]);\n  // ConditionList only calls onRemove for brand-new empty rows it is cancelling.\n  const handleRemove = (_tk: string, _idx: number, id: any) => setDraftRows((prev) => prev.filter((r) => r.id !== id));\n\n  // New UI: the parent variant owns one edit session, so this field drops its own\n  // per-item chat-message flow and just displays/mutates the draft the parent\n  // handed down (conditions/onAdd/onRemove/onEdit), same contract CreateRule.tsx\n  // wires directly on <ConditionSection> for the TrafficManager template.\n  //\n  // The parent only hands down a draft while ITS session is open. Outside that we\n  // still render read-only rows parsed from the store — falling through to `[]`\n  // here is what made a newly added row vanish a frame after it appeared.\n  const hasParentDraft = !!props.hideEditControls && Array.isArray(props.conditions);\n\n  return (\n    <ConditionSection\n      {...props}\n      citations={props.state?.citations}\n      conditions={hasParentDraft ? props.conditions : items}\n      onAdd={hasParentDraft ? props.onAdd : handleAdd}\n      onRemove={hasParentDraft ? props.onRemove : handleRemove}\n      onEdit={hasParentDraft ? props.onEdit : undefined}\n      bordered={true}\n      idPrefix={`condition-${props.schema?.data_key}`}\n      addLabel={isWta\n        ? (props.uiState?.addWhenToApplyBtnLabel || 'Add When to apply')\n        : (props.uiState?.addWhenNotToApplyBtnLabel || 'Add When NOT to apply')}\n    />\n  );\n}\n"],"names":["useMemo","splitConditions","useState","useRef","useEffect","jsx","ConditionSection"],"mappings":";;;;;;;;;AAIA,SAAwB,sBAAsB,KAAY,EAAA;AAJ1D,EAAA,IAAA,EAAA,EAAA,EAAA,EAAA,EAAA,EAAA,EAAA,EAAA,EAAA,EAAA,EAAA,CAAA;AAKE,EAAA,MAAM,KAAQ,GAAA,CAAA,CAAA,EAAA,GAAA,KAAA,CAAM,MAAN,KAAA,IAAA,GAAA,KAAA,CAAA,GAAA,EAAA,CAAc,QAAa,MAAA,aAAA,CAAA;AACzC,EAAA,MAAM,SAAY,GAAA,CAAA,CAAA,EAAA,GAAA,KAAA,CAAM,MAAN,KAAA,IAAA,GAAA,KAAA,CAAA,GAAA,EAAA,CAAc,QAAY,KAAA,WAAA,CAAA;AAE5C,EAAA,MAAM,WAAW,OAAO,KAAA,CAAM,KAAU,KAAA,QAAA,GAAW,MAAM,KAAQ,GAAA,EAAA,CAAA;AACjE,EAAM,MAAA,cAAA,GAAiBA,aAAQ,CAAA,MAAMC,6BAAgB,CAAA,QAAA,EAAU,SAAS,CAAG,EAAA,CAAC,QAAU,EAAA,SAAS,CAAC,CAAA,CAAA;AAGhG,EAAA,MAAM,CAAC,SAAW,EAAA,YAAY,CAAI,GAAAC,cAAA,CAA8C,EAAE,CAAA,CAAA;AAClF,EAAM,MAAA,YAAA,GAAeC,aAAO,QAAQ,CAAA,CAAA;AACpC,EAAAC,eAAA,CAAU,MAAM;AACd,IAAI,IAAA,YAAA,CAAa,YAAY,QAAU,EAAA;AACrC,MAAA,YAAA,CAAa,EAAE,CAAA,CAAA;AACf,MAAA,YAAA,CAAa,OAAU,GAAA,QAAA,CAAA;AAAA,KACzB;AAAA,GACF,EAAG,CAAC,QAAQ,CAAC,CAAA,CAAA;AAEb,EAAA,MAAM,KAAQ,GAAA,CAAC,GAAG,cAAA,EAAgB,GAAG,SAAS,CAAA,CAAA;AAC9C,EAAM,MAAA,SAAA,GAAY,MAAM,YAAa,CAAA,CAAC,SAAS,CAAC,GAAG,MAAM,EAAE,EAAA,EAAI,OAAO,IAAK,CAAA,GAAA,EAAK,CAAI,CAAA,EAAA,IAAA,CAAK,MAAM,CAAI,CAAA,EAAA,IAAA,EAAM,EAAG,EAAC,CAAC,CAAA,CAAA;AAE9G,EAAA,MAAM,YAAe,GAAA,CAAC,GAAa,EAAA,IAAA,EAAc,OAAY,YAAa,CAAA,CAAC,IAAS,KAAA,IAAA,CAAK,OAAO,CAAC,CAAA,KAAM,CAAE,CAAA,EAAA,KAAO,EAAE,CAAC,CAAA,CAAA;AAUnH,EAAM,MAAA,cAAA,GAAiB,CAAC,CAAC,KAAA,CAAM,oBAAoB,KAAM,CAAA,OAAA,CAAQ,MAAM,UAAU,CAAA,CAAA;AAEjF,EACE,uBAAAC,cAAA;AAAA,IAACC,iCAAA;AAAA,IAAA;AAAA,MACE,GAAG,KAAA;AAAA,MACJ,SAAA,EAAA,CAAW,EAAM,GAAA,KAAA,CAAA,KAAA,KAAN,IAAa,GAAA,KAAA,CAAA,GAAA,EAAA,CAAA,SAAA;AAAA,MACxB,UAAA,EAAY,cAAiB,GAAA,KAAA,CAAM,UAAa,GAAA,KAAA;AAAA,MAChD,KAAA,EAAO,cAAiB,GAAA,KAAA,CAAM,KAAQ,GAAA,SAAA;AAAA,MACtC,QAAA,EAAU,cAAiB,GAAA,KAAA,CAAM,QAAW,GAAA,YAAA;AAAA,MAC5C,MAAA,EAAQ,cAAiB,GAAA,KAAA,CAAM,MAAS,GAAA,KAAA,CAAA;AAAA,MACxC,QAAU,EAAA,IAAA;AAAA,MACV,QAAU,EAAA,CAAA,UAAA,EAAA,CAAa,EAAM,GAAA,KAAA,CAAA,MAAA,KAAN,mBAAc,QAAQ,CAAA,CAAA;AAAA,MAC7C,QAAA,EAAU,KACL,GAAA,CAAA,CAAA,EAAA,GAAA,KAAA,CAAM,OAAN,KAAA,IAAA,GAAA,KAAA,CAAA,GAAA,EAAA,CAAe,2BAA0B,mBACzC,GAAA,CAAA,CAAA,EAAA,GAAA,KAAA,CAAM,OAAN,KAAA,IAAA,GAAA,KAAA,CAAA,GAAA,EAAA,CAAe,yBAA6B,KAAA,uBAAA;AAAA,KAAA;AAAA,GACnD,CAAA;AAEJ;;;;"}

package/dist/cjs/schema-driven/components/ConfigSectionField.js

@@ -1,2 +1,21 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("tslib"),i=require("react/jsx-runtime"),n=require("../../features/IL-OTJ/_components/organisms/ConfigSection/ConfigSection.js");exports.default=function(o){var t,r,s,a,u,l,v=o.tierKey||"tier_1",d=o.variantIndex||0,g=(null===(s=null===(r=null===(t=o.uiState)||void 0===t?void 0:t.separationItemsByTier)||void 0===r?void 0:r[v])||void 0===s?void 0:s.get(d))||[],_=(null===(l=null===(u=null===(a=o.uiState)||void 0===a?void 0:a.togglesByTier)||void 0===u?void 0:u[v])||void 0===l?void 0:l.get(d))||[];return i.jsx(n.ConfigSection,e.__assign({},o,{separationItems:g,toggles:_,onConfigChange:function(i,n){var t;o.onChange(e.__assign(e.__assign({},o.value||{}),((t={})[i]=n,t)))}}))};
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var jsxRuntime = require('react/jsx-runtime');
+var ConfigSection = require('../../features/IL-OTJ/_components/organisms/ConfigSection/ConfigSection.js');
+
+function ConfigSectionField(props) {
+  var _a, _b, _c, _d, _e, _f;
+  const tier = props.tierKey || "tier_1";
+  const idx = props.variantIndex || 0;
+  const separationItems = ((_c = (_b = (_a = props.uiState) == null ? void 0 : _a.separationItemsByTier) == null ? void 0 : _b[tier]) == null ? void 0 : _c.get(idx)) || [];
+  const toggles = ((_f = (_e = (_d = props.uiState) == null ? void 0 : _d.togglesByTier) == null ? void 0 : _e[tier]) == null ? void 0 : _f.get(idx)) || [];
+  const handleConfigChange = (key, val) => {
+    props.onChange({ ...props.value || {}, [key]: val });
+  };
+  return /* @__PURE__ */ jsxRuntime.jsx(ConfigSection.ConfigSection, { ...props, separationItems, toggles, onConfigChange: handleConfigChange });
+}
+
+exports["default"] = ConfigSectionField;
 //# sourceMappingURL=ConfigSectionField.js.map

package/dist/cjs/schema-driven/components/ConfigSectionField.js.map

@@ -1 +1 @@
-{"version":3,"file":"ConfigSectionField.js","sources":[],"sourcesContent":[],"names":[],"mappings":""}
+{"version":3,"file":"ConfigSectionField.js","sources":["../../../../src/schema-driven/components/ConfigSectionField.tsx"],"sourcesContent":["import React from 'react';\nimport { ConfigSection } from '../../features/IL-OTJ/_components/organisms/ConfigSection';\n\n// Advanced-settings section; sources its per-variant items/toggles from uiState.\nexport default function ConfigSectionField(props: any) {\n  const tier = props.tierKey || 'tier_1';\n  const idx = props.variantIndex || 0;\n  const separationItems = props.uiState?.separationItemsByTier?.[tier]?.get(idx) || [];\n  const toggles = props.uiState?.togglesByTier?.[tier]?.get(idx) || [];\n\n  const handleConfigChange = (key: string, val: any) => {\n    props.onChange({ ...(props.value || {}), [key]: val });\n  };\n\n  return <ConfigSection {...props} separationItems={separationItems} toggles={toggles} onConfigChange={handleConfigChange} />;\n}\n"],"names":["ConfigSection"],"mappings":";;;;;;;AAIA,SAAwB,mBAAmB,KAAY,EAAA;AAJvD,EAAA,IAAA,EAAA,EAAA,EAAA,EAAA,EAAA,EAAA,EAAA,EAAA,EAAA,EAAA,EAAA,CAAA;AAKE,EAAM,MAAA,IAAA,GAAO,MAAM,OAAW,IAAA,QAAA,CAAA;AAC9B,EAAM,MAAA,GAAA,GAAM,MAAM,YAAgB,IAAA,CAAA,CAAA;AAClC,EAAM,MAAA,eAAA,GAAA,CAAA,CAAkB,EAAM,GAAA,CAAA,EAAA,GAAA,CAAA,EAAA,GAAA,KAAA,CAAA,OAAA,KAAN,IAAe,GAAA,KAAA,CAAA,GAAA,EAAA,CAAA,qBAAA,KAAf,mBAAuC,IAAvC,CAAA,KAAA,IAAA,GAAA,KAAA,CAAA,GAAA,EAAA,CAA8C,GAAI,CAAA,GAAA,CAAA,KAAQ,EAAC,CAAA;AACnF,EAAM,MAAA,OAAA,GAAA,CAAA,CAAU,EAAM,GAAA,CAAA,EAAA,GAAA,CAAA,EAAA,GAAA,KAAA,CAAA,OAAA,KAAN,IAAe,GAAA,KAAA,CAAA,GAAA,EAAA,CAAA,aAAA,KAAf,mBAA+B,IAA/B,CAAA,KAAA,IAAA,GAAA,KAAA,CAAA,GAAA,EAAA,CAAsC,GAAI,CAAA,GAAA,CAAA,KAAQ,EAAC,CAAA;AAEnE,EAAM,MAAA,kBAAA,GAAqB,CAAC,GAAA,EAAa,GAAa,KAAA;AACpD,IAAM,KAAA,CAAA,QAAA,CAAS,EAAE,GAAI,KAAM,CAAA,KAAA,IAAS,EAAC,EAAI,CAAC,GAAG,GAAG,GAAA,EAAK,CAAA,CAAA;AAAA,GACvD,CAAA;AAEA,EAAA,sCAAQA,2BAAe,EAAA,EAAA,GAAG,OAAO,eAAkC,EAAA,OAAA,EAAkB,gBAAgB,kBAAoB,EAAA,CAAA,CAAA;AAC3H;;;;"}

package/dist/cjs/schema-driven/components/DropdownSectionField.js

@@ -1,2 +1,36 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("tslib"),o=require("react/jsx-runtime"),i=require("../../features/IL-OTJ/_components/organisms/DropdownSection/DropdownSection.js"),n=require("../store/useDynamicFormStore.js"),r=function(e){if(Array.isArray(e))return e.map(function(e){return e&&"object"==typeof e?e:{label:String(e),value:e}})};exports.default=function(t){var l,a,d,s,u,v,c,p,m,y,_=(null===(l=t.schema)||void 0===l?void 0:l.dynamic_options_key)||"".concat(null===(a=t.schema)||void 0===a?void 0:a.data_key,"Options"),f=null===(s=null===(d=t.uiState)||void 0===d?void 0:d.dynamicOptions)||void 0===s?void 0:s[_],h=null!==(c=null!==(u=Array.isArray(f)&&f.length>0?f:void 0)&&void 0!==u?u:r(null===(v=t.schema)||void 0===v?void 0:v.options))&&void 0!==c?c:r(null===(p=t.schema)||void 0===p?void 0:p.enum),g=null===(m=t.schema)||void 0===m?void 0:m.depends_on_global_key,O=g?void 0!==t.parentValueOverride?t.parentValueOverride:n.useDynamicFormStore.getState().getGlobalField(g):void 0;g&&(h=(null==h?void 0:h.filter(function(e){return e.parentValue===O}))||[]);var S=!!g&&!O;return o.jsx("div",e.__assign({style:{flex:1,minWidth:0}},{children:o.jsx(i.DropdownSection,e.__assign({},t,{options:h,placeholder:null===(y=t.schema)||void 0===y?void 0:y.placeholder,readOnly:t.readOnly||S}))}))};
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var jsxRuntime = require('react/jsx-runtime');
+var useDynamicFormStore = require('../store/useDynamicFormStore.js');
+var DropdownSection = require('../../features/IL-OTJ/_components/organisms/DropdownSection/DropdownSection.js');
+
+const normalizeOptions = (raw) => {
+  if (!Array.isArray(raw)) return void 0;
+  return raw.map((opt) => opt && typeof opt === "object" ? opt : { label: String(opt), value: opt });
+};
+function DropdownSectionField(props) {
+  var _a, _b, _c, _d, _e, _f, _g, _h, _i, _j;
+  const stateKey = ((_a = props.schema) == null ? void 0 : _a.dynamic_options_key) || `${(_b = props.schema) == null ? void 0 : _b.data_key}Options`;
+  const dynamicOpts = (_d = (_c = props.uiState) == null ? void 0 : _c.dynamicOptions) == null ? void 0 : _d[stateKey];
+  let resolvedOptions = (_h = (_f = Array.isArray(dynamicOpts) && dynamicOpts.length > 0 ? dynamicOpts : void 0) != null ? _f : normalizeOptions((_e = props.schema) == null ? void 0 : _e.options)) != null ? _h : normalizeOptions((_g = props.schema) == null ? void 0 : _g.enum);
+  const parentKey = (_i = props.schema) == null ? void 0 : _i.depends_on_global_key;
+  const parentVal = parentKey ? props.parentValueOverride !== void 0 ? props.parentValueOverride : useDynamicFormStore.useDynamicFormStore.getState().getGlobalField(parentKey) : void 0;
+  if (parentKey) {
+    resolvedOptions = (resolvedOptions == null ? void 0 : resolvedOptions.filter((opt) => opt.parentValue === parentVal)) || [];
+  }
+  const isPendingDependency = !!parentKey && !parentVal;
+  return /* @__PURE__ */ jsxRuntime.jsx("div", { style: { flex: 1, minWidth: 0 }, children: /* @__PURE__ */ jsxRuntime.jsx(
+    DropdownSection.DropdownSection,
+    {
+      ...props,
+      options: resolvedOptions,
+      placeholder: (_j = props.schema) == null ? void 0 : _j.placeholder,
+      readOnly: props.readOnly || isPendingDependency
+    }
+  ) });
+}
+
+exports["default"] = DropdownSectionField;
 //# sourceMappingURL=DropdownSectionField.js.map

package/dist/cjs/schema-driven/components/DropdownSectionField.js.map

@@ -1 +1 @@
-{"version":3,"file":"DropdownSectionField.js","sources":[],"sourcesContent":[],"names":[],"mappings":""}
+{"version":3,"file":"DropdownSectionField.js","sources":["../../../../src/schema-driven/components/DropdownSectionField.tsx"],"sourcesContent":["import React from 'react';\nimport { DropdownSection } from '../../features/IL-OTJ/_components/organisms/DropdownSection';\nimport { useDynamicFormStore } from '../store/useDynamicFormStore';\n\n// Normalize a JSON `options`/`enum` list into { label, value, parentValue? }.\nconst normalizeOptions = (raw: any): any[] | undefined => {\n  if (!Array.isArray(raw)) return undefined;\n  return raw.map((opt: any) => (opt && typeof opt === 'object' ? opt : { label: String(opt), value: opt }));\n};\n\n// Dropdown whose options come from host-injected `dynamicOptions` or, failing that,\n// inline JSON (`options` then `enum`). A dependent dropdown filters its options by\n// the parent field's value — preferring the draft value during a group edit.\nexport default function DropdownSectionField(props: any) {\n  // Host options are looked up by `dynamic_options_key`, defaulting to\n  // `<data_key>Options` (category → categoryOptions) so a host can inject options\n  // without the JSON declaring anything. Host wins; JSON is the fallback.\n  const stateKey = props.schema?.dynamic_options_key || `${props.schema?.data_key}Options`;\n  const dynamicOpts = props.uiState?.dynamicOptions?.[stateKey];\n  let resolvedOptions =\n    (Array.isArray(dynamicOpts) && dynamicOpts.length > 0 ? dynamicOpts : undefined) ??\n    normalizeOptions(props.schema?.options) ??\n    normalizeOptions(props.schema?.enum);\n\n  const parentKey = props.schema?.depends_on_global_key;\n  const parentVal = parentKey\n    ? (props.parentValueOverride !== undefined\n        ? props.parentValueOverride\n        : useDynamicFormStore.getState().getGlobalField(parentKey))\n    : undefined;\n  if (parentKey) {\n    resolvedOptions = resolvedOptions?.filter((opt: any) => opt.parentValue === parentVal) || [];\n  }\n  // Disable until the parent dependency is chosen.\n  const isPendingDependency = !!parentKey && !parentVal;\n\n  return (\n    <div style={{ flex: 1, minWidth: 0 }}>\n      <DropdownSection\n        {...props}\n        options={resolvedOptions}\n        placeholder={props.schema?.placeholder}\n        readOnly={props.readOnly || isPendingDependency}\n      />\n    </div>\n  );\n}"],"names":["useDynamicFormStore","jsx","DropdownSection"],"mappings":";;;;;;;;AAKA,MAAM,gBAAA,GAAmB,CAAC,GAAgC,KAAA;AACxD,EAAA,IAAI,CAAC,KAAA,CAAM,OAAQ,CAAA,GAAG,GAAU,OAAA,KAAA,CAAA,CAAA;AAChC,EAAA,OAAO,IAAI,GAAI,CAAA,CAAC,GAAc,KAAA,GAAA,IAAO,OAAO,GAAQ,KAAA,QAAA,GAAW,GAAM,GAAA,EAAE,OAAO,MAAO,CAAA,GAAG,CAAG,EAAA,KAAA,EAAO,KAAM,CAAA,CAAA;AAC1G,CAAA,CAAA;AAKA,SAAwB,qBAAqB,KAAY,EAAA;AAbzD,EAAA,IAAA,EAAA,EAAA,EAAA,EAAA,EAAA,EAAA,EAAA,EAAA,EAAA,EAAA,EAAA,EAAA,EAAA,EAAA,EAAA,EAAA,EAAA,EAAA,EAAA,CAAA;AAiBE,EAAM,MAAA,QAAA,GAAA,CAAA,CAAW,WAAM,MAAN,KAAA,IAAA,GAAA,KAAA,CAAA,GAAA,EAAA,CAAc,wBAAuB,CAAG,EAAA,CAAA,EAAA,GAAA,KAAA,CAAM,MAAN,KAAA,IAAA,GAAA,KAAA,CAAA,GAAA,EAAA,CAAc,QAAQ,CAAA,OAAA,CAAA,CAAA;AAC/E,EAAA,MAAM,WAAc,GAAA,CAAA,EAAA,GAAA,CAAA,EAAA,GAAA,KAAA,CAAM,OAAN,KAAA,IAAA,GAAA,KAAA,CAAA,GAAA,EAAA,CAAe,mBAAf,IAAgC,GAAA,KAAA,CAAA,GAAA,EAAA,CAAA,QAAA,CAAA,CAAA;AACpD,EAAI,IAAA,eAAA,GAAA,CACD,iBAAM,OAAQ,CAAA,WAAW,KAAK,WAAY,CAAA,MAAA,GAAS,CAAI,GAAA,WAAA,GAAc,KAArE,CAAA,KAAA,IAAA,GAAA,EAAA,GACD,kBAAiB,EAAM,GAAA,KAAA,CAAA,MAAA,KAAN,mBAAc,OAAO,CAAA,KADrC,YAED,gBAAiB,CAAA,CAAA,EAAA,GAAA,KAAA,CAAM,MAAN,KAAA,IAAA,GAAA,KAAA,CAAA,GAAA,EAAA,CAAc,IAAI,CAAA,CAAA;AAErC,EAAM,MAAA,SAAA,GAAA,CAAY,EAAM,GAAA,KAAA,CAAA,MAAA,KAAN,IAAc,GAAA,KAAA,CAAA,GAAA,EAAA,CAAA,qBAAA,CAAA;AAChC,EAAA,MAAM,SAAY,GAAA,SAAA,GACb,KAAM,CAAA,mBAAA,KAAwB,KAC3B,CAAA,GAAA,KAAA,CAAM,mBACN,GAAAA,uCAAA,CAAoB,QAAS,EAAA,CAAE,cAAe,CAAA,SAAS,CAC3D,GAAA,KAAA,CAAA,CAAA;AACJ,EAAA,IAAI,SAAW,EAAA;AACb,IAAA,eAAA,GAAA,CAAkB,mDAAiB,MAAO,CAAA,CAAC,QAAa,GAAI,CAAA,WAAA,KAAgB,eAAc,EAAC,CAAA;AAAA,GAC7F;AAEA,EAAA,MAAM,mBAAsB,GAAA,CAAC,CAAC,SAAA,IAAa,CAAC,SAAA,CAAA;AAE5C,EACE,uBAAAC,cAAA,CAAC,SAAI,KAAO,EAAA,EAAE,MAAM,CAAG,EAAA,QAAA,EAAU,GAC/B,EAAA,QAAA,kBAAAA,cAAA;AAAA,IAACC,+BAAA;AAAA,IAAA;AAAA,MACE,GAAG,KAAA;AAAA,MACJ,OAAS,EAAA,eAAA;AAAA,MACT,WAAA,EAAA,CAAa,EAAM,GAAA,KAAA,CAAA,MAAA,KAAN,IAAc,GAAA,KAAA,CAAA,GAAA,EAAA,CAAA,WAAA;AAAA,MAC3B,QAAA,EAAU,MAAM,QAAY,IAAA,mBAAA;AAAA,KAAA;AAAA,GAEhC,EAAA,CAAA,CAAA;AAEJ;;;;"}