@salsita-ai/sdk 0.0.0-stage → 0.49.0-develop.cbee856178

package/dist/editor/domain-reflection/AccessServiceDetail.js

@@ -0,0 +1 @@
+import{jsx as e}from"react/jsx-runtime";import{Box as o}from"@mui/material";import{useAccessServiceOverride as r,useConfiguratorRawAccessInfo as c}from"#package/react-sdk";import{JsonInspectorButton as t}from"../common/JsonInspector.js";import{PanelDetail as i}from"../common/PanelDetail.js";export const AccessServiceDetail=s=>{let{onBack:m}=s;return e(i,{onBack:m,title:"Access Service",children:e(o,{component:"div",sx:{display:"flex",flexDirection:"column",overflow:"auto"},children:e(o,{component:"div",sx:{px:1,py:.75},children:e(t,{title:"Access Data",data:{configuratorAccessInfo:c(),accessServiceOverride:r()}})})})})};

package/dist/editor/domain-reflection/CameraReflectionDetail.d.ts

@@ -0,0 +1,5 @@
+interface Props {
+    onBack: () => void;
+}
+export declare const CameraReflectionDetail: (props: Props) => import("react/jsx-runtime").JSX.Element;
+export {};

package/dist/editor/domain-reflection/CameraReflectionDetail.js

@@ -0,0 +1 @@
+import{jsx as e,jsxs as t}from"react/jsx-runtime";import{Box as o,Divider as r,Stack as a,Tooltip as n,Typography as i}from"@mui/material";import{useEagerObservableSelector as l}from"#package/react-sdk";import{PhxIcon as m}from"#package/ui-sdk";import{EditorButton as s}from"../common/EditorButton.js";import{JsonInspectorButton as c}from"../common/JsonInspector.js";import{PanelDetail as d}from"../common/PanelDetail.js";import{PanelList as p}from"../common/PanelList.js";import{useOptionalConfigurator as h,useOptionalDomain as g}from"../hooks/use-optional-runtime.js";let u=e=>({enabled:e.enabled,azimuthAngle:e.azimuthAngle,polarAngle:e.polarAngle,distance:e.distance,minDistance:e.minDistance,maxDistance:e.maxDistance,minPolarAngle:e.minPolarAngle,maxPolarAngle:e.maxPolarAngle,minAzimuthAngle:e.minAzimuthAngle,maxAzimuthAngle:e.maxAzimuthAngle,zoom:e.camera.zoom,minZoom:e.minZoom,maxZoom:e.maxZoom,smoothTime:e.smoothTime,draggingSmoothTime:e.draggingSmoothTime,maxSpeed:e.maxSpeed,azimuthRotateSpeed:e.azimuthRotateSpeed,polarRotateSpeed:e.polarRotateSpeed,dollySpeed:e.dollySpeed,dollyDragInverted:e.dollyDragInverted,truckSpeed:e.truckSpeed,mouseButtons:e.mouseButtons,touches:e.touches,dollyToCursor:e.dollyToCursor,dragToOffset:e.dragToOffset,verticalDragToForward:e.verticalDragToForward,boundaryEnclosesCamera:e.boundaryEnclosesCamera,colliderMeshes:e.colliderMeshes,restThreshold:e.restThreshold,boundaryFriction:e.boundaryFriction,dampingFactor:e.dampingFactor,draggingDampingFactor:e.draggingDampingFactor,currentAction:e.currentAction,active:e.active}),f=r=>{let{cameraControlSystem:n,compositionProjections:i,storeSystem:m}=r,s=l(m.stateSlices.committed,e=>Array.from(i.getTree(e.state).map.values()),[]);return t(a,{direction:"column",spacing:1,children:[e(c,{title:"Perspective Camera",data:n.perspectiveCamera}),e(c,{title:"Perspective Controls",data:n.perspectiveCameraControls,format:u}),e(c,{title:"Orthographic Camera",data:n.orthographicCamera}),e(c,{title:"Orthographic Controls",data:n.orthographicCameraControls,format:u}),e(o,{component:"div",style:{marginTop:16},children:e(p,{header:"Scene Nodes",headerTooltip:"Click on any node to fit the camera to that entity",items:s,onClick:e=>{n.fitEntity(e.id)},title:"id",keyField:"id"})})]})};export const CameraReflectionDetail=l=>{let{onBack:c}=l,p=h(),u=g(),y=p?.cameraControlSystem,x=u?.compositionProjections,C=u?.storeSystem;return e(d,{onBack:c,title:"Camera Control System",children:t(o,{component:"div",sx:{display:"flex",flexDirection:"column",overflow:"auto"},children:[e(o,{component:"div",sx:{px:1,py:.75},children:y&&x&&C&&e(f,{cameraControlSystem:y,compositionProjections:x,storeSystem:C})}),e(r,{}),t(o,{component:"div",sx:{px:1,py:.75},children:[e(i,{variant:"subtitle1",color:"text.secondary",noWrap:!0,sx:{mb:1,fontSize:"14px",fontWeight:600},children:"Actions"}),t(a,{direction:"column",spacing:1.5,children:[e(n,{title:"Enable camera controls for 3D navigation",placement:"left",arrow:!0,children:e("div",{children:t(s,{variant:"primary",fullWidth:!0,onClick:()=>{y?.enable()},sx:{py:1.5,fontWeight:500,textTransform:"none",fontSize:"13px",gap:1,justifyContent:"flex-start",pl:2},children:[e(m,{name:"Play",style:{fontSize:16}}),"Enable Controls"]})})}),e(n,{title:"Disable camera controls to prevent 3D navigation",placement:"left",arrow:!0,children:e("div",{children:t(s,{variant:"secondary",fullWidth:!0,onClick:()=>{y?.disable()},sx:{py:1.5,fontWeight:500,textTransform:"none",fontSize:"13px",gap:1,justifyContent:"flex-start",pl:2},children:[e(m,{name:"Pause",style:{fontSize:16}}),"Disable Controls"]})})})]})]})]})})};

package/dist/editor/domain-reflection/CanvasReflectionDetail.d.ts

@@ -0,0 +1,5 @@
+interface Props {
+    onBack: () => void;
+}
+export declare const CanvasReflectionDetail: (props: Props) => import("react/jsx-runtime").JSX.Element;
+export {};

package/dist/editor/domain-reflection/CanvasReflectionDetail.js

@@ -0,0 +1 @@
+import{jsx as e,jsxs as t}from"react/jsx-runtime";import{Box as o,Stack as n}from"@mui/material";import{useState as r}from"react";import{useEagerObservableSelector as i}from"#package/react-sdk";import{JsonInspector as s,JsonInspectorButton as a}from"../common/JsonInspector.js";import{PanelDetail as l}from"../common/PanelDetail.js";import{PanelList as m}from"../common/PanelList.js";import{useOptionalConfigurator as c,useOptionalDomain as d}from"../hooks/use-optional-runtime.js";let p=l=>{let{canvasSystem:c,compositionProjections:d,storeSystem:p}=l,[u,y]=r(null),f=i(p.stateSlices.committed,e=>Array.from(d.getTree(e.state).map.values()),[]);return t(n,{direction:"column",spacing:1,children:[e(a,{title:"Scene",data:c.ready$.value?.scene??null}),e(a,{title:"GL Context",data:c.ready$.value?.gl??null}),e(o,{component:"div",style:{marginTop:16},children:e(m,{header:"Scene Nodes",headerTooltip:"3D objects and nodes currently rendered in the Three.js scene graph",items:f,onClick:e=>{let t=c.ready$.value?.scene?.getObjectByName(e.id);t&&y(t)},title:"id",keyField:"id"})}),u&&e(s,{object:u,onClose:()=>{y(null)}})]})};export const CanvasReflectionDetail=t=>{let{onBack:n}=t,r=c(),i=d(),s=i?.compositionProjections,a=i?.storeSystem,m=r?.canvasSystem;return e(l,{onBack:n,title:"Canvas System",children:e(o,{component:"div",sx:{display:"flex",flexDirection:"column",overflow:"auto"},children:e(o,{component:"div",sx:{px:1,py:.75},children:m&&s&&a&&e(p,{canvasSystem:m,compositionProjections:s,storeSystem:a})})})})};

package/dist/editor/domain-reflection/CompositionReflectionDetail.d.ts

@@ -0,0 +1,5 @@
+interface Props {
+    onBack: () => void;
+}
+export declare const CompositionReflectionDetail: (props: Props) => import("react/jsx-runtime").JSX.Element;
+export {};

package/dist/editor/domain-reflection/CompositionReflectionDetail.js

@@ -0,0 +1 @@
+import{jsx as o}from"react/jsx-runtime";import{Box as t,Stack as e}from"@mui/material";import{useEagerObservableSelector as i}from"#package/react-sdk";import{JsonInspectorButton as r}from"../common/JsonInspector.js";import{PanelDetail as n}from"../common/PanelDetail.js";import{useOptionalDomain as m}from"../hooks/use-optional-runtime.js";let s=t=>{let{storeSystem:n,compositionProjections:m}=t;return o(e,{direction:"column",spacing:1,children:o(r,{title:"State",data:i(n.stateSlices.committed,o=>m.getTree(o.state),[m,n])})})};export const CompositionReflectionDetail=e=>{let{onBack:i}=e,r=m(),c=r?.compositionProjections,l=r?.storeSystem;return o(n,{onBack:i,title:"Composition Projections",children:o(t,{component:"div",sx:{display:"flex",flexDirection:"column",overflow:"auto"},children:o(t,{component:"div",sx:{px:1,py:.75},children:c&&l&&o(s,{compositionProjections:c,storeSystem:l})})})})};

package/dist/editor/domain-reflection/DomainReflection.d.ts

@@ -0,0 +1 @@
+export declare const DomainReflection: () => import("react/jsx-runtime").JSX.Element;

package/dist/editor/domain-reflection/DomainReflection.js

