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

package/dist/configurator/scene/scene-entity/drag-and-drop/index.d.ts

@@ -0,0 +1,6 @@
+export { useHandleDrag } from './use-handle-drag.js';
+export { useDragObject } from './use-drag-object.js';
+export { getDraggableSurfaceKey } from './use-handle-drag.js';
+export { createTranslucentClone } from './create-translucent-clone.js';
+export { wasDisplacedFromCursor } from './was-displaced-from-cursor.js';
+export { DraggableUpdateTag, TransientDraggableUpdateTag } from '#package/domain';

package/dist/configurator/scene/scene-entity/drag-and-drop/index.js

@@ -0,0 +1 @@
+export{useHandleDrag,getDraggableSurfaceKey}from"./use-handle-drag.js";export{useDragObject}from"./use-drag-object.js";export{createTranslucentClone}from"./create-translucent-clone.js";export{wasDisplacedFromCursor}from"./was-displaced-from-cursor.js";export{DraggableUpdateTag,TransientDraggableUpdateTag}from"#package/domain";

package/dist/configurator/scene/scene-entity/drag-and-drop/shared.d.ts

@@ -0,0 +1,40 @@
+import { type Size } from '@react-three/fiber';
+import { type Camera, Vector2, Vector3 } from 'three';
+import type { DraggableSurface } from '#package/domain';
+/**
+ * Converts mouse coordinates to normalized device coordinates
+ */
+export declare const canvasToNdc: (x: number, y: number, { left, top, width, height }: Size) => Vector2;
+/**
+ * Picks the declared surface whose plane lies closest to the given world point,
+ * by perpendicular distance. Used at drag-start to anchor the drag to the
+ * surface the entity is *already on*, rather than the surface the cursor ray
+ * hits closest to the camera — those can disagree from odd view angles (e.g.
+ * looking at a side-wall cabinet from 45° so the front wall's plane is closer
+ * along the ray). Anchoring on the entity's surface keeps `originalMouseDiff`
+ * a small click offset within that surface instead of a large cross-surface
+ * offset that biases the entire drag.
+ */
+export declare const findSurfaceClosestToPoint: (worldPoint: Vector3, surfaces: readonly DraggableSurface[]) => DraggableSurface | null;
+/**
+ * Projects the cursor ray onto a single specified surface. Returns null if the
+ * ray is parallel to or points away from the plane.
+ */
+export declare const projectMouseOntoSurface: (mouse: Vector2, surface: DraggableSurface, camera: Camera) => Vector3 | null;
+/**
+ * Among the camera-facing surfaces the cursor ray actually hits, picks the
+ * intersection closest to the world origin. Used during multi-surface drag-move
+ * to decide which declared plane the cursor currently "wants" to be on — the
+ * mechanism that lets a wall-mounted cabinet hop between adjacent walls when
+ * the user drags past a corner. Surfaces whose normal points away from the
+ * camera ray are skipped so the cabinet can't dock onto the back side of a
+ * plane behind the camera.
+ */
+export declare const pickActiveSurfaceIntersection: (mouse: Vector2, surfaces: readonly DraggableSurface[], camera: Camera) => {
+    intersection: Vector3;
+    surface: DraggableSurface;
+} | null;
+/**
+ * Normalizes angle to be in the range of -PI to PI
+ */
+export declare const normalizeAngle: (alpha: number) => number;

package/dist/configurator/scene/scene-entity/drag-and-drop/shared.js

@@ -0,0 +1 @@
+import{Plane as n,Raycaster as t,Vector2 as e,Vector3 as o}from"three";let r=new t;export const canvasToNdc=(n,t,{left:o,top:r,width:a,height:l})=>new e((n-o)/a*2-1,-((t-r)/l*2)+1);export const findSurfaceClosestToPoint=(n,t)=>{let e=null,o=1/0;for(let r of t){let t=Math.abs(r.normal.x*n.x+r.normal.y*n.y+r.normal.z*n.z+r.constant);t<o&&(o=t,e=r)}return e};export const projectMouseOntoSurface=(t,e,a)=>{r.setFromCamera(t,a);let l=new n;l.normal.set(e.normal.x,e.normal.y,e.normal.z),l.constant=e.constant;let c=new o;return r.ray.intersectPlane(l,c)};export const pickActiveSurfaceIntersection=(t,e,a)=>{r.setFromCamera(t,a);let l=new n,c=null;for(let n of e){if(n.normal.x*r.ray.direction.x+n.normal.y*r.ray.direction.y+n.normal.z*r.ray.direction.z>=0)continue;l.normal.set(n.normal.x,n.normal.y,n.normal.z),l.constant=n.constant;let t=r.ray.intersectPlane(l,new o);if(!t)continue;let e=t.lengthSq();0!==e&&(!c||e<c.lengthSq)&&(c={intersection:t,surface:n,lengthSq:e})}return c?{intersection:c.intersection,surface:c.surface}:null};let a=2*Math.PI;export const normalizeAngle=n=>n-a*Math.floor((n+Math.PI)/a);

package/dist/configurator/scene/scene-entity/drag-and-drop/use-drag-object.d.ts

@@ -0,0 +1,11 @@
+import { type Object3D } from 'three';
+import { type DomainEntityId, type DraggableSurface } from '#package/domain';
+interface DragHandle {
+    surfaces: DraggableSurface[];
+    instanceName: string;
+}
+export declare const useDragObject: (entityId: DomainEntityId<string>, object: Object3D | null, dragHandle: DragHandle | undefined, onUpdate: () => void, onDragStart?: () => void, onDragEnd?: () => void) => {
+    bindDrag: (...args: any[]) => import("@use-gesture/react/dist/declarations/src/types.js").ReactDOMAttributes;
+    bindHover: (...args: any[]) => import("@use-gesture/react/dist/declarations/src/types.js").ReactDOMAttributes;
+};
+export {};

package/dist/configurator/scene/scene-entity/drag-and-drop/use-drag-object.js

@@ -0,0 +1 @@
+import{useThree as e}from"@react-three/fiber";import{useDrag as t,useHover as r}from"@use-gesture/react";import{useCallback as o}from"react";import{Group as a,Plane as n,Vector3 as i}from"three";import{getPropertiesPosition as l}from"#package/domain";import{useDomain as s}from"#package/react-sdk";import{useConfigurator as g}from"../../../application-runtime/index.js";import{createEntityShadow as m}from"./create-entity-shadow.js";import{canvasToNdc as c,findSurfaceClosestToPoint as d,pickActiveSurfaceIntersection as p,projectMouseOntoSurface as u}from"./shared.js";export const useDragObject=(f,b,y,P,D,v)=>{let{storeSystem:w,positionProjections:E}=s(),{dragAndDropSystem:S}=g(),{camera:h,size:j,gl:k}=e(),x=o((e,t)=>{k.domElement.style.cursor="grabbing";let r=l(E.getEntityWorldProperties(f,w.stateSlices.committed.value.state,null)),o=d(r,t.surfaces);if(!o)return;let n=u(e.clone(),o,h);if(!n)return;let i=o.key,s=n.clone().sub(r),g=m(b??new a);S.startDrag({type:"draggable",entityId:f,originalMouseDiff:s,draggingPlanes:t.surfaces,dragHandleInstance:t.instanceName,newWorldPosition:r,originalWorldPosition:r,activeSurfaceKey:i,draggingShadow:g}),D?.()},[k.domElement.style,h,E,f,w.stateSlices.committed.value.state,b,S,D]),W=o(()=>{k.domElement.style.cursor="grab",w.commit(),S.endDrag(),v?.()},[S,w,k,v]),H=o((e,t)=>{let r=p(e.clone(),t.draggingPlanes,h);if(!r)return;let{intersection:o,surface:a}=r,l=o.clone().sub(t.originalMouseDiff);new n(new i(a.normal.x,a.normal.y,a.normal.z),a.constant).projectPoint(l,l),S.updateDraggablePosition(l,a.key),P()},[h,S,P]),z=o(e=>{let{event:t,active:r,xy:o,type:a}=e;if(t instanceof PointerEvent&&0!==t.button)return;let n=S.getDraggingState(),i=c(o[0],o[1],j);if(!n&&r){if(!y)return;x(i,y),t.stopPropagation();return}if(n?.type==="draggable"){if(!r){W(),t.stopPropagation();return}"pointermove"===a&&(H(i,n),t.stopPropagation())}},[S,j,y,x,W,H]),I=o(e=>{let{hovering:t=!1}=e;S.getDraggingState()||(k.domElement.style.cursor=t?"grab":"default")},[S,k]);return{bindDrag:t(z,{delay:500,filterTaps:!0}),bindHover:r(I)}};

package/dist/configurator/scene/scene-entity/drag-and-drop/use-handle-drag.d.ts

@@ -0,0 +1,3 @@
+import { type ComponentModification, type DragHandleComponent, type HotspotDragHandleComponent } from '#package/domain';
+export declare const getDraggableSurfaceKey: (update: ComponentModification<DragHandleComponent | HotspotDragHandleComponent>) => string | undefined;
+export declare const useHandleDrag: () => () => void;

package/dist/configurator/scene/scene-entity/drag-and-drop/use-handle-drag.js

@@ -0,0 +1 @@
+import{useCallback as t}from"react";import{DraggableUpdateTag as e,TransientDraggableUpdateTag as a,defaultDistanceToUnit as n,dragHandleComponent as g,hotspotDragHandleComponent as r,systemUpdateFactory as o}from"#package/domain";import{useDomain as s}from"#package/react-sdk";import{useConfigurator as i,useDragAndDropSystemConfig as l}from"../../../application-runtime/index.js";export const getDraggableSurfaceKey=t=>t.metadata?.surfaceKey;export const useHandleDrag=()=>{let{storeSystem:d,componentReader:c,dimensionSystem:f,positionProjections:p}=s(),{dragAndDropSystem:m}=i(),{disableRelativeDragging:b}=l();return t(()=>{let t=m.getDraggingState();if(t?.type!=="draggable")return;let s=d.stateSlices.committed.value.state,i=f.getDataDistanceUnit(s),l=c.readManyComponents({instanceNames:[t.dragHandleInstance],componentTypes:[g,r],entityIds:[t.entityId]},s),u=p.getLocalEntityProperties(t.entityId,s,null),y=(e,a)=>{let g=e.offsetX-u.offsetX,r=e.offsetY-u.offsetY,s=e.offsetZ-u.offsetZ;return l.flatMap(e=>[o.ComponentModification({componentInstance:e.componentInstance,updateTag:a,writableState:{...null!=e.state.draggableX&&{draggableX:e.state.draggableX+n(g,i)},...null!=e.state.draggableY&&{draggableY:e.state.draggableY+n(r,i)},...null!=e.state.draggableZ&&{draggableZ:e.state.draggableZ+n(s,i)},..."draggableRotationY"in e.state&&null!=e.state.draggableRotationY&&{draggableRotationY:e.state.draggableRotationY}},metadata:{surfaceKey:t.activeSurfaceKey}})])},Y=p.getLocalEntityProperties(t.entityId,s,m.getDraggingState());if(b)d.stage([...y(Y,e)]);else{let n=y(Y,a),g=d.prepareStateEmission(n,s,"staged"),r=p.getLocalEntityProperties(t.entityId,g.state,m.getDraggingState());d.stage([...y(r,e)])}},[c,f,m,p,d,b])};

