kitchen-simulator 1.1.1-test.75 → 1.1.1-test.77

package/es/actions/holes-actions.js

@@ -1,4 +1,4 @@
-import { BEGIN_DRAGGING_HOLE, BEGIN_DRAGGING_HOLE_3D, END_CREATING_HOLE, END_DRAGGING_HOLE, END_DRAGGING_HOLE_3D, END_DRAWING_HOLE, END_DRAWING_HOLE_3D, SELECT_HOLE, SELECT_TOOL_DRAWING_HOLE, SELECT_TOOL_DRAWING_HOLE_3D, UPDATE_DRAGGING_HOLE, UPDATE_DRAGGING_HOLE_CHANGED, UPDATE_DRAGGING_HOLE_RULER_CHANGED, UPDATE_DRAWING_HOLE, UPDATE_DRAWING_HOLE_3D, UPDATE_POPUP_OPEN } from "../constants";
+import { SELECT_HOLE, SELECT_TOOL_DRAWING_HOLE, SELECT_TOOL_DRAWING_HOLE_3D, UPDATE_DRAWING_HOLE, UPDATE_DRAWING_HOLE_3D, END_DRAWING_HOLE, BEGIN_DRAGGING_HOLE, BEGIN_DRAGGING_HOLE_3D, UPDATE_DRAGGING_HOLE, END_DRAGGING_HOLE, END_DRAGGING_HOLE_3D, END_CREATING_HOLE, UPDATE_POPUP_OPEN, UPDATE_DRAGGING_HOLE_CHANGED, UPDATE_DRAGGING_HOLE_RULER_CHANGED, END_DRAWING_HOLE_3D } from "../constants";
 export function endCreatingHole() {
   return {
     type: END_CREATING_HOLE

package/es/actions/items-actions.js

@@ -1,4 +1,4 @@
-import { ANIMATE_OBJECT, BEGIN_DRAGGING_ITEM, BEGIN_DRAGGING_ITEM_3D, BEGIN_ROTATING_ITEM, BEGIN_ROTATING_ITEM_3D, DUPLICATE_SELECTED, EDIT_WIDTH, END_CREATING_CABINET, END_DRAGGING_ITEM, END_DRAGGING_ITEM_3D, END_DRAWING_ITEM, END_LOADING, END_ROTATING_ITEM, END_ROTATING_ITEM_3D, ITEM_MOVE_UP, REMOVE_REPLACE_SUBMODULE, REPLACE_ITEM, REPLACE_SUBMODULE, SELECT_ITEM, SELECT_TOOL_DRAWING_ITEM, SELECT_TOOL_DRAWING_ITEM_3D, SET_APPLIANCE_MATERIAL, SET_BACKSPLASH, SET_BACKSPLASH_VISIBLE, SET_COUNTER_TOP, SET_DOOR_HANDLE, SET_DOOR_STYLE, SET_HANDLE_MATERIAL, SET_INITIAL_DOOR_STYLE, SET_MODELLING, SET_MOLDING, SET_MOVE_STATUS, SET_ROTATE_STATUS, SET_WALL_COLOR, STORE_DIST_ARRAY, TOGGLE_LOADING_CABINET, UPDATE_DRAGGING_ITEM, UPDATE_DRAGGING_ITEM_3DX, UPDATE_DRAGGING_ITEM_3DY, UPDATE_DRAGGING_ITEM_CHANGED, UPDATE_DRAWING_ITEM, UPDATE_MOLDING, UPDATE_POPUP_OPEN, UPDATE_ROTATING_ITEM, UPDATE_ROTATING_ITEM_CHANGED, VALIDATE_ITEM_POSTIONS } from "../constants";
+import { TOGGLE_LOADING_CABINET, SELECT_ITEM, SELECT_TOOL_DRAWING_ITEM, UPDATE_DRAWING_ITEM, END_DRAWING_ITEM, BEGIN_DRAGGING_ITEM, BEGIN_DRAGGING_ITEM_3D, UPDATE_DRAGGING_ITEM, UPDATE_DRAGGING_ITEM_3DX, UPDATE_DRAGGING_ITEM_3DY, END_DRAGGING_ITEM, END_DRAGGING_ITEM_3D, UPDATE_DRAGGING_ITEM_CHANGED, UPDATE_ROTATING_ITEM_CHANGED, BEGIN_ROTATING_ITEM, BEGIN_ROTATING_ITEM_3D, UPDATE_ROTATING_ITEM, UPDATE_ROTATING, END_ROTATING_ITEM, END_ROTATING_ITEM_3D, REPLACE_SUBMODULE, ANIMATE_OBJECT, REMOVE_REPLACE_SUBMODULE, ITEM_MOVE_UP, SELECT_TOOL_DRAWING_ITEM_3D, SET_DOOR_STYLE, SET_HANDLE_MATERIAL, SET_INITIAL_DOOR_STYLE, SET_DISTANT, SET_DOOR_HANDLE, SET_WALL_COLOR, END_CREATING_CABINET, UPDATE_POPUP_OPEN, SET_MODELLING, SET_COUNTER_TOP, SET_BACKSPLASH, SET_BACKSPLASH_VISIBLE, SET_APPLIANCE_MATERIAL, DUPLICATE_SELECTED, EDIT_WIDTH, END_LOADING, STORE_DIST_ARRAY, SET_MOLDING, UPDATE_MOLDING, VALIDATE_ITEM_POSTIONS, REPLACE_ITEM, SET_MOVE_STATUS, SET_ROTATE_STATUS } from "../constants";
 export function storeDistArray(layerID, itemID, distArray) {
   return {
     type: STORE_DIST_ARRAY,

package/es/actions/lines-actions.js

@@ -1,4 +1,4 @@
-import { BEGIN_DRAGGING_LINE, BEGIN_DRAWING_LINE, END_DRAGGING_LINE, END_DRAWING_LINE, SELECT_LINE, SELECT_TOOL_DRAWING_LINE, SET_RELATED_LINE, STOP_DRAWING_LINE, UPDATE_DRAGGING_LINE, UPDATE_DRAWING_LINE } from "../constants";
+import { SELECT_LINE, SELECT_TOOL_DRAWING_LINE, BEGIN_DRAWING_LINE, UPDATE_DRAWING_LINE, END_DRAWING_LINE, BEGIN_DRAGGING_LINE, UPDATE_DRAGGING_LINE, END_DRAGGING_LINE, STOP_DRAWING_LINE, SET_RELATED_LINE } from "../constants";
 export function selectLine(layerID, lineID) {
   return {
     type: SELECT_LINE,

package/es/actions/project-actions.js

@@ -1,4 +1,4 @@
-import { ADD_CIRCULAR_GUIDE, ADD_HORIZONTAL_GUIDE, ADD_VERTICAL_GUIDE, ALTERATE_STATE, CHANGE_CATALOG_PAGE, COPY_PROPERTIES, GO_BACK_TO_CATALOG_PAGE, INIT_CATALOG, LOAD_PROJECT, NEW_PROJECT, OPEN_CATALOG, OPEN_PROJECT_CONFIGURATOR, PASTE_PROPERTIES, PROJECT_RE_NAME, PUSH_LAST_SELECTED_CATALOG_ELEMENT_TO_HISTORY, RECREATE, REDO, REMOVE, REMOVE_CIRCULAR_GUIDE, REMOVE_DRAWING_SUPPORT, REMOVE_HORIZONTAL_GUIDE, REMOVE_VERTICAL_GUIDE, ROLLBACK, SAVE_PROJECT, SELECT_ALL, SELECT_TOOL_EDIT, SET_HOLES_ATTRIBUTES, SET_IS_CABINET_DRAWING, SET_IS_HELP, SET_ITEMS_ATTRIBUTES, SET_LINES_ATTRIBUTES, SET_MODE, SET_PROJECT_ID, SET_PROJECT_PROPERTIES, SET_PROPERTIES, SET_STATE_PROPERTIES, SHIFT2DOFF, SHIFT2DON, THROW_ERROR, THROW_WARNING, TOGGLE_SNAP, UNCREATE, UNDO, UNSELECT_ALL, UPDATE_MOUSE_COORDS, UPDATE_ZOOM_SCALE } from "../constants";
+import { NEW_PROJECT, LOAD_PROJECT, SAVE_PROJECT, OPEN_CATALOG, SELECT_TOOL_EDIT, UNSELECT_ALL, SET_PROPERTIES, SET_ITEMS_ATTRIBUTES, SET_LINES_ATTRIBUTES, SET_HOLES_ATTRIBUTES, REMOVE, INVERT, UNDO, REDO, UNCREATE, PROJECT_RE_NAME, RECREATE, ROLLBACK, OPEN_PROJECT_CONFIGURATOR, SET_PROJECT_PROPERTIES, SET_PROJECT_ID, INIT_CATALOG, UPDATE_MOUSE_COORDS, UPDATE_ZOOM_SCALE, TOGGLE_SNAP, CHANGE_CATALOG_PAGE, GO_BACK_TO_CATALOG_PAGE, THROW_ERROR, THROW_WARNING, COPY_PROPERTIES, PASTE_PROPERTIES, PUSH_LAST_SELECTED_CATALOG_ELEMENT_TO_HISTORY, ALTERATE_STATE, SET_MODE, ADD_HORIZONTAL_GUIDE, ADD_VERTICAL_GUIDE, ADD_CIRCULAR_GUIDE, REMOVE_HORIZONTAL_GUIDE, REMOVE_VERTICAL_GUIDE, REMOVE_CIRCULAR_GUIDE, REMOVE_DRAWING_SUPPORT, SELECT_ALL, SET_STATE_PROPERTIES, SHIFT2DOFF, SHIFT2DON, SET_IS_HELP, SET_IS_CABINET_DRAWING } from "../constants";
 export function setIsHelp(isHelp) {
   return {
     type: SET_IS_HELP,

package/es/actions/scene-actions.js

@@ -1,4 +1,4 @@
-import { ADD_LAYER, REMOVE_LAYER, SELECT_LAYER, SET_LAYER_PROPERTIES, UPDATE_MOVING_STATE } from "../constants";
+import { SELECT_LAYER, ADD_LAYER, SET_LAYER_PROPERTIES, REMOVE_LAYER, UPDATE_MOVING_STATE } from "../constants";
 export function selectLayer(layerID) {
   return {
     type: SELECT_LAYER,

package/es/actions/user-actions.js

@@ -0,0 +1,58 @@
+import { LOGIN_SUCCESS, LOGIN_ERROR, LOGOUT, SET_USER_DATA, LOCAL_STORAGE_TOKEN_VALUE, LOCAL_STORAGE_ORIGINAL_TOKEN, LOCAL_STORAGE_TOKEN_NAME } from "../constants";
+import jwtService from "../components/login/jwtService";
+import history from "../@history";
+import ls from 'localstorage-slim';
+export function submitLogin(values) {
+  jwtService.signInWithEmailAndPassword(values).then(function (response) {
+    console.log(response);
+    if (response.data.user) {
+      setUser(response.data.user);
+      setSession(response.data.token);
+      return {
+        type: LOGIN_SUCCESS,
+        user: response.data.user
+      };
+    }
+  })["catch"](function (error) {
+    return {
+      type: LOGIN_ERROR,
+      payload: error
+    };
+  });
+}
+export function logout() {
+  jwtService.logout();
+  history.push({
+    pathname: '/login'
+  });
+  return {
+    type: LOGOUT
+  };
+}
+export function login(userid, role, token, utmObj) {
+  var projectId = sessionStorage.getItem('projectId');
+  if (projectId === null) projectId = 'new';
+  var utm = new URLSearchParams(Object.entries(utmObj));
+  var visualizerName = sessionStorage.getItem('visualizerName');
+  var originalAccessToken = ls.get(LOCAL_STORAGE_ORIGINAL_TOKEN);
+  var tokenName = ls.get(LOCAL_STORAGE_TOKEN_NAME);
+  var extraParams = '';
+  if (tokenName && originalAccessToken) {
+    extraParams = "&".concat(tokenName).concat(originalAccessToken);
+  }
+  history.push({
+    pathname: "/".concat(visualizerName, "/project/").concat(role, "/").concat(token, "/").concat(projectId, "?").concat(utm.toString()).concat(extraParams)
+  });
+  return {
+    type: LOGIN_SUCCESS,
+    userid: userid
+  };
+}
+export function setUserData(user) {
+  return function (dispatch) {
+    dispatch({
+      type: SET_USER_DATA,
+      payload: user
+    });
+  };
+}

package/es/actions/vertices-actions.js

@@ -1,4 +1,4 @@
-import { BEGIN_DRAGGING_VERTEX, END_DRAGGING_VERTEX, UPDATE_DRAGGING_VERTEX } from "../constants";
+import { BEGIN_DRAGGING_VERTEX, UPDATE_DRAGGING_VERTEX, END_DRAGGING_VERTEX } from "../constants";
 export function beginDraggingVertex(layerID, vertexID, x, y, snapMask) {
   return {
     type: BEGIN_DRAGGING_VERTEX,

package/es/actions/viewer2d-actions.js

@@ -1,4 +1,4 @@
-import { CHANGE_BASE_CABINET_MEASURE, CHANGE_WALL_CABINET_MEASURE, CHANGE_WALL_LENGTH_MEASURE, CHANGE_WINDOW_DOOR_MEASURE, SELECT_TOOL_PAN, SELECT_TOOL_ZOOM_IN, SELECT_TOOL_ZOOM_OUT, UPDATE_2D_CAMERA, UPDATE_CEIL_HEIGHT, UPDATE_CEIL_HEIGHT_UNIT } from "../constants";
+import { UPDATE_CEIL_HEIGHT_UNIT, UPDATE_CEIL_HEIGHT, UPDATE_2D_CAMERA, SELECT_TOOL_PAN, SELECT_TOOL_ZOOM_IN, SELECT_TOOL_ZOOM_OUT, CHANGE_WALL_LENGTH_MEASURE, CHANGE_BASE_CABINET_MEASURE, CHANGE_WALL_CABINET_MEASURE, CHANGE_WINDOW_DOOR_MEASURE } from "../constants";
 export function updateCeilHeight(value) {
   return {
     type: UPDATE_CEIL_HEIGHT,

package/es/actions/viewer3d-actions.js

@@ -1,4 +1,4 @@
-import { SELECT_TOOL_3D_FIRST_PERSON, SELECT_TOOL_3D_VIEW, UPDATE_3D_CEIL_HEIGHT, UPDATE_3D_CEIL_HEIGHT_UNIT } from "../constants";
+import { UPDATE_3D_CEIL_HEIGHT_UNIT, UPDATE_3D_CEIL_HEIGHT, SELECT_TOOL_3D_VIEW, SELECT_TOOL_3D_FIRST_PERSON } from "../constants";
 export function selectTool3DView() {
   return {
     type: SELECT_TOOL_3D_VIEW

package/es/analytics/ga4.js

@@ -0,0 +1,188 @@
+import _defineProperty from "@babel/runtime/helpers/esm/defineProperty";
+function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
+function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
+import ReactGA from 'react-ga4';
+
+// ---------- Helpers ----------
+function nowMs() {
+  return Date.now();
+}
+function getClientName() {
+  return sessionStorage.getItem('visualizerName');
+}
+function isDesktopUA() {
+  // Lightweight heuristic; GA4 also provides device.category. This flag can help ad-hoc filtering.
+  var ua = navigator.userAgent.toLowerCase();
+  var isMobile = /mobi|android|iphone|ipad|ipod|windows phone/.test(ua);
+  return !isMobile;
+}
+
+// ---------- Keys for storage ----------
+var SSN_KEYS = {
+  sessionStartMs: 'ga4_session_start_ms',
+  introChoiceMs: 'ga4_intro_choice_ms',
+  firstCabinetPlaced: 'ga4_first_cabinet_placed',
+  contextBooted: 'ga4_context_booted',
+  enteredCanvasSent: 'ga4_entered_canvas_sent'
+};
+
+// ---------- Core GA wrapper ----------
+export var GA = {
+  init: function init(_ref) {
+    var measurementId = _ref.measurementId;
+    ReactGA.initialize([{
+      trackingId: measurementId
+    }], {
+      testMode: false
+    });
+  },
+  resetSessionKeys: function resetSessionKeys() {
+    Object.values(SSN_KEYS).forEach(function (key) {
+      sessionStorage.removeItem(key);
+    });
+  },
+  /**
+   * Must be called ONCE per page load, *before* other events.
+   * Sets user properties (project_entry, cross_auth) and sends an initial page_view with client_name.
+   */
+  bootSessionContext: function bootSessionContext(_ref2) {
+    var projectEntry = _ref2.projectEntry,
+      crossAuth = _ref2.crossAuth;
+    try {
+      var resolvedClient = getClientName();
+
+      // Persist session start for timing metrics (if not already set for this tab)
+      if (!sessionStorage.getItem(SSN_KEYS.sessionStartMs)) {
+        sessionStorage.setItem(SSN_KEYS.sessionStartMs, String(nowMs()));
+      }
+
+      // Mark context as booted to avoid duplicate property sets on hot reloads
+      if (!sessionStorage.getItem(SSN_KEYS.contextBooted)) {
+        sessionStorage.setItem(SSN_KEYS.contextBooted, '1');
+
+        // Set GA4 user_properties (user-scoped dimensions)
+        ReactGA.gtag('set', 'user_properties', {
+          project_entry: projectEntry,
+          // user scope dimension
+          cross_auth: crossAuth // user scope dimension (boolean serialized)
+        });
+      }
+
+      // Send first page_view hit enriched with event-scoped client_name
+      ReactGA.send({
+        hitType: 'pageview',
+        page: window.location.pathname + window.location.search,
+        // @ts-expect-error react-ga4 passes along additional params into gtag
+        client_name: resolvedClient
+      });
+    } catch (e) {
+      // eslint-disable-next-line no-console
+      console.warn('GA.bootSessionContext error', e);
+    }
+  },
+  // Utility to derive cross_auth from URL (token or details query params)
+  deriveCrossAuthFromUrl: function deriveCrossAuthFromUrl(search) {
+    var sp = new URLSearchParams(search);
+    return sp.has('token') || sp.has('details');
+  },
+  // Utility to derive project entry (best-effort). You can also pass explicitly from router logic.
+  deriveProjectEntry: function deriveProjectEntry() {
+    var projectId = sessionStorage.getItem('projectId');
+
+    // If a project id exists, consider it "open_existing"; otherwise fallback to "new"
+    if (projectId) return 'open_existing';
+    return 'new';
+  },
+  // ---------- Event API ----------
+  events: {
+    /**
+     * intro_choice(option) — records the user's entry choice.
+     * Also stores a timestamp for later time_to_canvas calculation.
+     */
+    introChoice: function introChoice(option, extra) {
+      var client_name = getClientName();
+      sessionStorage.setItem(SSN_KEYS.introChoiceMs, String(nowMs()));
+      ReactGA.event('intro_choice', _objectSpread({
+        client_name: client_name,
+        option: option
+      }, extra || {}));
+    },
+    /**
+     * entered_canvas(time_to_canvas) — compute (now - intro_choice)
+     */
+    enteredCanvas: function enteredCanvas() {
+      // fire only once per tab/session
+      if (sessionStorage.getItem(SSN_KEYS.enteredCanvasSent)) return;
+      var client_name = getClientName();
+      var introMs = Number(sessionStorage.getItem(SSN_KEYS.introChoiceMs) || 0);
+      var timeSec = introMs ? Math.max(0, Math.round((Date.now() - introMs) / 1000)) : undefined;
+      ReactGA.event('entered_canvas', _objectSpread({
+        client_name: client_name
+      }, typeof timeSec === 'number' ? {
+        time_to_canvas: timeSec
+      } : {}));
+      sessionStorage.setItem(SSN_KEYS.enteredCanvasSent, '1'); // 👈 lock it
+    },
+    /**
+     * cabinet_placed(time_to_first_cabinet) — send only for the *first* cabinet of the session.
+     */
+    cabinetPlaced: function cabinetPlaced() {
+      var already = sessionStorage.getItem(SSN_KEYS.firstCabinetPlaced);
+      var client_name = getClientName();
+      var params = {
+        client_name: client_name
+      };
+      if (!already) {
+        var startMs = Number(sessionStorage.getItem(SSN_KEYS.sessionStartMs) || 0);
+        var timeSec = startMs ? Math.max(0, Math.round((nowMs() - startMs) / 1000)) : undefined;
+        if (typeof timeSec === 'number') params.time_to_first_cabinet = timeSec; // custom metric (seconds)
+        sessionStorage.setItem(SSN_KEYS.firstCabinetPlaced, '1');
+      }
+      ReactGA.event('cabinet_placed', params);
+    },
+    /**
+     * door_changed(door_id)
+     */
+    doorChanged: function doorChanged(door_id) {
+      var client_name = getClientName();
+      ReactGA.event('door_changed', {
+        client_name: client_name,
+        door_id: door_id
+      });
+    },
+    /**
+     * project_saved(project_id, save_method) — mark as conversion in GA UI.
+     */
+    projectSaved: function projectSaved(project_id, save_method) {
+      var client_name = getClientName();
+      ReactGA.event('project_saved', {
+        client_name: client_name,
+        project_id: project_id,
+        save_method: save_method
+      });
+    },
+    /**
+     * assistance_requested(method, project_id) — mark as conversion in GA UI.
+     */
+    assistanceRequested: function assistanceRequested(method, project_id) {
+      var client_name = getClientName();
+      ReactGA.event('assistance_requested', {
+        client_name: client_name,
+        method: method,
+        project_id: project_id
+      });
+    },
+    /**
+     * add_to_cart(project_id, sku_count, price_total) — mark as conversion in GA UI.
+     */
+    addToCart: function addToCart(project_id, sku_count, price_total) {
+      var client_name = getClientName();
+      ReactGA.event('add_to_cart', {
+        client_name: client_name,
+        project_id: project_id,
+        sku_count: sku_count,
+        price_total: price_total
+      });
+    }
+  }
+};

package/es/analytics/posthog.js

@@ -0,0 +1,60 @@
+import posthog from 'posthog-js';
+
+// ---- session context ----
+export function bootSessionContext() {
+  var url = new URL(window.location.href);
+  var client_name = sessionStorage.getItem('visualizerName');
+  var project_entry = sessionStorage.getItem('projectId') ? 'open_existing' : 'new';
+  var cross_auth = url.searchParams.has('token') || url.searchParams.has('details');
+
+  // Persist context on the client/session
+  posthog.register({
+    client_name: client_name,
+    project_entry: project_entry,
+    cross_auth: cross_auth
+  });
+
+  // First-hit event for qualitative flow
+  posthog.capture('session_started', {
+    client_name: client_name,
+    project_entry: project_entry,
+    cross_auth: cross_auth
+  });
+}
+
+// Optional: expose session id for replay linkage
+export function getSessionId() {
+  try {
+    return posthog.get_session_id();
+  } catch (_unused) {
+    return null;
+  }
+}
+
+// ---- event wrappers (mirror GA4 conversions) ----
+export var PH = {
+  projectSaved: function projectSaved(project_id) {
+    posthog.capture('project_saved', {
+      project_id: project_id,
+      client_name: sessionStorage.getItem('visualizerName'),
+      session_id: getSessionId()
+    });
+  },
+  assistanceRequested: function assistanceRequested(method, project_id) {
+    posthog.capture('assistance_requested', {
+      method: method,
+      project_id: project_id,
+      client_name: sessionStorage.getItem('visualizerName'),
+      session_id: getSessionId()
+    });
+  },
+  addToCart: function addToCart(project_id, sku_count, price_total) {
+    posthog.capture('add_to_cart', {
+      project_id: project_id,
+      sku_count: sku_count,
+      price_total: price_total,
+      client_name: sessionStorage.getItem('visualizerName'),
+      session_id: getSessionId()
+    });
+  }
+};