@@ -0,0 +1 @@
+import{jsx as e,jsxs as i}from"react/jsx-runtime";import{Box as o,IconButton as t,Stack as n,Tooltip as l,Typography as a}from"@mui/material";import{useState as r}from"react";import{useRoutingService as c}from"#package/react-sdk";import{PhxIcon as s}from"#package/ui-sdk";import{EditorButton as d}from"../common/EditorButton.js";import{EditorPageHeader as m}from"../common/EditorPageHeader.js";import{PanelList as p}from"../common/PanelList.js";import{AccessServiceDetail as f}from"./AccessServiceDetail.js";import{CameraReflectionDetail as x}from"./CameraReflectionDetail.js";import{CanvasReflectionDetail as h}from"./CanvasReflectionDetail.js";import{CompositionReflectionDetail as g}from"./CompositionReflectionDetail.js";import{LoadedDataDetail as y}from"./LoadedDataDetail.js";import{NavigationReflectionDetail as v}from"./NavigationReflectionDetail.js";import{PersistReflectionDetail as u}from"./PersistReflectionDetail.js";import{PublishedDataDetail as b}from"./PublishedDataDetail.js";import{UndoReflectionDetail as z}from"./UndoReflectionDetail.js";import{ValidationReflectionDetail as S}from"./ValidationReflectionDetail.js";import{WebComponentReflectionDetail as k}from"./web-component/WebComponentReflectionDetail.js";let C=[{title:"Web Component API",component:k},{title:"Published Data",component:b}],D=[{title:"Access Service",component:f},{title:"Loaded Data",component:y}],I=[{title:"Validation Projections",component:S},{title:"Undo System",component:z},{title:"Composition Projections",component:g},{title:"Navigation System",component:v}],R=[{title:"Persistence",component:u}],j=[{title:"Canvas",component:h},{title:"Cameras",component:x}];export const DomainReflection=()=>{let[f,x]=r(null),h=c(),g=f?.component;return g?e(g,{onBack:()=>{x(null)}}):i(o,{component:"div",sx:{display:"flex",flexDirection:"column"},children:[e(m,{title:"System Reflections",description:"Inspect the internal state and configuration of all Phoenix systems",tooltip:"Deep dive into internal Phoenix systems state, configuration, and runtime behavior for debugging and monitoring"}),i(n,{direction:"column",spacing:1,sx:{p:1},children:[i(o,{component:"div",children:[i(o,{component:"div",sx:{display:"flex",alignItems:"center",gap:1,px:1,py:.5,mb:.5,backgroundColor:"#f8f9fa",borderRadius:1,border:"1px solid #e9ecef"},children:[e(o,{component:"div",sx:{fontSize:"14px"},children:"\uD83D\uDE80"}),i(o,{component:"div",sx:{flex:1},children:[i(o,{component:"div",sx:{display:"flex",alignItems:"center",gap:.5},children:[e(a,{variant:"subtitle2",sx:{fontWeight:600,color:"#495057",fontSize:"11px"},children:"Initialization"}),e(l,{title:"Phoenix core systems that initialize before any domain configuration is loaded",placement:"right",arrow:!0,children:e(t,{size:"small",sx:{color:"#6c757d",fontSize:10,p:.1,"&:hover":{backgroundColor:"#ffffff",color:"#495057"}},children:e(s,{name:"Info",style:{fontSize:10}})})})]}),e(a,{variant:"caption",sx:{color:"#6c757d",fontSize:"10px",display:"block"},children:"⚙️ Core systems available before domain loading"})]})]}),e(p,{header:"Initialized systems",headerTooltip:"Core Phoenix systems that are available before domain configuration is loaded",title:"title",keyField:"title",items:C,onClick:e=>{x(e)}})]}),i(o,{component:"div",children:[i(o,{component:"div",sx:{display:"flex",alignItems:"center",gap:1,px:1,py:.5,mb:.5,backgroundColor:"#f8f9fa",borderRadius:1,border:"1px solid #e9ecef"},children:[e(o,{component:"div",sx:{fontSize:"14px"},children:"\uD83D\uDCE6"}),i(o,{component:"div",sx:{flex:1},children:[i(o,{component:"div",sx:{display:"flex",alignItems:"center",gap:.5},children:[e(a,{variant:"subtitle2",sx:{fontWeight:600,color:"#495057",fontSize:"11px"},children:"Loaded Systems"}),e(l,{title:"Runtime systems that are dynamically loaded after Phoenix initialization completes",placement:"right",arrow:!0,children:e(t,{size:"small",sx:{color:"#6c757d",fontSize:10,p:.1,"&:hover":{backgroundColor:"#ffffff",color:"#495057"}},children:e(s,{name:"Info",style:{fontSize:10}})})})]}),e(a,{variant:"caption",sx:{color:"#6c757d",fontSize:"10px",display:"block"},children:"\uD83D\uDD04 Runtime systems loaded after initialization"})]})]}),e(p,{header:"Loaded systems",headerTooltip:"Runtime systems that are loaded after Phoenix initialization is complete",title:"title",keyField:"title",items:D,onClick:e=>{x(e)}})]}),i(o,{component:"div",children:[i(o,{component:"div",sx:{display:"flex",alignItems:"center",gap:1,px:1,py:.5,mb:.5,backgroundColor:"#f8f9fa",borderRadius:1,border:"1px solid #e9ecef"},children:[e(o,{component:"div",sx:{fontSize:"14px"},children:"\uD83C\uDFD7️"}),i(o,{component:"div",sx:{flex:1},children:[i(o,{component:"div",sx:{display:"flex",alignItems:"center",gap:.5},children:[e(a,{variant:"subtitle2",sx:{fontWeight:600,color:"#495057",fontSize:"11px"},children:"Domain Systems"}),e(l,{title:"Business logic systems responsible for entity management, composition, and domain-specific operations",placement:"right",arrow:!0,children:e(t,{size:"small",sx:{color:"#6c757d",fontSize:10,p:.1,"&:hover":{backgroundColor:"#ffffff",color:"#495057"}},children:e(s,{name:"Info",style:{fontSize:10}})})})]}),e(a,{variant:"caption",sx:{color:"#6c757d",fontSize:"10px",display:"block"},children:"\uD83E\uDDE0 Business logic and entity management"})]})]}),e(p,{header:"Domain systems",headerTooltip:"Business logic systems that handle entity management and domain-specific operations",title:"title",keyField:"title",items:I,onClick:e=>{x(e)}})]}),i(o,{component:"div",children:[i(o,{component:"div",sx:{display:"flex",alignItems:"center",gap:1,px:1,py:.5,mb:.5,backgroundColor:"#f8f9fa",borderRadius:1,border:"1px solid #e9ecef"},children:[e(o,{component:"div",sx:{fontSize:"14px"},children:"\uD83D\uDD27"}),i(o,{component:"div",sx:{flex:1},children:[i(o,{component:"div",sx:{display:"flex",alignItems:"center",gap:.5},children:[e(a,{variant:"subtitle2",sx:{fontWeight:600,color:"#495057",fontSize:"11px"},children:"Application Systems"}),e(l,{title:"Systems managing data persistence, state storage, and application-level concerns like caching",placement:"right",arrow:!0,children:e(t,{size:"small",sx:{color:"#6c757d",fontSize:10,p:.1,"&:hover":{backgroundColor:"#ffffff",color:"#495057"}},children:e(s,{name:"Info",style:{fontSize:10}})})})]}),e(a,{variant:"caption",sx:{color:"#6c757d",fontSize:"10px",display:"block"},children:"\uD83D\uDCBE Data persistence and application state"})]})]}),e(p,{header:"Domain Application systems",title:"title",keyField:"title",items:R,onClick:e=>{x(e)}})]}),i(o,{component:"div",children:[i(o,{component:"div",sx:{display:"flex",alignItems:"center",gap:1,px:1,py:.5,mb:.5,backgroundColor:"#f8f9fa",borderRadius:1,border:"1px solid #e9ecef"},children:[e(o,{component:"div",sx:{fontSize:"14px"},children:"\uD83C\uDFA8"}),i(o,{component:"div",sx:{flex:1},children:[e(a,{variant:"subtitle2",sx:{fontWeight:600,color:"#495057",fontSize:"11px"},children:"Configurator Systems"}),e(a,{variant:"caption",sx:{color:"#6c757d",fontSize:"10px",display:"block"},children:"\uD83C\uDFAE 3D rendering, cameras, and user interface"})]}),e(l,{title:"User interface and 3D rendering systems including cameras, canvas, materials, and interactive controls",placement:"left",arrow:!0,children:e(t,{size:"small",sx:{color:"#6c757d",fontSize:10,p:.1,"&:hover":{backgroundColor:"#ffffff",color:"#495057"}},children:e(s,{name:"Info",style:{fontSize:10}})})})]}),e(p,{header:"Configurator systems",title:"title",keyField:"title",items:j,onClick:e=>{x(e)}})]}),i(o,{component:"div",sx:{display:"flex",alignItems:"center",gap:1,px:1,py:.5,mb:.5,backgroundColor:"#fff2f2",borderRadius:1,border:"1px solid #f5c2c7"},children:[i(o,{component:"div",sx:{flex:1},children:[i(o,{component:"div",sx:{display:"flex",alignItems:"center",gap:.5},children:[e(a,{variant:"subtitle2",sx:{fontWeight:600,color:"#dc3545",fontSize:"11px"},children:"Quick Actions"}),e(l,{title:"Immediate actions to reset or modify application state - use with caution in production",placement:"right",arrow:!0,children:e(t,{size:"small",sx:{color:"#dc3545",fontSize:10,p:.1,opacity:.8,"&:hover":{backgroundColor:"#fff2f2",opacity:1}},children:e(s,{name:"Info",style:{fontSize:10}})})})]}),e(a,{variant:"caption",sx:{color:"#dc3545",fontSize:"10px",display:"block",opacity:.8},children:"Reset application state to default"})]}),e(o,{component:"div",children:e(d,{variant:"danger",sx:{fontSize:"11px",py:.25,px:1,minWidth:"auto"},onClick:()=>{h.goToIndex()},children:"Reset State"})})]})]})]})};

package/dist/editor/domain-reflection/LoadedDataDetail.d.ts

@@ -0,0 +1,3 @@
+export declare const LoadedDataDetail: (props: {
+    onBack: () => void;
+}) => import("react/jsx-runtime").JSX.Element;

package/dist/editor/domain-reflection/LoadedDataDetail.js

@@ -0,0 +1 @@
+import{jsx as o}from"react/jsx-runtime";import{Box as t}from"@mui/material";import{useLoadedData as e}from"#package/react-sdk";import{JsonInspectorButton as a}from"../common/JsonInspector.js";import{PanelDetail as r}from"../common/PanelDetail.js";export const LoadedDataDetail=i=>{let{onBack:m}=i;return o(r,{onBack:m,title:"Loaded Data",children:o(t,{component:"div",sx:{display:"flex",flexDirection:"column",overflow:"auto"},children:o(t,{component:"div",sx:{px:1,py:.75},children:o(a,{title:"Loaded Data",data:e()})})})})};

package/dist/editor/domain-reflection/NavigationReflectionDetail.d.ts

@@ -0,0 +1,5 @@
+interface Props {
+    onBack: () => void;
+}
+export declare const NavigationReflectionDetail: (props: Props) => import("react/jsx-runtime").JSX.Element;
+export {};

package/dist/editor/domain-reflection/NavigationReflectionDetail.js

@@ -0,0 +1 @@
+import{jsx as t,jsxs as e}from"react/jsx-runtime";import{Box as i,Stack as o}from"@mui/material";import{useEagerObservableSelector as a}from"#package/react-sdk";import{JsonInspectorButton as l}from"../common/JsonInspector.js";import{PanelDetail as s}from"../common/PanelDetail.js";import{PanelList as n}from"../common/PanelList.js";import{useOptionalDomain as r}from"../hooks/use-optional-runtime.js";let c=s=>{let{storeSystem:r,navigationSystem:c,domainContextSelectors:m}=s,d=a(r.stateSlices.committed,t=>{let e=c.getActiveNavigationState(t.state),i=c.getActiveViewState(t.state),o=c.getActiveSelectionState(t.state),a=c.getActiveExportState(t.state),l=a.exportedEntityId,s=a.activeState;return{navigationState:e,viewState:i,selectedEntityId:o,exportStateContainer:a,exportedEntityId:l,exportState:s,toolState:c.getActiveToolState(t.state)}},[c,r]),p=a(r.stateSlices.committed,t=>t.state.entities,[r]);return e(o,{direction:"column",spacing:0,children:[t(i,{component:"div",sx:{px:1,py:.75},children:t(l,{title:"Navigation State",data:d,collapsed:1})}),t(n,{header:"Navigation States",headerTooltip:"Available navigation states for the configurator interface",items:m.getNavigationStates().map(t=>({title:t})),onClick:t=>{r.stageAndCommit([c.getNavigationUpdate(t.title)])},selected:t=>t.title===d.navigationState,title:"title",keyField:"title"}),t(n,{header:"View States",headerTooltip:"Available view states that control the visual presentation",items:m.getViewStates().map(t=>({title:t})),onClick:t=>{r.stageAndCommit([c.getViewUpdate(t.title)])},selected:t=>t.title===d.viewState,title:"title",keyField:"title"}),t(n,{header:"Tool States",headerTooltip:"Available tool states that control the tool selection",items:m.getToolStates().map(t=>({title:t})),onClick:t=>{r.stageAndCommit([c.getToolUpdate(t.title)])},selected:t=>t.title===d.toolState,title:"title",keyField:"title"}),t(n,{header:"Selection",headerTooltip:"Selectable entities in the current configurator session",items:p.map(t=>({title:t.id})),onClick:t=>{r.stageAndCommit([c.getSelectUpdate(t.title)])},selected:t=>t.title===d.selectedEntityId,title:"title",keyField:"title"}),t(n,{header:"Export States",headerTooltip:"Available export states that control the export selection",items:m.getExportStates().map(t=>({title:t})),onClick:t=>{r.stageAndCommit([c.getExportUpdate(t.title,c.getActiveExportState(r.stateSlices.committed.value.state).exportedEntityId)])},selected:t=>t.title===d.exportState,title:"title",keyField:"title"}),t(n,{header:"Exportable Entities",headerTooltip:"Selectable entities in the current configurator session",items:p.map(t=>({title:t.id})),onClick:t=>{r.stageAndCommit([c.getExportUpdate(c.getActiveExportState(r.stateSlices.committed.value.state).activeState,t.title)])},selected:t=>t.title===d.exportedEntityId,title:"title",keyField:"title"})]})};export const NavigationReflectionDetail=e=>{let{onBack:o}=e,a=r(),l=a?.navigationSystem,n=a?.storeSystem,m=a?.domainContextSelectors;return t(s,{onBack:o,title:"Navigation System",children:t(i,{component:"div",sx:{display:"flex",flexDirection:"column",overflow:"auto"},children:l&&n&&m&&t(c,{navigationSystem:l,storeSystem:n,domainContextSelectors:m})})})};

package/dist/editor/domain-reflection/PersistReflectionDetail.d.ts

@@ -0,0 +1,5 @@
+interface Props {
+    onBack: () => void;
+}
+export declare const PersistReflectionDetail: (props: Props) => import("react/jsx-runtime").JSX.Element;
+export {};

package/dist/editor/domain-reflection/PersistReflectionDetail.js

