door_models 5.3.7 → 5.3.8

package/dist/index.esm.js

@@ -777,8 +777,6 @@ new THREE.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);
 
@@ -803,13 +801,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) {
@@ -818,8 +812,6 @@ const buildMaterial = (prop, textures) => {
   }
   return new THREE.MeshStandardMaterial(params);
 };
-
-// getFirstValidValue remains useful for fallbacks, so we keep it.
 const getFirstValidValue = values => {
   for (const val of values) {
     if (val) {
@@ -1386,7 +1378,10 @@ function DoorModels(_ref7) {
     doorName,
     materials: materialsProp,
     doorPivot: doorPivotProp,
-    doorOpening: doorOpeningProp
+    doorOpening: doorOpeningProp,
+    totalWidth: totalWidthProp,
+    totalHeight: totalHeightProp,
+    frameDepth: frameDepthProp
   } = _ref7;
   const {
     is2D,
@@ -1395,6 +1390,7 @@ function DoorModels(_ref7) {
     door,
     setDoor,
     doorFrame,
+    setDoorFrame,
     interiorFanlight,
     exteriorFanlight,
     frontCoverPanel,
@@ -1404,7 +1400,9 @@ function DoorModels(_ref7) {
     glassDepth,
     handleParseCpid,
     isDoubleDoor,
-    setMaterials
+    setMaterials,
+    setTotalWidth,
+    setTotalHeight
   } = useConfigurator();
   useEffect(() => {
     if (doorName) {
@@ -1416,12 +1414,6 @@ function DoorModels(_ref7) {
       setMaterials(materialsProp);
     }
   }, [materialsProp, setMaterials]);
-  useEffect(() => {
-    if (doorName) handleParseCpid(doorName);
-  }, [doorName, handleParseCpid]);
-  useEffect(() => {
-    if (materialsProp) setMaterials(materialsProp);
-  }, [materialsProp, setMaterials]);
   useEffect(() => {
     if (doorPivotProp || doorOpeningProp) {
       setDoor(prevDoor => _objectSpread2(_objectSpread2(_objectSpread2({}, prevDoor), doorPivotProp && {
@@ -1431,6 +1423,23 @@ function DoorModels(_ref7) {
       }));
     }
   }, [doorPivotProp, doorOpeningProp, setDoor]);
+  useEffect(() => {
+    if (totalWidthProp !== undefined) {
+      setTotalWidth(totalWidthProp);
+    }
+  }, [totalWidthProp, setTotalWidth]);
+  useEffect(() => {
+    if (totalHeightProp !== undefined) {
+      setTotalHeight(totalHeightProp);
+    }
+  }, [totalHeightProp, setTotalHeight]);
+  useEffect(() => {
+    if (frameDepthProp !== undefined) {
+      setDoorFrame(prev => _objectSpread2(_objectSpread2({}, prev), {}, {
+        frameDepth: frameDepthProp
+      }));
+    }
+  }, [frameDepthProp, setDoorFrame]);
 
   // --- Material Logic (Centralized in parent component) ---
   const allMaterials = useDoorMaterials(materialsProp);
@@ -2224,7 +2233,10 @@ const DoorConfigurator = _ref => {
     materials,
     doorPivot,
     doorOpening,
-    is2D = false
+    is2D = false,
+    totalWidth,
+    totalHeight,
+    frameDepth
   } = _ref;
   return /*#__PURE__*/jsx(ConfiguratorProvider, {
     initialIs2D: is2D,
@@ -2232,7 +2244,10 @@ const DoorConfigurator = _ref => {
       doorName: doorName,
       materials: materials,
       doorPivot: doorPivot,
-      doorOpening: doorOpening
+      doorOpening: doorOpening,
+      totalWidth: totalWidth,
+      totalHeight: totalHeight,
+      frameDepth: frameDepth
     })
   });
 };