door_models 5.3.6 → 5.3.8

package/dist/index.cjs.js

@@ -804,8 +804,6 @@ new THREE__namespace.MeshStandardMaterial({
   roughness: 0.8
 });
 
-// Type definition for a material prop (string or object with opacity)
-
 // Helper function to check for hex color codes
 const isHexColor = str => /^#([0-9A-F]{3}){1,2}$/i.test(str);
 
@@ -830,13 +828,9 @@ const buildMaterial = (prop, textures) => {
   };
   if (isHexColor(sourceValue)) {
     params.color = sourceValue;
-  }
-  // Check if it's a URL and if it exists in the pre-loaded texture map
-  else if (textures && textures[sourceValue]) {
+  } else if (textures && textures[sourceValue]) {
     params.map = textures[sourceValue];
-  }
-  // Fallback for invalid values
-  else {
+  } else {
     params.color = "#cccccc";
   }
   if (opacity !== undefined && opacity < 1) {
@@ -845,8 +839,6 @@ const buildMaterial = (prop, textures) => {
   }
   return new THREE__namespace.MeshStandardMaterial(params);
 };
-
-// getFirstValidValue remains useful for fallbacks, so we keep it.
 const getFirstValidValue = values => {
   for (const val of values) {
     if (val) {
@@ -1413,7 +1405,10 @@ function DoorModels(_ref7) {
     doorName,
     materials: materialsProp,
     doorPivot: doorPivotProp,
-    doorOpening: doorOpeningProp
+    doorOpening: doorOpeningProp,
+    totalWidth: totalWidthProp,
+    totalHeight: totalHeightProp,
+    frameDepth: frameDepthProp
   } = _ref7;
   const {
     is2D,
@@ -1422,6 +1417,7 @@ function DoorModels(_ref7) {
     door,
     setDoor,
     doorFrame,
+    setDoorFrame,
     interiorFanlight,
     exteriorFanlight,
     frontCoverPanel,
@@ -1431,7 +1427,9 @@ function DoorModels(_ref7) {
     glassDepth,
     handleParseCpid,
     isDoubleDoor,
-    setMaterials
+    setMaterials,
+    setTotalWidth,
+    setTotalHeight
   } = useConfigurator();
   React.useEffect(() => {
     if (doorName) {
@@ -1443,12 +1441,6 @@ function DoorModels(_ref7) {
       setMaterials(materialsProp);
     }
   }, [materialsProp, setMaterials]);
-  React.useEffect(() => {
-    if (doorName) handleParseCpid(doorName);
-  }, [doorName, handleParseCpid]);
-  React.useEffect(() => {
-    if (materialsProp) setMaterials(materialsProp);
-  }, [materialsProp, setMaterials]);
   React.useEffect(() => {
     if (doorPivotProp || doorOpeningProp) {
       setDoor(prevDoor => _objectSpread2(_objectSpread2(_objectSpread2({}, prevDoor), doorPivotProp && {
@@ -1458,6 +1450,23 @@ function DoorModels(_ref7) {
       }));
     }
   }, [doorPivotProp, doorOpeningProp, setDoor]);
+  React.useEffect(() => {
+    if (totalWidthProp !== undefined) {
+      setTotalWidth(totalWidthProp);
+    }
+  }, [totalWidthProp, setTotalWidth]);
+  React.useEffect(() => {
+    if (totalHeightProp !== undefined) {
+      setTotalHeight(totalHeightProp);
+    }
+  }, [totalHeightProp, setTotalHeight]);
+  React.useEffect(() => {
+    if (frameDepthProp !== undefined) {
+      setDoorFrame(prev => _objectSpread2(_objectSpread2({}, prev), {}, {
+        frameDepth: frameDepthProp
+      }));
+    }
+  }, [frameDepthProp, setDoorFrame]);
 
   // --- Material Logic (Centralized in parent component) ---
   const allMaterials = useDoorMaterials(materialsProp);
@@ -1487,20 +1496,12 @@ function DoorModels(_ref7) {
   } = doorFrame;
   const initialDoorHeight = React.useRef(null);
   React.useEffect(() => {
-    // If our initial height hasn't been set yet AND we have a valid height...
     if (initialDoorHeight.current === null && doorHeight > 0) {
-      // ...set it. This will now be the stable base value for your logic.
-      // This line will only run once for the initial valid height.
       initialDoorHeight.current = doorHeight;
     }
-  }, [doorHeight]); // This hook listens for changes to doorHeight
-
-  // YOUR ORIGINAL LOGIC IS UNCHANGED, we just add a safety check.
+  }, [doorHeight]);
   const pivotNewPosition = React.useMemo(() => {
-    // If the initial value hasn't been captured, don't move the door.
     if (initialDoorHeight.current === null || initialDoorHeight.current === 0) return 0;
-
-    // Your existing, correct logic now works because initialDoorHeight.current is correct.
     return (doorHeight - initialDoorHeight.current) / 2 / 1000;
   }, [doorHeight]);
   const {
@@ -2002,6 +2003,19 @@ function DoorLeaf(_ref8) {
   const occulusHeightM = mainDoorHeightM - occulusY1M - occulusY2M;
   const occulusPositionXM = (occulusX1M - occulusX2M) / 2;
   const occulusPositionYM = (occulusY2M - occulusY1M) / 2;
+  React.useEffect(() => {
+    const materialsToUpdate = [frontDoorPlaneMaterial, backDoorPlaneMaterial];
+    materialsToUpdate.forEach(material => {
+      // Check if the material has a texture map
+      if (material.map) {
+        // Set the texture to repeat
+        material.map.wrapS = THREE__namespace.RepeatWrapping;
+        material.map.wrapT = THREE__namespace.RepeatWrapping;
+        material.map.repeat.set(doorWidthM, mainDoorHeightM);
+        material.map.needsUpdate = true;
+      }
+    });
+  }, [doorWidthM, mainDoorHeightM, frontDoorPlaneMaterial, backDoorPlaneMaterial]);
   const [isOpen, setIsOpen] = React.useState(false);
   const hingeSideX = pivot === "left" ? -doorWidthM / 2 : doorWidthM / 2;
 
@@ -2246,7 +2260,10 @@ const DoorConfigurator = _ref => {
     materials,
     doorPivot,
     doorOpening,
-    is2D = false
+    is2D = false,
+    totalWidth,
+    totalHeight,
+    frameDepth
   } = _ref;
   return /*#__PURE__*/jsxRuntime.jsx(ConfiguratorProvider, {
     initialIs2D: is2D,
@@ -2254,7 +2271,10 @@ const DoorConfigurator = _ref => {
       doorName: doorName,
       materials: materials,
       doorPivot: doorPivot,
-      doorOpening: doorOpening
+      doorOpening: doorOpening,
+      totalWidth: totalWidth,
+      totalHeight: totalHeight,
+      frameDepth: frameDepth
     })
   });
 };