@@ -0,0 +1 @@
+import{jsx as e,jsxs as t,Fragment as i}from"react/jsx-runtime";import{Box as o,CircularProgress as n,Divider as r,Stack as a,Tooltip as l,Typography as s}from"@mui/material";import{P as c,match as f}from"ts-pattern";import{useEagerObservableValue as d}from"#package/react-sdk";import{PhxIcon as m}from"#package/ui-sdk";import{EditorButton as p}from"../common/EditorButton.js";import{JsonInspectorButton as h}from"../common/JsonInspector.js";import{PanelDetail as u}from"../common/PanelDetail.js";import{useOptionalDomainApplication as x}from"../hooks/use-optional-runtime.js";let g=r=>{let{configurationPersistSystem:l}=r,p=d(l.revisionId$),u=d(l.saving$),x=d(l.failure$);return t(a,{direction:"column",spacing:1,children:[e(h,{title:"Revision Information",data:{revisionId:p,timestamp:new Date().toISOString()}}),e(h,{title:"Failure",disabled:null==x,data:x?{error:x.error,timestamp:new Date(x.timestamp).toISOString()}:void 0}),e(o,{component:"div",sx:{p:1.5,backgroundColor:f([x,u]).with([null,!0],()=>"#fff3cd").with([null,!1],()=>"#d1edff").with([{error:c._},c.boolean],()=>"#ffe6e6").exhaustive(),borderRadius:1,border:f([x,u]).with([null,!0],()=>"1px solid #ffeaa7").with([null,!1],()=>"1px solid #74b9ff").with([{error:c._},c.boolean],()=>"1px solid #e74c3c").exhaustive(),display:"flex",alignItems:"center",gap:1},children:f([x,u]).with([c._,!0],()=>t(i,{children:[e(n,{size:16,sx:{color:"#856404"}}),e(s,{variant:"body2",sx:{fontWeight:500,color:"#856404",fontSize:"12px"},children:"Saving configuration..."})]})).with([null,!1],()=>t(i,{children:[e(m,{name:"CheckCircle",sx:{color:"#0984e3",fontSize:16}}),e(s,{variant:"body2",sx:{fontWeight:500,color:"#0984e3",fontSize:"12px"},children:"Configuration saved"})]})).with([{error:c._},!1],()=>t(i,{children:[e(m,{name:"WarningCircle",sx:{color:"#e74c3c",fontSize:16}}),e(s,{variant:"body2",sx:{fontWeight:500,color:"#e74c3c",fontSize:"12px"},children:"Error saving configuration"})]})).exhaustive()})]})};export const PersistReflectionDetail=i=>{let{onBack:n}=i,c=x()?.configurationPersistSystem;return e(u,{onBack:n,title:"Persist Service",children:t(o,{component:"div",sx:{display:"flex",flexDirection:"column",overflow:"auto"},children:[e(o,{component:"div",sx:{px:1,py:.75},children:c&&e(g,{configurationPersistSystem:c})}),e(r,{}),t(o,{component:"div",sx:{px:1,py:.75},children:[e(s,{variant:"subtitle1",color:"text.secondary",noWrap:!0,sx:{mb:1,fontSize:"14px",fontWeight:600},children:"Actions"}),t(a,{direction:"column",spacing:1.5,children:[e(l,{title:"Save the current configuration state to persistent storage",placement:"left",arrow:!0,children:e("div",{children:t(p,{variant:"primary",fullWidth:!0,onClick:()=>{c?.save()},sx:{py:1.5,fontWeight:500,textTransform:"none",fontSize:"13px",gap:1,justifyContent:"flex-start",pl:2},children:[e(m,{name:"CloudArrowUp",style:{fontSize:16}}),"Save Configuration"]})})}),e(l,{title:"Force save configuration even if no changes are detected",placement:"left",arrow:!0,children:e("div",{children:t(p,{variant:"secondary",fullWidth:!0,onClick:()=>{c?.save(!0)},sx:{py:1.5,fontWeight:500,textTransform:"none",fontSize:"13px",gap:1,justifyContent:"flex-start",pl:2},children:[e(m,{name:"Export",style:{fontSize:16}}),"Force Save"]})})})]})]})]})})};

package/dist/editor/domain-reflection/PublishedDataDetail.d.ts

@@ -0,0 +1,3 @@
+export declare const PublishedDataDetail: (props: {
+    onBack: () => void;
+}) => import("react/jsx-runtime").JSX.Element;

package/dist/editor/domain-reflection/PublishedDataDetail.js

@@ -0,0 +1 @@
+import{jsx as o}from"react/jsx-runtime";import{Box as t}from"@mui/material";import{useConfiguratorRawPublishedData as e}from"#package/react-sdk";import{JsonInspectorButton as i}from"../common/JsonInspector.js";import{PanelDetail as r}from"../common/PanelDetail.js";export const PublishedDataDetail=a=>{let{onBack:m}=a;return o(r,{onBack:m,title:"Published Data",children:o(t,{component:"div",sx:{display:"flex",flexDirection:"column",overflow:"auto"},children:o(t,{component:"div",sx:{px:1,py:.75},children:o(i,{title:"Published Data",data:e()})})})})};

package/dist/editor/domain-reflection/UndoReflectionDetail.d.ts

@@ -0,0 +1,5 @@
+interface Props {
+    onBack: () => void;
+}
+export declare const UndoReflectionDetail: (props: Props) => import("react/jsx-runtime").JSX.Element;
+export {};

package/dist/editor/domain-reflection/UndoReflectionDetail.js

@@ -0,0 +1 @@
+import{jsx as t,jsxs as e}from"react/jsx-runtime";import{Box as n,Divider as o,Stack as i,Tooltip as r,Typography as l}from"@mui/material";import{useEagerObservableValue as a}from"#package/react-sdk";import{PhxIcon as c}from"#package/ui-sdk";import{EditorButton as s}from"../common/EditorButton.js";import{JsonInspectorButton as d}from"../common/JsonInspector.js";import{PanelDetail as m}from"../common/PanelDetail.js";import{useOptionalDomain as p}from"../hooks/use-optional-runtime.js";let f=e=>{let{undoSystem:n}=e;return t(i,{direction:"column",spacing:1,children:t(d,{title:"Undo State",data:a(n.can$)})})};export const UndoReflectionDetail=a=>{let{onBack:d}=a,h=p(),u=h?.undoSystem;return t(m,{onBack:d,title:"Undo System",children:e(n,{component:"div",sx:{display:"flex",flexDirection:"column",overflow:"auto"},children:[t(n,{component:"div",sx:{px:1,py:.75},children:u&&t(f,{undoSystem:u})}),t(o,{}),e(n,{component:"div",sx:{px:1,py:.75},children:[t(l,{variant:"subtitle1",color:"text.secondary",noWrap:!0,sx:{mb:1,fontSize:"14px",fontWeight:600},children:"Actions"}),e(i,{direction:"column",spacing:1.5,children:[t(r,{title:"Undo the last action in the configuration",placement:"left",arrow:!0,children:t("div",{children:e(s,{variant:"primary",fullWidth:!0,onClick:()=>{u?.undo()},sx:{py:1.5,fontWeight:500,textTransform:"none",fontSize:"13px",gap:1,justifyContent:"flex-start",pl:2},children:[t(c,{name:"ArrowCounterClockwise",style:{fontSize:16}}),"Undo"]})})}),t(r,{title:"Redo the last undone action in the configuration",placement:"left",arrow:!0,children:t("div",{children:e(s,{variant:"primary",fullWidth:!0,onClick:()=>{u?.redo()},sx:{py:1.5,fontWeight:500,textTransform:"none",fontSize:"13px",gap:1,justifyContent:"flex-start",pl:2},children:[t(c,{name:"ArrowClockwise",style:{fontSize:16}}),"Redo"]})})}),t(r,{title:"Clear all undo/redo history and reset the stack",placement:"left",arrow:!0,children:t("div",{children:e(s,{variant:"danger",fullWidth:!0,onClick:()=>{u?.resetStack()},sx:{py:1.5,fontWeight:500,textTransform:"none",fontSize:"13px",gap:1,justifyContent:"flex-start",pl:2},children:[t(c,{name:"Trash",style:{fontSize:16}}),"Reset Stack"]})})})]})]})]})})};

package/dist/editor/domain-reflection/ValidationReflectionDetail.d.ts

@@ -0,0 +1,5 @@
+interface Props {
+    onBack: () => void;
+}
+export declare const ValidationReflectionDetail: (props: Props) => import("react/jsx-runtime").JSX.Element;
+export {};

package/dist/editor/domain-reflection/ValidationReflectionDetail.js

@@ -0,0 +1 @@
+import{jsx as t,jsxs as i}from"react/jsx-runtime";import{Box as e,Chip as o,Stack as n,Typography as a,useTheme as r}from"@mui/material";import{match as l}from"ts-pattern";import{useEagerObservableSelector as s}from"#package/react-sdk";import{PhxIcon as c}from"#package/ui-sdk";import{JsonInspectorButton as d}from"../common/JsonInspector.js";import{PanelDetail as m}from"../common/PanelDetail.js";import{useOptionalDomain as p}from"../hooks/use-optional-runtime.js";let f=e=>{let{storeSystem:m}=e,p=r(),f=s(m.stateSlices.committed,t=>t.validity,[m]),h=f?"uncaught"===f.severity?{color:p.palette.error.main,icon:"X",text:"Validation Error"}:f.valid?null===f.severity?{color:p.palette.success.main,icon:"Check",text:"Valid"}:{color:p.palette.warning.main,icon:"Warning",text:f.severity}:{color:p.palette.error.main,icon:"X",text:"Invalid"}:{color:p.palette.grey[500],icon:"Question",text:"Unknown"};return i(n,{direction:"column",spacing:3,children:[t("div",{children:t(d,{title:"Validation State",data:f})}),i("div",{children:[t(a,{variant:"subtitle2",sx:{fontWeight:600,mb:1,color:"#212529",fontSize:"12px"},children:"Overall Status"}),i("div",{style:{display:"flex",alignItems:"center",gap:8,padding:8,backgroundColor:"#f8f9fa",borderRadius:4},children:[t(c,{name:h.icon,style:{fontSize:16,color:h.color}}),t(a,{variant:"body2",sx:{fontWeight:600,color:h.color},children:h.text})]})]}),f&&"entityViolations"in f&&f.entityViolations&&f.entityViolations.length>0&&i("div",{children:[i(a,{variant:"subtitle2",sx:{fontWeight:600,mb:1,color:"#212529",fontSize:"12px"},children:["Violations (",f.entityViolations.length,")"]}),t(n,{spacing:1,children:f.entityViolations.map((e,n)=>{var r;let s=l(String(e.violation.severity)).with("notice",()=>p.palette.info.main).with("warning",()=>p.palette.warning.main).with("fixable",()=>p.palette.warning.main).with("fatal",()=>p.palette.error.main).with("uncaught",()=>p.palette.error.main).otherwise(()=>p.palette.grey[500]),d=l(String(e.violation.severity)).with("notice",()=>"Info").with("warning",()=>"Warning").with("fixable",()=>"Wrench").with("fatal",()=>"X").with("uncaught",()=>"X").otherwise(()=>"Question"),m=(r=e.violation.message)?"string"==typeof r?r:JSON.stringify(r):"No message";return t("div",{style:{padding:8,border:"1px solid #e9ecef",borderLeft:`3px solid ${s}`,borderRadius:4,backgroundColor:"#ffffff"},children:i("div",{style:{display:"flex",alignItems:"flex-start",gap:8},children:[t(c,{name:d,style:{fontSize:12,color:s,marginTop:2}}),i("div",{style:{flex:1,minWidth:0},children:[i("div",{style:{display:"flex",alignItems:"center",gap:8,marginBottom:4},children:[t(o,{label:e.violation.severity.toUpperCase(),size:"small",sx:{backgroundColor:s,color:"white",fontWeight:600,fontSize:"0.6rem",height:16}}),t(a,{variant:"caption",sx:{fontWeight:600,color:"#495057",fontSize:"10px"},children:e.violation.type})]}),t(a,{variant:"caption",sx:{color:"#6c757d",fontSize:"10px",display:"block",mb:.5},children:m??"No message available"}),t(o,{label:`Entity: ${e.entityId}`,variant:"outlined",size:"small",sx:{fontSize:"0.6rem",height:16}})]})]})},n)})})]})]})};export const ValidationReflectionDetail=i=>{let{onBack:o}=i,n=p(),a=n?.validationProjections,r=n?.storeSystem;return t(m,{onBack:o,title:"Validation Projections",children:t(e,{component:"div",sx:{display:"flex",flexDirection:"column",overflow:"auto"},children:t(e,{component:"div",sx:{px:1,py:.75},children:a&&r&&t(f,{validationProjections:a,storeSystem:r})})})})};

package/dist/editor/domain-reflection/web-component/EventItem.d.ts

@@ -0,0 +1,7 @@
+import type { WebComponentEventDescriptor } from '#package/domain';
+interface EventInfo {
+    name: string;
+    descriptor: WebComponentEventDescriptor<unknown, unknown>;
+}
+export declare const EventItem: (props: EventInfo) => import("react/jsx-runtime").JSX.Element;
+export {};

package/dist/editor/domain-reflection/web-component/EventItem.js

@@ -0,0 +1 @@
+import{jsx as e,jsxs as o,Fragment as r}from"react/jsx-runtime";import{Box as t,Typography as a}from"@mui/material";import{useState as n}from"react";import{PhxIcon as i}from"#package/ui-sdk";import{EditorButton as l}from"../../common/EditorButton.js";import{SchemaModal as p}from"./SchemaModal.js";import{zodSchemaToReadable as m}from"./zod-schema-utils.js";export const EventItem=s=>{let{name:c,descriptor:d}=s,[f,x]=n(!1),[h,u]=n(!1);return o(r,{children:[o(t,{component:"div",sx:{mb:.5,backgroundColor:"#ffffff",borderRadius:1,border:"1px solid #e9ecef",transition:"all 0.15s ease","&:hover":{backgroundColor:"#f8f9fa",borderColor:"#adb5bd",boxShadow:"0 2px 4px rgba(0, 0, 0, 0.06)"}},children:[e(t,{component:"div",sx:{p:1.5},children:o(t,{component:"div",sx:{display:"flex",alignItems:"center",gap:.75},children:[e(i,{name:"Zap",style:{fontSize:16,color:"#ffc107"}}),e(a,{variant:"subtitle2",sx:{fontWeight:600,color:"#212529",fontSize:"13px"},children:c})]})}),o(t,{component:"div",sx:{display:"flex",justifyContent:"flex-end",px:1.5,pb:1,pt:0,gap:1},children:[o(l,{variant:"secondary",onClick:()=>{x(!0)},sx:{fontSize:"11px",py:.5,px:1.5,gap:.5},children:[e(i,{name:"FileArrowUp",style:{fontSize:12}}),"Payload Schema"]}),o(l,{variant:"secondary",onClick:()=>{u(!0)},sx:{fontSize:"11px",py:.5,px:1.5,gap:.5},children:[e(i,{name:"Export",style:{fontSize:12}}),"Return Schema"]})]})]}),e(p,{open:f,onClose:()=>{x(!1)},title:`${c} Payload Schema`,data:m(d.payloadSchema)}),e(p,{open:h,onClose:()=>{u(!1)},title:`${c} Return Schema`,data:m(d.returnSchema)})]})};