package/dist/configurator/scene/scene-entity/drag-and-drop/use-rotate-handle.d.ts

@@ -0,0 +1,10 @@
+import type { EventHandlers } from '@react-three/fiber/dist/declarations/src/core/events.js';
+import { type Object3D } from 'three';
+import { type DomainEntityId, type RotatableSurface } from '#package/domain';
+export interface SceneEntityRotateProps {
+    entityId: DomainEntityId<string>;
+    parent: Object3D;
+    readonly surface: RotatableSurface;
+    readonly target: string;
+}
+export declare const useRotateHandle: (props: SceneEntityRotateProps) => EventHandlers;

package/dist/configurator/scene/scene-entity/drag-and-drop/use-rotate-handle.js

@@ -0,0 +1 @@
+import{useThree as t}from"@react-three/fiber";import{useDrag as e}from"@use-gesture/react";import{useCallback as a,useMemo as o}from"react";import{Vector2 as n,Vector3 as r}from"three";import{rotatableComponent as i,systemUpdateFactory as s}from"#package/domain";import{useDomain as l}from"#package/react-sdk";import{useConfigurator as m}from"../../../application-runtime/index.js";import{createEntityShadow as g}from"./create-entity-shadow.js";import{canvasToNdc as p,normalizeAngle as c,projectMouseOntoSurface as d}from"./shared.js";let u=(t,e)=>{var a;let o,i,s,l,{U:m,V:g}=(i=(o=(a=e).toArray().reduce((t,e,a,o)=>e<o[t]?a:t,0),new r().setComponent(o,1)),s=new r().crossVectors(a,i).normalize(),l=new r().crossVectors(a,s).normalize(),{U:s,V:l});return new n(t.dot(m),t.dot(g))};export const useRotateHandle=n=>{let{entityId:y,surface:f,parent:S,target:P}=n,{storeSystem:b,componentReader:w,positionProjections:v}=l(),{dragAndDropSystem:E}=m(),{camera:T,size:h,gl:D}=t(),M=a(t=>{if(D.domElement.style.cursor="grabbing",!w.readFirstComponent({instanceNames:[P],componentTypes:[i]},b.stateSlices.committed.value.state))return;let e=S.getWorldPosition(new r),a=v.getEntityWorldProperties(y,b.stateSlices.committed.value.state,null),o=g(S),n=d(t,f,T);if(!n)return;let s=new r(f.normal.x,f.normal.y,f.normal.z),l=u(n.sub(e),s);E.startDrag({type:"rotation",entityId:y,initialAngle:a.rotationY,draggingPlane:f,originalMouseVector:l,originalEntityVector:e,dragHandleTarget:P,rotationYDelta:0,draggingShadow:o})},[D.domElement.style,w,P,b.stateSlices.committed.value.state,S,v,y,f,T,E]),x=a(()=>{D.domElement.style.cursor="grab",E.endDrag(),b.commit()},[E,b,D]),I=a((t,e)=>{let a,o=d(t,e.draggingPlane,T);if(!o)return;let n=u(o.sub(e.originalEntityVector),new r(e.draggingPlane.normal.x,e.draggingPlane.normal.y,e.draggingPlane.normal.z)),l=(a=e.originalMouseVector,c(Math.atan2(n.y,n.x)-Math.atan2(a.y,a.x))),m=e.initialAngle+l;E.updateRotationDelta(m);let g=w.readManyComponents({instanceNames:[e.dragHandleTarget],componentTypes:[i]},b.stateSlices.committed.value.state),p=v.getLocalEntityProperties(e.entityId,b.stateSlices.committed.value.state,E.getDraggingState()),y=g.map(t=>s.ComponentModification({componentInstance:t.componentInstance,updateTag:"Rotatable.update.transient",writableState:{rotation:p.rotationY}})),f=b.prepareStateEmission(y,b.stateSlices.committed.value.state,"staged"),S=v.getLocalEntityProperties(e.entityId,f.state,E.getDraggingState()),P=f.updates.filter(t=>"Rotatable.update.transient"!==t.updateTag),h=g.map(t=>s.ComponentModification({componentInstance:t.componentInstance,updateTag:"Rotatable.update.transient",writableState:{rotation:S.rotationY}}));b.stage([...P,...h])},[T,w,E,b,v]),C=e(a(t=>{let{event:e,active:a,xy:o,type:n}=t,r=p(o[0],o[1],h),i=E.getDraggingState();if(!i&&a){M(r),e.stopPropagation();return}if(i?.type==="rotation"){if(!a){x(),e.stopPropagation();return}"pointermove"===n&&(I(r,i),e.stopPropagation())}},[h,E,I,M,x]),{delay:500,filterTaps:!0});return o(()=>({...C()}),[C])};

package/dist/configurator/scene/scene-entity/drag-and-drop/use-scene-entity-interactions.d.ts

@@ -0,0 +1,7 @@
+import type { EventHandlers } from '@react-three/fiber/dist/declarations/src/core/events.js';
+import { type Object3D } from 'three';
+import { type DomainEntityId } from '#package/domain';
+export declare const useSceneEntityInteractions: (entityId: DomainEntityId<string>, object: Object3D | null) => {
+    isInteractable: boolean;
+    handlers: EventHandlers;
+};

package/dist/configurator/scene/scene-entity/drag-and-drop/use-scene-entity-interactions.js

@@ -0,0 +1 @@
+import{useThree as e}from"@react-three/fiber";import{useHover as t}from"@use-gesture/react";import{useCallback as o,useMemo as n}from"react";import{dragHandleComponent as r,selectableComponent as a}from"#package/domain";import{useDomain as i,useFirstRenderedComponent as s}from"#package/react-sdk";import{useConfigurator as m}from"../../../application-runtime/index.js";import{useDragObject as g}from"./use-drag-object.js";import{useHandleDrag as l}from"./use-handle-drag.js";export const useSceneEntityInteractions=(c,p)=>{let{storeSystem:u,navigationSystem:d}=i(),{dragAndDropSystem:f,cameraControlSystem:b}=m(),S=s({entityIds:[c],componentTypes:[r]}),y=s({entityIds:[c],componentTypes:[a]}),{gl:D}=e(),{bindDrag:P}=g(c,p,n(()=>{if(S)return{instanceName:S.componentInstance.instanceName,surfaces:S.state.surfaces}},[S]),l()),v=o(e=>{"moving"===b.cameraControlState$.value||!y||f.getDraggingState()||(e.stopPropagation(),u.stageAndCommit([d.getSelectUpdate(c)]))},[f,c,d,y,u,b]),I=t(o(e=>{let{event:t,hovering:o=!1}=e;"idle"!==b.cameraControlState$.value||(S&&!f.getDraggingState()?D.domElement.style.cursor=o?"grab":"default":y&&!f.getDraggingState()&&(D.domElement.style.cursor=o?"pointer":"default"),!y||!1===y.state.hoverable||f.getDraggingState()||(t.stopPropagation(),d.debouncedToggleHover(o?c:null)))},[f,c,y,S,D,d,b])),j=n(()=>{let e=P(),t=I();return{...e,...t,onPointerDown:t=>{S&&0===t.button&&b.disable(),e?.onPointerDown?.(t)},onPointerUp:t=>{S&&0===t.button&&b.enable(),e?.onPointerUp?.(t)},onClick:v}},[P,I,v,b,S]);return{isInteractable:null!=y||null!=S,handlers:j}};

package/dist/configurator/scene/scene-entity/drag-and-drop/use-updated-selection.d.ts

@@ -0,0 +1,9 @@
+import type { Object3D } from 'three';
+import type { DomainEntity } from '#package/domain';
+import { type EntityObjectFilter } from '../../../application-runtime/index.js';
+interface SelectionLike {
+    set(objects: Iterable<Object3D>): unknown;
+}
+export type UseUpdateEntityObjectSelection<ENTITIES extends DomainEntity<string>> = (entityObjectFilter: EntityObjectFilter<ENTITIES>, selection: SelectionLike) => void;
+export declare const useUpdateEntityObjectSelection: ({ descendantEntities, entityIds, entityObjects, recursiveObjects, entityRoots, objectInstanceNames, }: EntityObjectFilter<DomainEntity<string>>, selection: SelectionLike) => void;
+export {};

package/dist/configurator/scene/scene-entity/drag-and-drop/use-updated-selection.js

@@ -0,0 +1 @@
+import{useThree as t}from"@react-three/fiber";import{useEffect as e}from"react";import{isEqualArray as i}from"@salsita-ai/common/utils";import{useDistinctValue as o}from"#package/react-sdk";import{useConfigurator as r}from"../../../application-runtime/index.js";export const useUpdateEntityObjectSelection=({descendantEntities:s,entityIds:a,entityObjects:n,recursiveObjects:m,entityRoots:c,objectInstanceNames:d},p)=>{let{canvasSystem:b}=r(),f=t(t=>t.invalidate),l=o(a,(t,e)=>t===e||void 0!==t&&void 0!==e&&i(t,e)),u=o(d,(t,e)=>t===e||void 0!==t&&void 0!==e&&i(t,e));e(()=>{let t=b.findEntity3d$({descendantEntities:s,entityIds:l,entityObjects:n,recursiveObjects:m,entityRoots:c,objectInstanceNames:u}).subscribe(t=>{p.set(t),f()});return()=>{p.set([]),t.unsubscribe()}},[b,l,s,n,m,p,c,u,f])};

package/dist/configurator/scene/scene-entity/drag-and-drop/was-displaced-from-cursor.d.ts

