door_models 5.3.7 → 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);
@@ -2251,7 +2260,10 @@ const DoorConfigurator = _ref => {
     materials,
     doorPivot,
     doorOpening,
-    is2D = false
+    is2D = false,
+    totalWidth,
+    totalHeight,
+    frameDepth
   } = _ref;
   return /*#__PURE__*/jsxRuntime.jsx(ConfiguratorProvider, {
     initialIs2D: is2D,
@@ -2259,7 +2271,10 @@ const DoorConfigurator = _ref => {
       doorName: doorName,
       materials: materials,
       doorPivot: doorPivot,
-      doorOpening: doorOpening
+      doorOpening: doorOpening,
+      totalWidth: totalWidth,
+      totalHeight: totalHeight,
+      frameDepth: frameDepth
     })
   });
 };