package/dist/editor/domain-reflection/web-component/PropertyItem.d.ts

@@ -0,0 +1,9 @@
+import type { WebComponentPropertyDescriptor } from '#package/domain';
+interface PropertyInfo {
+    name: string;
+    descriptor: WebComponentPropertyDescriptor<unknown>;
+    currentValue: unknown;
+    onSetValue: (value: unknown) => void;
+}
+export declare const PropertyItem: (props: PropertyInfo) => import("react/jsx-runtime").JSX.Element;
+export {};

package/dist/editor/domain-reflection/web-component/PropertyItem.js

@@ -0,0 +1 @@
+import{jsx as e,jsxs as o,Fragment as n}from"react/jsx-runtime";import{Box as i,Chip as r,Stack as t,Typography as l}from"@mui/material";import{useState as a}from"react";import{PhxIcon as d}from"#package/ui-sdk";import{EditorButton as c}from"../../common/EditorButton.js";import{SchemaModal as s}from"./SchemaModal.js";import{SetPropertyModal as f}from"./SetPropertyModal.js";import{zodSchemaToReadable as p}from"./zod-schema-utils.js";export const PropertyItem=m=>{let{name:u,descriptor:x,currentValue:h,onSetValue:b}=m,[g,y]=a(!1),[S,v]=a(!1),z=void 0!==x.attributeParser;return o(n,{children:[o(i,{component:"div",sx:{mb:.5,backgroundColor:"#ffffff",borderRadius:1,border:"1px solid #e9ecef",transition:"all 0.15s ease","&:hover":{backgroundColor:"#f8f9fa",borderColor:"#adb5bd",boxShadow:"0 2px 4px rgba(0, 0, 0, 0.06)"}},children:[o(i,{component:"div",sx:{p:1.5},children:[o(i,{component:"div",sx:{display:"flex",alignItems:"center",justifyContent:"space-between",mb:.75},children:[e(l,{variant:"subtitle2",sx:{fontWeight:600,color:"#212529",fontSize:"13px"},children:u}),o(i,{component:"div",sx:{display:"flex",alignItems:"center",gap:.5},children:[e(r,{label:x.required?"REQUIRED":"OPTIONAL",size:"small",sx:{backgroundColor:x.required?"#dc3545":"#6c757d",color:"white",fontWeight:600,fontSize:"9px",height:18}}),z&&e(r,{icon:e(d,{name:"Tag",style:{fontSize:10,color:"white"}}),label:"ATTR",size:"small",sx:{backgroundColor:"#0d6efd",color:"white",fontWeight:600,fontSize:"9px",height:18}})]})]}),o(t,{spacing:.5,children:[o(i,{component:"div",children:[e(l,{variant:"caption",sx:{color:"#6c757d",fontSize:"10px",display:"block",mb:.25},children:"Default Value"}),e(l,{variant:"body2",sx:{color:void 0===x.defaultValue||null===x.defaultValue?"#6c757d":"#495057",fontSize:"11px",fontFamily:"monospace",backgroundColor:"#f8f9fa",padding:.5,borderRadius:.5,border:"1px solid #e9ecef",fontStyle:void 0===x.defaultValue||null===x.defaultValue?"italic":"normal"},children:void 0===x.defaultValue||null===x.defaultValue?"undefined":JSON.stringify(x.defaultValue)})]}),o(i,{component:"div",children:[e(l,{variant:"caption",sx:{color:"#6c757d",fontSize:"10px",display:"block",mb:.25},children:"Current Value"}),e(l,{variant:"body2",sx:{color:null==h?"#6c757d":"#212529",fontSize:"11px",fontWeight:600,fontFamily:"monospace",backgroundColor:"#e7f3ff",padding:.5,borderRadius:.5,border:"1px solid #b3d9ff",fontStyle:null==h?"italic":"normal"},children:null==h?"undefined":JSON.stringify(h)})]})]})]}),o(i,{component:"div",sx:{display:"flex",justifyContent:"flex-end",px:1.5,pb:1,pt:0,gap:1},children:[o(c,{variant:"secondary",onClick:()=>{v(!0)},sx:{fontSize:"11px",py:.5,px:1.5,gap:.5},children:[e(d,{name:"PencilSimpleBold",style:{fontSize:12}}),"Set Value"]}),o(c,{variant:"secondary",onClick:()=>{y(!0)},sx:{fontSize:"11px",py:.5,px:1.5,gap:.5},children:[e(d,{name:"BracketsCurly",style:{fontSize:12}}),"View Schema"]})]})]}),e(f,{open:S,onClose:()=>{v(!1)},propertyName:u,descriptor:x,currentValue:h,onSave:b}),e(s,{open:g,onClose:()=>{y(!1)},title:`${u} Schema`,data:p(x.schema)})]})};

package/dist/editor/domain-reflection/web-component/SchemaModal.d.ts

@@ -0,0 +1,8 @@
+interface SchemaModalProps {
+    open: boolean;
+    onClose: () => void;
+    title: string;
+    data: unknown;
+}
+export declare const SchemaModal: (props: SchemaModalProps) => import("react/jsx-runtime").JSX.Element;
+export {};

package/dist/editor/domain-reflection/web-component/SchemaModal.js

@@ -0,0 +1 @@
+import{jsx as o,jsxs as e}from"react/jsx-runtime";import{Box as r,Dialog as t,DialogActions as i,DialogContent as m,DialogTitle as d}from"@mui/material";import{JsonViewer as n}from"#package/ui-sdk";import{EditorButton as l}from"../../common/EditorButton.js";export const SchemaModal=s=>{let{open:p,onClose:c,title:a,data:x}=s;return e(t,{open:p,onClose:c,maxWidth:"md",fullWidth:!0,children:[o(d,{sx:{fontSize:"14px",fontWeight:600,py:1.5,px:2,borderBottom:"1px solid #e9ecef"},children:a}),o(m,{sx:{p:2},children:o(r,{component:"div",sx:{maxHeight:"60vh",overflow:"auto"},children:o(n,{data:x})})}),o(i,{sx:{p:2,borderTop:"1px solid #e9ecef"},children:o(l,{onClick:c,children:"Close"})})]})};

package/dist/editor/domain-reflection/web-component/SetPropertyModal.d.ts

@@ -0,0 +1,11 @@
+import type { WebComponentPropertyDescriptor } from '#package/domain';
+interface SetPropertyModalProps {
+    open: boolean;
+    onClose: () => void;
+    propertyName: string;
+    descriptor: WebComponentPropertyDescriptor<unknown>;
+    currentValue: unknown;
+    onSave: (value: unknown) => void;
+}
+export declare const SetPropertyModal: (props: SetPropertyModalProps) => import("react/jsx-runtime").JSX.Element;
+export {};

package/dist/editor/domain-reflection/web-component/SetPropertyModal.js

@@ -0,0 +1 @@
+import{jsx as e,jsxs as r}from"react/jsx-runtime";import{Box as o,Button as i,Dialog as t,DialogActions as n,DialogContent as l,DialogTitle as a,Stack as d,TextField as s,Typography as c}from"@mui/material";import{useState as p}from"react";import{EditorButton as m}from"../../common/EditorButton.js";import{getSchemaBaseType as u}from"./zod-schema-utils.js";export const SetPropertyModal=f=>{let{open:h,onClose:x,propertyName:Z,descriptor:g,currentValue:v,onSave:b}=f,[y,S]=p(""),[j,C]=p(null),N=u(g.schema);return r(t,{open:h,onClose:x,onTransitionEnter:()=>{null!=v?"ZodBoolean"===N?S(String(v)):"ZodObject"===N||"ZodArray"===N?S(JSON.stringify(v,null,2)):S(String(v)):S(""),C(null)},maxWidth:"sm",fullWidth:!0,children:[r(a,{sx:{fontSize:"14px",fontWeight:600,py:1.5,px:2,borderBottom:"1px solid #e9ecef"},children:["Set ",Z]}),e(l,{sx:{p:2},children:e(d,{spacing:2,children:r(o,{component:"div",children:[r(c,{variant:"caption",sx:{color:"#6c757d",fontSize:"11px",display:"block",mb:1},children:["Type: ",N.replace("Zod","")]}),"ZodBoolean"===N?r(d,{direction:"row",spacing:1,children:[e(i,{variant:"true"===y?"contained":"outlined",onClick:()=>{S("true")},size:"small",children:"True"}),e(i,{variant:"false"===y?"contained":"outlined",onClick:()=>{S("false")},size:"small",children:"False"})]}):e(s,{fullWidth:!0,multiline:"ZodObject"===N||"ZodArray"===N,rows:"ZodObject"===N||"ZodArray"===N?6:1,type:"ZodNumber"===N?"number":"text",value:y,onChange:e=>{S(e.target.value)},error:!!j,helperText:j,placeholder:"ZodObject"===N||"ZodArray"===N?"Enter valid JSON":`Enter ${N.replace("Zod","").toLowerCase()}`,size:"small",InputProps:{sx:{"& input":{width:"100%",textAlign:"left"}}},sx:{"& .MuiInputBase-root":{paddingTop:"4px",paddingBottom:"4px"}}})]})})}),r(n,{sx:{p:2,borderTop:"1px solid #e9ecef",gap:1},children:[e(m,{variant:"secondary",onClick:x,children:"Cancel"}),e(m,{onClick:()=>{try{let e;if("ZodString"===N)e=y;else if("ZodNumber"===N){if(e=""===y?void 0:Number(y),""!==y&&isNaN(e))return void C("Invalid number format")}else"ZodBoolean"===N?e="true"===y:e=""===y?void 0:JSON.parse(y);let r=g.schema.safeParse(e);if(!r.success)return void C(r.error.errors[0]?.message??"Validation failed");b(r.data),x()}catch(e){C(e instanceof Error?e.message:"Invalid input")}},children:"Save"})]})]})};

package/dist/editor/domain-reflection/web-component/WebComponentReflectionDetail.d.ts

@@ -0,0 +1,5 @@
+interface Props {
+    onBack: () => void;
+}
+export declare const WebComponentReflectionDetail: (props: Props) => import("react/jsx-runtime").JSX.Element;
+export {};

package/dist/editor/domain-reflection/web-component/WebComponentReflectionDetail.js

@@ -0,0 +1 @@
+import{jsx as e,jsxs as t}from"react/jsx-runtime";import{Box as r,Divider as n,Stack as o,Typography as i}from"@mui/material";import{useMemo as s}from"react";import{standardWebComponentEvents as p,standardWebComponentProperties as c}from"#package/domain";import{useEagerObservableValue as l,useWebComponentApi as a,useWebComponentOptions as m}from"#package/react-sdk";import{PanelDetail as d}from"../../common/PanelDetail.js";import{EventItem as h}from"./EventItem.js";import{PropertyItem as u}from"./PropertyItem.js";let f=t=>{let{name:r,descriptor:n,api:o}=t,i=o.getPropertyStorage(n);return e(u,{name:r,descriptor:n,currentValue:l(i.subject),onSetValue:e=>{i.subject.next(e),i.isSet=!0}})},g=l=>{let{options:a,api:m}=l,{standardProps:d,customProps:u}=s(()=>{if(!a.properties)return{standardProps:[],customProps:[]};let e=[],t=[];return Object.entries(a.properties).filter(([,e])=>null!==e).forEach(([r,n])=>{(r in c?e:t).push({name:r,descriptor:n})}),{standardProps:e,customProps:t}},[a.properties]),{standardEvts:g,customEvts:x}=s(()=>{if(!a.events)return{standardEvts:[],customEvts:[]};let e=[],t=[];return Object.entries(a.events).filter(([,e])=>null!==e).forEach(([r,n])=>{(r in p?e:t).push({name:r,descriptor:n})}),{standardEvts:e,customEvts:t}},[a.events]);return t(o,{direction:"column",spacing:2,children:[u.length>0&&t(r,{component:"div",children:[e(i,{variant:"subtitle2",sx:{fontWeight:600,color:"#495057",fontSize:"12px",px:.5,mb:.5},children:"Custom Properties"}),e(o,{spacing:0,children:u.map(({name:t,descriptor:r})=>e(f,{name:t,descriptor:r,api:m},t))})]}),x.length>0&&t(r,{component:"div",children:[e(i,{variant:"subtitle2",sx:{fontWeight:600,color:"#495057",fontSize:"12px",px:.5,mb:.5},children:"Custom Events"}),e(o,{spacing:0,children:x.map(t=>e(h,{...t},t.name))})]}),0===u.length&&0===x.length&&0===d.length&&0===g.length&&e(i,{variant:"caption",sx:{color:"#6c757d",fontSize:"11px"},children:"No properties or events exposed"}),(u.length>0||x.length>0)&&(d.length>0||g.length>0)&&e(n,{}),d.length>0&&t(r,{component:"div",children:[e(i,{variant:"subtitle2",sx:{fontWeight:600,color:"#495057",fontSize:"12px",px:.5,mb:.5},children:"Standard Properties"}),e(o,{spacing:0,children:d.map(({name:t,descriptor:r})=>e(f,{name:t,descriptor:r,api:m},t))})]}),g.length>0&&t(r,{component:"div",children:[e(i,{variant:"subtitle2",sx:{fontWeight:600,color:"#495057",fontSize:"12px",px:.5,mb:.5},children:"Standard Events"}),e(o,{spacing:0,children:g.map(t=>e(h,{...t},t.name))})]})]})};export const WebComponentReflectionDetail=t=>{let{onBack:n}=t;return e(d,{onBack:n,title:"Web Component API",children:e(r,{component:"div",sx:{display:"flex",flexDirection:"column",overflow:"auto"},children:e(r,{component:"div",sx:{px:1,py:.75},children:e(g,{options:m(),api:a()})})})})};