@@ -0,0 +1,11 @@
+import { type Matrix4, Vector3 } from 'three';
+/**
+ * Check whether any transformer (snap, constraint, or otherwise) has moved
+ * the entity's rendered world position away from the raw cursor position.
+ * Returns true when they differ by more than 1 world unit.
+ *
+ * Used by the drag-shadow and snap-preview overlays to decide when to
+ * show a ghost — both want the same "the entity is no longer at the
+ * cursor" signal, regardless of which transformer caused the displacement.
+ */
+export declare const wasDisplacedFromCursor: (renderedWorldMatrix: Matrix4, cursorWorldPosition: Vector3) => boolean;

package/dist/configurator/scene/scene-entity/drag-and-drop/was-displaced-from-cursor.js

@@ -0,0 +1 @@
+import{Quaternion as e,Vector3 as o}from"three";export const wasDisplacedFromCursor=(r,t)=>{let n=new o;return r.decompose(n,new e,new o),n.distanceTo(t)>1};

package/dist/configurator/scene/scene-entity/entity-hooks/use-object-transform.d.ts

@@ -0,0 +1,27 @@
+import { type SceneObjectTransformState } from '#package/domain';
+/**
+ * The transform-carrying subset shared by `sceneEntityObjectProperties` and `sceneEntityObjectGroup`,
+ * plus the visibility flag the viewer applies to the `<group>`.
+ */
+export interface ObjectTransformState extends SceneObjectTransformState {
+    readonly visible?: boolean | undefined;
+}
+/**
+ * Resolves the three.js `<group>` transform (position/rotation/scale) for an object or group,
+ * converting offsets from the configured distance unit to the renderer's default unit.
+ *
+ * `importScale` (remote objects only) multiplies any authored scale, falling back to the
+ * import scale when no scale is authored — matching the legacy per-object behaviour.
+ */
+export declare const useObjectTransform: (state: ObjectTransformState | undefined, importScale?: number) => {
+    visible: boolean | undefined;
+    positionX: number | undefined;
+    positionY: number | undefined;
+    positionZ: number | undefined;
+    rotationX: number | undefined;
+    rotationY: number | undefined;
+    rotationZ: number | undefined;
+    scaleX: number | undefined;
+    scaleY: number | undefined;
+    scaleZ: number | undefined;
+};

package/dist/configurator/scene/scene-entity/entity-hooks/use-object-transform.js

@@ -0,0 +1 @@
+import{useMemo as o}from"react";import{distanceUnitToDefault as t}from"#package/domain";import{useDimensionConfig as i}from"#package/react-sdk";export const useObjectTransform=(a,r)=>{let{distanceDataUnit:s}=i(),n=o(()=>e(a?.scaleX,r),[a?.scaleX,r]),c=o(()=>e(a?.scaleY,r),[a?.scaleY,r]),f=o(()=>e(a?.scaleZ,r),[a?.scaleZ,r]);return{visible:a?.visible,positionX:t(a?.offsetX,s),positionY:t(a?.offsetY,s),positionZ:t(a?.offsetZ,s),rotationX:a?.rotationX,rotationY:a?.rotationY,rotationZ:a?.rotationZ,scaleX:n,scaleY:c,scaleZ:f}};let e=(o,t)=>void 0!==t&&void 0!==o?o*t:o??t;

package/dist/configurator/scene/scene-entity/entity-hooks/use-scene-entity-highlight.d.ts

@@ -0,0 +1,2 @@
+import type { DomainEntityId } from '#package/domain';
+export declare const useSceneEntityHighlight: (id: DomainEntityId<string>) => boolean;

package/dist/configurator/scene/scene-entity/entity-hooks/use-scene-entity-highlight.js

@@ -0,0 +1 @@
+import{useCallback as t,useMemo as e}from"react";import{useDomain as r,useRenderedSelector as i,useStoreSelector as n}from"#package/react-sdk";import{useConfigurator as a}from"../../../application-runtime/index.js";let l="NoSelection",g="Selected",o="OtherSelected";export const useSceneEntityHighlight=s=>{let{navigationSystem:c,compositionProjections:h}=r(),{canvasSystem:u}=a(),{highlightingDisabled:f,enableFastHighlight:d}=n(t=>{let e=u.getCanvasConfig(t.state);return{highlightingDisabled:e?.highlightingDisabled,enableFastHighlight:e?.enableFastHighlight}},[u]),m=t((t,e,r)=>{let i=h.getTree(r).map.get(e);if(!i)return!1;for(let e of i.ancestors())if(e.id===t)return!0;return!1},[h]),p=n(t=>{if(f&&!d)return l;let e=c.getActiveSelectionState(t.state);return e===t.state.rootEntityId?l:e===s||m(e,s,t.state)?g:o},[f,d,c,s,m]),S=i(t=>{if(f&&!d)return!1;let e=c.getActiveHoverState(t.state);return null!==e&&(e===s||m(e,s,t.state))},[f,d,c,s,m]);return e(()=>p!==g&&(p===o?!S:S),[S,p])};

package/dist/configurator/scene/scene-entity/entity-hooks/use-scene-entity-is-visible.d.ts

@@ -0,0 +1,7 @@
+import type { DomainEntityId } from '#package/domain';
+/**
+ * Creates an imperative callback to check whether a Three object is visible (to be used in useFrame).
+ * @param entityId Entity to find the root Three object for
+ * @returns Callback that returns whether an object and its parents have `visible === true`
+ */
+export declare const useSceneEntityIsVisible: (entityId?: DomainEntityId<string>) => (() => boolean);

package/dist/configurator/scene/scene-entity/entity-hooks/use-scene-entity-is-visible.js

@@ -0,0 +1 @@
+import{useCallback as t,useEffect as r,useRef as e}from"react";import{useConfigurator as n}from"../../../application-runtime/index.js";export const useSceneEntityIsVisible=i=>{let u=e(),{canvasSystem:s}=n();return r(()=>{if(!i)return;let t=s.findEntity3d$({entityIds:[i],entityRoots:!0}).subscribe(t=>{u.current=t[0]});return()=>{t.unsubscribe(),u.current=void 0}},[i,s]),t(()=>{let t=u.current??null;for(;t;){if(!t.visible)return!1;t=t.parent}return!0},[u])};

package/dist/configurator/scene/scene-entity/entity-hooks/use-scene-entity-object-morphing.d.ts

@@ -0,0 +1,2 @@
+import { type Object3D } from 'three';
+export declare const useSceneEntityObjectMorphing: (object: Object3D | undefined, morphTargetInfluences: Record<string, number>) => void;

package/dist/configurator/scene/scene-entity/entity-hooks/use-scene-entity-object-morphing.js

@@ -0,0 +1 @@
+import{useCallback as e,useLayoutEffect as t}from"react";import{Mesh as r}from"three";import{AVERAGE as o,MeshBVH as n,acceleratedRaycast as i}from"three-mesh-bvh";let s="__morphedGeometryIsolated",a=new WeakMap;export const useSceneEntityObjectMorphing=(l,g)=>{let m=e((e,t)=>{let l;if(!(e instanceof r))return;let g=e.morphTargetDictionary;if(void 0===g)return;let m=e.morphTargetInfluences;if(void 0===m)throw Error("Morph target update failed, mesh has no morphTargetInfluences, ensure this mesh defines morph targets before calling scene morphing");!0!==(l=e.userData)[s]&&(e.geometry=e.geometry.clone(),l[s]=!0),Object.entries(t).forEach(([e,t])=>{let r=g[e];void 0!==r&&(m[r]=t)}),(e=>{let t,r,s=e.geometry,l=s.getAttribute("position");if(!l)return;let g=s.morphAttributes.position??[],m=e.morphTargetInfluences;if(0===g.length||null==m)return;let u=a.get(e)??((t=e.geometry.clone()).morphAttributes={},r={geometry:t,raycast:(r,o)=>{let n=e.geometry;e.geometry=t;try{i.call(e,r,o)}finally{e.geometry=n}}},a.set(e,r),r),c=u.geometry,p=c.getAttribute("position"),h=s.morphTargetsRelative;for(let e=0;e<l.count;e++){let t=l.getX(e),r=l.getY(e),o=l.getZ(e),n=t,i=r,s=o;for(let a=0;a<g.length;a++){let l=m[a]??0;if(0===l)continue;let u=g[a];if(!u)continue;let c=u.getX(e),p=u.getY(e),y=u.getZ(e);h?(n+=c*l,i+=p*l,s+=y*l):(n+=(c-t)*l,i+=(p-r)*l,s+=(y-o)*l)}p.setXYZ(e,n,i,s)}p.needsUpdate=!0,c.computeBoundingBox(),c.computeBoundingSphere(),s.boundingBox=c.boundingBox?.clone()??null,s.boundingSphere=c.boundingSphere?.clone()??null,c.boundsTree?c.boundsTree.refit():c.boundsTree=new n(c,{strategy:o,maxDepth:10,verbose:!1}),e.raycast=u.raycast})(e)},[]);t(()=>()=>{l?.traverse(e=>{let t;e instanceof r&&(t=a.get(e))&&(e.raycast===t.raycast&&(e.raycast=r.prototype.raycast),t.geometry.boundsTree=void 0,t.geometry.dispose(),a.delete(e))})},[l]),t(()=>{l?.traverse(e=>{m(e,g)})},[g,m,l])};

package/dist/configurator/scene/scene-entity/entity-hooks/use-scene-entity-object-properties.d.ts

@@ -0,0 +1,18 @@
+import { type Object3D } from 'three';
+import { type SceneEntityObjectPropertiesComponentState } from '#package/domain';
+export declare const useSceneEntityObjectProperties: (state: SceneEntityObjectPropertiesComponentState | undefined, object: Object3D | undefined, importScale?: number) => {
+    visible: boolean | undefined;
+    positionX: number | undefined;
+    positionY: number | undefined;
+    positionZ: number | undefined;
+    rotationX: number | undefined;
+    rotationY: number | undefined;
+    rotationZ: number | undefined;
+    scaleX: number | undefined;
+    scaleY: number | undefined;
+    scaleZ: number | undefined;
+    morphTargetInfluences: Record<string, number> | undefined;
+    rendered: boolean | undefined;
+    interactive: boolean | undefined;
+    highlightingDisabled: boolean | undefined;
+};

package/dist/configurator/scene/scene-entity/entity-hooks/use-scene-entity-object-properties.js

