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

package/lib/{KitchenConfiguratorApp.js → LiteRenderer.js}

@@ -5,7 +5,7 @@ var _typeof = require("@babel/runtime/helpers/typeof");
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports["default"] = KitchenConfiguratorApp;
+exports["default"] = LiteRenderer;
 var _regenerator = _interopRequireDefault(require("@babel/runtime/regenerator"));
 var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
 var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
@@ -19,7 +19,6 @@ var _redux = require("redux");
 var _models = _interopRequireWildcard(require("./models"));
 var Models = _models;
 var _reducer = _interopRequireDefault(require("./reducers/reducer"));
-var _KitchenConfigurator = _interopRequireDefault(require("./KitchenConfigurator"));
 var _AppContext = _interopRequireDefault(require("./AppContext"));
 var _catalog = _interopRequireDefault(require("./catalog/catalog"));
 var _SVGLoader = require("three/addons/loaders/SVGLoader");
@@ -35,6 +34,7 @@ var Sentry = _interopRequireWildcard(require("@sentry/react"));
 var _projectActions = require("./actions/project-actions");
 var _exporter = _interopRequireDefault(require("./catalog/utils/exporter"));
 var THREE = _interopRequireWildcard(require("three"));
+var _LiteKitchenConfigurator = _interopRequireDefault(require("./LiteKitchenConfigurator"));
 var _excluded = ["width", "height", "projectElement", "categoryData", "dataBundle", "configData", "options", "user", "auth", "featureFlags", "sentry", "analytics", "onEvent", "onSave", "onError"];
 function _interopRequireWildcard(e, t) { if ("function" == typeof WeakMap) var r = new WeakMap(), n = new WeakMap(); return (_interopRequireWildcard = function _interopRequireWildcard(e, t) { if (!t && e && e.__esModule) return e; var o, i, f = { __proto__: null, "default": e }; if (null === e || "object" != _typeof(e) && "function" != typeof e) return f; if (o = t ? n : r) { if (o.has(e)) return o.get(e); o.set(e, f); } for (var _t2 in e) "default" !== _t2 && {}.hasOwnProperty.call(e, _t2) && ((i = (o = Object.defineProperty) && Object.getOwnPropertyDescriptor(e, _t2)) && (i.get || i.set) ? o(f, _t2, i) : f[_t2] = e[_t2]); return f; })(e, t); }
 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; }
@@ -87,7 +87,7 @@ var store = (0, _redux.createStore)(reducer, null, !isProduction && window.devTo
   return f;
 });
 var plugins = [(0, _export2.Keyboard)(), (0, _export2.ConsoleDebugger)()];
