door_models 5.2.4 → 5.2.6

package/dist/index.cjs.js

@@ -190,30 +190,9 @@ const ConfiguratorProvider = _ref => {
     material: "infill_material",
     depth: 20
   });
-  const defaultOptions = ["D_PRF_COLOR", "D_FR_SRF_DECOR", "D_FR_SRF_DECOR_S2"];
-  function getFirstValidValue(values, isValid) {
-    for (const val of values) {
-      if (isValid(val)) return val;
-    }
-    return "";
-  }
-  const hasValue = val => val !== null && val !== undefined && val !== "";
   const [frameType, setFrameType] = React.useState("AF20_40");
   const [bodyType, setBodyType] = React.useState("40");
   const [exteriorFanlightType, setExteriorFanlightType] = React.useState("WPFL");
-  const [testDoorMaterial, setTestDoorMaterial] = React.useState("");
-  const [testFrameMaterial, setTestFrameMaterial] = React.useState(getFirstValidValue(defaultOptions, hasValue));
-  const [testGasketMaterial, setTestGasketMaterial] = React.useState("D_GASKET");
-  const [testInteriorFanlightMaterial, setTestInteriorFanlightMaterial] = React.useState("D_SRF_DECOR");
-  const [testExteriorFanlightMaterial, setTestExteriorFanlightMaterial] = React.useState("");
-  const [testOcculusInfillMaterial, setTestOcculusInfillMaterial] = React.useState("");
-  const [testGlassInfillMaterial, setTestGlassInfillMaterial] = React.useState("D_FR_COLOR");
-  const [testDoorStopMaterial, setTestDoorStopMaterial] = React.useState(getFirstValidValue(defaultOptions, hasValue));
-  const [testHingeMaterial, setTestHingeMaterial] = React.useState("");
-  const [testFrontCoverPanelMaterial, setTestFrontCoverPanelMaterial] = React.useState(getFirstValidValue(defaultOptions, hasValue));
-  const [testBackCoverPanelMaterial, setTestBackCoverPanelMaterial] = React.useState(getFirstValidValue(defaultOptions, hasValue));
-  const [testFrontDoorPlaneMaterial, setTestFrontDoorPlaneMaterial] = React.useState("D_SRF_DECOR_2");
-  const [testBackDoorPlaneMaterial, setTestBackDoorPlaneMaterial] = React.useState("D_SRF_DECOR");
   const doorHeight = 0;
   const [newPivotPosition, setNewPivotPosition] = React.useState(0);
   const [parseMessage, setParseMessage] = React.useState({
@@ -358,28 +337,23 @@ const ConfiguratorProvider = _ref => {
   // --- BodyType Effect ---
   React.useEffect(() => {
     let newDoorDepth = 40;
-    let newMaterial = "brown";
     switch (bodyType) {
       case "50":
         newDoorDepth = 50;
         break;
       case "SG8":
         newDoorDepth = 8;
-        newMaterial = "glass";
         break;
       case "SG10":
         newDoorDepth = 10;
-        newMaterial = "glass";
         break;
       case "SG12":
         newDoorDepth = 12;
-        newMaterial = "glass";
         break;
     }
     setDoor(prev => _objectSpread2(_objectSpread2({}, prev), {}, {
       theDoorDepth: newDoorDepth
     }));
-    setTestDoorMaterial(newMaterial);
   }, [bodyType]);
 
   // --- FrameType Effect ---
@@ -651,22 +625,19 @@ const ConfiguratorProvider = _ref => {
         setExteriorFanlight(prev => _objectSpread2(_objectSpread2({}, prev), {}, {
           depth: doorFrame.frameDepth
         }));
-        setTestExteriorFanlightMaterial("metal");
         break;
       case "ALDGFL":
         setExteriorFanlight(prev => _objectSpread2(_objectSpread2({}, prev), {}, {
           depth: doorFrame.frameDepth
         }));
-        setTestExteriorFanlightMaterial("glass");
         break;
       case "ALSGFL":
         setExteriorFanlight(prev => _objectSpread2(_objectSpread2({}, prev), {}, {
           depth: 40
         }));
-        setTestExteriorFanlightMaterial("glass");
         break;
     }
-  }, [exteriorFanlight.visible, exteriorFanlightType, doorFrame.frameDepth, setTestExteriorFanlightMaterial, setExteriorFanlight]);
+  }, [exteriorFanlight.visible, exteriorFanlightType, doorFrame.frameDepth, setExteriorFanlight]);
   React.useEffect(() => {
     setOcculus(prevOcculus => _objectSpread2(_objectSpread2({}, prevOcculus), {}, {
       depth: door.theDoorDepth
@@ -729,32 +700,6 @@ const ConfiguratorProvider = _ref => {
       setTotalWidth,
       exteriorFanlightType,
       setExteriorFanlightType,
-      testDoorMaterial,
-      setTestDoorMaterial,
-      testFrameMaterial,
-      setTestFrameMaterial,
-      testGasketMaterial,
-      setTestGasketMaterial,
-      testInteriorFanlightMaterial,
-      setTestInteriorFanlightMaterial,
-      testExteriorFanlightMaterial,
-      setTestExteriorFanlightMaterial,
-      testOcculusInfillMaterial,
-      setTestOcculusInfillMaterial,
-      testGlassInfillMaterial,
-      setTestGlassInfillMaterial,
-      testDoorStopMaterial,
-      setTestDoorStopMaterial,
-      testHingeMaterial,
-      setTestHingeMaterial,
-      testFrontCoverPanelMaterial,
-      setTestFrontCoverPanelMaterial,
-      testBackCoverPanelMaterial,
-      setTestBackCoverPanelMaterial,
-      testFrontDoorPlaneMaterial,
-      setTestFrontDoorPlaneMaterial,
-      testBackDoorPlaneMaterial,
-      setTestBackDoorPlaneMaterial,
       glassVisible,
       setGlassVisible,
       glassDepth,
@@ -777,22 +722,22 @@ const useConfigurator = () => {
   return context;
 };
 
-// Keep the textureLoader instance
+// Re-use the same loader instance to leverage Three.js's caching
 const textureLoader = new THREE__namespace.TextureLoader();
 
-// This is your new core logic. It's self-contained.
-const isUrl = string => {
-  try {
-    new URL(string);
-    return true;
-  } catch (_) {
-    return false;
-  }
-};
+/**
+ * Creates a THREE.MeshStandardMaterial from a string prop.
+ * - If the string starts with '#', it's treated as a hex color.
+ * - Otherwise, it's treated as a path to a texture image (URL or local path).
+ * @param value The color string or texture path.
+ * @returns A THREE.MeshStandardMaterial or null if no value is provided.
+ */
 const createMaterialFromProp = value => {
-  if (!value) return null;
+  if (!value) {
+    return null; // Return null if the prop is empty
+  }
 
-  // Handle HEX colors
+  // Check if the value is a hexadecimal color code
   if (value.startsWith("#")) {
     return new THREE__namespace.MeshStandardMaterial({
       color: value,
@@ -800,40 +745,33 @@ const createMaterialFromProp = value => {
     });
   }
 
-  // Handle URLs
-  if (isUrl(value)) {
-    const texture = textureLoader.load(value);
-    texture.wrapS = THREE__namespace.RepeatWrapping;
-    texture.wrapT = THREE__namespace.RepeatWrapping;
-    return new THREE__namespace.MeshStandardMaterial({
-      map: texture,
-      roughness: 0.8
-    });
-  }
+  // Otherwise, assume it is a path to a texture
+  const texture = textureLoader.load(value);
+  texture.wrapS = THREE__namespace.RepeatWrapping;
+  texture.wrapT = THREE__namespace.RepeatWrapping;
 
-  // It's good practice to return null if the format is not recognized.
-  return null;
+  // Improve texture sharpness at glancing angles
+  texture.anisotropy = 16;
+  return new THREE__namespace.MeshStandardMaterial({
+    map: texture,
+    roughness: 0.8
+  });
 };
-
-// --- REMOVED THE ENTIRE `availableMaterials` OBJECT ---
-// It is no longer needed.
-
-// Keep placeholder materials as a fallback if a material prop isn't provided
-const placeholderMaterial = new THREE__namespace.MeshStandardMaterial({
-  color: "#cccccc",
-  // A neutral grey
-  roughness: 0.8
-});
-const placeholderMaterialforFrames = new THREE__namespace.MeshStandardMaterial({
-  color: "#555555",
-  // A darker grey for frames
-  roughness: 0.8
-});
-
 const availableMaterials = {
   black: new THREE__namespace.MeshStandardMaterial({
     color: "#000000"
   }),
+  metal: new THREE__namespace.MeshStandardMaterial({
+    color: "#aaaaaa",
+    metalness: 1.0,
+    roughness: 0.4
+  }),
+  glass: new THREE__namespace.MeshStandardMaterial({
+    color: "#ffffff",
+    roughness: 0.1,
+    transparent: true,
+    opacity: 0.7
+  }),
   aluminum: new THREE__namespace.MeshStandardMaterial({
     color: "#abb0aa",
     metalness: 0.8,
@@ -853,8 +791,15 @@ const availableMaterials = {
     envMapIntensity: 1.2
   })
 };
+const placeholderMaterial = new THREE__namespace.MeshStandardMaterial({
+  color: "#cccccc",
+  roughness: 0.8
+});
+const placeholderMaterialforFrames = new THREE__namespace.MeshStandardMaterial({
+  color: "#000",
+  roughness: 0.8
+});
 
-// Custom hook for door handle calculations
 function StandardHandle(_ref) {
   let {
     position,
@@ -961,7 +906,6 @@ function StandardHandle(_ref) {
         // 👈 same Y as small rose
         z + (z > 0 ? roseThickness : -roseThickness) // 👈 accounts for thickness
         ],
-        castShadow: true,
         children: [/*#__PURE__*/jsxRuntime.jsx("mesh", {
           rotation: [Math.PI / 2, 0, 0],
           position: [0, 0.0075, 0],
@@ -1286,7 +1230,6 @@ function DoorStopCuts(_ref6) {
     stopDepth,
     stopPositionZ,
     centerZ,
-    glassDepthOffset = 0,
     material,
     setName
   } = _ref6;
@@ -1324,14 +1267,12 @@ function DoorModels(_ref7) {
     is2D,
     totalWidth,
     totalHeight,
-    isPlaneVisible,
     isFrameVisible,
     door,
     doorFrame,
     interiorFanlight,
     exteriorFanlight,
     occulus,
-    glass,
     frontCoverPanel,
     backCoverPanel,
     frontDoorPlane,
@@ -1339,22 +1280,8 @@ function DoorModels(_ref7) {
     frameType,
     bodyType,
     exteriorFanlightType,
-    testDoorMaterial,
-    testFrameMaterial,
-    testGasketMaterial,
-    testInteriorFanlightMaterial,
-    testExteriorFanlightMaterial,
-    testOcculusInfillMaterial,
-    testGlassInfillMaterial,
-    testDoorStopMaterial,
-    testHingeMaterial,
     glassVisible,
-    testFrontCoverPanelMaterial,
-    testBackCoverPanelMaterial,
-    testFrontDoorPlaneMaterial,
-    testBackDoorPlaneMaterial,
     glassDepth,
-    cpid,
     handleParseCpid,
     isDoubleDoor,
     materials
@@ -1364,41 +1291,6 @@ function DoorModels(_ref7) {
       handleParseCpid(doorName);
     }
   }, [doorName, handleParseCpid]);
-
-  // here i get material names from context
-  const {
-    doorMaterial: doorMaterialName
-  } = door;
-  const {
-    frameMaterial: frameMaterialName,
-    gasketMaterial: gasketMaterialName,
-    doorStopMaterial: doorStopMaterialName,
-    hingeMaterial: hingeMaterialName
-  } = doorFrame;
-  const {
-    material: interiorFanlightMaterialName
-  } = interiorFanlight;
-  const {
-    material: exteriorFanlightMaterialName
-  } = exteriorFanlight;
-  const {
-    material: occulusInfillMaterialName
-  } = occulus;
-  const {
-    material: glassInfillMaterialName
-  } = glass;
-  const {
-    material: frontCoverPanelMaterialName
-  } = frontCoverPanel;
-  const {
-    material: backCoverPanelMaterialName
-  } = backCoverPanel;
-  const {
-    material: frontDoorPlaneMaterialName
-  } = frontDoorPlane;
-  const {
-    material: backDoorPlaneMaterialName
-  } = backDoorPlane;
   const pers = React.useMemo(() => {
     const dynamicMaterials = {};
     for (const key in materials) {
@@ -1409,26 +1301,29 @@ function DoorModels(_ref7) {
     }
     return dynamicMaterials;
   }, [materials]);
+
   // --- Material Logic ---
-  React.useMemo(() => placeholderMaterial, [testDoorMaterial, doorMaterialName]);
-  const frameMaterial = React.useMemo(() => pers.D_PRF_COLOR || pers.D_FR_SRF_DECOR || pers.D_FR_SRF_DECOR_S2 || placeholderMaterialforFrames, [testFrameMaterial, frameMaterialName]);
-  const gasketMaterial = React.useMemo(() => pers.D_GASKET || availableMaterials.black, [testGasketMaterial, gasketMaterialName]);
-  const doorStopMaterial = React.useMemo(() => {
-    return pers.D_PRF_COLOR || pers.D_FR_SRF_DECOR || pers.D_FR_SRF_DECOR_S2 || frameMaterial;
-  }, [testDoorStopMaterial, doorStopMaterialName, frameType, frameMaterial]);
-  const interiorFanlightMaterial = React.useMemo(() => pers.D_SRF_DECOR_2 || placeholderMaterial, [testInteriorFanlightMaterial, interiorFanlightMaterialName]);
-  const exteriorFanlightMaterial = React.useMemo(() => placeholderMaterial, [testExteriorFanlightMaterial, exteriorFanlightMaterialName]);
-  React.useMemo(() => placeholderMaterial, [testOcculusInfillMaterial, occulusInfillMaterialName]);
-  const glassInfillMaterial = React.useMemo(() => pers.D_FR_COLOR || placeholderMaterial, [testGlassInfillMaterial, glassInfillMaterialName]);
-  React.useMemo(() => new THREE__namespace.MeshStandardMaterial({
-    color: "#d4d4d4",
-    metalness: 1.0,
-    roughness: 0.4
-  }), [testHingeMaterial, hingeMaterialName]);
-  const frontCoverPanelMaterial = React.useMemo(() => pers.D_PRF_COLOR || pers.D_FR_SRF_DECOR || pers.D_FR_SRF_DECOR_S2 || placeholderMaterial, [testFrontCoverPanelMaterial, frontCoverPanelMaterialName]);
-  const backCoverPanelMaterial = React.useMemo(() => pers.D_PRF_COLOR || pers.D_FR_SRF_DECOR || pers.D_FR_SRF_DECOR_S2 || placeholderMaterial, [testBackCoverPanelMaterial, backCoverPanelMaterialName]);
-  React.useMemo(() => pers.D_SRF_DECOR_2 || placeholderMaterial, [testFrontDoorPlaneMaterial, frontDoorPlaneMaterialName]);
-  React.useMemo(() => pers.D_SRF_DECOR || placeholderMaterial, [testBackDoorPlaneMaterial, backDoorPlaneMaterialName]);
+  React.useMemo(() => placeholderMaterial, []);
+  const frameMaterial = React.useMemo(() => pers.D_PRF_COLOR || pers.D_FR_SRF_DECOR || pers.D_FR_SRF_DECOR_S2 || placeholderMaterialforFrames, [pers]);
+  const gasketMaterial = React.useMemo(() => pers.D_GASKET || availableMaterials.black, [pers]);
+  const doorStopMaterial = React.useMemo(() => pers.D_PRF_COLOR || pers.D_FR_SRF_DECOR || pers.D_FR_SRF_DECOR_S2 || frameMaterial, [pers, frameMaterial]);
+  const interiorFanlightMaterial = React.useMemo(() => pers.D_SRF_DECOR_2 || placeholderMaterial, [pers]);
+  const exteriorFanlightMaterial = React.useMemo(() => {
+    switch (exteriorFanlightType) {
+      case "ALDGFL":
+      case "ALSGFL":
+        return availableMaterials.glass;
+      default:
+        return availableMaterials.metal;
+    }
+  }, [exteriorFanlightType]);
+  React.useMemo(() => availableMaterials.glass, []);
+  const glassInfillMaterial = React.useMemo(() => pers.D_FR_COLOR || availableMaterials.glass, [pers]);
+  React.useMemo(() => availableMaterials.aluminum, []);
+  const frontCoverPanelMaterial = React.useMemo(() => pers.D_PRF_COLOR || pers.D_FR_SRF_DECOR || pers.D_FR_SRF_DECOR_S2 || placeholderMaterial, [pers]);
+  const backCoverPanelMaterial = React.useMemo(() => pers.D_PRF_COLOR || pers.D_FR_SRF_DECOR || pers.D_FR_SRF_DECOR_S2 || placeholderMaterial, [pers]);
+  React.useMemo(() => pers.D_SRF_DECOR_2 || placeholderMaterial, [pers]);
+  React.useMemo(() => pers.D_SRF_DECOR || placeholderMaterial, [pers]);
   React.useMemo(() => new THREE__namespace.MeshStandardMaterial({
     color: "#1a1a1a",
     roughness: 0.1
@@ -1455,8 +1350,7 @@ function DoorModels(_ref7) {
     gasketWidth,
     gasketDepth,
     secondDoorStopWidth,
-    secondDoorStopDepth,
-    secondDoorStopOffset
+    secondDoorStopDepth
   } = doorFrame;
   const initialDoorHeight = React.useRef(doorHeight);
   const {
@@ -1471,13 +1365,11 @@ function DoorModels(_ref7) {
     depth: architraveDepth
   } = frontCoverPanel;
   const interiorFanlightHeight = interiorFanlight.visible ? interiorFanlightHeightValue : 0;
-  const mainDoorHeight = doorHeight - interiorFanlightHeight;
   const topThkValue = parseInt(topThk) || 20;
   const sidesThkValue = parseInt(sidesThk) || 20;
 
   // Convert dimensions from mm to meters
   const doorWidthM = doorWidth / 1000;
-  const mainDoorHeightM = mainDoorHeight / 1000;
   const interiorFanlightHeightM = interiorFanlightHeight / 1000;
   const totalOpeningHeightM = doorHeight / 1000;
   const doorDepthM = theDoorDepth / 1000;
@@ -1539,18 +1431,6 @@ function DoorModels(_ref7) {
   const [isOpen, setIsOpen] = React.useState(false);
   const leftGlass_Z = -frameDepthM / 2 + GlassPanelDepthM / 2 - GlassPanelDepthM;
   const rightGlass_Z = frameDepthM / 2 - GlassPanelDepthM / 2 + GlassPanelDepthM;
-  // --- PIVOT ---
-  const hingeZ = React.useMemo(() => {
-    if (frameType === "WF_FLI") {
-      if (isOpeningIn) {
-        return doorCenterZ - doorDepthM / 2;
-      } else {
-        return doorCenterZ + doorDepthM / 2;
-      }
-    }
-    return isOpeningIn ? -frameDepthM / 2 : frameDepthM / 2;
-  }, [frameType, isOpeningIn, doorCenterZ, doorDepthM, frameDepthM]);
-  React.useMemo(() => doorCenterZ - hingeZ, [doorCenterZ, hingeZ]);
   const directionMultiplier = doorOpening === "in" ? 1 : -1;
   three.useSpring({
     rotation: isOpen ? [0, (doorPivot === "left" ? Math.PI / 2 : -Math.PI / 2) * directionMultiplier, 0] : [0, 0, 0],
@@ -1562,9 +1442,6 @@ function DoorModels(_ref7) {
   });
   const totalFrameWidth = totalOpeningWidthM + sidesFrameWidthM * 2;
   const totalFrameHeightM = totalOpeningHeightM + topFrameWidthM;
-
-  // --- Centering Logic ---
-  (initialDoorHeight.current || doorHeight) / 1000;
   const yCenteringOffset = -topFrameWidthM / 2;
   const sideFrameCenterY = topFrameWidthM / 2;
   const interiorFanlightYPosition = totalOpeningHeightM / 2 - interiorFanlightHeightM / 2;
@@ -1579,8 +1456,6 @@ function DoorModels(_ref7) {
   const rightArchitraveX = totalOpeningWidthM / 2 + architraveProfileM / 2;
   const topArchitraveY = totalOpeningHeightM / 2 + architraveProfileM / 2;
   const topArchitraveWidth = totalOpeningWidthM + 2 * architraveProfileM;
-
-  // --- Primary Gasket Edge Position Calculations ---
   const topGasketYPosition = totalOpeningHeightM / 2 - doorStopWidthM + gasketWidthM / 2;
   const leftGasketXPosition = -totalOpeningWidthM / 2 + doorStopWidthM - gasketWidthM / 2;
   const rightGasketXPosition = totalOpeningWidthM / 2 - doorStopWidthM + gasketWidthM / 2;
@@ -1590,8 +1465,6 @@ function DoorModels(_ref7) {
   const secondTopGasketYPosition = totalOpeningHeightM / 2 - secondDoorStopWidthM + gasketWidthM / 2;
   const secondLeftGasketXPosition = -totalOpeningWidthM / 2 + secondDoorStopWidthM - gasketWidthM / 2;
   const secondRightGasketXPosition = totalOpeningWidthM / 2 - secondDoorStopWidthM + gasketWidthM / 2;
-
-  // --- HINGE VISIBILITY LOGIC ---
   const isGlassDoor = React.useMemo(() => ["SG8", "SG10", "SG12"].includes(bodyType), [bodyType]);
   const pivotNewPosition = React.useMemo(() => {
     if (initialDoorHeight.current === null || initialDoorHeight.current === 0) {
@@ -1599,31 +1472,6 @@ function DoorModels(_ref7) {
     }
     return (doorHeight - initialDoorHeight.current) / 2 / 1000;
   }, [doorHeight]);
-
-  // Calculate evenly spaced hinge positions
-  React.useMemo(() => {
-    const numHinges = 4;
-    const topMargin = 180 / 1000;
-    const bottomMargin = 180 / 1000;
-    const availableHeight = mainDoorHeightM - topMargin - bottomMargin;
-    const spacing = availableHeight / (numHinges - 1);
-    const positions = [];
-    for (let i = 0; i < numHinges; i++) {
-      positions.push(mainDoorHeightM / 2 - topMargin - i * spacing);
-    }
-    return positions;
-  }, [mainDoorHeightM]);
-
-  // Y positions for the new glass hinges
-  React.useMemo(() => {
-    const topMargin = 250 / 1000;
-    const secondTopMargin = 450 / 1000;
-    const bottomMargin = 250 / 1000;
-    const top = mainDoorHeightM / 2 - topMargin;
-    const secondTop = mainDoorHeightM / 2 - secondTopMargin;
-    const bottom = -mainDoorHeightM / 2 + bottomMargin;
-    return [top, secondTop, bottom];
-  }, [mainDoorHeightM]);
   React.useMemo(() => {
     if (isGlassDoor) return false;
     if (!isFrameVisible) return false;
@@ -1951,80 +1799,18 @@ function DoorLeaf(_ref8) {
     xOffset
   } = _ref8;
   const {
-    is2D,
-    totalWidth,
-    totalHeight,
-    isPlaneVisible,
-    isFrameVisible,
     door,
     doorFrame,
     interiorFanlight,
-    exteriorFanlight,
     occulus,
-    glass,
-    frontCoverPanel,
-    backCoverPanel,
     frontDoorPlane,
     backDoorPlane,
     frameType,
     bodyType,
     exteriorFanlightType,
-    testDoorMaterial,
-    testFrameMaterial,
-    testGasketMaterial,
-    testInteriorFanlightMaterial,
-    testExteriorFanlightMaterial,
-    testOcculusInfillMaterial,
-    testGlassInfillMaterial,
-    testDoorStopMaterial,
-    testHingeMaterial,
     glassVisible,
-    testFrontCoverPanelMaterial,
-    testBackCoverPanelMaterial,
-    testFrontDoorPlaneMaterial,
-    testBackDoorPlaneMaterial,
-    glassDepth,
-    cpid,
-    handleParseCpid,
     materials
   } = useConfigurator();
-
-  // here i get material names from context
-  const {
-    doorMaterial: doorMaterialName
-  } = door;
-  const {
-    frameMaterial: frameMaterialName,
-    gasketMaterial: gasketMaterialName,
-    doorStopMaterial: doorStopMaterialName,
-    hingeMaterial: hingeMaterialName
-  } = doorFrame;
-  const {
-    material: interiorFanlightMaterialName
-  } = interiorFanlight;
-  const {
-    material: exteriorFanlightMaterialName
-  } = exteriorFanlight;
-  const {
-    material: occulusInfillMaterialName
-  } = occulus;
-  const {
-    material: glassInfillMaterialName
-  } = glass;
-  const {
-    material: frontCoverPanelMaterialName
-  } = frontCoverPanel;
-  const {
-    material: backCoverPanelMaterialName
-  } = backCoverPanel;
-  const {
-    material: frontDoorPlaneMaterialName
-  } = frontDoorPlane;
-  const {
-    material: backDoorPlaneMaterialName
-  } = backDoorPlane;
-
-  // --- Material Logic ---
   const pers = React.useMemo(() => {
     const dynamicMaterials = {};
     for (const key in materials) {
@@ -2035,26 +1821,17 @@ function DoorLeaf(_ref8) {
     }
     return dynamicMaterials;
   }, [materials]);
+
   // --- Material Logic ---
-  const doorMaterial = React.useMemo(() => pers.D_SRF_DECOR_2 || placeholderMaterial, [testDoorMaterial, doorMaterialName]);
-  const frameMaterial = React.useMemo(() => pers.D_PRF_COLOR || pers.D_FR_SRF_DECOR || pers.D_FR_SRF_DECOR_S2 || placeholderMaterialforFrames, [testFrameMaterial, frameMaterialName]);
-  const gasketMaterial = React.useMemo(() => pers.D_GASKET || availableMaterials.black, [testGasketMaterial, gasketMaterialName]);
-  React.useMemo(() => {
-    return pers.D_PRF_COLOR || pers.D_FR_SRF_DECOR || pers.D_FR_SRF_DECOR_S2 || frameMaterial;
-  }, [testDoorStopMaterial, doorStopMaterialName, frameType, frameMaterial]);
-  React.useMemo(() => pers.D_SRF_DECOR_2 || placeholderMaterial, [testInteriorFanlightMaterial, interiorFanlightMaterialName]);
-  React.useMemo(() => placeholderMaterial, [testExteriorFanlightMaterial, exteriorFanlightMaterialName]);
-  const occulusInfillMaterial = React.useMemo(() => placeholderMaterial, [testOcculusInfillMaterial, occulusInfillMaterialName]);
-  const glassInfillMaterial = React.useMemo(() => placeholderMaterial, [testGlassInfillMaterial, glassInfillMaterialName]);
-  const hingeBodyMaterial = React.useMemo(() => new THREE__namespace.MeshStandardMaterial({
-    color: "#d4d4d4",
-    metalness: 1.0,
-    roughness: 0.4
-  }), [testHingeMaterial, hingeMaterialName]);
-  React.useMemo(() => placeholderMaterial, [testFrontCoverPanelMaterial, frontCoverPanelMaterialName]);
-  React.useMemo(() => placeholderMaterial, [testBackCoverPanelMaterial, backCoverPanelMaterialName]);
-  React.useMemo(() => placeholderMaterial, [testFrontDoorPlaneMaterial, frontDoorPlaneMaterialName]);
-  React.useMemo(() => placeholderMaterial, [testBackDoorPlaneMaterial, backDoorPlaneMaterialName]);
+  const doorMaterial = React.useMemo(() => placeholderMaterial, []);
+  const frameMaterial = React.useMemo(() => pers.D_PRF_COLOR || pers.D_FR_SRF_DECOR || pers.D_FR_SRF_DECOR_S2 || placeholderMaterialforFrames, [pers]);
+  const gasketMaterial = React.useMemo(() => pers.D_GASKET || availableMaterials.black, [pers]);
+  React.useMemo(() => pers.D_PRF_COLOR || pers.D_FR_SRF_DECOR || pers.D_FR_SRF_DECOR_S2 || frameMaterial, [pers, frameMaterial]);
+  const occulusInfillMaterial = React.useMemo(() => availableMaterials.glass, []);
+  const glassInfillMaterial = React.useMemo(() => pers.D_FR_COLOR || availableMaterials.glass, [pers]);
+  const hingeBodyMaterial = React.useMemo(() => availableMaterials.aluminum, []);
+  const frontDoorPlaneMaterial = React.useMemo(() => pers.D_SRF_DECOR_2 || placeholderMaterial, [pers]);
+  const backDoorPlaneMaterial = React.useMemo(() => pers.D_SRF_DECOR || placeholderMaterial, [pers]);
   const hingeAccentMaterial = React.useMemo(() => new THREE__namespace.MeshStandardMaterial({
     color: "#1a1a1a",
     roughness: 0.1
@@ -2065,24 +1842,17 @@ function DoorLeaf(_ref8) {
     doorWidth,
     doorHeight,
     theDoorDepth,
-    doorPivot,
     doorOpening
   } = door;
   const {
     frameDepth,
-    topThk,
-    sidesThk,
     doorStopWidth,
     doorStopDepth,
     doorStopOffset,
-    notchWidth,
-    notchDepth,
-    notchposition,
     gasketWidth,
     gasketDepth,
     secondDoorStopWidth,
-    secondDoorStopDepth,
-    secondDoorStopOffset
+    secondDoorStopDepth
   } = doorFrame;
   const initialDoorHeight = React.useRef(null);
   const initialDoorWidth = React.useRef(null);
@@ -2097,10 +1867,6 @@ function DoorLeaf(_ref8) {
   const {
     height: interiorFanlightHeightValue
   } = interiorFanlight;
-  const {
-    height: exteriorFanlightHeightValue,
-    depth: exteriorFanlightDepthValue
-  } = exteriorFanlight;
   const {
     x1: occulusX1,
     x2: occulusX2,
@@ -2110,7 +1876,6 @@ function DoorLeaf(_ref8) {
   } = occulus;
   const interiorFanlightHeight = interiorFanlight.visible ? interiorFanlightHeightValue : 0;
   const mainDoorHeight = doorHeight - interiorFanlightHeight;
-  const sidesThkValue = parseInt(sidesThk) || 20;
 
   // Convert dimensions from mm to meters
   const doorWidthM = doorWidth / 1000;
@@ -2118,8 +1883,6 @@ function DoorLeaf(_ref8) {
   const totalOpeningHeightM = doorHeight / 1000;
   const doorDepthM = theDoorDepth / 1000;
   const frameDepthM = frameDepth / 1000;
-  const sidesFrameWidthM = sidesThkValue / 1000;
-  exteriorFanlight.visible ? exteriorFanlightHeightValue / 1000 : 0;
   const occulusX1M = occulusX1 / 1000;
   const occulusX2M = occulusX2 / 1000;
   const occulusY1M = occulusY1 / 1000;
@@ -2156,7 +1919,7 @@ function DoorLeaf(_ref8) {
       }
     }
   }, [isOpeningIn, gasketZPosition, gasketDepthM, doorDepthM, frameType, frameDepthM]);
-  const GlassPanelDepthM = glassDepth / 1000;
+  const GlassPanelDepthM = 8 / 1000;
   const frontGlassOffsetZ = doorDepthM / 2 + GlassPanelDepthM / 2;
   const backGlassOffsetZ = -doorDepthM / 2 - GlassPanelDepthM / 2;
   const occulusWidthM = doorWidthM - occulusX1M - occulusX2M;
@@ -2165,7 +1928,6 @@ function DoorLeaf(_ref8) {
   const occulusPositionYM = (occulusY2M - occulusY1M) / 2;
   const [isOpen, setIsOpen] = React.useState(false);
   const hingeSideX = pivot === "left" ? -doorWidthM / 2 : doorWidthM / 2;
-  // --- PIVOT ---
   const hingeZ = React.useMemo(() => {
     if (frameType === "WF_FLI") {
       if (isOpeningIn) {
@@ -2232,18 +1994,16 @@ function DoorLeaf(_ref8) {
   }, [mainDoorHeightM]);
   const isStandardHingeVisible = React.useMemo(() => {
     if (isGlassDoor) return false;
-    if (!isFrameVisible) return false;
     const invisibleFrameTypes = ["WDGF_WDG100", "WF_100", "WF_FLI"];
     if (invisibleFrameTypes.includes(frameType)) {
       return false;
     }
     return true;
-  }, [isFrameVisible, frameType, isGlassDoor]);
+  }, [frameType, isGlassDoor]);
 
   // --- DYNAMIC TEXTURE MATERIALS ---
   const dynamicFrontDoorPlaneMaterial = React.useMemo(() => {
-    const sourceMaterial = pers.D_SRF_DECOR_2 || placeholderMaterial;
-    const newMaterial = sourceMaterial.clone();
+    const newMaterial = frontDoorPlaneMaterial.clone();
     if (newMaterial.map) {
       newMaterial.map = newMaterial.map.clone();
       newMaterial.map.needsUpdate = true;
@@ -2257,10 +2017,9 @@ function DoorLeaf(_ref8) {
       console.log(repeatX, repeatY);
     }
     return newMaterial;
-  }, [pers.D_SRF_DECOR_2, mainDoorHeightM, doorWidthM]);
+  }, [frontDoorPlaneMaterial, mainDoorHeightM, doorWidthM]);
   const dynamicBackDoorPlaneMaterial = React.useMemo(() => {
-    const sourceMaterial = pers.D_SRF_DECOR || placeholderMaterial;
-    const newMaterial = sourceMaterial.clone();
+    const newMaterial = backDoorPlaneMaterial.clone();
     if (newMaterial.map) {
       newMaterial.map = newMaterial.map.clone();
       newMaterial.map.needsUpdate = true;
@@ -2273,7 +2032,7 @@ function DoorLeaf(_ref8) {
       newMaterial.map.repeat.set(repeatX, repeatY * 2);
     }
     return newMaterial;
-  }, [pers.D_SRF_DECOR, mainDoorHeightM, doorWidthM]);
+  }, [backDoorPlaneMaterial, mainDoorHeightM, doorWidthM]);
   return /*#__PURE__*/jsxRuntime.jsxs("group", {
     "position-x": xOffset,
     children: [isStandardHingeVisible && standardHingeYPositions.map((y, index) => /*#__PURE__*/jsxRuntime.jsxs("group", {
@@ -2323,10 +2082,10 @@ function DoorLeaf(_ref8) {
             args: [hingeRadiusM, hingeRadiusM, separatorHeightM, 32]
           })
         })]
-      }, "door-hinge-".concat(index))), isGlassDoor && isFrameVisible && glassHingeYPositions.map((y, index) => /*#__PURE__*/jsxRuntime.jsx(GlassHinge, {
+      }, "door-hinge-".concat(index))), isGlassDoor && glassHingeYPositions.map((y, index) => /*#__PURE__*/jsxRuntime.jsx(GlassHinge, {
         position: [0, y, doorOffsetZ + 0.0001],
         pivot: pivot,
-        frameSideWidth: sidesFrameWidthM,
+        frameSideWidth: 0,
         doorDepthM: doorDepthM,
         material: hingeBodyMaterial,
         gasketMaterial: gasketMaterial
@@ -2351,7 +2110,6 @@ function DoorLeaf(_ref8) {
               stopDepth: doorStopDepthM,
               stopPositionZ: doorStopPositionZ,
               centerZ: doorCenterZ,
-              glassDepthOffset: GlassPanelDepthM / 2,
               material: doorMaterial,
               setName: "1"
             }), /*#__PURE__*/jsxRuntime.jsx(DoorStopCuts, {
@@ -2362,7 +2120,6 @@ function DoorLeaf(_ref8) {
               stopDepth: secondDoorStopDepthM,
               stopPositionZ: secondDoorStopPositionZ,
               centerZ: doorCenterZ,
-              glassDepthOffset: GlassPanelDepthM / 2,
               material: doorMaterial,
               setName: "2"
             }), glassVisible && /*#__PURE__*/jsxRuntime.jsxs(jsxRuntime.Fragment, {