@@ -0,0 +1 @@
+import{useCallback as e,useEffect as r,useMemo as t}from"react";import{Mesh as a}from"three";import{resolveMorphTargetInfluences as i}from"#package/domain";import{useLogger as o}from"#package/react-sdk";import{useObjectTransform as s}from"./use-object-transform.js";export const useSceneEntityObjectProperties=(n,c,d)=>{let l=s(n,d),h=o(),m=t(()=>i(n?.morphTargetInfluences,e=>h.warn(`Morph target "${e}" has scaleZero equal to scaleOne, so its influence is undefined and the mesh is left unmorphed. Give scaleZero and scaleOne different values.`)),[n?.morphTargetInfluences,h]),u=e(e=>{e.castShadow=n?.castShadow??!1,e.receiveShadow=n?.receiveShadow??!1,e instanceof a&&(e.frustumCulled=n?.frustumCulled??!0)},[n?.frustumCulled,n?.castShadow,n?.receiveShadow]);return r(()=>{c?.traverse(e=>{u(e)})},[u,c]),{...l,morphTargetInfluences:m,rendered:n?.rendered,interactive:n?.interactive,highlightingDisabled:n?.highlightingDisabled}};

package/dist/configurator/scene/scene-entity/entity-hooks/use-scene-entity-remote-object.d.ts

@@ -0,0 +1,6 @@
+import { type Object3D } from 'three';
+import { type DimensionUnit } from '#package/domain';
+export declare const useSceneEntityRemoteObject: (fileUrl: string, objectName: string, dimensionUnit: DimensionUnit) => {
+    object: Object3D<import("three").Object3DEventMap>;
+    importScale: number;
+};

package/dist/configurator/scene/scene-entity/entity-hooks/use-scene-entity-remote-object.js

@@ -0,0 +1 @@
+import{useMemo as e}from"react";import{DEFAULT_DIMENSION_UNIT as t,convertDimensionUnits as o}from"#package/domain";import{useResourceUrl as r}from"#package/react-sdk";import{usePhxGltf as c}from"../../resources/use-phx-gltf.js";export const useSceneEntityRemoteObject=(n,m,i)=>{let{getResourceUrl:s}=r(),a=s(n),p=c(a),f=e(()=>o(1,i,t),[i]);return{object:e(()=>{let e=p.scene.getObjectByName(m);if(!e)throw Error(`Object with name '${m}' not found in '${a}'`);let t=e.clone(!0);return t.position.set(0,0,0),t},[m,a,p]),importScale:f}};

package/dist/configurator/scene/scene-entity/index.d.ts

@@ -0,0 +1,4 @@
+export * from './drag-and-drop/index.js';
+export { useOffsetIndicator, type UseOffsetIndicatorProps, readAndResolveOffsetAnchors, } from './dimension-indicators/use-offset-indicator.js';
+export { type OffsetIndicatorResult } from './dimension-indicators/offset-indicator-matching.js';
+export { useSceneEntityIsVisible } from './entity-hooks/use-scene-entity-is-visible.js';

package/dist/configurator/scene/scene-entity/index.js

@@ -0,0 +1 @@
+export*from"./drag-and-drop/index.js";export{useOffsetIndicator,readAndResolveOffsetAnchors}from"./dimension-indicators/use-offset-indicator.js";export{useSceneEntityIsVisible}from"./entity-hooks/use-scene-entity-is-visible.js";

package/dist/configurator/scene/scene-entity/materials/LocalCreatedMaterial.d.ts

@@ -0,0 +1,11 @@
+import { type Material, MeshPhysicalMaterial, MeshStandardMaterial, type Object3D, type Texture } from 'three';
+import type { ComponentSnapshot, SceneEntityLocalMaterialOverrideComponent, SceneEntityObjectLocalMaterialOverrideComponent } from '#package/domain';
+import type { WithMaterial } from '../../three/with-material.js';
+export type LocalCreatedMaterialOverrideSnapshot = ComponentSnapshot<SceneEntityLocalMaterialOverrideComponent | SceneEntityObjectLocalMaterialOverrideComponent>;
+export declare const createLocalMaterial: (overrideComponent: LocalCreatedMaterialOverrideSnapshot, textureNames: readonly string[], textures: readonly Texture[]) => MeshStandardMaterial | MeshPhysicalMaterial;
+export interface LocalCreatedMaterialProps {
+    readonly overrideComponent: LocalCreatedMaterialOverrideSnapshot;
+    readonly original: Material;
+    readonly object: Object3D & WithMaterial;
+}
+export declare const LocalCreatedMaterial: import("react").MemoExoticComponent<(props: LocalCreatedMaterialProps) => import("react/jsx-runtime").JSX.Element>;

package/dist/configurator/scene/scene-entity/materials/LocalCreatedMaterial.js

@@ -0,0 +1 @@
+import{jsx as e,jsxs as a,Fragment as r}from"react/jsx-runtime";import{memo as t,useEffect as m,useMemo as o}from"react";import{MeshPhysicalMaterial as n,MeshStandardMaterial as i}from"three";import{useCombinedQueries as s,useResourceQueryFactories as c}from"../../resources/index.js";import{applyRemoteMaterialOverride as l,getMaterialOverrideTextureNames as p}from"./RemoteReplacedMaterial.js";import{ReplacedMaterialTransformations as f}from"./ReplacedMaterialTransformer.js";import{ReplacedMaterialTransitions as d}from"./ReplacedMaterialTransition.js";export const createLocalMaterial=(e,a,r)=>{let t="physical"===e.state.materialType?new n:new i;return l(e,t,a,r),t};export const LocalCreatedMaterial=t(t=>{let{overrideComponent:n,original:i,object:l}=t,j=o(()=>p(n),[n]),{createTextureQuery:x}=c(),M=s(j.map(x)),h=o(()=>M.map(e=>e.clone()),[M]),u=o(()=>createLocalMaterial(n,j,h),[n,j,h]);return m(()=>(l.material=u,l.material.name=i.name,()=>{l.material=i,u.dispose(),h.forEach(e=>e.dispose())}),[h,l,i,u]),a(r,{children:[e(f,{material:u,instanceName:n.componentInstance.instanceName}),e(d,{material:u,instanceName:n.componentInstance.instanceName})]})});

package/dist/configurator/scene/scene-entity/materials/LocalReplacedMaterial.d.ts

@@ -0,0 +1,10 @@
+import type { Material, Object3D } from 'three';
+import { type ComponentSnapshot, type SceneEntityMaterialOverrideComponent, type SceneEntityObjectMaterialOverrideComponent } from '#package/domain';
+import type { WithMaterial } from '../../three/with-material.js';
+export interface LocalReplacedMaterialProps {
+    instanceName: string;
+    overrideComponent: ComponentSnapshot<SceneEntityMaterialOverrideComponent | SceneEntityObjectMaterialOverrideComponent>;
+    original: Material;
+    object: Object3D & WithMaterial;
+}
+export declare const LocalReplacedMaterial: import("react").MemoExoticComponent<(props: LocalReplacedMaterialProps) => import("react/jsx-runtime").JSX.Element>;

package/dist/configurator/scene/scene-entity/materials/LocalReplacedMaterial.js

@@ -0,0 +1 @@
+import{jsx as a,jsxs as e,Fragment as t}from"react/jsx-runtime";import{memo as r,useEffect as m}from"react";import{ReplacedMaterialTransformations as i}from"./ReplacedMaterialTransformer.js";import{ReplacedMaterialTransitions as l}from"./ReplacedMaterialTransition.js";export const LocalReplacedMaterial=r(r=>{let{instanceName:s,overrideComponent:n,original:o,object:c}=r;return m(()=>(c.material=n.state.material,c.material.name=o.name,()=>{c.material=o}),[c,o,n.state.material]),e(t,{children:[a(i,{material:n.state.material,instanceName:s}),a(l,{material:n.state.material,instanceName:s})]})});

package/dist/configurator/scene/scene-entity/materials/RemoteReplacedMaterial.d.ts

@@ -0,0 +1,13 @@
+import type { Material, Object3D, Texture } from 'three';
+import { type ComponentSnapshot, type SceneEntityLocalMaterialOverrideComponent, type SceneEntityObjectLocalMaterialOverrideComponent, type SceneEntityObjectRemoteMaterialOverrideComponent, type SceneEntityRemoteMaterialOverrideComponent } from '#package/domain';
+import type { WithMaterial } from '../../three/with-material.js';
+export type DeclarativeMaterialOverrideComponent = SceneEntityRemoteMaterialOverrideComponent | SceneEntityObjectRemoteMaterialOverrideComponent | SceneEntityLocalMaterialOverrideComponent | SceneEntityObjectLocalMaterialOverrideComponent;
+export type DeclarativeMaterialOverrideSnapshot = ComponentSnapshot<DeclarativeMaterialOverrideComponent>;
+export declare const applyRemoteMaterialOverride: (override: DeclarativeMaterialOverrideSnapshot, material: Material, textureNames: readonly string[], textures: readonly Texture[]) => void;
+export declare const getMaterialOverrideTextureNames: (override: DeclarativeMaterialOverrideSnapshot) => string[];
+export interface RemoteReplacedMaterialProps {
+    overrideComponent: ComponentSnapshot<SceneEntityRemoteMaterialOverrideComponent | SceneEntityObjectRemoteMaterialOverrideComponent>;
+    original: Material;
+    object: Object3D & WithMaterial;
+}
+export declare const RemoteReplacedMaterial: import("react").MemoExoticComponent<(props: RemoteReplacedMaterialProps) => import("react/jsx-runtime").JSX.Element>;

package/dist/configurator/scene/scene-entity/materials/RemoteReplacedMaterial.js

