door_models 5.2.3 → 5.2.4

package/dist/index.cjs.js

@@ -1985,7 +1985,8 @@ function DoorLeaf(_ref8) {
     testBackDoorPlaneMaterial,
     glassDepth,
     cpid,
-    handleParseCpid
+    handleParseCpid,
+    materials
   } = useConfigurator();
 
   // here i get material names from context
@@ -2024,15 +2025,24 @@ function DoorLeaf(_ref8) {
   } = backDoorPlane;
 
   // --- Material Logic ---
-  const doorMaterial = React.useMemo(() => placeholderMaterial, [testDoorMaterial, doorMaterialName]);
-  const frameMaterial = React.useMemo(() => placeholderMaterialforFrames, [testFrameMaterial, frameMaterialName]);
-  const gasketMaterial = React.useMemo(() => new THREE__namespace.MeshStandardMaterial({
-    color: "#111111"
-  }), [testGasketMaterial, gasketMaterialName]);
+  const pers = React.useMemo(() => {
+    const dynamicMaterials = {};
+    for (const key in materials) {
+      if (Object.prototype.hasOwnProperty.call(materials, key)) {
+        const value = materials[key];
+        dynamicMaterials[key] = createMaterialFromProp(value);
+      }
+    }
+    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 frameMaterial;
+    return pers.D_PRF_COLOR || pers.D_FR_SRF_DECOR || pers.D_FR_SRF_DECOR_S2 || frameMaterial;
   }, [testDoorStopMaterial, doorStopMaterialName, frameType, frameMaterial]);
-  React.useMemo(() => placeholderMaterial, [testInteriorFanlightMaterial, interiorFanlightMaterialName]);
+  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]);
@@ -2043,8 +2053,8 @@ function DoorLeaf(_ref8) {
   }), [testHingeMaterial, hingeMaterialName]);
   React.useMemo(() => placeholderMaterial, [testFrontCoverPanelMaterial, frontCoverPanelMaterialName]);
   React.useMemo(() => placeholderMaterial, [testBackCoverPanelMaterial, backCoverPanelMaterialName]);
-  const frontDoorPlaneMaterial = React.useMemo(() => placeholderMaterial, [testFrontDoorPlaneMaterial, frontDoorPlaneMaterialName]);
-  const backDoorPlaneMaterial = React.useMemo(() => placeholderMaterial, [testBackDoorPlaneMaterial, backDoorPlaneMaterialName]);
+  React.useMemo(() => placeholderMaterial, [testFrontDoorPlaneMaterial, frontDoorPlaneMaterialName]);
+  React.useMemo(() => placeholderMaterial, [testBackDoorPlaneMaterial, backDoorPlaneMaterialName]);
   const hingeAccentMaterial = React.useMemo(() => new THREE__namespace.MeshStandardMaterial({
     color: "#1a1a1a",
     roughness: 0.1
@@ -2232,7 +2242,8 @@ function DoorLeaf(_ref8) {
 
   // --- DYNAMIC TEXTURE MATERIALS ---
   const dynamicFrontDoorPlaneMaterial = React.useMemo(() => {
-    const newMaterial = frontDoorPlaneMaterial.clone();
+    const sourceMaterial = pers.D_SRF_DECOR_2 || placeholderMaterial;
+    const newMaterial = sourceMaterial.clone();
     if (newMaterial.map) {
       newMaterial.map = newMaterial.map.clone();
       newMaterial.map.needsUpdate = true;
@@ -2246,9 +2257,10 @@ function DoorLeaf(_ref8) {
       console.log(repeatX, repeatY);
     }
     return newMaterial;
-  }, [frontDoorPlaneMaterial, mainDoorHeightM, doorWidthM]);
+  }, [pers.D_SRF_DECOR_2, mainDoorHeightM, doorWidthM]);
   const dynamicBackDoorPlaneMaterial = React.useMemo(() => {
-    const newMaterial = backDoorPlaneMaterial.clone();
+    const sourceMaterial = pers.D_SRF_DECOR || placeholderMaterial;
+    const newMaterial = sourceMaterial.clone();
     if (newMaterial.map) {
       newMaterial.map = newMaterial.map.clone();
       newMaterial.map.needsUpdate = true;
@@ -2261,7 +2273,7 @@ function DoorLeaf(_ref8) {
       newMaterial.map.repeat.set(repeatX, repeatY * 2);
     }
     return newMaterial;
-  }, [backDoorPlaneMaterial, mainDoorHeightM, doorWidthM]);
+  }, [pers.D_SRF_DECOR, mainDoorHeightM, doorWidthM]);
   return /*#__PURE__*/jsxRuntime.jsxs("group", {
     "position-x": xOffset,
     children: [isStandardHingeVisible && standardHingeYPositions.map((y, index) => /*#__PURE__*/jsxRuntime.jsxs("group", {