@crystaldesign/diva-seller 24.15.0-beta.37 → 24.15.0-beta.38

package/build/esm/index.js

@@ -17,7 +17,7 @@ import CardMedia from '@mui/material/CardMedia';
 import Typography$1 from '@mui/material/Typography';
 import createStyles from '@mui/styles/createStyles';
 import makeStyles from '@mui/styles/makeStyles';
-import { styled, Typography, Card as Card$1, CardActionArea as CardActionArea$1, CardMedia as CardMedia$1, Button as Button$1, TextField, ButtonGroup as ButtonGroup$1, Tooltip, Stack, Paper as Paper$1, IconButton as IconButton$1, Checkbox as Checkbox$1, Divider as Divider$1, Alert, FormControlLabel as FormControlLabel$1, Link, InputBase, Accordion, AccordionSummary, Tabs, Tab, AccordionDetails, Table as Table$1, TableBody as TableBody$1, TableRow as TableRow$1, TableCell as TableCell$1, CardHeader, CardContent, FormControl as FormControl$1, FormHelperText, TextareaAutosize, Box as Box$1, Select as Select$1, MenuItem as MenuItem$1, ListItemButton, ListItemIcon } from '@mui/material';
+import { styled, Typography, Card as Card$1, CardActionArea as CardActionArea$1, CardMedia as CardMedia$1, Button as Button$1, TextField, ButtonGroup as ButtonGroup$1, Tooltip, Stack, Paper as Paper$1, IconButton as IconButton$1, FormControlLabel as FormControlLabel$1, Checkbox as Checkbox$1, Divider as Divider$1, Alert, AlertTitle, Link, InputBase, Accordion, AccordionSummary, Tabs, Tab, AccordionDetails, Table as Table$1, TableBody as TableBody$1, TableRow as TableRow$1, TableCell as TableCell$1, CardHeader, CardContent, FormControl as FormControl$1, FormHelperText, TextareaAutosize, Box as Box$1, Select as Select$1, MenuItem as MenuItem$1, ListItemButton, ListItemIcon } from '@mui/material';
 import { Histogram, useFilterState, FilterComponent, AnalyticsComponent } from '@crystaldesign/analytics';
 import Button from '@mui/material/Button';
 import ButtonGroup from '@mui/material/ButtonGroup';
@@ -57,11 +57,10 @@ import Input from '@mui/material/Input';
 import OrderEntry, { apiSaveRenderJobs, VariantSelector } from '@crystaldesign/order-entry';
 import _toArray from '@babel/runtime/helpers/toArray';
 import Box from '@mui/material/Box';
-import InfoIcon from '@mui/icons-material/Info';
+import StarBorderIcon from '@mui/icons-material/StarBorder';
 import EditIcon from '@mui/icons-material/Edit';
 import Alert$1 from '@mui/material/Alert';
-import AlertTitle from '@mui/material/AlertTitle';
-import ErrorOutlineIcon from '@mui/icons-material/ErrorOutline';
+import AlertTitle$1 from '@mui/material/AlertTitle';
 import classnames from 'classnames';
 import { InfoRounded, Remove, Add, Delete } from '@mui/icons-material';
 import { Swiper, SwiperSlide } from 'swiper/react';
@@ -5891,13 +5890,14 @@ var productDetailsContainer = "productDetailsContainer-5c-V9";
 var productDetailRow = "productDetailRow-9KtDG";
 var productDetailLabel = "productDetailLabel-t7Mn7";
 var favoriteContainer = "favoriteContainer-ka7lC";
+var favoriteCheckbox = "favoriteCheckbox-JYnH-";
 var actionButtonContainer = "actionButtonContainer-WfYfD";
 var productDetailsPaper = "productDetailsPaper-VsWfW";
 var productDetailText = "productDetailText-wkk6U";
 var productDetailDivider = "productDetailDivider-C1Cdh";