@@ -0,0 +1 @@
+import{jsx as e,jsxs as t,Fragment as a}from"react/jsx-runtime";import s from"lodash-es/isNumber.js";import{memo as r,useEffect as n,useMemo as i}from"react";import{Color as o,RepeatWrapping as l}from"three";import{isRemoteMaterialOverrideComponent as c}from"#package/domain";import{useResourceUrl as p}from"#package/react-sdk";import{useCombinedQueries as M,usePhxGltf as m,useResourceQueryFactories as d}from"../../resources/index.js";import{isPhysicalMaterial as h,isStandardMaterial as u,isWithColor as U}from"../../three/with-material.js";import{ReplacedMaterialTransformations as v}from"./ReplacedMaterialTransformer.js";import{ReplacedMaterialTransitions as g}from"./ReplacedMaterialTransition.js";export const applyRemoteMaterialOverride=(e,t,a,r)=>{let n=t=>{let{offsetX:a,offsetY:r,rotation:n,rotationCenterX:i,rotationCenterY:o,repeatX:c,repeatY:p}=e.state,M=s(a)||s(r),m=s(n),d=s(c)||s(p);return M&&t.offset.set(a??0,r??0),m&&(t.rotation=n,t.center.set(i??0,o??0)),d&&(t.repeat.set(c??1,p??1),t.wrapS=l,t.wrapT=l),t},i=(e,t)=>{if(null===e)t(null);else if(e){let s=r[a.findIndex(t=>t===e)];s&&t(n(s))}};if((u(t)||h(t))&&(i(e.state.textureUrl,e=>{t.map=e}),e.state.color&&t.color.set(new o(e.state.color)),i(e.state.roughnessMapUrl,e=>{t.roughnessMap=e}),s(e.state.roughness)&&(t.roughness=e.state.roughness),i(e.state.bumpMapUrl,e=>{t.bumpMap=e}),s(e.state.bumpScale)&&(t.bumpScale=e.state.bumpScale),i(e.state.metalnessMapUrl,e=>{t.metalnessMap=e}),s(e.state.metalness)&&(t.metalness=e.state.metalness),s(e.state.envMapIntensity)&&(t.envMapIntensity=e.state.envMapIntensity),void 0!==e.state.toneMapped&&(t.toneMapped=e.state.toneMapped),void 0!==e.state.emissive&&t.emissive.set(new o(e.state.emissive)),void 0!==e.state.emissiveIntensity&&(t.emissiveIntensity=e.state.emissiveIntensity),i(e.state.alphaMapUrl,e=>{t.alphaMap=e}),void 0!==e.state.transparent&&(t.transparent=e.state.transparent),s(e.state.opacity)&&(t.opacity=e.state.opacity),i(e.state.aoMapUrl,e=>{t.aoMap=e}),s(e.state.aoMapIntensity)&&(t.aoMapIntensity=e.state.aoMapIntensity),i(e.state.displacementMapUrl,e=>{t.displacementMap=e}),s(e.state.displacementScale)&&(t.displacementScale=e.state.displacementScale),i(e.state.lightMapUrl,e=>{t.lightMap=e}),s(e.state.lightMapIntensity)&&(t.lightMapIntensity=e.state.lightMapIntensity),i(e.state.envMapUrl,e=>{t.envMap=e}),s(e.state.envMapIntensity)&&(t.envMapIntensity=e.state.envMapIntensity),s(e.state.blendingMode)&&(t.blending=e.state.blendingMode),i(e.state.normalMapUrl,e=>{t.normalMap=e}),s(e.state.normalScale)&&t.normalScale.set(e.state.normalScale,e.state.normalScale),void 0!==e.state.wireframe&&(t.wireframe=e.state.wireframe)),h(t)&&(void 0!==e.state.clearcoat&&(t.clearcoat=e.state.clearcoat),void 0!==e.state.clearcoatRoughness&&(t.clearcoatRoughness=e.state.clearcoatRoughness),void 0!==e.state.iridescence&&(t.iridescence=e.state.iridescence),void 0!==e.state.iridescenceIor&&(t.iridescenceIOR=e.state.iridescenceIor),s(e.state.sheen)&&(t.sheen=e.state.sheen),void 0!==e.state.sheenColor&&U(t)&&t.sheenColor.set(new o(e.state.sheenColor)),s(e.state.sheenRoughness)&&(t.sheenRoughness=e.state.sheenRoughness),i(e.state.anisotropyMapUrl,e=>{t.anisotropyMap=e}),s(e.state.anisotropyStrength)&&(t.anisotropy=e.state.anisotropyStrength),s(e.state.anisotropyRotation)&&(t.anisotropyRotation=e.state.anisotropyRotation),s(e.state.ior)&&(t.ior=e.state.ior),s(e.state.reflectivity)&&(t.reflectivity=e.state.reflectivity),s(e.state.transmission)&&(t.transmission=e.state.transmission),s(e.state.thickness)&&(t.thickness=e.state.thickness),s(e.state.attenuationDistance)&&(t.attenuationDistance=e.state.attenuationDistance),void 0!==e.state.attenuationColor&&t.attenuationColor.set(new o(e.state.attenuationColor)),s(e.state.specularIntensity)&&(t.specularIntensity=e.state.specularIntensity),void 0!==e.state.specularColor&&t.specularColor.set(new o(e.state.specularColor)),i(e.state.specularIntensityMapUrl,e=>{t.specularIntensityMap=e}),i(e.state.specularColorMapUrl,e=>{t.specularColorMap=e}),i(e.state.clearcoatNormalMapUrl,e=>{t.clearcoatNormalMap=e}),s(e.state.clearcoatNormalScale)&&t.clearcoatNormalScale.set(e.state.clearcoatNormalScale,e.state.clearcoatNormalScale),i(e.state.clearcoatMapUrl,e=>{t.clearcoatMap=e}),i(e.state.clearcoatRoughnessMapUrl,e=>{t.clearcoatRoughnessMap=e}),i(e.state.iridescenceMapUrl,e=>{t.iridescenceMap=e}),void 0!==e.state.iridescenceThicknessRange&&(t.iridescenceThicknessRange=e.state.iridescenceThicknessRange),i(e.state.iridescenceThicknessMapUrl,e=>{t.iridescenceThicknessMap=e}),i(e.state.sheenColorMapUrl,e=>{t.sheenColorMap=e}),i(e.state.sheenRoughnessMapUrl,e=>{t.sheenRoughnessMap=e}),i(e.state.transmissionMapUrl,e=>{t.transmissionMap=e}),i(e.state.thicknessMapUrl,e=>{t.thicknessMap=e})),u(t)&&!h(t)){let a=[void 0!==e.state.clearcoat?"clearcoat":"",void 0!==e.state.clearcoatRoughness?"clearcoatRoughness":"",void 0!==e.state.iridescence?"iridescence":"",void 0!==e.state.iridescenceIor?"iridescenceIor":"",void 0!==e.state.sheen?"sheen":"",void 0!==e.state.sheenColor?"sheenColor":"",void 0!==e.state.sheenRoughness?"sheenRoughness":"",void 0!==e.state.anisotropyMapUrl?"anisotropyMapUrl":"",void 0!==e.state.anisotropyStrength?"anisotropyStrength":"",void 0!==e.state.anisotropyRotation?"anisotropyRotation":"",void 0!==e.state.ior?"ior":"",void 0!==e.state.reflectivity?"reflectivity":"",void 0!==e.state.transmission?"transmission":"",void 0!==e.state.thickness?"thickness":"",void 0!==e.state.attenuationDistance?"attenuationDistance":"",void 0!==e.state.attenuationColor?"attenuationColor":"",void 0!==e.state.specularIntensity?"specularIntensity":"",void 0!==e.state.specularColor?"specularColor":"",void 0!==e.state.specularIntensityMapUrl?"specularIntensityMapUrl":"",void 0!==e.state.specularColorMapUrl?"specularColorMapUrl":"",void 0!==e.state.clearcoatNormalMapUrl?"clearcoatNormalMapUrl":"",void 0!==e.state.clearcoatNormalScale?"clearcoatNormalScale":"",void 0!==e.state.clearcoatMapUrl?"clearcoatMapUrl":"",void 0!==e.state.clearcoatRoughnessMapUrl?"clearcoatRoughnessMapUrl":"",void 0!==e.state.iridescenceMapUrl?"iridescenceMapUrl":"",void 0!==e.state.iridescenceThicknessRange?"iridescenceThicknessRange":"",void 0!==e.state.iridescenceThicknessMapUrl?"iridescenceThicknessMapUrl":"",void 0!==e.state.sheenColorMapUrl?"sheenColorMapUrl":"",void 0!==e.state.sheenRoughnessMapUrl?"sheenRoughnessMapUrl":"",void 0!==e.state.transmissionMapUrl?"transmissionMapUrl":"",void 0!==e.state.thicknessMapUrl?"thicknessMapUrl":""].filter(Boolean);a.length>0&&console.warn(`[Phoenix] Material override properties [${a.join(", ")}] were ignored because the target material "${t.name}" is a MeshStandardMaterial, not a MeshPhysicalMaterial. These properties require MeshPhysicalMaterial. Ensure the source material in the override file uses a physical property (e.g. clearcoat) to trigger MeshPhysicalMaterial.`)}};let y=["textureUrl","roughnessMapUrl","bumpMapUrl","metalnessMapUrl","anisotropyMapUrl","normalMapUrl","alphaMapUrl","aoMapUrl","displacementMapUrl","lightMapUrl","envMapUrl","specularIntensityMapUrl","specularColorMapUrl","clearcoatNormalMapUrl","clearcoatMapUrl","clearcoatRoughnessMapUrl","iridescenceMapUrl","iridescenceThicknessMapUrl","sheenColorMapUrl","sheenRoughnessMapUrl","transmissionMapUrl","thicknessMapUrl"];export const getMaterialOverrideTextureNames=e=>y.flatMap(t=>{let a=e.state[t];return"string"==typeof a&&""!==a?[a]:[]});export const RemoteReplacedMaterial=r(s=>{let{overrideComponent:r,original:o,object:l}=s,{getResourceUrl:h}=p(),u=i(()=>[r].reduce((e,t)=>(c(t)&&e.push(t.state.fileUrl),e),[]),[r]),U=i(()=>getMaterialOverrideTextureNames(r),[r]),y=m(u.map(h)),{createTextureQuery:R}=d(),f=M(U.map(R)),I=i(()=>f.map(e=>e.clone()),[f]),C=i(()=>{let e=y[u.findIndex(e=>e===r.state.fileUrl)],t=e?.materials[r.state.materialName];if(null==t)throw Error(`Material with name '${r.state.materialName}' not found in '${r.state.fileUrl}'`);let a=t.clone();return applyRemoteMaterialOverride(r,a,U,I),a},[r,u,y,U,I]);return n(()=>(l.material=C,l.material.name=o.name,()=>{l.material=o}),[l,o,C]),t(a,{children:[e(v,{material:C,instanceName:r.componentInstance.instanceName}),e(g,{material:C,instanceName:r.componentInstance.instanceName})]})});

package/dist/configurator/scene/scene-entity/materials/ReplacedMaterialTransformer.d.ts

@@ -0,0 +1,13 @@
+import type { Material } from 'three';
+import { type ComponentSnapshot, type MaterialOverrideTransformerComponent } from '#package/domain';
+export interface ReplacedMaterialTransformerProps {
+    transformation: ComponentSnapshot<MaterialOverrideTransformerComponent>;
+    material: Material;
+    instanceName: string;
+}
+export declare const ReplacedMaterialTransformer: import("react").MemoExoticComponent<(props: ReplacedMaterialTransformerProps) => null>;
+export interface ReplacedMaterialTransformationsProps {
+    instanceName: string;
+    material: Material;
+}
+export declare const ReplacedMaterialTransformations: import("react").MemoExoticComponent<(props: ReplacedMaterialTransformationsProps) => import("react/jsx-runtime").JSX.Element>;

