kitchen-simulator 2.0.0 → 2.0.1

package/es/actions/project-actions.js

@@ -0,0 +1,286 @@
+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, ADD_ELEMENT_TO_CATALOG } from "../constants";
+export function setIsHelp(isHelp) {
+  return {
+    type: SET_IS_HELP,
+    isHelp: isHelp
+  };
+}
+export function setIsCabinetDrawing(isCabinetDrawing) {
+  return {
+    type: SET_IS_CABINET_DRAWING,
+    isCabinetDrawing: isCabinetDrawing
+  };
+}
+export function setStateProperties(properties) {
+  return {
+    type: SET_STATE_PROPERTIES,
+    properties: properties
+  };
+}
+export function loadProject(sceneJSON) {
+  return {
+    type: LOAD_PROJECT,
+    sceneJSON: sceneJSON
+  };
+}
+export function newProject() {
+  return {
+    type: NEW_PROJECT
+  };
+}
+export function saveProject() {
+  return {
+    type: SAVE_PROJECT
+  };
+}
+export function openCatalog() {
+  return {
+    type: OPEN_CATALOG
+  };
+}
+export function changeCatalogPage(newPage, oldPage) {
+  return {
+    type: CHANGE_CATALOG_PAGE,
+    newPage: newPage,
+    oldPage: oldPage
+  };
+}
+export function goBackToCatalogPage(newPage) {
+  return {
+    type: GO_BACK_TO_CATALOG_PAGE,
+    newPage: newPage
+  };
+}
+export function selectToolEdit() {
+  return {
+    type: SELECT_TOOL_EDIT
+  };
+}
+export function unselectAll() {
+  return {
+    type: UNSELECT_ALL
+  };
+}
+export function setProperties(properties) {
+  return {
+    type: SET_PROPERTIES,
+    properties: properties
+  };
+}
+export function setItemsAttributes(itemsAttributes) {
+  itemsAttributes = itemsAttributes.set('rotation', parseFloat(itemsAttributes.get('rotation')));
+  return {
+    type: SET_ITEMS_ATTRIBUTES,
+    itemsAttributes: itemsAttributes
+  };
+}
+export function setLinesAttributes(linesAttributes) {
+  var isDirect = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : false;
+  var directData = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : null;
+  linesAttributes = linesAttributes.withMutations(function (attributes) {
+    attributes.setIn(['vertexOne', 'x'], parseFloat(linesAttributes.getIn(['vertexOne', 'x'])));
+    attributes.setIn(['vertexOne', 'y'], parseFloat(linesAttributes.getIn(['vertexOne', 'y'])));
+    attributes.setIn(['vertexTwo', 'x'], parseFloat(linesAttributes.getIn(['vertexTwo', 'x'])));
+    attributes.setIn(['vertexTwo', 'y'], parseFloat(linesAttributes.getIn(['vertexTwo', 'y'])));
+  });
+  return {
+    type: SET_LINES_ATTRIBUTES,
+    linesAttributes: linesAttributes,
+    isDirect: isDirect,
+    directData: directData
+  };
+}
+export function setHolesAttributes(holesAttributes) {
+  holesAttributes = holesAttributes.set('offset', parseFloat(holesAttributes.get('offset')));
+  return {
+    type: SET_HOLES_ATTRIBUTES,
+    holesAttributes: holesAttributes
+  };
+}
+export function remove() {
+  return {
+    type: REMOVE
+  };
+}
+export function undo() {
+  return {
+    type: UNDO
+  };
+}
+export function redo() {
+  return {
+    type: REDO
+  };
+}
+export function uncreate() {
+  return {
+    type: UNCREATE
+  };
+}
+export function rename(name) {
+  return {
+    type: PROJECT_RE_NAME,
+    name: name
+  };
+}
+export function recreate() {
+  return {
+    type: RECREATE
+  };
+}
+export function shift2doff() {
+  return {
+    type: SHIFT2DOFF
+  };
+}
+export function shift2don() {
+  return {
+    type: SHIFT2DON
+  };
+}
+export function rollback() {
+  return {
+    type: ROLLBACK
+  };
+}
+export function openProjectConfigurator() {
+  return {
+    type: OPEN_PROJECT_CONFIGURATOR
+  };
+}
+export function setProjectProperties(properties) {
+  return {
+    type: SET_PROJECT_PROPERTIES,
+    properties: properties
+  };
+}
+export function setProjectID(id) {
+  return {
+    type: SET_PROJECT_ID,
+    id: id
+  };
+}
+export function initCatalog(catalog) {
+  return {
+    type: INIT_CATALOG,
+    catalog: catalog
+  };
+}
+export function addElementToCatalog(element) {
+  return {
+    type: ADD_ELEMENT_TO_CATALOG,
+    element: element
+  };
+}
+export function updateMouseCoord() {
+  var coords = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {
+    x: x,
+    y: y
+  };
+  return {
+    type: UPDATE_MOUSE_COORDS,
+    coords: coords
+  };
+}
+export function updateZoomScale(scale) {
+  return {
+    type: UPDATE_ZOOM_SCALE,
+    scale: scale
+  };
+}
+export function toggleSnap(mask) {
+  return {
+    type: TOGGLE_SNAP,
+    mask: mask
+  };
+}
+export function throwError(error) {
+  return {
+    type: THROW_ERROR,
+    error: error
+  };
+}
+export function throwWarning(warning) {
+  return {
+    type: THROW_WARNING,
+    warning: warning
+  };
+}
+export function copyProperties(properties) {
+  return {
+    type: COPY_PROPERTIES,
+    properties: properties
+  };
+}
+export function pasteProperties() {
+  return {
+    type: PASTE_PROPERTIES
+  };
+}
+export function pushLastSelectedCatalogElementToHistory(element) {
+  return {
+    type: PUSH_LAST_SELECTED_CATALOG_ELEMENT_TO_HISTORY,
+    element: element
+  };
+}
+export function setAlterateState() {
+  return {
+    type: ALTERATE_STATE
+  };
+}
+export function setMode(mode) {
+  return {
+    type: SET_MODE,
+    mode: mode
+  };
+}
+export function addHorizontalGuide(coordinate) {
+  return {
+    type: ADD_HORIZONTAL_GUIDE,
+    coordinate: coordinate
+  };
+}
+export function addVerticalGuide(coordinate) {
+  return {
+    type: ADD_VERTICAL_GUIDE,
+    coordinate: coordinate
+  };
+}
+export function addCircularGuide(x, y, radius) {
+  return {
+    type: ADD_CIRCULAR_GUIDE,
+    x: x,
+    y: y,
+    radius: radius
+  };
+}
+export function removeHorizontalGuide(guideID) {
+  return {
+    type: REMOVE_HORIZONTAL_GUIDE,
+    guideID: guideID
+  };
+}
+export function removeVerticalGuide(guideID) {
+  return {
+    type: REMOVE_VERTICAL_GUIDE,
+    guideID: guideID
+  };
+}
+export function removeCircularGuide(guideID) {
+  return {
+    type: REMOVE_CIRCULAR_GUIDE,
+    guideID: guideID
+  };
+}
+export function removeDrawingSupport() {
+  return {
+    type: REMOVE_DRAWING_SUPPORT
+  };
+}
+export function selectAll() {
+  var value = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : null;
+  return {
+    type: SELECT_ALL,
+    value: value
+  };
+}