-var infoAlert = "infoAlert-2eo7e";
-var css_248z$a = ".container-3kPdM {\n  padding-bottom: 10px;\n  margin-top: 2px;\n}\n\n.mainStack-1xE4c {\n  width: 100%;\n  margin-top: 16px;\n}\n\n.productContainer-JcVn0 {\n  display: flex;\n  flex-direction: column;\n  align-items: center;\n  justify-content: center;\n  padding-bottom: 16px;\n  width: 100%;\n}\n\n.productNameContainer-35ZZc {\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  gap: 8px;\n  width: 100%;\n}\n\n.productNameField-hPNbW {\n  margin-right: 8px;\n}\n\n.productImage-Vn0l- {\n  width: 70%;\n  display: block;\n}\n\n.productImage-Vn0l-.hidden-zZ8fS {\n  display: none;\n}\n\n.productDetailsContainer-5c-V9 {\n  margin: 20px;\n  max-height: 100%;\n}\n\n.productDetailRow-9KtDG {\n  display: flex;\n}\n\n.productDetailLabel-t7Mn7 {\n  font-weight: bold;\n  width: 40%;\n}\n\n.favoriteContainer-ka7lC {\n  display: flex;\n  align-items: center;\n  margin-top: 16px;\n}\n\n.actionButtonContainer-WfYfD {\n  display: flex;\n  gap: 16px;\n  margin-top: 16px;\n  justify-content: space-between;\n}\n\n.productDetailsPaper-VsWfW {\n  width: 100%;\n  max-height: 60vh;\n  overflow: auto;\n}\n\n.productDetailText-wkk6U {\n  white-space: pre-wrap;\n}\n\n.productDetailDivider-C1Cdh {\n  margin-bottom: 16px;\n}\n\n.infoAlert-2eo7e {\n  display: flex;\n  align-items: center;\n  text-align: center;\n}\n\n/* Responsive styles */\n@media (min-width: 900px) {\n  .productDetailsPaper-VsWfW {\n    width: 60%;\n  }\n}\n";
-styleInject(css_248z$a);
+var alertTitle = "alertTitle-Bm1NO";
+var css_248z$b = ".container-3kPdM {\n  padding-bottom: 10px;\n  margin-top: 2px;\n}\n\n.mainStack-1xE4c {\n  width: 100%;\n  margin-top: 16px;\n}\n\n.productContainer-JcVn0 {\n  display: flex;\n  flex-direction: column;\n  align-items: center;\n  justify-content: center;\n  padding-bottom: 16px;\n  width: 100%;\n}\n\n.productNameContainer-35ZZc {\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  gap: 8px;\n  width: 100%;\n}\n\n.productNameField-hPNbW {\n  margin: 8px;\n  width: 70%;\n}\n\n.productImage-Vn0l- {\n  width: 70%;\n  display: block;\n}\n\n.productImage-Vn0l-.hidden-zZ8fS {\n  display: none;\n}\n\n.productDetailsContainer-5c-V9 {\n  margin: 20px;\n  max-height: 100%;\n}\n\n.productDetailRow-9KtDG {\n  display: flex;\n}\n\n.productDetailLabel-t7Mn7 {\n  font-weight: 600;\n  width: 40%;\n}\n\n.favoriteContainer-ka7lC {\n  display: flex;\n  align-items: center;\n  margin-top: 16px;\n}\n.favoriteCheckbox-JYnH- {\n  margin-left: 10px;\n}\n\n.actionButtonContainer-WfYfD {\n  display: flex;\n  gap: 16px;\n  margin-top: 16px;\n  justify-content: space-between;\n}\n\n.productDetailsPaper-VsWfW {\n  width: 100%;\n  max-height: 60vh;\n  overflow: auto;\n}\n\n.productDetailText-wkk6U {\n  white-space: pre-wrap;\n}\n\n.productDetailDivider-C1Cdh {\n  margin-bottom: 16px;\n}\n\n.alertTitle-Bm1NO {\n  font-weight: 600;\n}\n\n/* Responsive styles */\n@media (min-width: 900px) {\n  .productDetailsPaper-VsWfW {\n    width: 60%;\n  }\n}\n";
+styleInject(css_248z$b);
 
 function Step3Product(_ref) {
   var _currentProduct$short, _currentProduct$techn;
@@ -5912,8 +5912,8 @@ function Step3Product(_ref) {
     setImgIsLoaded = _useState2[1];
   var _useState3 = useState(false),
     _useState4 = _slicedToArray(_useState3, 2),
-    isFavorite = _useState4[0],
-    setIsFavorite = _useState4[1];
+    isFavorite = _useState4[0];
+    _useState4[1];
   var _useState5 = useState(false),
     _useState6 = _slicedToArray(_useState5, 2),
     editProductName = _useState6[0],
@@ -5935,12 +5935,10 @@ function Step3Product(_ref) {
     currentProduct.shortDescription = event.target.value;
     setText(event.target.value);
   };
-  var handleFavoriteToggle = function handleFavoriteToggle() {
-    setIsFavorite(!isFavorite);
-  };
   return /*#__PURE__*/jsxs(Box, {
     className: container$1,
     children: [/*#__PURE__*/jsx(InfoAlert$1, {
+      type: "info",
       content: /*#__PURE__*/jsx(Fragment, {
         children: t('basket.checkout.step4.info')
       })
@@ -5989,20 +5987,23 @@ function Step3Product(_ref) {
               }
             })]
           })
-        }), /*#__PURE__*/jsxs(Box, {
+        }), /*#__PURE__*/jsx(Box, {
           className: favoriteContainer,
-          children: [/*#__PURE__*/jsx(Checkbox$1, {
-            checked: isFavorite,
-            onChange: handleFavoriteToggle
-          }), /*#__PURE__*/jsx(Typography, {
-            variant: "body1",
-            sx: {
-              fontSize: {
-                sx: '14px'
-              }
-            },
-            children: t('basket.checkout.step4.favorite')
-          })]
+          children: /*#__PURE__*/jsx(InfoAlert$1, {
+            type: "warning",
+            icon: /*#__PURE__*/jsx(StarBorderIcon, {}),
+            title: t('basket.checkout.step4.favorite'),
+            content: /*#__PURE__*/jsxs(Fragment, {
+              children: [/*#__PURE__*/jsx(Typography, {
+                children: t('basket.checkout.step4.favoriteinfo')
+              }), /*#__PURE__*/jsx(FormControlLabel$1, {
+                control: /*#__PURE__*/jsx(Checkbox$1, {
+                  className: favoriteCheckbox
+                }),
+                label: t('basket.checkout.step4.savemsg')
+              })]
+            })
+          })
         }), /*#__PURE__*/jsxs(Box, {
           className: actionButtonContainer,
           children: [/*#__PURE__*/jsx(Button$1, {
@@ -6062,19 +6063,18 @@ function Step3Product(_ref) {
   });
 }
 function InfoAlert$1(_ref2) {
-  var content = _ref2.content;
-  return /*#__PURE__*/jsx(Alert, {
-    severity: "info",
-    iconMapping: {
-      info: /*#__PURE__*/jsx(InfoIcon, {})
-    },
-    className: infoAlert,
-    sx: {
-      fontSize: {
-        md: '18px'
-      }
-    },
-    children: content
+  var type = _ref2.type,
+    content = _ref2.content,
+    title = _ref2.title,
+    icon = _ref2.icon;
+  return /*#__PURE__*/jsxs(Alert, {
+    variant: "outlined",
+    severity: type,
+    icon: icon,
+    children: [title && /*#__PURE__*/jsx(AlertTitle, {
+      className: alertTitle,
+      children: title
+    }), content]
   });
 }
 
@@ -6624,6 +6624,10 @@ function Step3Checkout(_ref) {
   });
 }
 
+var infocontainer = "infocontainer-ir9gv";
+var css_248z$a = ".infocontainer-ir9gv {\n  display: flex;\n  justify-content: center;\n  align-items: center;\n}\n";
+styleInject(css_248z$a);
+
 function Step4Checkout(_ref) {
   var currentProduct = _ref.currentProduct,
     basket = _ref.basket,
@@ -6642,15 +6646,25 @@ function Step4Checkout(_ref) {
     });
   };
   if (!is3dReady) {
-    return /*#__PURE__*/jsx(ErrorAlert, {
-      title: t('basket.checkout.step4.errortitle'),
-      content: t('basket.checkout.step4.error3d')
+    return /*#__PURE__*/jsx("div", {
+      className: infocontainer,
+      children: /*#__PURE__*/jsx(InfoAlert, {
+        title: t('basket.checkout.step4.errortitle'),
+        content: /*#__PURE__*/jsx(Fragment, {
+          children: t('basket.checkout.step4.error3d')
+        })
+      })
     });
   }
   if (!productSaved) {
-    return /*#__PURE__*/jsx(ErrorAlert, {
-      title: t('basket.checkout.step4.errortitle'),
-      content: t('basket.checkout.step4.productNotSaved')
+    return /*#__PURE__*/jsx("div", {
+      className: infocontainer,
+      children: /*#__PURE__*/jsx(InfoAlert, {
+        title: t('basket.checkout.step4.errortitle'),
+        content: /*#__PURE__*/jsx(Fragment, {
+          children: t('basket.checkout.step4.productNotSaved')
+        })
+      })
     });
   }
   return /*#__PURE__*/jsxs(Box, {
@@ -6687,70 +6701,14 @@ function Step4Checkout(_ref) {
   });
 }
 function InfoAlert(_ref2) {
-  var content = _ref2.content;
-  return /*#__PURE__*/jsx(Alert$1, {
+  var title = _ref2.title,
+    content = _ref2.content;
+  return /*#__PURE__*/jsxs(Alert$1, {
+    variant: "outlined",
     severity: "info",
-    iconMapping: {
-      info: /*#__PURE__*/jsx(InfoIcon, {
-        sx: {
-          fontSize: '2rem'
-        }
-      })
-    },
-    sx: {
-      display: 'flex',
-      alignItems: 'center',
-      fontSize: '1.1rem',
-      textAlign: 'center'
-    },
-    children: content
-  });
-}
-function ErrorAlert(_ref3) {
-  var title = _ref3.title,
-    content = _ref3.content;
-  return /*#__PURE__*/jsx("div", {
-    style: {
-      paddingLeft: 100,
-      paddingRight: 100,
-      paddingTop: 25
-    },
-    children: /*#__PURE__*/jsx(Alert$1, {
-      severity: "error",
-      icon: false,
-      sx: {
-        display: 'flex',
-        justifyContent: 'center',
-        alignItems: 'center',
-        textAlign: 'center'
-      },
-      children: /*#__PURE__*/jsxs("div", {
-        style: {
-          display: 'flex',
-          flexDirection: 'column',
-          alignItems: 'center'
-        },
-        children: [/*#__PURE__*/jsx(ErrorOutlineIcon, {
-          sx: {
-            fontSize: '100px',
-            marginBottom: '16px'
-          }
-        }), /*#__PURE__*/jsxs("div", {
-          children: [/*#__PURE__*/jsx(AlertTitle, {
-            sx: {
-              fontSize: '28px',
-              marginBottom: '8px'
-            },
-            children: title
-          }), /*#__PURE__*/jsx("span", {
-            style: {
-              fontSize: '22px'
-            },
-            children: content
-          })]
-        })]
-      })
-    })
+    children: [title && /*#__PURE__*/jsx(AlertTitle$1, {
+      children: title
+    }), content]
   });
 }
 

package/build/types/seller/src/components/Basket/Step4Checkout.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"Step4Checkout.d.ts","sourceRoot":"","sources":["../../../../../../src/components/Basket/Step4Checkout.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAAE,UAAU,EAAE,MAAM,SAAS,CAAC;AAUrC,UAAU,KAAK;IACb,cAAc,EAAE,GAAG,CAAC;IACpB,YAAY,CAAC,EAAE,OAAO,CAAC;IACvB,SAAS,CAAC,EAAE,OAAO,CAAC;CACrB;AAED,MAAM,CAAC,OAAO,UAAU,aAAa,CAAC,EAAE,cAAc,EAAE,MAAM,EAAE,YAAY,EAAE,SAAS,EAAE,EAAE,UAAU,GAAG,KAAK,qBA0C5G"}
+{"version":3,"file":"Step4Checkout.d.ts","sourceRoot":"","sources":["../../../../../../src/components/Basket/Step4Checkout.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAAE,UAAU,EAAE,MAAM,SAAS,CAAC;AAQrC,UAAU,KAAK;IACb,cAAc,EAAE,GAAG,CAAC;IACpB,YAAY,CAAC,EAAE,OAAO,CAAC;IACvB,SAAS,CAAC,EAAE,OAAO,CAAC;CACrB;AAED,MAAM,CAAC,OAAO,UAAU,aAAa,CAAC,EAAE,cAAc,EAAE,MAAM,EAAE,YAAY,EAAE,SAAS,EAAE,EAAE,UAAU,GAAG,KAAK,qBAkD5G"}

package/build/types/seller/src/ui/Basket/CheckOut/components/Step3Product.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"Step3Product.d.ts","sourceRoot":"","sources":["../../../../../../../../src/ui/Basket/CheckOut/components/Step3Product.tsx"],"names":[],"mappings":"AAEA,OAAO,KAA8B,MAAM,OAAO,CAAC;AAuBnD,UAAU,KAAK;IACb,cAAc,EAAE,GAAG,CAAC;IACpB,oBAAoB,EAAE,MAAM,IAAI,CAAC;IACjC,UAAU,EAAE,CAAC,OAAO,CAAC,EAAE,UAAU,GAAG,MAAM,EAAE,QAAQ,CAAC,EAAE,OAAO,EAAE,UAAU,CAAC,EAAE,OAAO,KAAK,IAAI,CAAC;CAC/F;AAED,MAAM,CAAC,OAAO,UAAU,YAAY,CAAC,EAAE,cAAc,EAAE,oBAAoB,EAAE,UAAU,EAAE,EAAE,KAAK,qBA2G/F"}
+{"version":3,"file":"Step3Product.d.ts","sourceRoot":"","sources":["../../../../../../../../src/ui/Basket/CheckOut/components/Step3Product.tsx"],"names":[],"mappings":"AAEA,OAAO,KAA8B,MAAM,OAAO,CAAC;AAwBnD,UAAU,KAAK;IACb,cAAc,EAAE,GAAG,CAAC;IACpB,oBAAoB,EAAE,MAAM,IAAI,CAAC;IACjC,UAAU,EAAE,CAAC,OAAO,CAAC,EAAE,UAAU,GAAG,MAAM,EAAE,QAAQ,CAAC,EAAE,OAAO,EAAE,UAAU,CAAC,EAAE,OAAO,KAAK,IAAI,CAAC;CAC/F;AAED,MAAM,CAAC,OAAO,UAAU,YAAY,CAAC,EAAE,cAAc,EAAE,oBAAoB,EAAE,UAAU,EAAE,EAAE,KAAK,qBAiH/F"}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@crystaldesign/diva-seller",
-  "version": "24.15.0-beta.37",
+  "version": "24.15.0-beta.38",
   "description": "",
   "scripts": {
     "test": "echo \"Error: no test specified\" && exit 1"
@@ -29,9 +29,9 @@
     "react-dom": "^18.3.1"
   },
   "dependencies": {
-    "@crystaldesign/analytics": "24.15.0-beta.37",
-    "@crystaldesign/products-component": "24.15.0-beta.37",
-    "@crystaldesign/real-time-viewer": "24.15.0-beta.37",
+    "@crystaldesign/analytics": "24.15.0-beta.38",
+    "@crystaldesign/products-component": "24.15.0-beta.38",
+    "@crystaldesign/real-time-viewer": "24.15.0-beta.38",
     "@emotion/react": "^11.4.1",
     "@emotion/styled": "^11.3.0",
     "@mui/icons-material": "^6.1.5",
@@ -43,5 +43,5 @@
   },
   "types": "./build/types/seller/src/index.d.ts",
   "module": "build/esm/index.js",
-  "gitHead": "1931e900ce2fa2199f973b5a58bd9e803feb1b2d"
+  "gitHead": "45eeae0b110896340ed0d0c8752c376b14e9d288"
 }