door_models 5.2.1 → 5.2.2

package/dist/index.cjs.js

@@ -100,8 +100,10 @@ const ConfiguratorContext = /*#__PURE__*/React.createContext(undefined);
 const ConfiguratorProvider = _ref => {
   let {
     children,
-    initialIs2D = false
+    initialIs2D = false,
+    initialMaterials = {}
   } = _ref;
+  const [materials, setMaterials] = React.useState(initialMaterials);
   const [is2D, setIs2D] = React.useState(initialIs2D);
   const [isPlaneVisible, setIsPlaneVisible] = React.useState(false);
   const [isFrameVisible, setIsFrameVisible] = React.useState(true);
@@ -189,8 +191,6 @@ const ConfiguratorProvider = _ref => {
     depth: 20
   });
   const defaultOptions = ["D_PRF_COLOR", "D_FR_SRF_DECOR", "D_FR_SRF_DECOR_S2"];
-
-  // Function to pick the first valid value
   function getFirstValidValue(values, isValid) {
     for (const val of values) {
       if (isValid(val)) return val;
@@ -223,6 +223,11 @@ const ConfiguratorProvider = _ref => {
   React.useEffect(() => {
     setIs2D(initialIs2D);
   }, [initialIs2D]);
+  React.useEffect(() => {
+    if (initialMaterials) {
+      setMaterials(initialMaterials);
+    }
+  }, [initialMaterials]);
   const handleParseCpid = React.useCallback(cpidToParse => {
     const showMessage = function (text) {
       let type = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : "error";
@@ -685,6 +690,7 @@ const ConfiguratorProvider = _ref => {
   }, [totalWidth, doorFrame.sidesThk, isDoubleDoor]);
   return /*#__PURE__*/jsxRuntime.jsx(ConfiguratorContext.Provider, {
     value: {
+      materials,
       is2D,
       setIs2D,
       isPlaneVisible,
@@ -771,8 +777,35 @@ const useConfigurator = () => {
   return context;
 };
 
+const isUrl = string => {
+  try {
+    new URL(string);
+    return true;
+  } catch (_) {
+    return false;
+  }
+};
+const createMaterialFromProp = value => {
+  if (!value) return null;
+  if (value.startsWith("#")) {
+    return new THREE__namespace.MeshStandardMaterial({
+      color: value,
+      roughness: 0.8
+    });
+  }
+  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
+    });
+  }
+  return null;
+};
 const textureLoader = new THREE__namespace.TextureLoader();
-const bodyInt = textureLoader.load("https://backend.tecnibo.com/api/plan2dimage?versionId=2cbb5eef-2f38-46ce-9e9f-6297753bde61&file=2cbb5eef-2f38-46ce-9e9f-6297753bde61-1759389624942.png");
+const bodyInt = textureLoader.load("http://192.168.30.92:3009/api/proxy?path=IVIS/E_TEX00.JPG");
 const bodyExt = textureLoader.load("https://threejs.org/examples/textures/brick_diffuse.jpg");
 const frameAlu = textureLoader.load("https://threejs.org/examples/textures/brick_diffuse.jpg");
 const frameWoodenInt = textureLoader.load("https://threejs.org/examples/textures/brick_diffuse.jpg");
@@ -1392,7 +1425,8 @@ function DoorModels(_ref7) {
     glassDepth,
     cpid,
     handleParseCpid,
-    isDoubleDoor
+    isDoubleDoor,
+    materials
   } = useConfigurator();
   React.useEffect(() => {
     if (doorName) {
@@ -1434,29 +1468,38 @@ function DoorModels(_ref7) {
   const {
     material: backDoorPlaneMaterialName
   } = backDoorPlane;
-
+  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 ---
   React.useMemo(() => availableMaterials[testDoorMaterial] || availableMaterials[doorMaterialName] || placeholderMaterial, [testDoorMaterial, doorMaterialName]);
-  const frameMaterial = React.useMemo(() => availableMaterials[testFrameMaterial] || availableMaterials[frameMaterialName] || placeholderMaterialforFrames, [testFrameMaterial, frameMaterialName]);
-  const gasketMaterial = React.useMemo(() => availableMaterials[testGasketMaterial] || availableMaterials[gasketMaterialName] || new THREE__namespace.MeshStandardMaterial({
+  const frameMaterial = React.useMemo(() => pers.D_PRF_COLOR || pers.D_FR_SRF_DECOR || pers.D_FR_SRF_DECOR_S2 || availableMaterials[testFrameMaterial] || availableMaterials[frameMaterialName] || placeholderMaterialforFrames, [testFrameMaterial, frameMaterialName]);
+  const gasketMaterial = React.useMemo(() => pers.D_GASKET || availableMaterials[testGasketMaterial] || availableMaterials[gasketMaterialName] || new THREE__namespace.MeshStandardMaterial({
     color: "#111111"
   }), [testGasketMaterial, gasketMaterialName]);
   const doorStopMaterial = React.useMemo(() => {
-    return availableMaterials[testDoorStopMaterial] || availableMaterials[doorStopMaterialName || ""] || frameMaterial;
+    return pers.D_PRF_COLOR || pers.D_FR_SRF_DECOR || pers.D_FR_SRF_DECOR_S2 || availableMaterials[testDoorStopMaterial] || availableMaterials[doorStopMaterialName || ""] || frameMaterial;
   }, [testDoorStopMaterial, doorStopMaterialName, frameType, frameMaterial]);
-  const interiorFanlightMaterial = React.useMemo(() => availableMaterials[testInteriorFanlightMaterial] || availableMaterials[interiorFanlightMaterialName] || placeholderMaterial, [testInteriorFanlightMaterial, interiorFanlightMaterialName]);
+  const interiorFanlightMaterial = React.useMemo(() => pers.D_SRF_DECOR_2 || availableMaterials[testInteriorFanlightMaterial] || availableMaterials[interiorFanlightMaterialName] || placeholderMaterial, [testInteriorFanlightMaterial, interiorFanlightMaterialName]);
   const exteriorFanlightMaterial = React.useMemo(() => availableMaterials[testExteriorFanlightMaterial] || availableMaterials[exteriorFanlightMaterialName] || placeholderMaterial, [testExteriorFanlightMaterial, exteriorFanlightMaterialName]);
   React.useMemo(() => availableMaterials[testOcculusInfillMaterial] || availableMaterials[occulusInfillMaterialName] || placeholderMaterial, [testOcculusInfillMaterial, occulusInfillMaterialName]);
-  const glassInfillMaterial = React.useMemo(() => availableMaterials[testGlassInfillMaterial] || availableMaterials[glassInfillMaterialName] || placeholderMaterial, [testGlassInfillMaterial, glassInfillMaterialName]);
+  const glassInfillMaterial = React.useMemo(() => pers.D_FR_COLOR || availableMaterials[testGlassInfillMaterial] || availableMaterials[glassInfillMaterialName] || placeholderMaterial, [testGlassInfillMaterial, glassInfillMaterialName]);
   React.useMemo(() => availableMaterials[testHingeMaterial] || availableMaterials[hingeMaterialName] || new THREE__namespace.MeshStandardMaterial({
     color: "#d4d4d4",
     metalness: 1.0,
     roughness: 0.4
   }), [testHingeMaterial, hingeMaterialName]);
-  const frontCoverPanelMaterial = React.useMemo(() => availableMaterials[testFrontCoverPanelMaterial] || availableMaterials[frontCoverPanelMaterialName] || placeholderMaterial, [testFrontCoverPanelMaterial, frontCoverPanelMaterialName]);
-  const backCoverPanelMaterial = React.useMemo(() => availableMaterials[testBackCoverPanelMaterial] || availableMaterials[backCoverPanelMaterialName] || placeholderMaterial, [testBackCoverPanelMaterial, backCoverPanelMaterialName]);
-  React.useMemo(() => availableMaterials[testFrontDoorPlaneMaterial] || availableMaterials[frontDoorPlaneMaterialName] || placeholderMaterial, [testFrontDoorPlaneMaterial, frontDoorPlaneMaterialName]);
-  React.useMemo(() => availableMaterials[testBackDoorPlaneMaterial] || availableMaterials[backDoorPlaneMaterialName] || placeholderMaterial, [testBackDoorPlaneMaterial, backDoorPlaneMaterialName]);
+  const frontCoverPanelMaterial = React.useMemo(() => pers.D_PRF_COLOR || pers.D_FR_SRF_DECOR || pers.D_FR_SRF_DECOR_S2 || availableMaterials[testFrontCoverPanelMaterial] || availableMaterials[frontCoverPanelMaterialName] || placeholderMaterial, [testFrontCoverPanelMaterial, frontCoverPanelMaterialName]);
+  const backCoverPanelMaterial = React.useMemo(() => pers.D_PRF_COLOR || pers.D_FR_SRF_DECOR || pers.D_FR_SRF_DECOR_S2 || availableMaterials[testBackCoverPanelMaterial] || availableMaterials[backCoverPanelMaterialName] || placeholderMaterial, [testBackCoverPanelMaterial, backCoverPanelMaterialName]);
+  React.useMemo(() => pers.D_SRF_DECOR_2 || availableMaterials[testFrontDoorPlaneMaterial] || availableMaterials[frontDoorPlaneMaterialName] || placeholderMaterial, [testFrontDoorPlaneMaterial, frontDoorPlaneMaterialName]);
+  React.useMemo(() => pers.D_SRF_DECOR || availableMaterials[testBackDoorPlaneMaterial] || availableMaterials[backDoorPlaneMaterialName] || placeholderMaterial, [testBackDoorPlaneMaterial, backDoorPlaneMaterialName]);
   React.useMemo(() => new THREE__namespace.MeshStandardMaterial({
     color: "#1a1a1a",
     roughness: 0.1
@@ -2468,11 +2511,12 @@ function DoorLeaf(_ref8) {
 const DoorConfigurator = _ref => {
   let {
     doorName,
-    showInterface = true,
-    is2D = false
+    is2D = false,
+    materials
   } = _ref;
   return /*#__PURE__*/jsxRuntime.jsx(ConfiguratorProvider, {
     initialIs2D: is2D,
+    initialMaterials: materials,
     children: /*#__PURE__*/jsxRuntime.jsx(DoorModels, {
       doorName: doorName
     })