package/dist/configurator/scene/scene-entity/materials/ReplacedMaterialTransformer.js

@@ -0,0 +1 @@
+import{jsx as r,Fragment as e}from"react/jsx-runtime";import{useThree as t}from"@react-three/fiber";import{memo as a,useEffect as n}from"react";import{materialOverrideTransformerComponent as o}from"#package/domain";import{useRenderedComponents as m}from"#package/react-sdk";export const ReplacedMaterialTransformer=a(r=>{let{transformation:e,material:a,instanceName:o}=r,{gl:m}=t();return n(()=>{let r=e.state.transformer(a,m);return()=>{r?.()}},[e,a,o,m]),null});export const ReplacedMaterialTransformations=a(t=>{let{material:a,instanceName:n}=t;return r(e,{children:m({componentTypes:[o]}).filter(r=>r.state.target===n).map(e=>r(ReplacedMaterialTransformer,{transformation:e,material:a,instanceName:n},e.componentInstance.instanceName))})});

package/dist/configurator/scene/scene-entity/materials/ReplacedMaterialTransition.d.ts

@@ -0,0 +1,13 @@
+import type { Material } from 'three';
+import { type ComponentSnapshot, type MaterialOverridePropertyTransitionComponent } from '#package/domain';
+export interface ReplacedMaterialTransitionProps {
+    transition: ComponentSnapshot<MaterialOverridePropertyTransitionComponent>;
+    material: Material;
+    instanceName: string;
+}
+export declare const ReplacedMaterialTransition: import("react").MemoExoticComponent<(props: ReplacedMaterialTransitionProps) => null>;
+export interface ReplacedMaterialTransitionsProps {
+    instanceName: string;
+    material: Material;
+}
+export declare const ReplacedMaterialTransitions: import("react").MemoExoticComponent<(props: ReplacedMaterialTransitionsProps) => import("react/jsx-runtime").JSX.Element>;

package/dist/configurator/scene/scene-entity/materials/ReplacedMaterialTransition.js

@@ -0,0 +1 @@
+import{jsx as t,Fragment as e}from"react/jsx-runtime";import{animate as a}from"motion/react";import{memo as r,useEffect as o}from"react";import{match as i}from"ts-pattern";import{materialOverridePropertyTransitionComponent as n}from"#package/domain";import{useLogger as s,useRenderedComponents as p}from"#package/react-sdk";import{isStandardMaterial as l}from"../../three/with-material.js";export const ReplacedMaterialTransition=r(t=>{let{transition:e,material:r,instanceName:n}=t;return o(()=>{if(!l(r))return;let t=i(e.state.property).with("color",()=>`#${r.color.getHexString()}`).exhaustive();if(t===e.state.value||void 0===e.state.value)return;if(t===e.state.initialValue)return void r[e.state.property].setStyle(e.state.value);let o=a(t,e.state.value,{duration:e.state.duration,autoplay:!1,ease:e.state.ease,onUpdate:t=>{r[e.state.property].setStyle(t)}});return o.play(),()=>{o.stop()}},[e,r,s(),n]),null});export const ReplacedMaterialTransitions=r(a=>{let{material:r,instanceName:o}=a;return t(e,{children:p({componentTypes:[n]}).filter(t=>t.state.target===o).map(e=>t(ReplacedMaterialTransition,{transition:e,material:r,instanceName:o},e.componentInstance.instanceName))})});

package/dist/configurator/scene/scene-entity/materials/SceneEntityObjectMaterials.d.ts

@@ -0,0 +1,12 @@
+import { type Object3D } from 'three';
+import type { DomainEntityId } from '#package/domain';
+export interface SceneEntityObjectMaterialsProps {
+    readonly id: DomainEntityId<string>;
+    readonly instanceName: string;
+    readonly object: Object3D;
+    readonly highlighted?: boolean | undefined;
+    readonly fastHighlight?: boolean | undefined;
+    readonly fastHighlightColor?: string | undefined;
+    readonly fastHighlightIntensity?: number | undefined;
+}
+export declare const SceneEntityObjectMaterials: import("react").MemoExoticComponent<(props: SceneEntityObjectMaterialsProps) => import("react/jsx-runtime").JSX.Element>;

package/dist/configurator/scene/scene-entity/materials/SceneEntityObjectMaterials.js

@@ -0,0 +1 @@
+import{jsx as e,Fragment as r}from"react/jsx-runtime";import{memo as t,useEffect as o,useMemo as a}from"react";import{Color as i}from"three";import{getComponentSnapshotKey as n,isSceneEntityLocalMaterialOverrideComponentSnapshot as m,isSceneEntityMaterialOverrideComponent as l,isSceneEntityObjectLocalMaterialOverrideComponentSnapshot as s,isSceneEntityObjectMaterialOverrideComponent as p,isSceneEntityObjectRemoteMaterialOverrideComponentSnapshot as c,isSceneEntityObjectTransmissiveMaterialOverrideSnapshot as f,isSceneEntityRemoteMaterialOverrideComponentSnapshot as d,isSceneEntityTransmissiveMaterialOverrideSnapshot as j,reduceMaterialOverrides as u,sceneEntityLocalMaterialOverrideComponent as v,sceneEntityMaterialOverrideComponent as g,sceneEntityObjectLocalMaterialOverrideComponent as b,sceneEntityObjectMaterialOverrideComponent as y,sceneEntityObjectRemoteMaterialOverrideComponent as h,sceneEntityObjectTransmissiveMaterialOverrideComponent as C,sceneEntityRemoteMaterialOverrideComponent as w,sceneEntityTransmissiveMaterialOverrideComponent as M}from"#package/domain";import{useComposition as k,useRenderedComponents as R}from"#package/react-sdk";import{isStandardMaterial as T,isWithMaterial as x}from"../../three/with-material.js";import{LocalCreatedMaterial as I}from"./LocalCreatedMaterial.js";import{LocalReplacedMaterial as O}from"./LocalReplacedMaterial.js";import{RemoteReplacedMaterial as E}from"./RemoteReplacedMaterial.js";import{TransmissiveReplacedMaterial as L}from"./TransmissiveReplacedMaterial.js";export const SceneEntityObjectMaterials=t(t=>{let{id:N,object:$,instanceName:A,highlighted:F,fastHighlight:S,fastHighlightColor:U,fastHighlightIntensity:_}=t,q=k(),z=R({entityIds:[...a(()=>Array.from(q.map.get(N).ancestors()).map(e=>e.id).reverse(),[q.map,N]),N],componentTypes:[w,v,g,M]}),B=R({entityIds:[N],componentTypes:[y,b,h,C],instanceNames:[A]}),D=a(()=>{let e={};for(let r of[...z,...B])$.traverse(t=>{if(x(t)){for(let o of r.state.materialsToOverride)if(t.material.name===o){e[t.material.name]=r;break}}});let r=u(Object.values(e)),t=[];return $.traverse(e=>{if(!x(e))return;let o=r[e.material.name];null!=o&&t.push({original:e.material,object:e,overrideComponent:o.component})}),t},[$,z,B]);return o(()=>{if(!S||!F)return;let e=new Map,r=new i(U??"white"),t=_??.1;return $.traverse(o=>{if(!x(o)||!T(o.material))return;let a=o.material,i=a.clone();i.emissive.copy(r),i.emissiveIntensity=t,e.set(o,a),o.material=i}),()=>{for(let[r,t]of e){let e=r.material;r.material=t,e.dispose()}}},[$,S,F,U,_,D]),e(r,{children:D.map(r=>{let t=r.overrideComponent,o=`${n(t)}_${r.object.uuid}`;if(j(t)||f(t))return e(L,{materialComponent:t,original:r.original,object:r.object},o);if(d(t)||c(t))return e(E,{overrideComponent:t,original:r.original,object:r.object},o);if(m(t)||s(t))return e(I,{overrideComponent:t,original:r.original,object:r.object},o);if(l(t)||p(t))return e(O,{instanceName:A,overrideComponent:t,original:r.original,object:r.object},o);throw Error("Unknown material component type!")})})});

package/dist/configurator/scene/scene-entity/materials/TransmissiveReplacedMaterial.d.ts

@@ -0,0 +1,9 @@
+import type { Material, Object3D } from 'three';
+import { type ComponentSnapshot, type SceneEntityObjectTransmissiveMaterialOverrideComponent, type SceneEntityTransmissiveMaterialOverrideComponent } from '#package/domain';
+import type { WithMaterial } from '../../three/with-material.js';
+export interface TransmissiveReplacedMaterialProps {
+    materialComponent: ComponentSnapshot<SceneEntityTransmissiveMaterialOverrideComponent | SceneEntityObjectTransmissiveMaterialOverrideComponent>;
+    original: Material;
+    object: Object3D & WithMaterial;
+}
+export declare const TransmissiveReplacedMaterial: import("react").MemoExoticComponent<(props: TransmissiveReplacedMaterialProps) => import("react/jsx-runtime").JSX.Element>;

package/dist/configurator/scene/scene-entity/materials/TransmissiveReplacedMaterial.js

@@ -0,0 +1 @@
+import{jsx as t}from"react/jsx-runtime";import{MeshTransmissionMaterial as s}from"@react-three/drei";import{memo as e,useEffect as a,useRef as i}from"react";export const TransmissiveReplacedMaterial=e(e=>{let{materialComponent:r,original:o,object:n}=e,m=i(null);return a(()=>(m.current&&(n.material=m.current),n.material.name=o.name,()=>{n.material=o}),[n,o]),t(s,{ref:m,transmission:r.state.transmission,thickness:r.state.thickness,roughness:r.state.roughness,chromaticAberration:r.state.chromaticAberration,anisotropy:r.state.anisotropy,anisotropicBlur:r.state.anisotropicBlur,distortion:r.state.distortion,distortionScale:r.state.distortionScale,temporalDistortion:r.state.temporalDistortion,time:r.state.time,transmissionSampler:r.state.transmissionSampler,backside:r.state.backside,backsideThickness:r.state.backsideThickness,resolution:r.state.resolution,backsideResolution:r.state.backsideResolution,samples:r.state.samples})});

package/dist/configurator/scene/scene-entity/objects/CameraBasedHiddenObject.d.ts