package/dist/editor/domain-reflection/web-component/zod-schema-utils.d.ts

@@ -0,0 +1,3 @@
+import type { z } from 'zod';
+export declare const zodSchemaToReadable: (schema: z.ZodTypeAny) => unknown;
+export declare const getSchemaBaseType: (schema: z.ZodTypeAny) => string;

package/dist/editor/domain-reflection/web-component/zod-schema-utils.js

@@ -0,0 +1 @@
+export const zodSchemaToReadable=e=>{let a=e._def,t=a.typeName;switch(t){case"ZodString":return{type:"string",constraints:a.checks?.map(e=>`${e.kind}${void 0!==e.value?`: ${JSON.stringify(e.value)}`:""}`)};case"ZodNumber":return{type:"number",constraints:a.checks?.map(e=>`${e.kind}${void 0!==e.value?`: ${JSON.stringify(e.value)}`:""}`)};case"ZodBoolean":return{type:"boolean"};case"ZodDate":return{type:"date"};case"ZodUndefined":return{type:"undefined"};case"ZodNull":return{type:"null"};case"ZodVoid":return{type:"void"};case"ZodAny":return{type:"any"};case"ZodUnknown":return{type:"unknown"};case"ZodNever":return{type:"never"};case"ZodArray":return{type:"array",items:a.type?zodSchemaToReadable(a.type):void 0};case"ZodObject":return{type:"object",properties:a.shape?Object.fromEntries(Object.entries(a.shape()).map(([e,a])=>[e,zodSchemaToReadable(a)])):void 0};case"ZodUnion":case"ZodDiscriminatedUnion":return{type:"union",options:a.options?.map(e=>zodSchemaToReadable(e))};case"ZodIntersection":return{type:"intersection",left:a.left?zodSchemaToReadable(a.left):void 0,right:a.right?zodSchemaToReadable(a.right):void 0};case"ZodTuple":return{type:"tuple",items:a.options?.map(e=>zodSchemaToReadable(e))};case"ZodRecord":return{type:"record",keys:a.keyType?zodSchemaToReadable(a.keyType):void 0,values:a.valueType?zodSchemaToReadable(a.valueType):void 0};case"ZodMap":return{type:"map",keys:a.keyType?zodSchemaToReadable(a.keyType):void 0,values:a.valueType?zodSchemaToReadable(a.valueType):void 0};case"ZodSet":return{type:"set",values:a.valueType?zodSchemaToReadable(a.valueType):void 0};case"ZodLiteral":return{type:"literal",value:a.value};case"ZodEnum":return{type:"enum",values:a.values};case"ZodNativeEnum":return{type:"nativeEnum",values:a.values};case"ZodOptional":return{type:"optional",innerType:a.innerType?zodSchemaToReadable(a.innerType):void 0};case"ZodNullable":return{type:"nullable",innerType:a.innerType?zodSchemaToReadable(a.innerType):void 0};case"ZodDefault":return{type:"default",innerType:a.innerType?zodSchemaToReadable(a.innerType):void 0};case"ZodPromise":return{type:"promise",innerType:a.type?zodSchemaToReadable(a.type):void 0};case"ZodEffects":return{type:"effects",innerType:a.schema?zodSchemaToReadable(a.schema):void 0};default:return{type:t.replace("Zod","").toLowerCase()}}};export const getSchemaBaseType=e=>{let a=e._def;return"ZodOptional"===a.typeName||"ZodNullable"===a.typeName||"ZodDefault"===a.typeName?a.innerType?getSchemaBaseType(a.innerType):"ZodUnknown":a.typeName};

package/dist/editor/graphql/GraphQLPanel.d.ts

@@ -0,0 +1,6 @@
+/**
+ * Splits the editor's GraphQL operations into a list and runs them against the configurator's
+ * `assistant` schema. Run commits the list's changes as one undo step; a dry run prepares them
+ * against the committed state and discards them.
+ */
+export declare const GraphQLPanel: () => import("react/jsx-runtime").JSX.Element;

package/dist/editor/graphql/GraphQLPanel.js

@@ -0,0 +1 @@
+import{jsx as e,jsxs as o}from"react/jsx-runtime";import t from"@monaco-editor/react";import{Box as r,Checkbox as a,FormControlLabel as i,Stack as n,Typography as s}from"@mui/material";import{useState as l}from"react";import{EditorButton as m}from"../common/EditorButton.js";import{jsonEditorOptions as c}from"../common/monaco-config.js";import{useOptionalConfigurator as d,useOptionalDomain as p}from"../hooks/use-optional-runtime.js";import{splitOperations as u}from"./split-operations.js";let h={fontSize:"12px",fontWeight:600,color:"text.secondary"};export const GraphQLPanel=()=>{let f=d()?.graphQLSystem,g=p()?.storeSystem,[x,y]=l("query { root { id type } }"),[b,v]=l(""),[S,k]=l(!1),[j,N]=l(null),[C,w]=l(null),[z,J]=l(!1),O=async()=>{let e=u(x),o=(e=>{if(""===e.trim())return{ok:!0,variables:void 0};try{let o=JSON.parse(e);return"object"!=typeof o||null===o||Array.isArray(o)?{ok:!1,message:"Variables must be a JSON object. Wrap them in {} or clear the field."}:{ok:!0,variables:o}}catch(e){return{ok:!1,message:`Variables are not valid JSON: ${e instanceof Error?e.message:String(e)}. Fix the JSON or clear the field.`}}})(b);if(f){if(w(null),!e.ok)return void N(e.message);if(!o.ok)return void N(o.message);if(S&&!g?.isInitialized)return void N("The configuration is not loaded yet, so there is no state to run against. Run again once the configurator has finished loading.");J(!0);try{let t=e.operations.map(e=>({...e,variables:o.variables})),{results:r,committed:a,message:i}=S&&g?{results:(await f.prepare(g.stateSlices.committed.value.state,t)).map(({result:e})=>e),committed:!1,message:"Dry run: nothing was committed."}:await f.execute(t),n=r.map((o,t)=>({operationName:e.operations[t]?.operationName??null,...o}));N(JSON.stringify(n,null,2)),w(a?"Committed as one undo step.":i??"Nothing was committed.")}finally{J(!1)}}};return o(n,{direction:"column",spacing:1.5,sx:{px:1.5,py:1},children:[e(s,{variant:"subtitle2",sx:h,children:"Query"}),e(r,{component:"div",sx:{height:160,border:"1px solid #dee2e6"},children:e(t,{language:"graphql",value:x,onChange:e=>y(e??""),options:c})}),e(s,{variant:"subtitle2",sx:h,children:"Variables (JSON)"}),e(r,{component:"div",sx:{height:80,border:"1px solid #dee2e6"},children:e(t,{language:"json",value:b,onChange:e=>v(e??""),options:c})}),e(i,{control:e(a,{size:"small",checked:S,onChange:e=>{k(e.target.checked)},sx:{p:.5}}),label:"Dry run",sx:{ml:-.5,mr:0,"& .MuiFormControlLabel-label":{fontSize:"12px",color:"#212529"}}}),e(m,{fullWidth:!0,disabled:!f||z,onClick:()=>void O(),children:f?"Run":"Configurator is not ready"}),null!==C&&e(s,{"data-testid":"graphql-status",sx:{fontSize:"12px",color:"text.secondary"},children:C}),null!==j&&e(r,{component:"pre","data-testid":"graphql-result",sx:{m:0,p:1,fontSize:"12px",backgroundColor:"#f8f9fa",overflow:"auto",whiteSpace:"pre-wrap"},children:j})]})};

package/dist/editor/graphql/split-operations.d.ts

@@ -0,0 +1,17 @@
+/** One operation of the editor query, printed as a standalone document with only the fragments it uses. */
+export interface SplitOperation {
+    readonly document: string;
+    readonly operationName: string | undefined;
+}
+export type SplitOperationsResult = {
+    readonly ok: true;
+    readonly operations: readonly SplitOperation[];
+} | {
+    readonly ok: false;
+    readonly message: string;
+};
+/**
+ * Splits the editor query into the list of single-operation documents `GraphQLSystem.execute` takes,
+ * in source order. Each document carries only the fragments its operation uses, transitively.
+ */
+export declare const splitOperations: (source: string) => SplitOperationsResult;

package/dist/editor/graphql/split-operations.js

@@ -0,0 +1 @@
+import{Kind as e,parse as r,print as t,separateOperations as n}from"graphql";let o=r=>r.kind===e.OPERATION_DEFINITION;export const splitOperations=e=>{let i;try{i=r(e)}catch(e){return{ok:!1,message:`The query is not valid GraphQL: ${e instanceof Error?e.message:String(e)}. Fix the syntax and run it again.`}}let a=i.definitions.filter(o),s=(e=>{if(0===e.length)return'The query contains no operation. Add a query or mutation, for example "query { root { id } }".';if(e.length>1&&e.some(e=>!e.name))return'An anonymous operation must be the only operation. Name every operation, for example "query First { root { id } }", to run several.';let r=e.map(e=>e.name?.value),t=r.find((e,t)=>r.indexOf(e)!==t);if(void 0!==t)return`Operation "${t}" is defined more than once. Give each operation a unique name.`})(a);if(void 0!==s)return{ok:!1,message:s};let u=n(i);return{ok:!0,operations:a.map(e=>{let r=e.name?.value,n=u[r??""];if(!n)throw Error(`Operation "${r??"<anonymous>"}" is missing from the separated documents. This is a bug in splitOperations; report it with the query that triggered it.`);return{document:t(n),operationName:r}})}};

package/dist/editor/hooks/use-optional-runtime.d.ts

@@ -0,0 +1,21 @@
+import { useConfigurator } from '#package/configurator';
+import { type DomainApplicationSystems, type useDomain } from '#package/react-sdk';
+/**
+ * Readiness-aware reads of the retained runtime system graphs, for editor tooling only.
+ *
+ * Application consumers render inside `DomainLifecycleBoundary`, which withholds its children until
+ * the retained graph matches the active lifecycle, so they use the plain `useDomain()`,
+ * `useDomainApplication()`, and `useConfigurator()` hooks. Editor chrome deliberately outlives the
+ * configurator lifecycle — it stays mounted across teardown, hot reload, and configurator-spec
+ * changes — so it cannot rely on that gate and must ask whether a current lifecycle exists at all.
+ * Without the check the retained graph still answers, with the systems of the previous lifecycle.
+ *
+ * These hooks are intentionally not public SDK surface: reading systems outside the lifecycle
+ * boundary is an editor-tooling concern, not a supported integration pattern.
+ */
+/** Reads the current slot's domain systems only while they match the active lifecycle identity. */
+export declare const useOptionalDomain: () => ReturnType<typeof useDomain> | null;
+/** Reads the current slot's domain-application systems only while its lifecycle identity is current. */
+export declare const useOptionalDomainApplication: () => DomainApplicationSystems | null;
+/** Reads configurator systems only while the configurator domain lifecycle is current. */
+export declare const useOptionalConfigurator: () => ReturnType<typeof useConfigurator> | null;

package/dist/editor/hooks/use-optional-runtime.js

@@ -0,0 +1 @@
+import{useConfigurator as t}from"#package/configurator";import{ApplicationType as o,useApplicationRuntime as n,useApplicationRuntimeSelector as e,useApplicationType as i}from"#package/react-sdk";export const useOptionalDomain=()=>{let t=i(),a=n(),r=t===o.Admin?a.selectors.domainContext.admin:a.selectors.domainContext.configurator;return e(r.getInitializationState).isCurrent?r.getDomainSystems():null};export const useOptionalDomainApplication=()=>{let t=i(),a=n(),r=t===o.Admin?a.selectors.domainApplicationContext.admin:a.selectors.domainApplicationContext.configurator;return e((t===o.Admin?a.selectors.domainContext.admin:a.selectors.domainContext.configurator).getInitializationState).isCurrent?r.getSystems():null};export const useOptionalConfigurator=()=>{let o=n(),i=t();return e(o.selectors.domainContext.configurator.getInitializationState).isCurrent?i:null};

package/dist/editor/index.d.ts

@@ -0,0 +1,2 @@
+export { Editor } from './Editor.js';
+export { type MockTemplateDefinition } from './mocks/mock-template-types.js';

package/dist/editor/index.js

@@ -0,0 +1 @@
+export{Editor}from"./Editor.js";

package/dist/editor/logs/LogsPanel.d.ts

@@ -0,0 +1 @@
+export declare const LogsPanel: import("react").MemoExoticComponent<() => import("react/jsx-runtime").JSX.Element>;

package/dist/editor/logs/LogsPanel.js