package/es/actions/scene-actions.js

@@ -0,0 +1,33 @@
+import { SELECT_LAYER, ADD_LAYER, SET_LAYER_PROPERTIES, REMOVE_LAYER, UPDATE_MOVING_STATE } from "../constants";
+export function selectLayer(layerID) {
+  return {
+    type: SELECT_LAYER,
+    layerID: layerID
+  };
+}
+export function addLayer(name, altitude) {
+  return {
+    type: ADD_LAYER,
+    name: name,
+    altitude: altitude
+  };
+}
+export function setLayerProperties(layerID, properties) {
+  return {
+    type: SET_LAYER_PROPERTIES,
+    layerID: layerID,
+    properties: properties
+  };
+}
+export function removeLayer(layerID) {
+  return {
+    type: REMOVE_LAYER,
+    layerID: layerID
+  };
+}
+export function updateMovingState(showflag) {
+  return {
+    type: UPDATE_MOVING_STATE,
+    showflag: showflag
+  };
+}

package/es/actions/vertices-actions.js

@@ -0,0 +1,27 @@
+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,
+    layerID: layerID,
+    vertexID: vertexID,
+    x: x,
+    y: y,
+    snapMask: snapMask
+  };
+}
+export function updateDraggingVertex(x, y, snapMask) {
+  return {
+    type: UPDATE_DRAGGING_VERTEX,
+    x: x,
+    y: y,
+    snapMask: snapMask
+  };
+}
+export function endDraggingVertex(x, y, snapMask) {
+  return {
+    type: END_DRAGGING_VERTEX,
+    x: x,
+    y: y,
+    snapMask: snapMask
+  };
+}

package/es/actions/viewer2d-actions.js

@@ -0,0 +1,58 @@
+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,
+    value: value
+  };
+}
+export function updateCeilHeightUnit(value) {
+  return {
+    type: UPDATE_CEIL_HEIGHT_UNIT,
+    value: value
+  };
+}
+export function updateCameraView(value) {
+  return {
+    type: UPDATE_2D_CAMERA,
+    value: value
+  };
+}
+export function changeWallLengthMeasure(value) {
+  return {
+    type: CHANGE_WALL_LENGTH_MEASURE,
+    value: value
+  };
+}
+export function changeBaseCabinetMeasure(value) {
+  return {
+    type: CHANGE_BASE_CABINET_MEASURE,
+    value: value
+  };
+}
+export function changeWallCabinetMeasure(value) {
+  return {
+    type: CHANGE_WALL_CABINET_MEASURE,
+    value: value
+  };
+}
+export function changeWindowDoorMeasure(value) {
+  return {
+    type: CHANGE_WINDOW_DOOR_MEASURE,
+    value: value
+  };
+}
+export function selectToolPan() {
+  return {
+    type: SELECT_TOOL_PAN
+  };
+}
+export function selectToolZoomOut() {
+  return {
+    type: SELECT_TOOL_ZOOM_OUT
+  };
+}
+export function selectToolZoomIn() {
+  return {
+    type: SELECT_TOOL_ZOOM_IN
+  };
+}

package/es/actions/viewer3d-actions.js

@@ -0,0 +1,23 @@
+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
+  };
+}
+export function selectTool3DFirstPerson() {
+  return {
+    type: SELECT_TOOL_3D_FIRST_PERSON
+  };
+}
+export function update3DCeilHeight(value) {
+  return {
+    type: UPDATE_3D_CEIL_HEIGHT,
+    value: value
+  };
+}
+export function update3DCeilHeightUnit(value) {
+  return {
+    type: UPDATE_3D_CEIL_HEIGHT_UNIT,
+    value: value
+  };
+}

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()
+    });
+  }
+};