@@ -0,0 +1,15 @@
+import { type Object3D } from 'three';
+export interface CameraBasedHiddenObjectProps {
+    readonly object: Object3D;
+    readonly visible: boolean;
+    readonly x: number;
+    readonly y: number;
+    readonly z: number;
+    readonly constant: number;
+    readonly behind: boolean;
+}
+/**
+ * Applies visibility based on whether camera is in front or behind a given plane in 3D space.
+ * If visible prop is false, this component respects it and keeps object visible as false.
+ */
+export declare const CameraBasedHiddenObject: import("react").MemoExoticComponent<(props: CameraBasedHiddenObjectProps) => import("react/jsx-runtime").JSX.Element>;

package/dist/configurator/scene/scene-entity/objects/CameraBasedHiddenObject.js

@@ -0,0 +1 @@
+import{jsx as e,Fragment as t}from"react/jsx-runtime";import{useFrame as r,useThree as o}from"@react-three/fiber";import{memo as i,useEffect as n}from"react";import{Quaternion as a,Vector3 as l}from"three";export const CameraBasedHiddenObject=i(i=>{let{object:m,visible:s,x:d,y:p,z:c,constant:f,behind:b}=i,{camera:g}=o();return r(()=>{let e=new l;g.getWorldPosition(e);let t=new l;m.getWorldPosition(t);let r=new a;m.getWorldQuaternion(r);let o=new l(d,p,c).applyQuaternion(r),i=-t.dot(o)+f,n=o.dot(e)+i>0;m.visible=s&&(!b&&n||b&&!n)}),n(()=>()=>{m.visible=s},[m,s]),e(t,{})});

package/dist/configurator/scene/scene-entity/objects/HiddenEntityObject.d.ts

@@ -0,0 +1,17 @@
+import type { Object3D } from 'three';
+import type { DomainEntityId } from '#package/domain';
+export interface HiddenEntityObjectProps {
+    readonly id: DomainEntityId<string>;
+    readonly instanceName: string;
+    readonly object: Object3D;
+    readonly visible: boolean;
+}
+/**
+ * Reads the entity object's cameraBasedHiddenEntityObject component.
+ * Imperatively applies visibility. Object becomes invisible if either:
+ * - visible prop is false
+ * - cameraBasedHiddenEntityObjectComponent is present and the camera is behind the defined plane in 3D space (or in front with behind=true)
+ * Assumes the component is the only controller of the Object3D's visibility.
+ * Avoids extra hooks if component is not attached.
+ */
+export declare const HiddenEntityObject: import("react").MemoExoticComponent<(props: HiddenEntityObjectProps) => import("react/jsx-runtime").JSX.Element>;

package/dist/configurator/scene/scene-entity/objects/HiddenEntityObject.js

@@ -0,0 +1 @@
+import{jsx as t,Fragment as e}from"react/jsx-runtime";import{memo as a,useEffect as n}from"react";import{cameraBasedHiddenEntityObjectComponent as r}from"#package/domain";import{useFirstRenderedComponent as o}from"#package/react-sdk";import{CameraBasedHiddenObject as s}from"./CameraBasedHiddenObject.js";export const HiddenEntityObject=a(a=>{let{id:m,instanceName:i,object:c,visible:d}=a,p=o({entityIds:[m],componentTypes:[r],instanceNames:[i]});return(n(()=>{c.visible=d},[c,d]),p)?t(s,{object:c,visible:d,x:p.state.normal.x,y:p.state.normal.y,z:p.state.normal.z,constant:p.state.constant,behind:!!p.state.behind}):t(e,{})});

package/dist/configurator/scene/scene-entity/objects/SceneEntityBoxObject.d.ts

@@ -0,0 +1,14 @@
+import type { DomainEntityId, SceneEntityBoxAnchor, SceneEntityObjectPropertiesComponentState } from '#package/domain';
+export interface SceneEntityBoxObjectProps {
+    readonly id: DomainEntityId<string>;
+    readonly instanceName: string;
+    readonly objectPropertiesState: SceneEntityObjectPropertiesComponentState | undefined;
+    readonly isInteractable: boolean;
+    readonly highlighted?: boolean | undefined;
+    readonly width: number;
+    readonly height: number;
+    readonly depth: number;
+    readonly anchor?: SceneEntityBoxAnchor | undefined;
+    readonly materialName?: string | undefined;
+}
+export declare const SceneEntityBoxObject: import("react").MemoExoticComponent<(props: SceneEntityBoxObjectProps) => import("react/jsx-runtime").JSX.Element>;

package/dist/configurator/scene/scene-entity/objects/SceneEntityBoxObject.js

@@ -0,0 +1 @@
+import{jsx as e}from"react/jsx-runtime";import{memo as t,useEffect as r,useMemo as o}from"react";import{BoxGeometry as i,Mesh as n,MeshStandardMaterial as a}from"three";import{useConfigurator as m}from"../../../application-runtime/index.js";import{SceneEntityObject as s}from"./SceneEntityObject.js";import{getBoxAnchorPosition as c}from"./box-anchor.js";export const SceneEntityBoxObject=t(t=>{let{id:p,instanceName:h,objectPropertiesState:j,isInteractable:l,highlighted:b,width:d,height:x,depth:f,anchor:g="bottom-center",materialName:u="BoxMaterial"}=t,{canvasSystem:w}=m(),y=o(()=>{let e=new a({color:"#a1a1a1"});e.name=u;let t=new n(new i(d,x,f),e);return t.position.set(...c(g,d,x,f)),t},[g,f,x,u,d]);return r(()=>(w.reportMeshChanged(),()=>{y.geometry.dispose(),y.material.dispose(),w.reportMeshChanged()}),[w,y]),e(s,{instanceName:h,id:p,objectPropertiesState:j,object:y,isInteractable:l,highlighted:b})});

package/dist/configurator/scene/scene-entity/objects/SceneEntityFloorObject.d.ts

@@ -0,0 +1,19 @@
+import type { DomainEntityId, SceneEntityObjectPropertiesComponentState } from '#package/domain';
+export interface SceneEntityFloorObjectProps {
+    id: DomainEntityId<string>;
+    instanceName: string;
+    objectPropertiesState: SceneEntityObjectPropertiesComponentState | undefined;
+    isInteractable: boolean;
+    highlighted?: boolean;
+    origin: {
+        x: number;
+        y: number;
+    };
+    width: number;
+    length: number;
+    thickness?: number;
+    floorMapUrl?: string;
+    floorNormalUrl?: string;
+    floorRoughnessUrl?: string;
+}
+export declare const SceneEntityFloorObject: import("react").MemoExoticComponent<(props: SceneEntityFloorObjectProps) => import("react/jsx-runtime").JSX.Element>;

package/dist/configurator/scene/scene-entity/objects/SceneEntityFloorObject.js

@@ -0,0 +1 @@
+import{jsx as e}from"react/jsx-runtime";import{memo as r,useMemo as t}from"react";import{BoxGeometry as o,Mesh as n,MeshStandardMaterial as a,RepeatWrapping as s,Vector2 as p}from"three";import{useCombinedQueries as m,useResourceQueryFactories as i}from"../../resources/index.js";import{SceneEntityObject as c}from"./SceneEntityObject.js";let l=e=>(e.wrapT=s,e.wrapS=s,e.repeat.set(4,4),e);export const SceneEntityFloorObject=r(r=>{let{id:s,instanceName:u,objectPropertiesState:x,isInteractable:f,origin:g,width:j,length:h,thickness:b=150,highlighted:w,floorMapUrl:S="textures/floor_basecolor.png",floorNormalUrl:y="textures/floor_normal.png",floorRoughnessUrl:d="textures/floor_roughness.png"}=r,{createTextureQuery:_}=i(),[E,M,O]=m([S,y,d].map(_)).map(l);return e(c,{instanceName:u,id:s,objectPropertiesState:x,object:t(()=>{let e=new n(new o(j,b,h),new a({color:"#a1a1a1",map:E,roughness:1.5,roughnessMap:O,normalMap:M,normalScale:new p(1,1)}));return e.position.set(g.x+j/2,-b/2,g.y+h/2),e},[g.x,g.y,j,h,b,E,M,O]),isInteractable:f,highlighted:w})});

package/dist/configurator/scene/scene-entity/objects/SceneEntityHighlightedObject.d.ts

@@ -0,0 +1,9 @@
+import { type Object3D } from 'three';
+import { type DomainEntityId } from '#package/domain';
+export interface SceneEntityHighlightedObjectProps {
+    readonly id: DomainEntityId<string>;
+    readonly object: Object3D;
+    readonly visible?: boolean | undefined;
+    readonly morphTargetInfluences?: Record<string, number> | undefined;
+}
+export declare const SceneEntityHighlightedObject: import("react").MemoExoticComponent<(props: SceneEntityHighlightedObjectProps) => import("react/jsx-runtime").JSX.Element>;

package/dist/configurator/scene/scene-entity/objects/SceneEntityHighlightedObject.js

@@ -0,0 +1 @@
+import{jsx as e}from"react/jsx-runtime";import{memo as t,useMemo as r}from"react";import{MeshStandardMaterial as i}from"three";import{isWithMaterial as m}from"../../three/with-material.js";import{SceneEntityPrimitiveObject as o}from"./SceneEntityPrimitiveObject.js";let a=new i({emissive:"white",color:"#ffffff",opacity:.5,transparent:!0,depthWrite:!1,side:2});export const SceneEntityHighlightedObject=t(t=>{let{id:i,object:n,visible:s,morphTargetInfluences:l}=t;return e(o,{id:i,object:r(()=>{let e=n.clone(!0);return e.traverse(e=>{e.layers.disable(1),m(e)&&(e.material=a)}),e.name=`${n.name}_highlight`,e},[n]),visible:s,morphTargetInfluences:l})});

package/dist/configurator/scene/scene-entity/objects/SceneEntityLights.d.ts

@@ -0,0 +1,5 @@
+import { type DomainEntityId } from '#package/domain';
+export interface SceneEntityLightsProps {
+    readonly id: DomainEntityId<string>;
+}
+export declare const SceneEntityLights: import("react").MemoExoticComponent<(props: SceneEntityLightsProps) => import("react/jsx-runtime").JSX.Element | null>;

package/dist/configurator/scene/scene-entity/objects/SceneEntityLights.js