@@ -0,0 +1 @@
+import{jsx as e}from"react/jsx-runtime";import{Box as r}from"@mui/material";import{memo as t,useCallback as o,useEffect as n,useRef as l,useState as c}from"react";import{useEditorConnection as s}from"../services/EditorConnectionContext.js";import{trpc as i}from"../services/trpc.js";import{LogsPanelView as a}from"./LogsPanelView.js";import{PAGE_SIZE as m,appendEntry as u,matchesTab as p,prependPage as g}from"./log-view-model.js";export const LogsPanel=t(()=>{let{localMode:t,connectionStatus:f}=s(),h=i.useUtils(),[d,v]=c("all"),[T,b]=c([]),[j,w]=c({}),[x,L]=c(!1),[C,H]=c(!0),S=l(!0);S.current=C;let q=l(d);q.current=d;let F=l(null),M=l(!1),y=o(async e=>{let r=await h.getLogs.fetch({stream:e,limit:m});b(r.entries),r.counts&&w(r.counts),L(r.hasMore),H(!0)},[h]);n(()=>{t||"connected"!==f||y(d)},[d,t,f,y]),i.onLog.useSubscription(void 0,{enabled:!t,onData:e=>{w(r=>({...r,[e.stream]:(r[e.stream]??0)+1})),p(q.current,e.stream)&&b(r=>u(r,e,S.current))}});let P=o(()=>{let e=F.current,r=T[0];e&&r&&!M.current&&(M.current=!0,h.getLogs.fetch({stream:q.current,beforeSeq:r.seq,limit:m}).then(e=>{let r=F.current,t=r?.scrollHeight??0,o=r?.scrollTop??0;b(r=>g(r,e.entries)),L(e.hasMore),requestAnimationFrame(()=>{let e=F.current;e&&(e.scrollTop=e.scrollHeight-t+o),M.current=!1})}).catch(()=>{M.current=!1}))},[T,h]);return(n(()=>{if(!C)return;let e=F.current;e&&(e.scrollTop=e.scrollHeight)},[T,C]),t)?e(r,{component:"div",sx:{p:2,color:"#868e96",fontSize:13},children:"Logs are unavailable in local mode — they stream from a running phoenix dev command."}):e(a,{entries:T,counts:j,activeTab:d,hasMore:x,following:C,onTabSelect:v,onNearTop:P,onFollowingChange:H,onFollowClick:()=>{H(!0);let e=F.current;e&&(e.scrollTop=e.scrollHeight)},containerRef:e=>{F.current=e}})});

package/dist/editor/logs/LogsPanelView.d.ts

@@ -0,0 +1,17 @@
+import { type LogStreamName, type LogStreamTab, type PanelLogEntry } from './log-view-model.js';
+export interface LogsPanelViewProps {
+    readonly entries: readonly PanelLogEntry[];
+    readonly counts: Partial<Record<LogStreamName, number>>;
+    readonly activeTab: LogStreamTab;
+    readonly hasMore: boolean;
+    readonly following: boolean;
+    readonly onTabSelect: (tab: LogStreamTab) => void;
+    /** The viewport scrolled near the top: load an older page. */
+    readonly onNearTop: () => void;
+    /** The viewport entered or left the tail-following position. */
+    readonly onFollowingChange: (following: boolean) => void;
+    readonly onFollowClick: () => void;
+    /** Exposes the scroll container so the panel can keep/restore scroll position. */
+    readonly containerRef: (element: HTMLDivElement | null) => void;
+}
+export declare const LogsPanelView: (props: LogsPanelViewProps) => import("react/jsx-runtime").JSX.Element;

package/dist/editor/logs/LogsPanelView.js

@@ -0,0 +1 @@
+import{jsx as e,jsxs as o}from"react/jsx-runtime";import{Box as r,Button as l,Chip as t}from"@mui/material";import{memo as i,useRef as n}from"react";import{EditorPageHeader as c}from"../common/EditorPageHeader.js";import{LOG_STREAM_TABS as a}from"./log-view-model.js";let s={spec:"#0aa2c0",browser:"#d63384",webhook:"#b8860b",vite:"#2f9e44",other:"#868e96"},d=i(({entry:r,showTag:l})=>{var t;return o("div",{style:{whiteSpace:"pre-wrap",wordBreak:"break-word",lineHeight:1.5},children:[o("span",{style:{color:"#adb5bd"},children:[new Date(r.time).toISOString().slice(11,19)," "]}),l&&o("span",{style:{color:s[r.stream],fontWeight:600},children:["[",r.stream,"] "]}),e("span",{style:{color:"error"===(t=r.level)?"#dc3545":"warn"===t?"#b8860b":"debug"===t||"detail"===t?"#868e96":void 0},children:r.text})]})});export const LogsPanelView=i=>{let{entries:p,counts:m,activeTab:h,hasMore:f,following:g,onTabSelect:u,onNearTop:x,onFollowingChange:b,onFollowClick:v}=i,w=n(!1);return o(r,{component:"div",sx:{display:"flex",flexDirection:"column",height:"100%",minHeight:0},children:[e(c,{title:"Dev Server Logs",description:"Live dev-server output split into attributed streams",tooltip:"Spec builds, webhook output, vite, and browser console from the running phoenix dev command"}),e(r,{component:"div",sx:{display:"flex",flexWrap:"wrap",gap:.5,p:1,borderBottom:"1px solid #e9ecef"},children:a.map(o=>e(t,{size:"small",label:"all"===o?"all":`${o} (${m[o]??0})`,variant:h===o?"filled":"outlined",onClick:()=>u(o),sx:{fontSize:"0.7rem",..."all"!==o&&h!==o&&{color:s[o]}}},o))}),o(r,{component:"div",ref:i.containerRef,onScroll:e=>{let o=e.currentTarget;b(o.scrollHeight-o.scrollTop-o.clientHeight<24),o.scrollTop<40&&f?w.current||(w.current=!0,x()):w.current=!1},sx:{flex:1,minHeight:0,overflowY:"auto",fontFamily:"ui-monospace, SFMono-Regular, Menlo, monospace",fontSize:11,px:1,py:.5,backgroundColor:"#fcfcfd"},children:[f&&e(r,{component:"div",sx:{textAlign:"center",color:"#adb5bd",fontSize:10,py:.5},children:"scroll up to load older logs"}),p.map(o=>e(d,{entry:o,showTag:"all"===h},o.seq)),0===p.length&&e(r,{component:"div",sx:{color:"#adb5bd",py:1},children:"No logs yet."})]}),!g&&e(r,{component:"div",sx:{borderTop:"1px solid #e9ecef",p:.5,textAlign:"center"},children:e(l,{size:"small",onClick:v,children:"↓ Follow new logs"})})]})};

package/dist/editor/logs/log-view-model.d.ts

@@ -0,0 +1,29 @@
+/**
+ * Client-side model for the dev-server Logs panel. Mirrors the dev server's
+ * stream names structurally so the editor package does not import the phoenix
+ * package; the wire types are enforced by the editor-server router contract.
+ */
+export type LogStreamName = 'spec' | 'browser' | 'webhook' | 'vite' | 'other';
+export type LogStreamTab = 'all' | LogStreamName;
+/** One dev-server log line as served by the editor-server getLogs/onLog procedures. */
+export interface PanelLogEntry {
+    readonly seq: number;
+    readonly stream: LogStreamName;
+    readonly level: string;
+    readonly text: string;
+    readonly time: number;
+}
+export declare const LOG_STREAM_TABS: readonly LogStreamTab[];
+/** Page size for the initial load and each older page fetched on demand. */
+export declare const PAGE_SIZE = 200;
+/**
+ * Maximum entries kept in the browser while following the tail. Older history
+ * is dropped and reloads on demand when the user scrolls up, so the panel
+ * never accumulates the server's full buffer.
+ */
+export declare const FOLLOW_WINDOW = 1000;
+export declare const matchesTab: (tab: LogStreamTab, stream: LogStreamName) => boolean;
+/** Append a live entry, trimming the oldest lines only while following the tail. */
+export declare const appendEntry: (entries: readonly PanelLogEntry[], entry: PanelLogEntry, following: boolean) => readonly PanelLogEntry[];
+/** Prepend an older page loaded on demand while scrolled up. */
+export declare const prependPage: (entries: readonly PanelLogEntry[], page: readonly PanelLogEntry[]) => readonly PanelLogEntry[];

package/dist/editor/logs/log-view-model.js

@@ -0,0 +1 @@
+export const LOG_STREAM_TABS=["all","spec","browser","webhook","vite","other"];export const PAGE_SIZE=200;export const FOLLOW_WINDOW=1e3;export const matchesTab=(e,t)=>"all"===e||e===t;export const appendEntry=(e,t,o)=>{let r=[...e,t];return o&&r.length>1e3?r.slice(r.length-1e3):r};export const prependPage=(e,t)=>[...t,...e];

package/dist/editor/mocks/ActiveMocksModal.d.ts

@@ -0,0 +1,30 @@
+import type { MockCustomizations, MockTemplateDefinition } from './mock-template-types.js';
+/** Snapshot of the applied mock state taken when the indicator is clicked. */
+export interface ActiveMocksSnapshot {
+    readonly persistenceType: 'server' | 'local-storage' | 'memory';
+    readonly activeTemplate: MockTemplateDefinition | null;
+    readonly customizations: MockCustomizations;
+    readonly appliedOverrides: {
+        readonly sessionRole: string | null;
+        readonly sessionData: Record<string, unknown> | null;
+        readonly accessConfigurationId: string | null;
+        readonly accessViewMode: boolean | null;
+        readonly publishedDataApplied: boolean;
+        readonly frontendDataApplied: boolean;
+        readonly backendDataApplied: boolean;
+        readonly webComponentProperties: Record<string, unknown> | null;
+    };
+    readonly embeddedView: {
+        readonly type: string;
+        readonly collection?: string;
+    } | null;
+}
+interface ActiveMocksModalProps {
+    open?: boolean;
+    onClose?: () => void;
+    snapshot: ActiveMocksSnapshot;
+    onViewTemplate?: (template: MockTemplateDefinition) => void;
+}
+/** Read-only detail of every mock currently applied to the runtime. */
+export declare const ActiveMocksModal: (props: ActiveMocksModalProps) => import("react/jsx-runtime").JSX.Element;
+export {};

package/dist/editor/mocks/ActiveMocksModal.js

@@ -0,0 +1 @@
+import{jsx as e,jsxs as n}from"react/jsx-runtime";import{Box as l,Chip as o,Dialog as i,DialogActions as t,DialogContent as a,DialogTitle as c,Divider as s,Typography as d}from"@mui/material";import{JsonViewer as r}from"#package/ui-sdk";import{EditorButton as p}from"../common/EditorButton.js";let m={fontSize:"11px",color:"#6c757d",fontWeight:500},u={fontSize:"12px",color:"#212529",ml:1},x=o=>n(l,{component:"div",children:[n(d,{variant:"caption",sx:m,children:[o.label,":"]}),e(d,{component:"span",variant:"body2",sx:u,children:o.value})]});export const ActiveMocksModal=u=>{let{open:h=!0,onClose:f,snapshot:b,onViewTemplate:v}=u,{persistenceType:y,activeTemplate:g,customizations:D,appliedOverrides:k,embeddedView:w}=b,S=[k.publishedDataApplied?"published data":null,k.frontendDataApplied?"frontend data":null,k.backendDataApplied?"backend data":null].filter(e=>null!==e);return n(i,{open:h,onClose:f,maxWidth:"sm",fullWidth:!0,children:[e(c,{sx:{fontSize:"14px",fontWeight:600,py:1.5,px:2,borderBottom:"1px solid #e9ecef"},children:"Active Mocks"}),e(a,{sx:{p:2},children:n(l,{component:"div",sx:{display:"flex",flexDirection:"column",gap:2,pt:1},children:[e(x,{label:"Persistence",value:"memory"===y?"in-memory local mode":y}),e(s,{}),n(l,{component:"div",children:[e(d,{variant:"subtitle2",sx:{fontWeight:600,fontSize:"12px",color:"#212529",mb:1},children:"Template"}),g?n(l,{component:"div",sx:{display:"flex",flexDirection:"column",gap:1},children:[e(x,{label:"Title",value:g.title}),e(x,{label:"Key",value:g.key}),e(l,{component:"div",sx:{display:"flex",gap:.5,flexWrap:"wrap"},children:[g.configuration?"configuration":null,g.publishedData?"published data":null,g.frontendData?"frontend data":null,g.backendData?"backend data":null,g.embeddedView?"embedded view":null,g.webComponentProperties?"web component properties":null].filter(e=>null!==e).map(n=>e(o,{label:n,size:"small",sx:{fontSize:"10px",height:20}},n))}),v&&e(l,{component:"div",children:e(p,{variant:"secondary",onClick:()=>v(g),sx:{fontSize:"11px",py:.5,px:1.5},children:"View Template Details"})})]}):e(d,{variant:"body2",sx:{fontSize:"12px",color:"#6c757d",fontStyle:"italic"},children:"No template active"})]}),e(s,{}),n(l,{component:"div",children:[e(d,{variant:"subtitle2",sx:{fontWeight:600,fontSize:"12px",color:"#212529",mb:1},children:"Applied State"}),n(l,{component:"div",sx:{display:"flex",flexDirection:"column",gap:1},children:[null!==k.sessionRole&&e(x,{label:"Session",value:`${k.sessionRole}${D.session?` — ${D.session.title} (custom)`:""}`}),null!==k.accessConfigurationId&&e(x,{label:"Access",value:`${k.accessViewMode?"read-only":"owner"} on ${k.accessConfigurationId}${D.access?` — ${D.access.access} (custom)`:""}`}),null!==w&&e(x,{label:"Embedded view",value:`${w.type}${w.collection?` (${w.collection})`:""}${D.embeddedView?" (custom)":""}`}),S.length>0&&e(x,{label:"Data overrides",value:S.join(", ")}),null!==k.sessionData&&Object.keys(k.sessionData).length>0&&n(l,{component:"div",children:[e(d,{variant:"caption",sx:m,children:"Session data:"}),e(l,{component:"div",sx:{mt:.5},children:e(r,{data:k.sessionData,collapsed:!1})})]}),null!==k.webComponentProperties&&n(l,{component:"div",children:[e(d,{variant:"caption",sx:m,children:"Web component properties:"}),e(l,{component:"div",sx:{mt:.5},children:e(r,{data:k.webComponentProperties,collapsed:!1})})]})]})]})]})}),e(t,{sx:{p:2,borderTop:"1px solid #e9ecef"},children:e(p,{onClick:f,children:"Close"})})]})};

