imagine-curator-sdk 0.1.1 → 0.1.2

package/README.md

@@ -1,55 +1,30 @@
 # Imagine Curator SDK
 
-A complete React application for the Imagine.io 3D Curator.
+React components for 3D visualization and rendering.
 
 ## Installation
 
 ```bash
-npm install
-```
-
-## Development
-
-```bash
-npm run dev
-```
-
-## Build
-
-```bash
-npm run build
+npm install imagine-curator-sdk
 ```
 
 ## Usage
 
-The main component is `CuratorWrapper` which wraps the entire Curator application with Redux store and routing.
-
 ```jsx
-import CuratorWrapper from './src/CuratorWrapper';
+import CuratorWrapper from 'imagine-curator-sdk';
+import 'imagine-curator-sdk/styles';
 
-// Render the curator
-<CuratorWrapper />
+function App() {
+  return <CuratorWrapper />;
+}
 ```
 
-## Project Structure
+## Peer Dependencies
 
-```
-package/
-├── src/
-│   ├── CuratorWrapper.jsx    # Main wrapper component
-│   ├── screens/
-│   │   └── Curator.jsx       # Main curator screen
-│   ├── redux/
-│   │   └── store.js          # Redux store configuration
-│   ├── components/           # UI components
-│   ├── hooks/                # Custom React hooks
-│   ├── helpers/              # Utility functions
-│   ├── api/                  # API calls
-│   └── contexts/             # React contexts
-├── public/                   # Static assets
-├── package.json
-├── vite.config.js
-└── index.html
+This package requires React 18+:
+
+```bash
+npm install react react-dom
 ```
 
 ## License

package/package.json

@@ -1,9 +1,8 @@
 {
   "name": "imagine-curator-sdk",
-  "version": "0.1.1",
-  "description": "Imagine Curator SDK - 3D visualization and rendering component",
+  "version": "0.1.2",
+  "description": "Imagine Curator SDK - React components for 3D visualization and rendering",
   "type": "module",
-  "homepage": "/",
   "main": "src/lib.js",
   "module": "src/lib.js",
   "exports": {
@@ -14,213 +13,74 @@
     "src",
     "public"
   ],
-  "dependencies": {
-    "@djthoms/pretty-checkbox": "^3.1.0",
-    "@egjs/view360": "3.6.2",
-    "@hookform/resolvers": "^2.8.8",
-    "@lottiefiles/dotlottie-react": "^0.12.0",
-    "@pathofdev/react-tag-input": "^1.0.7",
-    "@react-oauth/google": "^0.7.0",
-    "@react-pdf/renderer": "^4.3.0",
-    "@reduxjs/toolkit": "^1.7.2",
-    "@sentry/cli": "^2.41.1",
-    "@sentry/react": "^8.52.0",
-    "@sentry/wizard": "^3.40.0",
-    "@stripe/react-stripe-js": "^1.7.0",
-    "@stripe/stripe-js": "^1.25.0",
-    "@techstark/opencv-js": "^4.8.0-release.4",
-    "@testing-library/jest-dom": "^5.16.2",
-    "@testing-library/react": "^14.0.0",
-    "@testing-library/user-event": "^13.5.0",
-    "assert": "^2.0.0",
-    "autoprefixer": "10.4.5",
-    "axios": "^0.25.0",
-    "bootstrap": "^5.1.3",
-    "browser-image-compression": "^2.0.0",
-    "concurrently": "^7.0.0",
-    "country-state-city": "^3.0.1",
-    "date-fns": "^2.28.0",
-    "decompress-response": "^8.0.0",
-    "detect-browser": "^5.3.0",
-    "device-detector-js": "^3.0.3",
-    "dom-to-image-more": "^3.3.0",
-    "downloadjs": "^1.4.7",
-    "draft-js": "^0.11.7",
-    "draft-js-export-html": "^1.4.1",
-    "draft-js-plugins-editor": "^3.0.0",
-    "exiftool.js": "^0.3.0",
-    "fflate": "^0.8.2",
-    "file-saver": "^2.0.5",
-    "filesize": "^9.0.11",
-    "formik": "^2.2.9",
-    "gapi-script": "^1.2.0",
-    "gltf-validator": "^2.0.0-dev.3.9",
-    "history": "^5.3.0",
-    "hotkeys-js": "^3.9.2",
-    "idb": "^7.0.1",
-    "immutable": "^4.1.0",
-    "is-hotkey": "^0.2.0",
-    "javascript-time-ago": "^2.3.13",
-    "jszip": "^3.10.0",
-    "jszip-utils": "^0.1.0",
-    "jwt-decode": "^3.1.2",
-    "lodash": "^4.17.21",
-    "memoizee": "^0.4.15",
-    "memory-stats": "^1.0.2",
-    "mixpanel-browser": "^2.47.0",
-    "moment": "^2.29.1",
-    "moment-timezone": "^0.5.43",
-    "multiselect-react-dropdown": "^2.0.17",
-    "mz-react-round-slider": "^1.0.3",
-    "online-3d-viewer": "^0.14.0",
-    "piexifjs": "^1.0.6",
-    "pluralize": "^8.0.0",
-    "posthog-js": "^1.260.3",
-    "pretty-checkbox-react": "^3.2.0",
-    "pubsub-js": "^1.9.4",
-    "pure-color": "^1.3.0",
-    "rc-progress": "^3.3.3",
-    "rc-slider": "^11.1.7",
-    "react": "^18.2.0",
-    "react-360-view": "^0.1.3",
-    "react-alice-carousel": "^2.6.1",
-    "react-aria": "^3.36.0",
-    "react-beautiful-dnd": "^13.1.0",
-    "react-beforeunload": "^2.5.3",
-    "react-bootstrap": "^2.2.2",
-    "react-bootstrap-toggle": "^2.3.2",
-    "react-bootstrap-typeahead": "^6.0.0-alpha.11",
-    "react-code-input": "^3.10.1",
-    "react-color": "^2.19.3",
-    "react-compare-slider": "^3.1.0",
-    "react-confirm-alert": "^2.8.0",
-    "react-contenteditable": "^3.3.6",
-    "react-datepicker": "^4.7.0",
-    "react-device-detect": "^2.2.3",
-    "react-dom": "^18.2.0",
-    "react-draggable": "^4.4.5",
-    "react-dropzone": "^12.0.5",
-    "react-easy-crop": "^5.0.2",
-    "react-full-screen": "^1.1.0",
-    "react-google-drive-picker": "^1.2.0",
-    "react-google-recaptcha": "^3.1.0",
-    "react-gtm-module": "^2.0.11",
-    "react-helmet": "^6.1.0",
-    "react-hook-form": "^7.29.0",
-    "react-hubspot-form": "^1.3.7",
-    "react-icons": "^4.3.1",
-    "react-image-crop": "^10.1.8",
-    "react-image-file-resizer": "^0.4.8",
-    "react-image-lightbox": "^5.1.4",
-    "react-infinite-scroll-component": "^6.1.0",
-    "react-infinite-scroll-hook": "^4.0.3",
-    "react-infinite-scroller": "^1.2.6",
-    "react-js-pagination": "^3.0.3",
-    "react-loading": "^2.0.3",
-    "react-loading-skeleton": "^3.1.0",
-    "react-magnifier": "^3.0.4",
-    "react-multi-carousel": "^2.8.4",
-    "react-number-format": "^4.9.4",
-    "react-overlays": "^5.1.1",
-    "react-paginate": "^8.1.3",
-    "react-phone-input-2": "^2.14.0",
-    "react-qr-code": "^2.0.11",
-    "react-redux": "^7.2.6",
-    "react-responsive-carousel": "^3.2.23",
-    "react-router-dom": "^6.2.1",
-    "react-scroll": "^1.8.7",
-    "react-select": "^5.2.2",
-    "react-select-async-paginate": "^0.6.1",
-    "react-slick": "^0.28.1",
-    "react-sortablejs": "^6.0.0",
-    "react-tagsinput": "^3.19.0",
-    "react-time-ago": "^7.1.9",
-    "react-toastify": "^8.1.1",
-    "react-unity-webgl": "^8.7.4",
-    "react-use": "^17.3.2",
-    "react-video-thumbnail": "^0.1.3",
-    "react-youtube": "^10.1.0",
-    "react-zoom-pan-pinch": "^2.1.3",
-    "reselect": "^4.1.8",
-    "rgb-hex": "^4.0.0",
-    "sass": "^1.49.7",
-    "shaka-player-react": "^1.1.5",
-    "slick-carousel": "^1.8.1",
-    "sortablejs": "^1.14.0",
-    "source-map-explorer": "^2.5.2",
-    "spritespin": "^5.0.0-beta.1",
-    "swiper": "^8.1.3",
-    "three": "^0.132.2",
-    "three-usdz-loader": "^1.0.9",
-    "unzipit": "^1.4.0",
-    "use-dropbox-chooser": "^0.0.5",
-    "userpilot": "^1.3.5",
-    "utif": "^3.1.0",
-    "uuid": "^8.3.2",
-    "validator": "^13.11.0",
-    "web-vitals": "^2.1.4",
-    "xlsx": "^0.18.5",
-    "yup": "^0.32.11"
-  },
-  "scripts": {
-    "dev": "vite",
-    "start": "cross-env VITE_VERSION=\"$(git rev-parse HEAD)\" env-cmd -e development vite",
-    "start-dev-v3": "cross-env VITE_VERSION=\"$(git rev-parse HEAD)\" env-cmd -e dev vite",
-    "start-stage": "cross-env VITE_VERSION=\"$(git rev-parse HEAD)\" env-cmd -e stage vite",
-    "start-staging": "env-cmd -e staging vite",
-    "start-prod": "env-cmd -e production vite",
-    "prebuild": "rimraf build && echo $(git rev-parse HEAD) > public/version.txt",
-    "build": "vite build",
-    "build-local": "npm run prebuild && cross-env VITE_VERSION=\"$(git rev-parse HEAD)\" env-cmd -e local vite build",
-    "build-dev": "npm run prebuild && cross-env VITE_VERSION=\"$(git rev-parse HEAD)\" env-cmd -e development vite build",
-    "build-dev-v3": "npm run prebuild && cross-env VITE_VERSION=\"$(git rev-parse HEAD)\" env-cmd -e dev vite build",
-    "build-stage": "npm run prebuild && cross-env VITE_VERSION=$(git rev-parse HEAD) env-cmd -e stage vite build",
-    "build-staging": "npm run prebuild && cross-env VITE_VERSION=\"$(git rev-parse HEAD)\" env-cmd -e staging vite build",
-    "build-prod": "npm run prebuild && cross-env VITE_VERSION=\"$(git rev-parse HEAD)\" env-cmd -e production vite build --sourcemap",
-    "build-lib": "rimraf dist && env-cmd -e production vite build --mode library",
-    "preview": "vite preview",
-    "lint": "eslint src --ext .js,.jsx"
-  },
-  "browserslist": {
-    "production": [
-      ">0.2%",
-      "not dead",
-      "not op_mini all"
-    ],
-    "development": [
-      "last 1 chrome version",
-      "last 1 firefox version",
-      "last 1 safari version"
-    ]
-  },
   "peerDependencies": {
     "react": "^18.0.0",
     "react-dom": "^18.0.0"
   },
-  "devDependencies": {
-    "@vitejs/plugin-react": "^4.2.1",
-    "cross-env": "^7.0.3",
-    "env-cmd": "^10.1.0",
-    "eslint": "^8.13.0",
-    "rimraf": "^5.0.5",
-    "vite": "^5.4.2"
-  },
-  "browser": {
-    "crypto": false,
-    "fs": false,
-    "os": false,
-    "path": false,
-    "stream": false
+  "dependencies": {
+    "@dnd-kit/core": "^6.0.8",
+    "@dnd-kit/sortable": "^7.0.2",
+    "@dnd-kit/utilities": "^3.2.1",
+    "@hello-pangea/dnd": "^16.6.0",
+    "@hookform/resolvers": "^3.3.4",
+    "@lottiefiles/react-lottie-player": "^3.5.3",
+    "@popperjs/core": "^2.11.8",
+    "@react-spring/web": "^9.7.3",
+    "@reduxjs/toolkit": "^2.2.1",
+    "@sentry/react": "^8.0.0",
+    "@types/uuid": "^9.0.8",
+    "axios": "^1.6.7",
+    "bootstrap": "^5.3.3",
+    "classnames": "^2.5.1",
+    "colord": "^2.9.3",
+    "copy-to-clipboard": "^3.3.3",
+    "crypto-js": "^4.2.0",
+    "dexie": "^3.2.5",
+    "formik": "^2.4.5",
+    "fuse.js": "^7.0.0",
+    "idb": "^8.0.0",
+    "javascript-time-ago": "^2.5.10",
+    "js-cookie": "^3.0.5",
+    "lodash": "^4.17.21",
+    "lottie-react": "^2.4.0",
+    "moment": "^2.30.1",
+    "pako": "^2.1.0",
+    "papaparse": "^5.4.1",
+    "react-bootstrap": "^2.10.2",
+    "react-colorful": "^5.6.1",
+    "react-datepicker": "^6.2.0",
+    "react-dom": "^18.2.0",
+    "react-hook-form": "^7.51.0",
+    "react-infinite-scroll-component": "^6.1.0",
+    "react-range": "^1.8.14",
+    "react-redux": "^9.1.0",
+    "react-router-dom": "^6.22.2",
+    "react-select": "^5.8.0",
+    "react-time-ago": "^7.3.1",
+    "react-toastify": "^10.0.4",
+    "react-tooltip": "^5.26.3",
+    "react-unity-webgl": "^9.5.2",
+    "react-zoom-pan-pinch": "^3.4.4",
+    "redux": "^5.0.1",
+    "reselect": "^5.1.0",
+    "sass": "^1.71.1",
+    "swiper": "^11.0.7",
+    "uuid": "^9.0.1",
+    "yup": "^1.4.0"
   },
   "keywords": [
     "react",
     "3d",
     "visualization",
     "curator",
-    "rendering",
+    "imagine",
     "sdk",
-    "imagine"
+    "rendering"
   ],
-  "author": "Imagine.io",
-  "license": "MIT"
+  "author": "",
+  "license": "MIT",
+  "repository": {
+    "type": "git",
+    "url": ""
+  }
 }

package/src/assets/scss/index.scss

@@ -1,7 +1,7 @@
 // Bootstrap
 @import "./_variables";
 @import './bootstrapVariables'; // Overrides
-@import '../../../node_modules/bootstrap/scss/bootstrap';
+@import 'bootstrap/scss/bootstrap';
 @import "../fonts/fonts.scss";
 
 // Variables

package/src/common/CreateCollectionForm.jsx

@@ -59,7 +59,7 @@ export const CreateCollectionForm = ({ onCancel, onSuccess }) => {
   const createCollection = async (values) => {
 
     const payload = { ...values };
-    payload.owner = currentUser.id;
+    payload.owner = currentUser?.id;
 
     try {
       const result = await apiCreateCollection(payload);

package/src/common/OrgSection/OrgSection.jsx

@@ -99,7 +99,7 @@ function OrgOwnerModal(props) {
 
   const formattedMemberList = useMemo(() => {
     return memberList
-      .filter((m) => m.id !== currentUser.id)
+      .filter((m) => m.id !== currentUser?.id)
       .map((m) => ({
         id: m.id,
         image: m.user.profile_image,
@@ -207,7 +207,7 @@ export default function OrgSection(props) {
 
   useEffect(() => {
     getOrgInfo();
-  }, [userDetails, userCtx.currentUser.organization, userCtx.currentUser.role.is_owner]);
+  }, [userDetails, userCtx.currentUser?.organization, userCtx.currentUser?.role?.is_owner]);
 
   useEffect(() => {
     getOrgOwner();

package/src/components/Configurator/ConfigTab/EditMaterialProperties/EditMaterialProperties.jsx

@@ -113,8 +113,10 @@ export const EditMaterialProperties = () => {
   }, [customMapSelectionActive, editTextureActive]);
 
   useEffect(() => {
-    dispatch(getCuratorSettings({ userId: currentUser.user.id }));
-  }, []);
+    if (currentUser?.user?.id) {
+      dispatch(getCuratorSettings({ userId: currentUser.user.id }));
+    }
+  }, [currentUser?.user?.id]);
 
   if (!option) {
     return <EditMaterialWhileNoData option={option} labelId={labelId} />;

package/src/components/RetailAutomation/RetailAutomationRender/RetailAutomationRender.jsx

@@ -353,7 +353,7 @@ export const RetailAutomationRender = ({ show, onClose, popupHeader }) => {
         errorToastV2('Collection with the same name already exists. Please add another name.');
         return;
       } else {
-        selectedCollectionLocal = await createANewCollection(collectionName, currentUser.id);
+        selectedCollectionLocal = await createANewCollection(collectionName, currentUser?.id);
       }
     } else {
       selectedCollectionLocal = selectedCollection;

package/src/components/TeamMembersFilter/TeamMembersFilter.jsx

@@ -91,8 +91,8 @@ const TeamMembersFilterOverlayController = (props) => {
   });
 
   // const listWithCurrentUserAsFirst = memberList;
-  const listWithCurrentUserAsFirst = memberList.filter((m) => m.id !== currentUser.id);
-  listWithCurrentUserAsFirst.unshift(currentUser);
+  const listWithCurrentUserAsFirst = memberList.filter((m) => m.id !== currentUser?.id);
+  if (currentUser) listWithCurrentUserAsFirst.unshift(currentUser);
 
   useEffect(() => {
     if (dataLoadedOnce) {

package/src/components/admin/curator/CuratorHeader/CreateProductBuilderPreview.jsx

@@ -66,7 +66,7 @@ export const CreateProductBuilderPreview = ({ show, onClose }) => {
   const dispatch = useDispatch();
   const { room_id } = useParams();
   const { currentUser } = useUserContext();
-  const organisationId = currentUser.organization;
+  const organisationId = currentUser?.organization;
   const [resolutionExceedMsg, setResolutionExceedMsg] = useState('');
   const [selectedCameraId, setSelectedCameraId] = useState(null);
   const selectedCamera = cameras.find((c) => c?.id === selectedCameraId);

package/src/components/admin/curator/CuratorHeader/NavigationFile.jsx

@@ -90,8 +90,8 @@ export const NavigationFile = ({ onLiveOnAppClick, combinedWithConfiguratorId })
   const saveEnabled =
     type !== 'room' &&
     currentUser &&
-    projectOwner?.owner_organization === currentUser.organization &&
-    (projectOwner?.id === currentUser.user?.id || projectOwner?.user_id == currentUser.user?.id);
+    projectOwner?.owner_organization === currentUser?.organization &&
+    (projectOwner?.id === currentUser?.user?.id || projectOwner?.user_id == currentUser?.user?.id);
   const disableMenuItems = !curatorInitialized || exportProjectLoading || isOnboarding;
 
   useEffect(() => {

package/src/components/admin/curator/CuratorHeader/useCreatePropGroup.js

@@ -161,9 +161,9 @@ export const useCreatePropGroup = ({ visible, onHide }) => {
       });
 
     const currentOrg = {
-      id: currentUser.organization_detail.id,
-      value: currentUser.organization_detail.id,
-      label: currentUser.organization_detail.name,
+      id: currentUser?.organization_detail?.id,
+      value: currentUser?.organization_detail?.id,
+      label: currentUser?.organization_detail?.name,
     };
     setCreatePropGroup({
       ...createPropGroup,

package/src/components/admin/curator/CuratorHeader/useCreateRoom.js

@@ -238,7 +238,7 @@ export const useCreateRoom = ({ visible, onHide, saveMaterial = false, showInter
     //     field: 'owner_organization',
     //     message: 'Please Enter Material Owner',
     //   });
-    if (createRoom.organization.length === 0 && currentUser.is_live_on_app)
+    if (createRoom.organization.length === 0 && currentUser?.is_live_on_app)
       errorList.push({
         field: 'organization',
         message: 'Please add atleast one Organisation',
@@ -353,7 +353,7 @@ export const useCreateRoom = ({ visible, onHide, saveMaterial = false, showInter
     filterOptions?.forEach((data) => {
       materialFormData.append('filteroptions', data)
     })
-    if (currentUser.is_live_on_app) {
+    if (currentUser?.is_live_on_app) {
       materialFormData.append('owner', createRoom?.owner_organization?.value || currentUser?.organization || currentUser?.organization_detail?.id);
       const allOrgSelected = createRoom?.organization?.map((data) => data.value);
       if (allOrgSelected?.includes('all')) {

package/src/components/admin/curator/CuratorHeader/useUnityShortcuts.js

@@ -1028,8 +1028,8 @@ export const useUnityShortcuts = () => {
 
     const projectOwner = selectProjectOwner(getAppState());
     const isOwner =
-      projectOwner?.owner_organization === currentUser.organization &&
-      projectOwner?.id === currentUser.user.id;
+      projectOwner?.owner_organization === currentUser?.organization &&
+      projectOwner?.id === currentUser?.user?.id;
     if (!isOwner) {
       saveProjectAsNew();
       return;

package/src/components/admin/curator/ProductBuilderComponents/ProductBuilderUnity.jsx

@@ -75,7 +75,7 @@ export const ProductBuilderUnity = React.memo(() => {
   const curatorInitialized = useSelector(selectCuratorInitialized);
   const saveAsModal = useSelector(selectSaveAsModal);
   const { currentUser } = useUserContext();
-  const organisationId = currentUser.organization;
+  const organisationId = currentUser?.organization;
   const { filterData } = useSelector(filterSelector);
   const [isMapsSet, setIsMapsSet] = useState(false);
   const [isInitializing, setIsInitializing] = useState(false);
@@ -518,7 +518,7 @@ export const ProductBuilderUnity = React.memo(() => {
     ) {
       return;
     }
-    const brands = currentUser.organization;
+    const brands = currentUser?.organization;
     const params = {
       brands,
       search: '',

package/src/components/admin/curator/RenderPreviewsDialog/RenderPreviewDialog.jsx

@@ -342,7 +342,7 @@ const RenderPreviewDialogContent = (props) => {
       isCallback: callback ? true : false,
     };
     if (isBuilder) {
-      const organisationId = currentUser.organization;
+      const organisationId = currentUser?.organization;
       const roomId = await roomIdForMattressBuilder({ organisationId });
       data.mattressBuilderObj = {
         roomId,

package/src/components/admin/curator/components/TileGrout/SaveTilePattern.jsx

@@ -65,7 +65,7 @@ export const SaveTilePattern = ({ show, handleClose }) => {
   const [metallicMapImageDetail, setMetallicMapImageDetail] = useState();
   const dispatch = useDispatch();
   const { currentUser } = useUserContext();
-  const brands = currentUser.organization;
+  const brands = currentUser?.organization;
   const selectedPattern = useSelector(selectSelectedPattern);
   const [heightWidthFromUnity, setHeightWidthFromUnity] = useState();
   const erosionValues = useSelector(selectErosionValues);

package/src/components/admin/curator/components/TileGrout/SelectNewTiles.jsx

@@ -36,7 +36,7 @@ export const SelectNewTiles = ({ closeTexture, isNewTextureScreen }) => {
   const [loading, setLoading] = useState(false);
   const [hasMore, setHasMore] = useState(false);
   const { currentUser } = useUserContext();
-  const brands = currentUser.organization;
+  const brands = currentUser?.organization;
   let textureParams = {
     brands,
     per_page: 20,

package/src/components/admin/curator/components/TileGrout/TileGroutPattern.jsx

@@ -50,7 +50,7 @@ export const TileGroutPattern = ({ resetValues, changeTabToProp }) => {
     const [allData, setAllData] = useState([]);
     const [allCopyData, setAllCopyData] = useState([]);
     const { currentUser } = useUserContext();
-    const brands = currentUser.organization;
+    const brands = currentUser?.organization;
     const selectedPatternFromStore = useSelector(selectSelectedPattern);
     let allGroutColors = useSelector(selectAllColors);
     const unity = useUnityContext();

package/src/components/admin/curator/components/TileGrout/TileGroutTextureList.jsx

@@ -43,7 +43,7 @@ export const TileGroutTextureList = ({ closeTexture, isTextureScreen }) => {
     const [loading, setLoading] = useState(false);
     const [hasMore, setHasMore] = useState(false);
     const { currentUser } = useUserContext();
-    const brands = currentUser.organization;
+    const brands = currentUser?.organization;
     let textureParams = {
         brands,
         per_page: 20,

package/src/components/admin/curator/components/camera/CameraPresetsPopup.jsx

@@ -111,7 +111,7 @@ export const CameraPresetsPopup = ({ open, onClose, originalTemplateId, lightRoo
 
         <CuratorAccordion hideArrows activeKey="NONE">
           {sortedCameraPresetsList?.map((camera) => {
-            const belongsToUser = camera.member === currentUser.id;
+            const belongsToUser = camera.member === currentUser?.id;
             const selected = selectedIds.includes(camera.id);
 
             return (

package/src/components/admin/curator/components/camera/useCameraActions.js

@@ -127,7 +127,7 @@ export const useCameraActions = () => {
     camDetails.lensShiftY = camDetails.lensShiftY;
 
     camDetails.cameraName = name;
-    camDetails.member = currentUser.id;
+    camDetails.member = currentUser?.id;
 
     const canvasSize = selectCanvasSize(getAppState());
     camDetails.canvas_width = decimals(canvasSize.width || 0, 4);
@@ -166,7 +166,7 @@ export const useCameraActions = () => {
 
     const cameraCopy = {
       ...camera,
-      member: currentUser.id,
+      member: currentUser?.id,
       isdepthOfField: false,
       selectedObjectName: '',
       focusXPos: '',

package/src/components/admin/curator/components/camera/useImportCameraPresets.js

@@ -59,7 +59,7 @@ export const useImportCameraPresets = () => {
       let projectTypeKey = type === 'project' ? 'project' : 'room';
       let keyToSave = roomId;
       formData.append(projectTypeKey, keyToSave);
-      formData.append('member', currentUser.id);
+      formData.append('member', currentUser?.id);
       formData.append('data', JSON.stringify(presetList));
 
 

package/src/components/admin/curator/components/lights/HDRIPopup.jsx

@@ -49,10 +49,10 @@ export const HDRIPopup = () => {
   const isMyHdriOpen = hdriPopup === HDRI_POPUP.MY;
 
   const requestParams = useMemo(() => {
-    return isMyHdriOpen 
-      ? { created_by: currentUser.id }
+    return isMyHdriOpen
+      ? { created_by: currentUser?.id }
       : { is_preset: true }
-  }, [isMyHdriOpen])
+  }, [isMyHdriOpen, currentUser?.id])
 
   let {
     list: hdriList,

package/src/components/admin/curator/components/lights/useHDRIUpload.js

@@ -86,7 +86,7 @@ export const useHDRIUpload = () => {
       file: hdriFile,
       thumbnail: imageFile,
       output_reference: imageFile,
-      member: currentUser.id,
+      member: currentUser?.id,
 
       name,
     });

package/src/components/admin/curator/components/saveMaterial/SaveMaterialPreset.jsx

@@ -211,7 +211,7 @@ export const SaveMaterialPresetContent = memo(({ modalProps }) => {
                   </Col>
                 </Row>
               )} */}
-              {currentUser.is_live_on_app && (
+              {currentUser?.is_live_on_app && (
                 <div className="mb-3">
                   <SelectFormGroupV2
                     label="Organization"

package/src/components/admin/curator/moreSection/moreSection.jsx

@@ -76,7 +76,7 @@ const MoreSection = memo(() => {
   };
 
   const menuItems = useMemo(() => {
-    const items = (sidebarConfig || [])
+    const items = sidebarConfig
       .map((item) => {
         if (item.name === CURATOR_MENU_SECTION.AUTOMATION && !hasPermission(PERMISSION.CAN_CREATE_AUTOMATION)) return null;
         if (item.name === CURATOR_MENU_SECTION.TILE_GROUT && !hasPermission(PERMISSION.CAN_CREATE_TILE_GROUT)) return null;
@@ -91,7 +91,6 @@ const MoreSection = memo(() => {
         };
       })
       .filter((item) => {
-        if (!item) return false;
         if (HIDDEN_SECTIONS.includes(item.name)) return false;
 
         return !item.isDefault;

package/src/components/admin/curator/sideBar.v2.jsx

@@ -181,7 +181,7 @@ export const SidebarV2 = memo(() => {
       // },
     };
 
-    let menuConfig = (sidebarConfig || []).map((item) => {
+    let menuConfig = sidebarConfig.map((item) => {
       return {
         name: item.unique_name,
         label: item.short_name || item.display_name,

package/src/components/admin/curator/sidebarProductBuilder.jsx

@@ -170,7 +170,7 @@ export const SidebarProductBuilder = memo(() => {
         Icon: CuratorLayerIconSmall,
       },
     };
-    const menuConfig = (sidebarConfig || []).map((item) => {
+    const menuConfig = sidebarConfig.map((item) => {
       return {
         name: item.unique_name,
         label: item.short_name || item.display_name,

package/src/components/admin/curator/stylesSection/ColorsTab/useColors.js

@@ -47,7 +47,7 @@ export const useColors = ({ undoRedoDisabled } = {}) => {
     const result = await dispatch(
       ColorCodeAddApi({
         color: hex,
-        memberId: currentUser.id,
+        memberId: currentUser?.id,
         ...(name && { name })
       })
     );

package/src/components/admin/curator/stylesSection/PropertiesTab/useTextureImages.js

@@ -105,7 +105,7 @@ export const useTextureImages = (changedMapsPath, properties) => {
             label: t.label,
             type: t.type,
             // organizationId: textureData?.owner_organization,
-            organizationName: currentUser.organization !== orgId ? brand?.name : null,
+            organizationName: currentUser?.organization !== orgId ? brand?.name : null,
             name: textureData?.name || 'Default',
           };
         })

package/src/components/admin/curator/stylesSection/TexturesTab/useTextures.js

@@ -23,7 +23,7 @@ export const useTextures = ({
 
   const requestParams = useMemo(() => {
     const baseFilter = {
-      ...(useBrandsFilter ? { brands: currentUser.organization } : {}),
+      ...(useBrandsFilter ? { brands: currentUser?.organization } : {}),
       ...params,
     };
 

package/src/components/admin/curator/stylesSection/TexturesTab/useUploadTexture.js

@@ -65,7 +65,7 @@ export const useUploadTexture = ({ applyTexture, type, isBuilder } = {}) => {
   const { isUnlimitedTextures, hideNewPlans, isFreemiumUser } = useCurrentOrganizationInfo();
   const availableTextures = useSelector(selectAvailableTextures);
   const { isGuestLogin, currentUser } = useUserContext();
-  const brands = currentUser.organization;
+  const brands = currentUser?.organization;
 
   const uploadTexture = handlePermissionEvent(PERMISSION.UPLOAD_TEXTURE, async (files) => {
     if (files.length > availableTextures && !isUnlimitedTextures && !isMattressBuilderPage()) {

package/src/helpers/idb.js

@@ -659,12 +659,8 @@ export const clearAllUploadedFilesIDB = async () => {
 }
 // endregion
 
-// Ensure window.LFApp exists before setting idb
-if (typeof window !== 'undefined') {
-  window.LFApp = window.LFApp || {};
-  window.LFApp.idb = {
-    getAsset,
-    STORE,
-    getAllFiles,
-  };
-}
+window.LFApp.idb = {
+  getAsset,
+  STORE,
+  getAllFiles,
+};

package/src/hooks/useAutomationPopup.js

@@ -211,8 +211,8 @@ export const useCreateAutomation = () => {
       //   formObj.append('room_id', calculatedRoomId);
       // }
       formObj.append('room_id', calculatedRoomId);
-      formObj.append('created_by', currentUser.id);
-      formObj.append('owner_organization', currentUser.organization);
+      formObj.append('created_by', currentUser?.id);
+      formObj.append('owner_organization', currentUser?.organization);
       formObj.append('json_file', blob, 'room_info.json');
 
       addIdsToRequestData({

package/src/hooks/useModelActions.jsx

@@ -60,7 +60,7 @@ export const useModelActions = ({
     const member_id =
       modelType === MODEL_TYPES.COLLECTION ? owner_detail.user.member_id : member_details.member_id;
 
-    if (!isAdminOrOwner(currentUser) && member_id !== currentUser.id) {
+    if (!isAdminOrOwner(currentUser) && member_id !== currentUser?.id) {
       warningToast('You do not have ownership to delete this item.', {
         toastId: `CAN_NOT_DELETE_${item.id}`,
       });

package/src/lib.js

@@ -1,23 +1,16 @@
 // Library entry point for npm package
-
-// Initialize global variables first
 import './globalVars';
-
-// Initialize javascript-time-ago locale (required for react-time-ago)
 import TimeAgo from 'javascript-time-ago';
 import en from 'javascript-time-ago/locale/en';
+
 TimeAgo.addDefaultLocale(en);
 
-// Global styles
 import './assets/scss/index.scss';
 import './assets/css/__theme.scss';
 
 import CuratorWrapper from './CuratorWrapper';
 import store from './redux/store';
 
-// Export main component
 export { CuratorWrapper };
 export { store };
-
-// Default export
 export default CuratorWrapper;

package/src/pages/admin/curator/curatorAutosave.js

@@ -143,8 +143,8 @@ const updateBackendAutosave = async ({ roomInfo }) => {
 
   const currentUser = getCurrentUser();
   const canEditFile =
-    projectData?.created_by === currentUser.id ||
-    (isAdminOrOwner(currentUser) && projectData?.organization === currentUser.organization);
+    projectData?.created_by === currentUser?.id ||
+    (isAdminOrOwner(currentUser) && projectData?.organization === currentUser?.organization);
 
   const formData = new FormData();
 

package/src/redux/slicers/admin/curatorMenuPreferencesSlicer.js

@@ -76,7 +76,7 @@ export default curatorMenuPreferencesReducer;
 export const selectEnabledSections = (state) => {
   return state.curatorMenuPreferences.enabledSections
 }
-export const selectSidebarDefaultConfig = (state) => state.curatorMenuPreferences?.config || [];
+export const selectSidebarDefaultConfig = (state) => state.curatorMenuPreferences.config;
 export const selectEnabledSectionsIds = (state) => {
   const { enabledSections, config } = state.curatorMenuPreferences;
   

package/src/screens/RenderDetails.jsx

@@ -1299,7 +1299,7 @@ const RenderDetails = memo(
       icon: BinIcon,
       title: isPreviewOrUpload ? 'Delete' : 'Archive',
       clickFunction: () => {
-        if (memberDetails.id !== currentUser.user.id && !isAdminOrOwner(currentUser)) {
+        if (memberDetails.id !== currentUser?.user?.id && !isAdminOrOwner(currentUser)) {
           errorToast('You cannot delete other members file', {
             toastId: 'DELETE_FORBIDDEN',
           });