@@ -0,0 +1 @@
+import{jsx as t,Fragment as e}from"react/jsx-runtime";import{memo as a,useEffect as n,useRef as o}from"react";import{Quaternion as r,ShaderChunk as s,Vector3 as i}from"three";import{RectAreaLightUniformsLib as c}from"three/examples/jsm/lights/RectAreaLightUniformsLib.js";import{match as l}from"ts-pattern";import{DEFAULT_DIMENSION_UNIT as m,dimensionUnitsCoefficient as f,isSceneEntityAmbientLightComponent as g,isSceneEntityDirectionalLightComponent as p,isSceneEntityPointLightComponent as h,isSceneEntityRectAreaLightComponent as d,isSceneEntitySpotLightComponent as u,sceneEntityAmbientLightComponent as y,sceneEntityDirectionalLightComponent as w,sceneEntityPointLightComponent as X,sceneEntityRectAreaLightComponent as Y,sceneEntitySpotLightComponent as Z}from"#package/domain";import{useDimensionConfig as b,useRenderedComponents as L}from"#package/react-sdk";let S=!1,N=!1,x="RE_Direct( directLight, geometryPosition, geometryNormal,",A="RE_Direct_RectArea( rectAreaLight, geometryPosition, geometryNormal,",_=(t,e)=>void 0!==t?t*e:void 0,z=(t,e,a,o)=>{n(()=>{let e=t.current;if(e?.parent)return e.parent.add(e.target),()=>{e.parent?.remove(e.target)}},[t]),n(()=>{let n=t.current;n&&n.target.position.set(e,a,o)},[t,e,a,o])};export const SceneEntityLights=a(a=>{let n,{id:o}=a,r=(()=>{let{distanceDataUnit:t}=b();return f(t,m)})(),i=L({entityIds:[o],componentTypes:[X,w,Z,y,Y]});return 0===i.length?null:(S||(S=!0,(n=s.lights_fragment_begin).includes(x)&&(n=n.replaceAll(x,"RE_Direct( directLight, geometryPosition, nonPerturbedNormal,")),n.includes(A)&&(n=n.replaceAll(A,"RE_Direct_RectArea( rectAreaLight, geometryPosition, nonPerturbedNormal,")),s.lights_fragment_begin=n),i.some(d)&&(N||(N=!0,c.init())),t(e,{children:i.map(e=>l(e).when(h,e=>t("pointLight",{"position-x":(e.state.offsetX??0)*r,"position-y":(e.state.offsetY??0)*r,"position-z":(e.state.offsetZ??0)*r,color:e.state.color,intensity:e.state.intensity,distance:_(e.state.distance,r),decay:e.state.decay,castShadow:e.state.castShadow},e.componentInstance.instanceName)).when(p,e=>t(I,{offsetX:(e.state.offsetX??0)*r,offsetY:(e.state.offsetY??0)*r,offsetZ:(e.state.offsetZ??0)*r,color:e.state.color,intensity:e.state.intensity,castShadow:e.state.castShadow,shadowCameraSize:_(e.state.shadowCameraSize,r),targetX:(e.state.targetX??0)*r,targetY:(e.state.targetY??0)*r,targetZ:(e.state.targetZ??0)*r},e.componentInstance.instanceName)).when(u,e=>t(P,{offsetX:(e.state.offsetX??0)*r,offsetY:(e.state.offsetY??0)*r,offsetZ:(e.state.offsetZ??0)*r,color:e.state.color,intensity:e.state.intensity,distance:_(e.state.distance,r),angle:e.state.angle,penumbra:e.state.penumbra,decay:e.state.decay,castShadow:e.state.castShadow,targetX:(e.state.targetX??0)*r,targetY:(e.state.targetY??0)*r,targetZ:(e.state.targetZ??0)*r},e.componentInstance.instanceName)).when(g,e=>t("ambientLight",{color:e.state.color,intensity:e.state.intensity},e.componentInstance.instanceName)).when(d,e=>t(E,{offsetX:(e.state.offsetX??0)*r,offsetY:(e.state.offsetY??0)*r,offsetZ:(e.state.offsetZ??0)*r,targetX:(e.state.targetX??0)*r,targetY:(e.state.targetY??0)*r,targetZ:(e.state.targetZ??0)*r,color:e.state.color,intensity:e.state.intensity,width:_(e.state.width,r),height:_(e.state.height,r),roll:e.state.roll},e.componentInstance.instanceName)).otherwise(t=>{throw Error(`Unknown light component '${t.componentInstance.instanceName}'`)}))}))});let I=a(e=>{let{offsetX:a,offsetY:r,offsetZ:s,color:i,intensity:c,castShadow:l,shadowCameraSize:m,targetX:f,targetY:g,targetZ:p}=e,h=o(null);return z(h,f,g,p),n(()=>{let t=h.current;if(!t||!m)return;let e=t.shadow.camera;e.left=-m,e.right=m,e.top=m,e.bottom=-m,e.near=1,e.far=3*m,e.updateProjectionMatrix()},[m]),t("directionalLight",{ref:h,"position-x":a,"position-y":r,"position-z":s,color:i,intensity:c,castShadow:l})}),P=a(e=>{let{offsetX:a,offsetY:n,offsetZ:r,color:s,intensity:i,distance:c,angle:l,penumbra:m,decay:f,castShadow:g,targetX:p,targetY:h,targetZ:d}=e,u=o(null);return z(u,p,h,d),t("spotLight",{ref:u,"position-x":a,"position-y":n,"position-z":r,color:s,intensity:i,distance:c,angle:l,penumbra:m,decay:f,castShadow:g})}),R=new i(0,0,-1),E=a(e=>{let{offsetX:a,offsetY:s,offsetZ:c,targetX:l,targetY:m,targetZ:f,color:g,intensity:p,width:h=1,height:d=1,roll:u}=e,y=o(null),w=o(new i),X=o(new r);return n(()=>{let t=y.current;if(!t)return;let e=w.current.set(l-a,m-s,f-c);0!==e.lengthSq()&&(e.normalize(),t.quaternion.setFromUnitVectors(R,e),"number"==typeof u&&Number.isFinite(u)&&0!==u&&(X.current.setFromAxisAngle(e,u),t.quaternion.premultiply(X.current)))},[a,s,c,l,m,f,u]),t("rectAreaLight",{ref:y,"position-x":a,"position-y":s,"position-z":c,color:g,intensity:p,width:h,height:d})});

package/dist/configurator/scene/scene-entity/objects/SceneEntityObject.d.ts

@@ -0,0 +1,15 @@
+import { type ReactNode } from 'react';
+import type { Object3D } from 'three';
+import type { DomainEntityId, SceneEntityObjectPropertiesComponentState } from '#package/domain';
+export interface SceneEntityObjectProps {
+    readonly id: DomainEntityId<string>;
+    readonly instanceName: string;
+    readonly objectPropertiesState: SceneEntityObjectPropertiesComponentState | undefined;
+    readonly isInteractable: boolean;
+    readonly object?: Object3D | undefined;
+    readonly name?: string | undefined;
+    readonly node?: Exclude<ReactNode, undefined> | undefined;
+    readonly importScale?: number | undefined;
+    readonly highlighted?: boolean | undefined;
+}
+export declare const SceneEntityObject: import("react").MemoExoticComponent<(props: SceneEntityObjectProps) => import("react/jsx-runtime").JSX.Element>;

package/dist/configurator/scene/scene-entity/objects/SceneEntityObject.js

@@ -0,0 +1 @@
+import{jsx as t,jsxs as e,Fragment as i}from"react/jsx-runtime";import{memo as n,useEffect as r,useLayoutEffect as s,useMemo as a,useRef as o,useState as c}from"react";import{useStoreSelector as l}from"#package/react-sdk";import{useConfigurator as m}from"../../../application-runtime/index.js";import{useSceneEntityObjectProperties as g}from"../entity-hooks/use-scene-entity-object-properties.js";import{SceneEntityObjectMaterials as j}from"../materials/SceneEntityObjectMaterials.js";import{SceneEntityObjectHtmlHotspots as h}from"../scene-controls/SceneEntityObjectHtmlHotspots.js";import{HiddenEntityObject as b}from"./HiddenEntityObject.js";import{SceneEntityHighlightedObject as p}from"./SceneEntityHighlightedObject.js";import{SceneEntityObjectClips as f}from"./SceneEntityObjectClip.js";import{SceneEntityObjectDecals as y}from"./SceneEntityObjectDecal.js";import{SceneEntityObjectTextDecals as d}from"./SceneEntityObjectTextDecal.js";import{SceneEntityObjectTransformations as H}from"./SceneEntityObjectTransformer.js";import{SceneEntityPrimitiveObject as u}from"./SceneEntityPrimitiveObject.js";export const SceneEntityObject=n(n=>{let{id:O,instanceName:E,objectPropertiesState:x,isInteractable:S,object:N,name:I,node:v,importScale:C,highlighted:D}=n,T=o(null),[k,z]=c(null);s(()=>{T.current&&z(T.current)},[T,N]);let{visible:F,positionX:M,positionY:P,positionZ:q,rotationX:w,rotationY:A,rotationZ:B,scaleX:G,scaleY:J,scaleZ:K,morphTargetInfluences:L,rendered:Q,interactive:R,highlightingDisabled:U}=g(x,N,C),{canvasSystem:V}=m(),{canvasHighlightingDisabled:W,enableFastHighlight:X,fastHighlightColor:Y,fastHighlightIntensity:Z}=l(t=>{let e=V.getCanvasConfig(t.state);return{canvasHighlightingDisabled:e?.highlightingDisabled,enableFastHighlight:e?.enableFastHighlight,fastHighlightColor:e?.fastHighlightColor,fastHighlightIntensity:e?.fastHighlightIntensity}},[V]),$=S&&!1!==R;return r(()=>{k&&k.traverse(t=>{$?t.layers.enable(1):t.layers.disable(1),!1!==Q?t.layers.enable(0):t.layers.disable(0)})},[k,$,Q]),e("group",{"position-x":M,"position-y":P,"position-z":q,"rotation-x":w,"rotation-y":A,"rotation-z":B,"scale-x":G,"scale-y":J,"scale-z":K,userData:a(()=>({type:"entityObject",entityId:O,objectInstanceName:E}),[O,E]),children:[t(u,{ref:T,id:O,object:N,name:I,node:v,morphTargetInfluences:L,children:t(h,{id:O,instanceName:E})}),k&&!X&&!W&&!U&&t(p,{id:O,object:k,visible:D??!1,morphTargetInfluences:L}),k&&e(i,{children:[t(b,{object:k,id:O,instanceName:E,visible:F??!0}),t(j,{id:O,instanceName:E,object:k,highlighted:D&&!W&&!U,fastHighlight:X,fastHighlightColor:Y,fastHighlightIntensity:Z}),t(d,{id:O,instanceName:E,object:k}),t(y,{id:O,instanceName:E,object:k}),t(H,{id:O,instanceName:E,object:k}),t(f,{object:k,id:O,instanceName:E})]})]})});