-function KitchenConfiguratorApp(props) {
+function LiteRenderer(props) {
   var width = props.width,
     height = props.height,
     projectElement = props.projectElement,
@@ -440,7 +440,7 @@ function KitchenConfiguratorApp(props) {
   }, [project_data, catalogInitiated]);
   return /*#__PURE__*/_react["default"].createElement(_AppContext["default"].Provider, null, /*#__PURE__*/_react["default"].createElement(_reactRedux.Provider, {
     store: store
-  }, /*#__PURE__*/_react["default"].createElement(_KitchenConfigurator["default"], (0, _extends2["default"])({
+  }, /*#__PURE__*/_react["default"].createElement(_LiteKitchenConfigurator["default"], (0, _extends2["default"])({
     catalog: MyCatalog,
     width: width,
     height: height,
@@ -461,7 +461,7 @@ function KitchenConfiguratorApp(props) {
 
 /* ============================== prop types ============================== */
 
-KitchenConfiguratorApp.propTypes = {
+LiteRenderer.propTypes = {
   width: _propTypes["default"].oneOfType([_propTypes["default"].number, _propTypes["default"].string]),
   height: _propTypes["default"].oneOfType([_propTypes["default"].number, _propTypes["default"].string]),
   projectElement: _propTypes["default"].arrayOf(_propTypes["default"].object),

package/lib/actions/export.js

@@ -4,7 +4,7 @@ var _typeof = require("@babel/runtime/helpers/typeof");
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.viewer3DActions = exports.viewer2DActions = exports.verticesActions = exports.sceneActions = exports.projectActions = exports.linesActions = exports.itemsActions = exports.holesActions = exports.groupsActions = exports["default"] = exports.areaActions = void 0;
+exports.viewer3DActions = exports.viewer2DActions = exports.verticesActions = exports.userActions = exports.sceneActions = exports.projectActions = exports.linesActions = exports.itemsActions = exports.holesActions = exports.groupsActions = exports["default"] = exports.areaActions = void 0;
 var projectActions = _interopRequireWildcard(require("./project-actions"));
 exports.projectActions = projectActions;
 var viewer2DActions = _interopRequireWildcard(require("./viewer2d-actions"));
@@ -25,6 +25,8 @@ var areaActions = _interopRequireWildcard(require("./area-actions"));
 exports.areaActions = areaActions;
 var groupsActions = _interopRequireWildcard(require("./groups-actions"));
 exports.groupsActions = groupsActions;
+var userActions = _interopRequireWildcard(require("./user-actions"));
+exports.userActions = userActions;
 function _interopRequireWildcard(e, t) { if ("function" == typeof WeakMap) var r = new WeakMap(), n = new WeakMap(); return (_interopRequireWildcard = function _interopRequireWildcard(e, t) { if (!t && e && e.__esModule) return e; var o, i, f = { __proto__: null, "default": e }; if (null === e || "object" != _typeof(e) && "function" != typeof e) return f; if (o = t ? n : r) { if (o.has(e)) return o.get(e); o.set(e, f); } for (var _t in e) "default" !== _t && {}.hasOwnProperty.call(e, _t) && ((i = (o = Object.defineProperty) && Object.getOwnPropertyDescriptor(e, _t)) && (i.get || i.set) ? o(f, _t, i) : f[_t] = e[_t]); return f; })(e, t); }
 var _default = exports["default"] = {
   projectActions: projectActions,
@@ -36,5 +38,6 @@ var _default = exports["default"] = {
   verticesActions: verticesActions,
   itemsActions: itemsActions,
   areaActions: areaActions,
-  groupsActions: groupsActions
+  groupsActions: groupsActions,
+  userActions: userActions
 };

package/lib/actions/user-actions.js

@@ -0,0 +1,68 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.login = login;
+exports.logout = logout;
+exports.setUserData = setUserData;
+exports.submitLogin = submitLogin;
+var _constants = require("../constants");
+var _jwtService = _interopRequireDefault(require("../components/login/jwtService"));
+var _history = _interopRequireDefault(require("../@history"));
+var _localstorageSlim = _interopRequireDefault(require("localstorage-slim"));
+function submitLogin(values) {
+  _jwtService["default"].signInWithEmailAndPassword(values).then(function (response) {
+    console.log(response);
+    if (response.data.user) {
+      setUser(response.data.user);
+      setSession(response.data.token);
+      return {
+        type: _constants.LOGIN_SUCCESS,
+        user: response.data.user
+      };
+    }
+  })["catch"](function (error) {
+    return {
+      type: _constants.LOGIN_ERROR,
+      payload: error
+    };
+  });
+}
+function logout() {
+  _jwtService["default"].logout();
+  _history["default"].push({
+    pathname: '/login'
+  });
+  return {
+    type: _constants.LOGOUT
+  };
+}
+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 = _localstorageSlim["default"].get(_constants.LOCAL_STORAGE_ORIGINAL_TOKEN);
+  var tokenName = _localstorageSlim["default"].get(_constants.LOCAL_STORAGE_TOKEN_NAME);
+  var extraParams = '';
+  if (tokenName && originalAccessToken) {
+    extraParams = "&".concat(tokenName).concat(originalAccessToken);
+  }
+  _history["default"].push({
+    pathname: "/".concat(visualizerName, "/project/").concat(role, "/").concat(token, "/").concat(projectId, "?").concat(utm.toString()).concat(extraParams)
+  });
+  return {
+    type: _constants.LOGIN_SUCCESS,
+    userid: userid
+  };
+}
+function setUserData(user) {
+  return function (dispatch) {
+    dispatch({
+      type: _constants.SET_USER_DATA,
+      payload: user
+    });
+  };
+}

package/lib/analytics/ga4.js

@@ -0,0 +1,194 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.GA = void 0;
+var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
+var _reactGa = _interopRequireDefault(require("react-ga4"));
+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) { (0, _defineProperty2["default"])(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; }
+// ---------- 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 ----------
+var GA = exports.GA = {
+  init: function init(_ref) {
+    var measurementId = _ref.measurementId;
+    _reactGa["default"].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["default"].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["default"].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["default"].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["default"].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["default"].event('cabinet_placed', params);
+    },
+    /**
+     * door_changed(door_id)
+     */
+    doorChanged: function doorChanged(door_id) {
+      var client_name = getClientName();
+      _reactGa["default"].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["default"].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["default"].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["default"].event('add_to_cart', {
+        client_name: client_name,
+        project_id: project_id,
+        sku_count: sku_count,
+        price_total: price_total
+      });
+    }
+  }
+};

package/lib/analytics/posthog.js

@@ -0,0 +1,68 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.PH = void 0;
+exports.bootSessionContext = bootSessionContext;
+exports.getSessionId = getSessionId;
+var _posthogJs = _interopRequireDefault(require("posthog-js"));
+// ---- session context ----
+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
+  _posthogJs["default"].register({
+    client_name: client_name,
+    project_entry: project_entry,
+    cross_auth: cross_auth
+  });
+
+  // First-hit event for qualitative flow
+  _posthogJs["default"].capture('session_started', {
+    client_name: client_name,
+    project_entry: project_entry,
+    cross_auth: cross_auth
+  });
+}
+
+// Optional: expose session id for replay linkage
+function getSessionId() {
+  try {
+    return _posthogJs["default"].get_session_id();
+  } catch (_unused) {
+    return null;
+  }
+}
+
+// ---- event wrappers (mirror GA4 conversions) ----
+var PH = exports.PH = {
+  projectSaved: function projectSaved(project_id) {
+    _posthogJs["default"].capture('project_saved', {
+      project_id: project_id,
+      client_name: sessionStorage.getItem('visualizerName'),
+      session_id: getSessionId()
+    });
+  },
+  assistanceRequested: function assistanceRequested(method, project_id) {
+    _posthogJs["default"].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) {
+    _posthogJs["default"].capture('add_to_cart', {
+      project_id: project_id,
+      sku_count: sku_count,
+      price_total: price_total,
+      client_name: sessionStorage.getItem('visualizerName'),
+      session_id: getSessionId()
+    });
+  }
+};