package/dist/editor/mocks/ConfirmMemoryModeModal.d.ts

@@ -0,0 +1,12 @@
+interface ConfirmMemoryModeModalProps {
+    open?: boolean;
+    onClose?: () => void;
+    onConfirm: () => void;
+    onCancel: () => void;
+}
+/**
+ * Confirmation shown before the first mock is applied while the application runs against the
+ * live server: applying a mock sandboxes the whole runtime to in-memory local mode.
+ */
+export declare const ConfirmMemoryModeModal: (props: ConfirmMemoryModeModalProps) => import("react/jsx-runtime").JSX.Element;
+export {};

package/dist/editor/mocks/ConfirmMemoryModeModal.js

@@ -0,0 +1 @@
+import{jsx as e,jsxs as i}from"react/jsx-runtime";import{Box as o,Dialog as t,DialogActions as n,DialogContent as r,DialogTitle as l,Typography as c}from"@mui/material";import{EditorButton as a}from"../common/EditorButton.js";export const ConfirmMemoryModeModal=s=>{let{open:p=!0,onClose:d,onConfirm:m,onCancel:h}=s,x=()=>{h(),d?.()};return i(t,{open:p,onClose:x,maxWidth:"sm",fullWidth:!0,children:[e(l,{sx:{pb:1},children:e(c,{variant:"h6",sx:{fontSize:"14px",fontWeight:600,color:"#212529"},children:"Switch to In-Memory Local Mode?"})}),e(r,{sx:{pt:1},children:i(o,{component:"div",sx:{display:"flex",flexDirection:"column",gap:2},children:[e(c,{variant:"body2",sx:{fontSize:"12px",color:"#495057",lineHeight:1.5},children:"This application is running against the live server. Applying a mock switches it to in-memory local mode: the currently loaded configuration is carried over, but nothing is read from or written to the server while mocks are active."}),e(c,{variant:"caption",sx:{fontSize:"11px",color:"#6c757d",fontStyle:"italic"},children:"Use “Reset All” in the mocks panel to return to live server mode."})]})}),i(n,{sx:{px:2,pb:1.5,pt:1},children:[e(a,{variant:"secondary",onClick:x,sx:{fontSize:"11px",py:.5,px:1.5},children:"Cancel"}),e(a,{onClick:()=>{m(),d?.()},sx:{fontSize:"11px",py:.5,px:1.5},children:"Switch & Apply"})]})]})};

package/dist/editor/mocks/CreateMockYaml.d.ts

@@ -0,0 +1 @@
+export declare const CreateMockYaml: () => import("react/jsx-runtime").JSX.Element;

package/dist/editor/mocks/CreateMockYaml.js

@@ -0,0 +1,7 @@
+import{jsx as e,jsxs as t,Fragment as o}from"react/jsx-runtime";import{Box as a,Checkbox as n,Dialog as i,DialogActions as r,DialogContent as l,DialogTitle as s,Divider as c,FormControlLabel as d,Stack as p,TextField as f,Tooltip as u,Typography as m}from"@mui/material";import{jwtDecode as h}from"jwt-decode";import{useSnackbar as g}from"notistack";import{useEffect as b,useState as v}from"react";import{stringify as x}from"yaml";import{validateMockTemplateContent as k}from"#package/application-spec";import{useAccessServiceOverride as y,useBackendDataOverride as C,useConfiguratorModelVersion as D,useConfiguratorRawAccessInfo as w,useConfiguratorRawBackendData as S,useConfiguratorRawFrontendData as j,useConfiguratorRawPublishedData as M,useFrontendDataOverride as W,usePublishedDataOverride as z,useSessionContextOverride as E,useSessionService as I}from"#package/react-sdk";import{CollapsibleSection as A}from"../common/CollapsibleSection.js";import{EditorButton as F}from"../common/EditorButton.js";import{useOptionalDomain as P}from"../hooks/use-optional-runtime.js";import{useEditorConnection as T}from"../services/EditorConnectionContext.js";import{trpc as $}from"../services/trpc.js";import{useEditorMockContext as B}from"./EditorMockContext.js";import{ValidationErrorModal as O}from"./ValidationErrorModal.js";let R=({title:o,value:n,setValue:i,placeholder:r})=>t(a,{component:"div",sx:{display:"flex",alignItems:"center",gap:1},children:[e(m,{variant:"subtitle2",sx:{fontSize:"11px",fontWeight:600,color:"#495057",minWidth:"80px"},children:o}),e(f,{value:n,onChange:e=>{i(e.target.value)},fullWidth:!0,size:"small",placeholder:r,InputProps:{sx:{fontSize:"12px",fontFamily:"monospace",backgroundColor:"#fff",height:"32px","& input":{padding:"6px 12px"}}},sx:{"& .MuiOutlinedInput-root":{"&:hover fieldset":{borderColor:"#90caf9"},"&.Mui-focused fieldset":{borderColor:"#1976d2"}}}})]}),V={fontFamily:"monospace",fontSize:"12px",whiteSpace:"pre-wrap",wordBreak:"break-word",margin:0,padding:1,backgroundColor:"#f8f9fa",border:"1px solid #e9ecef",borderRadius:"4px"},N={fontSize:"10px",py:.25,px:1,fontWeight:600,minWidth:"auto"},U=({onClick:t})=>e(F,{variant:"secondary",sx:N,onClick:e=>{e.stopPropagation(),t()},children:"Copy"}),q=({label:t,checked:o,onChange:a})=>e(d,{control:e(n,{size:"small",checked:o,onChange:e=>{a(e.target.checked)},sx:{p:.5}}),label:t,sx:{ml:-.5,mr:0,"& .MuiFormControlLabel-label":{fontSize:"12px",color:"#212529"}}}),H=({title:t,original:o,edited:n,onChange:i,onCopy:r})=>{let[l,s]=v(!1),c=n??o;return e(A,{title:t,subtitle:void 0!==n?"edited":void 0,defaultExpanded:!0,actions:[e(F,{variant:"secondary",sx:N,onClick:e=>{e.stopPropagation(),s(!l)},children:l?"Done":"Edit"},"edit"),e(F,{variant:"secondary",sx:N,disabled:void 0===n,onClick:e=>{e.stopPropagation(),i(void 0)},children:"Reset"},"reset"),e(U,{onClick:()=>r(c)},"copy")],children:l?e(f,{value:c,onChange:e=>{i(e.target.value)},fullWidth:!0,multiline:!0,minRows:4,InputProps:{sx:{fontSize:"12px",fontFamily:"monospace",backgroundColor:"#fff",padding:1}},inputProps:{spellCheck:!1},sx:{"& .MuiOutlinedInput-root":{"&:hover fieldset":{borderColor:"#90caf9"},"&.Mui-focused fieldset":{borderColor:"#1976d2"}}}}):e(a,{component:"pre",sx:V,children:c})})},K=({yaml:o,open:n,onClose:d})=>{let{enqueueSnackbar:f}=g(),{effectiveMockTemplates:u}=B(),{localMode:h,connectionStatus:x}=T(),y=$.saveMock.useMutation(),[C,D]=v(""),[w,S]=v(""),[j,M]=v(""),[W,z]=v(!0),[E,I]=v(!0),[A,P]=v(!0),[V,N]=v(""!==o.frontendData),[U,K]=v(""!==o.backendData),[L,Y]=v({}),[G,J]=v(null);b(()=>{Y({})},[o]);let Q=e=>t=>{Y(o=>{let a={...o};return void 0===t?delete a[e]:a[e]=t,a})},X={sessionAccess:L.sessionAccess??o.session+"\n"+o.access,configuration:L.configuration??o.configuration,publishedData:L.publishedData??o.publishedData,frontendData:L.frontendData??o.frontendData,backendData:L.backendData??o.backendData},Z=async e=>{try{await navigator.clipboard.writeText(e),f("Copied to clipboard!",{variant:"success"})}catch(e){f("Failed to copy to clipboard",{variant:"error"})}},_=()=>{let e,t=(e=`key: '${C}'
+title: '${w}'
+description: '${j}'
+order: ${o.order.toString()}
+`,W&&(e+="\n"+X.sessionAccess+"\n"),E&&(e+="\n"+X.configuration),A&&(e+="\n"+X.publishedData),V&&(e+="\n"+X.frontendData),U&&(e+="\n"+X.backendData),e),a=k(t);return a.valid?t:(J(`The assembled mock template is not valid:
+
+${a.errors.join("\n")}`),null)},ee=async()=>{let e=_();null!==e&&await Z(e)},et=async()=>{if(""===C)return void f("Enter a key for the mock file",{variant:"error"});let e=C+".yaml";if(u.find(e=>e.key===C))return void f(`A mock template '${e}' already exists`,{variant:"error"});if(h)return void f("Cannot save files in local mode",{variant:"error"});if("connected"!==x)return void f("Not connected to server. Cannot save file.",{variant:"error"});let t=_();if(null!==t)try{await y.mutateAsync({fileName:e,content:t}),f(`Mock file ${e} saved successfully!`,{variant:"success"})}catch(e){f(e instanceof Error?e.message:"Failed to save mock file",{variant:"error"})}};return t(i,{open:n,onClose:d,maxWidth:"md",fullWidth:!0,children:[e(s,{sx:{fontSize:"14px",fontWeight:600,py:1.5,px:2,borderBottom:"1px solid #e9ecef"},children:"Created Mock Data"}),e(l,{sx:{p:2},children:t(a,{component:"div",sx:{display:"flex",flexDirection:"column",gap:2,pt:1},children:[t(a,{component:"div",sx:{display:"flex",flexDirection:"column",gap:1},children:[e(R,{title:"Key",value:C,setValue:D,placeholder:"e.g. 'regularUser', also in the filename"}),e(R,{title:"Title",value:w,setValue:S,placeholder:"e.g. 'Regular User'"}),e(R,{title:"Description",value:j,setValue:M,placeholder:"Human readable description of the mock data"}),t(a,{component:"div",sx:{display:"flex",alignItems:"center",gap:1,flexWrap:"wrap"},children:[e(m,{variant:"subtitle2",sx:{fontSize:"11px",fontWeight:600,color:"#495057",minWidth:"80px"},children:"Include"}),e(q,{label:"Session & Access",checked:W,onChange:z}),e(q,{label:"Configuration",checked:E,onChange:I}),e(q,{label:"Published data",checked:A,onChange:P}),e(q,{label:"Frontend data",checked:V,onChange:N}),e(q,{label:"Backend data",checked:U,onChange:K})]})]}),e(c,{}),t(p,{direction:"column",spacing:1,children:[e(H,{title:"Session & Access",original:o.session+"\n"+o.access,edited:L.sessionAccess,onChange:Q("sessionAccess"),onCopy:e=>void Z(e)}),e(H,{title:"Configuration (entities)",original:o.configuration,edited:L.configuration,onChange:Q("configuration"),onCopy:e=>void Z(e)}),e(H,{title:"Published Data",original:o.publishedData,edited:L.publishedData,onChange:Q("publishedData"),onCopy:e=>void Z(e)}),""!==o.frontendData&&e(H,{title:"Frontend Data",original:o.frontendData,edited:L.frontendData,onChange:Q("frontendData"),onCopy:e=>void Z(e)}),""!==o.backendData&&e(H,{title:"Backend Data",original:o.backendData,edited:L.backendData,onChange:Q("backendData"),onCopy:e=>void Z(e)})]})]})}),t(r,{sx:{p:2,borderTop:"1px solid #e9ecef"},children:[e(F,{onClick:et,children:"Save to file"}),e(F,{onClick:ee,children:"Copy to clipboard"}),e(F,{onClick:d,children:"Close"})]}),e(O,{open:null!==G,error:G,onClose:()=>{J(null)}})]})};export const CreateMockYaml=()=>{let n=P(),i=D(),{effectiveMockTemplates:r}=B(),l=I(),s=w(),c=z(),d=W(),p=C(),f=M(),g=j(),k=S(),A=c??f,T=d??g,$=p??k,[O,R]=v([]),V=n?i:-1,[U,q]=v(""),[H,L]=v(),[Y,G]=v(),[J,Q]=v();b(()=>{(async()=>{var e;let t;G(((e=h(await l.requestSessionToken())).data&&"object"==typeof e.data&&("object"==typeof e.data.tags&&0===Object.keys(e.data.tags).length&&delete e.data.tags,t=e.data),{role:e.role,data:t}))})()},[l]);let X=E();b(()=>{Q(X??void 0)},[X]);let[Z,_]=v(),[ee,et]=v();b(()=>{_(s?.viewMode?"read-revision":"owner")},[s]);let eo=y();b(()=>{eo?et(eo.accessInfo.viewMode?"read-revision":"owner"):et(void 0)},[eo,eo?.accessInfo.viewMode]),b(()=>{if(!n)return void R([]);let e=n.storeSystem.stateSlices.committed.value.state;R([...e.entities]),q(e.rootEntityType);let t=n.storeSystem.stateSlices.committed.subscribe(e=>{R([...e.state.entities]),q(e.state.rootEntityType)});return()=>{t.unsubscribe()}},[n]);let[ea,en]=v(!1);return t(o,{children:[e(a,{component:"div",sx:{borderBottom:"1px solid #e9ecef",backgroundColor:"#f8f9fa",px:1.5,py:1,display:"flex",flexDirection:"column",gap:1.5,mb:0},children:t(a,{component:"div",sx:{display:"flex",flexDirection:"row",alignItems:"center",justifyContent:"space-between"},children:[e(m,{variant:"subtitle2",sx:{fontWeight:600,color:"#495057",fontSize:"12px"},children:"Create mock yaml from current state"}),e(u,{title:-1===V?"No configuration is loaded yet — load a configuration to capture its state":"Capture the current session, access, configuration and data as a mock template",placement:"left",arrow:!0,enterDelay:300,children:e("span",{children:e(F,{variant:"secondary",onClick:e=>{let t,o,a,n,i,l;e.stopPropagation(),t=x({session:{role:(J??Y)?.role??"anonymous",data:(J??Y)?.data??{}}}),o=x({access:{access:ee??Z??"owner"}}),a=x({configuration:{entities:O,modelVersion:V,rootEntityType:U}}),n=A&&Object.keys(A).length>=1?x({publishedData:{data:A}}):"",i=T&&Object.keys(T).length>=1?x({frontendData:{data:T}}):"",l=$&&Object.keys($).length>=1?x({backendData:{data:$}}):"",L({order:(r.length??0)+1,configuration:a,session:t,access:o,publishedData:n,frontendData:i,backendData:l}),en(!0)},sx:N,disabled:-1===V,children:"Create Mock"})})})]})}),H&&e(K,{yaml:H,open:ea,onClose:()=>{en(!1)}})]})};

package/dist/editor/mocks/EditorMockContext.d.ts

@@ -0,0 +1,24 @@
+import type { EmbeddedViewMock, MockCustomizations, MockTemplateDefinition, SessionMock } from './mock-template-types.js';
+export interface EditorMockContextType {
+    readonly activeTemplateKey: string | null;
+    readonly activeCustomizations: MockCustomizations;
+    readonly effectiveMockTemplates: readonly MockTemplateDefinition[];
+    readonly applySessionMock: (mock: SessionMock) => Promise<void>;
+    readonly applyAccessMock: (mock: {
+        access: string;
+    }) => Promise<void>;
+    readonly resetSessionOverride: () => Promise<void>;
+    readonly resetAccessOverride: () => Promise<void>;
+    readonly applyEmbeddedViewMock: (mock: EmbeddedViewMock) => Promise<void>;
+    readonly resetEmbeddedViewOverride: () => Promise<void>;
+    readonly applyTemplate: (template: MockTemplateDefinition) => Promise<void>;
+    readonly resetAllMocks: () => Promise<void>;
+}
+export interface EditorMockProviderProps {
+    readonly children: React.ReactNode;
+    readonly mockTemplates?: MockTemplateDefinition[];
+    readonly autoApplyTemplate?: boolean;
+    readonly environmentKey?: string;
+}
+export declare const EditorMockProvider: (props: EditorMockProviderProps) => import("react/jsx-runtime").JSX.Element;
+export declare const useEditorMockContext: () => EditorMockContextType;

package/dist/editor/mocks/EditorMockContext.js

@@ -0,0 +1 @@
+import{jsx as e}from"react/jsx-runtime";import{createContext as t,useCallback as r,useContext as o,useEffect as n,useMemo as a,useRef as s,useState as c}from"react";import{createUnsignedJWT as i,memoryStorage as l}from"#package/client";import{createInitialDomainState as d}from"#package/domain";import{useApplicationRuntime as u,useIntegrationService as m,useModal as p,useMountGuard as f}from"#package/react-sdk";import{useEditorConnection as w}from"../services/EditorConnectionContext.js";import{trpc as g}from"../services/trpc.js";import{ConfirmMemoryModeModal as y}from"./ConfirmMemoryModeModal.js";import{ValidationErrorModal as b}from"./ValidationErrorModal.js";let h=e=>{let t=e??("u">typeof window?window.location.pathname:"default");return`phx-editor-template:${t}`},k=e=>`template-configuration-${e}`,v=t(null);export const EditorMockProvider=t=>{let{children:o,mockTemplates:E,autoApplyTemplate:I,environmentKey:C}=t,V=s(!1),P=s(0),S=s(null),[M,x]=c(null),[D,A]=c([]),[R,T]=c(null),[j,$]=c({session:null,access:null,embeddedView:null}),B=f(),F=u(),L=F.actions.overrides,O=m(),{showModal:_}=p(),{localMode:q}=w(),z=a(()=>[...E&&E.length>0?E:D].sort((e,t)=>(e.order??1/0)-(t.order??1/0)),[E,D]),G=r(()=>F.selectors.spec.getConfiguratorFactory(),[F]),H=r(e=>(G().parseSessionData(e.data),{role:e.role,data:e.data}),[G]),J=r(e=>G().parsePublishedData(e.data),[G]),K=r(e=>G().parseFrontendData(e.data),[G]),N=r(e=>{let t=G();if(!t.hasBackendData)throw Error("Backend data mock could not be applied, because backend data is not supported by the current domain configuration. Please use a domain that supports backend data.");return t.parseBackendData(e.data)},[G]),Q=r(e=>{if("recipe"===e.type){if(!e.collection)throw Error("Embedded view mock could not be applied, because a collection is required for recipe type embedded views. Please specify a collection for this mock.");return{type:"recipe",recipeId:`Recipe_${Math.floor(1e6*Math.random())}`,collection:e.collection,...e.rootRecipeId?{rootRecipeId:e.rootRecipeId}:{}}}return{type:"preset",presetId:`Preset_${Math.floor(1e6*Math.random())}`}},[]),U=r((e,t)=>{if(l.has(e))return null;let r=F.selectors.loadedData.getConfiguratorRawLoadedData();if(null===r)return null;let o=F.selectors.domainContext.configurator,n=o.getInitializationState().isCurrent?o.getStoreSystem().stateSlices.committed.value.state.entities:r.initialEntities;return{configurationId:e,revisionId:t??r.initialRevisionId,modelVersion:r.modelVersion,rootEntityType:r.rootEntityType,data:n}},[F]),W=r((e,t)=>{let r=U(e,t);null!==r&&l.set(e,[r])},[U]),X=r(async()=>!!("server"!==F.selectors.environment.getBasePersistenceConfig().type||F.selectors.overrides.getActive())||new Promise(e=>{_(y,{onConfirm:()=>e(!0),onCancel:()=>e(!1)})}),[F,_]),Y=s(null),Z=r((e,t)=>{let r=e instanceof Error?e.message:t;Y.current?.destroy(),Y.current=_(b,{error:r})},[_]),ee=r(async e=>{try{if(!await X())return;let t=H(e),r=F.selectors.access.getConfiguratorRawAccessService();null!==r&&W(r.configurationId,r.accessInfo.revisionId),L.setSessionContext(t),$(t=>({...t,session:e}))}catch(e){Z(e,"Session mock could not be applied, because an unknown error has occurred. Please check the mock data and try again.")}},[X,H,F,W,L,Z]),et=r(async e=>{try{if(!await X())return;let t=F.selectors.access.getConfiguratorRawAccessInfo();null!==t&&W(t.configurationId,t.revisionId),L.setAccessLevel(e.access),$(t=>({...t,access:e}))}catch(e){Z(e,"Access mock could not be applied, because an unknown error has occurred. Please check the mock data and try again.")}},[X,F,W,L,Z]),er=r(async e=>{try{if(!await X())return;let t=Q(e),r=F.selectors.access.getConfiguratorRawAccessInfo();null!==r&&W(r.configurationId,r.revisionId),O.enterEmbeddedView(t),L.setEmbeddedViewActive(!0),$(t=>({...t,embeddedView:e}))}catch(e){Z(e,"Embedded view mock could not be applied, because an unknown error has occurred. Please check the mock data and try again.")}},[X,Q,F,W,O,L,Z]),eo=r(async()=>{try{let e=R?H(R.session):null;L.setSessionContext(e),$(e=>({...e,session:null}))}catch(e){Z(e,"Session mock could not be reset, because an unknown error has occurred. Please check the active template and try again.")}},[L,R,H,Z]),en=r(async()=>{L.setAccessLevel(R?.access.access??null),$(e=>({...e,access:null}))},[L,R]),ea=r(async()=>{try{let e=R?.embeddedView?Q(R.embeddedView):null;null!==e?O.enterEmbeddedView(e):O.exitEmbeddedView(),L.setEmbeddedViewActive(null!==e),$(e=>({...e,embeddedView:null}))}catch(e){Z(e,"Embedded view mock could not be reset, because an unknown error has occurred. Please check the active template and try again.")}},[O,L,R,Q,Z]),es=r(e=>{null!==e&&l.delete(k(e))},[]),ec=r(async()=>{P.current+=1,es(S.current),S.current=null,x(null),T(null),$({session:null,access:null,embeddedView:null}),O.exitEmbeddedView(),L.clearMockOverrides();try{localStorage.removeItem(h(C))}catch{console.warn("[Editor] Failed to clear template key from localStorage")}},[O,L,C,es]),ei=r(async(e,t)=>{let r=t?.generation??++P.current;try{let t=e.embeddedView?Q(e.embeddedView):null,n=H(e.session),a=e.publishedData?J(e.publishedData):null,s=e.frontendData?K(e.frontendData):null,c=e.backendData?N(e.backendData):null,u=null,m=null,p=F.selectors.access.getConfiguratorRawAccessInfo(),f=null===p?null:U(p.configurationId,p.revisionId);if(e.configuration){let t=k(e.key),r="latest",o=e.configuration,n=G(),a=n.validateAndMigrateState(o.entities,o.modelVersion);d(a,o.rootEntityType),u={configurationId:t,revisionId:r,modelVersion:n.modelVersion,rootEntityType:o.rootEntityType,data:a};let s=Math.floor(Date.now()/1e3),c=i({configurationId:t,revisionId:r,access:e.access.access,iat:s,exp:s+3600});m={configurationId:t,accessInfo:{raw:c,viewMode:"read-revision"===e.access.access,revisionId:r,configurationId:t}}}else null!==p&&(u=U(p.configurationId,p.revisionId));if(r!==P.current)return;null!==f&&l.set(f.configurationId,[f]),null!==u&&l.set(u.configurationId,[u]),null!==t?O.enterEmbeddedView(t):O.exitEmbeddedView(),L.updateOverrides({accessService:m,accessLevel:null===m?e.access.access:null,sessionContext:n,publishedData:a,frontendData:s,backendData:c,webComponentProperties:e.webComponentProperties??null,embeddedViewActive:null!==t,persistenceConfig:F.selectors.overrides.getPersistenceConfig()}),S.current!==e.key&&es(S.current),S.current=e.key,x(e.key),T(e),$({session:null,access:null,embeddedView:null});var o=e.key;try{localStorage.setItem(h(C),o)}catch{console.warn("[Editor] Failed to store template key to localStorage")}}catch(o){let r="Template could not be applied, because an unknown error has occurred. Please check the template configuration and try again.";if(t?.errorPresentation==="console")return void console.warn(`[Editor] Template "${e.title}" could not be applied:`,o instanceof Error?o.message:r);Z(o,r)}},[H,G,J,K,N,Q,O,L,Z,C,F,es,U]),el=r(async e=>{let t=++P.current;await X()&&t===P.current&&await ei(e,{generation:t})},[X,ei]);g.onMockTemplateChange.useSubscription(void 0,{enabled:!q,onData:e=>{B()&&A(e.templates)}}),n(()=>{if(z&&z.length>0&&!V.current){V.current=!0;let e=(e=>{try{return localStorage.getItem(h(e))}catch{return null}})(C);if(e){let t=z.find(t=>t.key===e);if(t)return void ei(t,{errorPresentation:"console"});console.warn(`[Editor] Stored template "${e}" not found in available templates`)}if(I){let e=z[0];e&&ei(e,{errorPresentation:"console"})}}},[I,z,ei,C]);let ed=a(()=>({activeTemplateKey:M,activeCustomizations:j,effectiveMockTemplates:z,applySessionMock:ee,applyAccessMock:et,resetSessionOverride:eo,resetAccessOverride:en,applyEmbeddedViewMock:er,resetEmbeddedViewOverride:ea,applyTemplate:el,resetAllMocks:ec}),[M,j,z,ee,et,eo,en,er,ea,el,ec]);return e(v.Provider,{value:ed,children:o})};export const useEditorMockContext=()=>{let e=o(v);if(null===e)throw Error("useEditorMockContext must be used within EditorMockProvider");return e};

package/dist/editor/mocks/IndividualMocksSection.d.ts

@@ -0,0 +1,5 @@
+interface IndividualMocksSectionProps {
+    onBack: () => void;
+}
+export declare const IndividualMocksSection: (props: IndividualMocksSectionProps) => import("react/jsx-runtime").JSX.Element;
+export {};