@crystaldesign/diva-navigator 25.13.0-beta.9 → 25.14.0-beta.1

package/build/esm/index.js

@@ -14,8 +14,9 @@ import Switch from 'react-switch';
 import Dropdown from 'react-dropdown';
 import { md5 } from '@crystaldesign/diva-utils';
 import _typeof from '@babel/runtime/helpers/typeof';
+import { Alert, Button as Button$1, Stack, Paper, Typography, Divider, TextField } from '@mui/material';
+import SearchIcon from '@mui/icons-material/Search';
 import { Html5Qrcode } from 'html5-qrcode';
-import { Alert } from '@mui/material';
 import Snowfall from 'react-snowfall';
 
 (function() {
@@ -2014,12 +2015,13 @@ var OrganizationName = function OrganizationName(_ref) {
 };
 
 var button = "button-gd-lv";
+var label = "label-tExJZ";
 var scannerIcon = "scanner-icon-ve-jf";
 var scannerPlaceholder = "scanner-placeholder-HFpri";
 var scanner = "scanner-8R-jp";
 var hidden = "hidden-C49rQ";
 var wrapper$1 = "wrapper-urPnU";
-var css_248z$3 = ".button-gd-lv {\n  margin: 12px 22px;\n  height: 35px;\n  min-width: 35px;\n  cursor: pointer;\n  transition: background-color ease-in-out 0.2s;\n  -webkit-mask: url(\"data:image/svg+xml,%3Csvg enable-background%3D%22new 0 0 24 24%22 height%3D%2224%22 viewBox%3D%220 0 24 24%22 width%3D%2224%22 xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cpath d%3D%22m0 0h24v24h-24z%22 fill%3D%22none%22%2F%3E%3Cpath d%3D%22m9.5 6.5v3h-3v-3zm1.5-1.5h-6v6h6zm-1.5 9.5v3h-3v-3zm1.5-1.5h-6v6h6zm6.5-6.5v3h-3v-3zm1.5-1.5h-6v6h6zm-6 8h1.5v1.5h-1.5zm1.5 1.5h1.5v1.5h-1.5zm1.5-1.5h1.5v1.5h-1.5zm-3 3h1.5v1.5h-1.5zm1.5 1.5h1.5v1.5h-1.5zm1.5-1.5h1.5v1.5h-1.5zm1.5-1.5h1.5v1.5h-1.5zm0 3h1.5v1.5h-1.5zm4.5-10.5h-2v-3h-3v-2h5zm0 15v-5h-2v3h-3v2zm-20 0h5v-2h-3v-3h-2zm0-20v5h2v-3h3v-2z%22%2F%3E%3C%2Fsvg%3E\");\n          mask: url(\"data:image/svg+xml,%3Csvg enable-background%3D%22new 0 0 24 24%22 height%3D%2224%22 viewBox%3D%220 0 24 24%22 width%3D%2224%22 xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cpath d%3D%22m0 0h24v24h-24z%22 fill%3D%22none%22%2F%3E%3Cpath d%3D%22m9.5 6.5v3h-3v-3zm1.5-1.5h-6v6h6zm-1.5 9.5v3h-3v-3zm1.5-1.5h-6v6h6zm6.5-6.5v3h-3v-3zm1.5-1.5h-6v6h6zm-6 8h1.5v1.5h-1.5zm1.5 1.5h1.5v1.5h-1.5zm1.5-1.5h1.5v1.5h-1.5zm-3 3h1.5v1.5h-1.5zm1.5 1.5h1.5v1.5h-1.5zm1.5-1.5h1.5v1.5h-1.5zm1.5-1.5h1.5v1.5h-1.5zm0 3h1.5v1.5h-1.5zm4.5-10.5h-2v-3h-3v-2h5zm0 15v-5h-2v3h-3v2zm-20 0h5v-2h-3v-3h-2zm0-20v5h2v-3h3v-2z%22%2F%3E%3C%2Fsvg%3E\");\n  background-color: black;\n  -webkit-mask-size: cover;\n          mask-size: cover;\n}\n.diva-component-DIVA_BACKOFFICE_NEW #diva-header.darkmode .button-gd-lv {\n  background-color: white;\n}\n\n.button-gd-lv:hover {\n  background-color: var(--diva-theme-palette-primary-main);\n}\n\n.scanner-icon-ve-jf {\n  background-image: url(\"data:image/svg+xml,%3Csvg enable-background%3D%22new 0 0 24 24%22 height%3D%2224%22 viewBox%3D%220 0 24 24%22 width%3D%2224%22 xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cpath d%3D%22m0 0h24v24h-24z%22 fill%3D%22none%22%2F%3E%3Cpath d%3D%22m9.5 6.5v3h-3v-3zm1.5-1.5h-6v6h6zm-1.5 9.5v3h-3v-3zm1.5-1.5h-6v6h6zm6.5-6.5v3h-3v-3zm1.5-1.5h-6v6h6zm-6 8h1.5v1.5h-1.5zm1.5 1.5h1.5v1.5h-1.5zm1.5-1.5h1.5v1.5h-1.5zm-3 3h1.5v1.5h-1.5zm1.5 1.5h1.5v1.5h-1.5zm1.5-1.5h1.5v1.5h-1.5zm1.5-1.5h1.5v1.5h-1.5zm0 3h1.5v1.5h-1.5zm4.5-10.5h-2v-3h-3v-2h5zm0 15v-5h-2v3h-3v2zm-20 0h5v-2h-3v-3h-2zm0-20v5h2v-3h3v-2z%22%2F%3E%3C%2Fsvg%3E\");\n  background-repeat: no-repeat;\n  background-size: contain;\n  height: 100px;\n  width: 100px;\n  margin: 10px 0;\n}\n\n.scanner-placeholder-HFpri {\n  margin: 0 auto;\n  width: -moz-fit-content;\n  width: fit-content;\n  display: flex;\n  flex-direction: column;\n  align-items: center;\n}\n\n.scanner-8R-jp {\n  width: 600px;\n  max-width: 100%;\n  margin-top: 10px;\n}\n\n.hidden-C49rQ {\n  display: none;\n}\n\n.wrapper-urPnU {\n  margin-top: -20px;\n}\n";
+var css_248z$3 = ".button-gd-lv {\n  min-width: 0 !important;\n}\n\n.button-gd-lv {\n  margin: 0 16px;\n  text-wrap: nowrap;\n  overflow: hidden;\n  max-width: 40px;\n  transition: max-width 200ms ease;\n}\n\n.button-gd-lv .MuiButton-startIcon {\n  margin-right: 0;\n  margin-left: 0;\n  transition: margin-right 200ms ease;\n}\n\n.label-tExJZ {\n  display: inline-block;\n  opacity: 0;\n  width: 0;\n  white-space: nowrap;\n  overflow: hidden;\n  margin-left: 0;\n  transition:\n    opacity 150ms ease,\n    width 200ms ease,\n    margin-left 200ms ease;\n}\n\n.button-gd-lv:hover {\n  max-width: 240px;\n}\n\n.button-gd-lv:hover .MuiButton-startIcon {\n  margin-right: 8px;\n}\n\n.button-gd-lv:hover .label-tExJZ {\n  opacity: 1;\n  width: auto;\n  margin-left: 4px;\n}\n\n.scanner-icon-ve-jf {\n  background-image: url(\"data:image/svg+xml,%3Csvg enable-background%3D%22new 0 0 24 24%22 height%3D%2224%22 viewBox%3D%220 0 24 24%22 width%3D%2224%22 xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cpath d%3D%22m0 0h24v24h-24z%22 fill%3D%22none%22%2F%3E%3Cpath d%3D%22m9.5 6.5v3h-3v-3zm1.5-1.5h-6v6h6zm-1.5 9.5v3h-3v-3zm1.5-1.5h-6v6h6zm6.5-6.5v3h-3v-3zm1.5-1.5h-6v6h6zm-6 8h1.5v1.5h-1.5zm1.5 1.5h1.5v1.5h-1.5zm1.5-1.5h1.5v1.5h-1.5zm-3 3h1.5v1.5h-1.5zm1.5 1.5h1.5v1.5h-1.5zm1.5-1.5h1.5v1.5h-1.5zm1.5-1.5h1.5v1.5h-1.5zm0 3h1.5v1.5h-1.5zm4.5-10.5h-2v-3h-3v-2h5zm0 15v-5h-2v3h-3v2zm-20 0h5v-2h-3v-3h-2zm0-20v5h2v-3h3v-2z%22%2F%3E%3C%2Fsvg%3E\");\n  background-repeat: no-repeat;\n  background-size: contain;\n  height: 100px;\n  width: 100px;\n  margin: 10px 0;\n}\n\n.scanner-placeholder-HFpri {\n  margin: 0 auto;\n  width: -moz-fit-content;\n  width: fit-content;\n  display: flex;\n  flex-direction: column;\n  align-items: center;\n}\n\n.scanner-8R-jp {\n  width: 600px;\n  max-width: 100%;\n  margin-top: 10px;\n}\n\n.hidden-C49rQ {\n  display: none;\n}\n\n.wrapper-urPnU {\n  margin-top: -20px;\n}\n";
 styleInject(css_248z$3);
 
 var LOG$1 = getLogger('Framework', 'QrCoedScanner');
@@ -2082,6 +2084,13 @@ function matchDivaNr(url) {
 function matchProduct(_x, _x2, _x3) {
   return _matchProduct.apply(this, arguments);
 }
+
+/**
+ * Gets the product by the given divaNr.
+ *
+ * @param divaNr The divaNr to get the product for
+ * @param apiGetProductByFilter The function to get the product by filter
+ */
 function _matchProduct() {
   _matchProduct = _asyncToGenerator(/*#__PURE__*/_regeneratorRuntime.mark(function _callee(url, shopBaseUrl, apiGetProductByFilter) {
     var _product$data$;
@@ -2184,6 +2193,77 @@ function _matchProduct() {
   }));
   return _matchProduct.apply(this, arguments);
 }
+function getProductByDivaNr(_x4, _x5) {
+  return _getProductByDivaNr.apply(this, arguments);
+}
+function _getProductByDivaNr() {
+  _getProductByDivaNr = _asyncToGenerator(/*#__PURE__*/_regeneratorRuntime.mark(function _callee2(divaNr, apiGetProductByFilter) {
+    var _product$data$2;
+    var filter, product;
+    return _regeneratorRuntime.wrap(function _callee2$(_context2) {
+      while (1) switch (_context2.prev = _context2.next) {
+        case 0:
+          filter = [{
+            id: 'divaNr',
+            op: 'eq',
+            value: divaNr
+          }, {
+            id: 'baseProduct',
+            op: 'eq',
+            value: false
+          }];
+          _context2.next = 3;
+          return apiGetProductByFilter(filter, 1, true, true);
+        case 3:
+          product = _context2.sent;
+          return _context2.abrupt("return", (_product$data$2 = product.data[0]) === null || _product$data$2 === void 0 ? void 0 : _product$data$2._id);
+        case 5:
+        case "end":
+          return _context2.stop();
+      }
+    }, _callee2);
+  }));
+  return _getProductByDivaNr.apply(this, arguments);
+}
+function checkConfigurationByDivaNr(_x6, _x7, _x8) {
+  return _checkConfigurationByDivaNr.apply(this, arguments);
+}
+function _checkConfigurationByDivaNr() {
+  _checkConfigurationByDivaNr = _asyncToGenerator(/*#__PURE__*/_regeneratorRuntime.mark(function _callee3(divaNr, jwt, basketService) {
+    var _divaNr$split, _divaNr$split2, onlyDivaNr, version, response;
+    return _regeneratorRuntime.wrap(function _callee3$(_context3) {
+      while (1) switch (_context3.prev = _context3.next) {
+        case 0:
+          _divaNr$split = divaNr.split('-'), _divaNr$split2 = _slicedToArray(_divaNr$split, 3), onlyDivaNr = _divaNr$split2[1], version = _divaNr$split2[2];
+          _context3.prev = 1;
+          _context3.next = 4;
+          return fetch("".concat(basketService, "/baskets/configuration?divaNr=DIVA-").concat(onlyDivaNr, "&fields={DivaNr}&dontRepairBasket=true").concat(version ? '&version=' + version : ''), {
+            headers: {
+              Authorization: "Bearer ".concat(jwt)
+            }
+          });
+        case 4:
+          response = _context3.sent;
+          if (!response.ok) {
+            _context3.next = 7;
+            break;
+          }
+          return _context3.abrupt("return", true);
+        case 7:
+          return _context3.abrupt("return", false);
+        case 10:
+          _context3.prev = 10;
+          _context3.t0 = _context3["catch"](1);
+          LOG$1.warn('Error checking configuration by divaNr', _context3.t0);
+          return _context3.abrupt("return", false);
+        case 14:
+        case "end":
+          return _context3.stop();
+      }
+    }, _callee3, null, [[1, 10]]);
+  }));
+  return _checkConfigurationByDivaNr.apply(this, arguments);
+}
 
 var LOG = getLogger('Framework', 'QrCoedScanner');
 function Scanner() {
@@ -2196,6 +2276,8 @@ function Scanner() {
     _useDivaCore$state = _useDivaCore.state,
     organization = _useDivaCore$state.organization,
     qrCodeScanner = _useDivaCore$state.navigationConfiguration.qrCodeScanner,
+    jwt = _useDivaCore$state.jwt,
+    apiConfig = _useDivaCore$state.apiConfig,
     productHandler = _useDivaCore.handler.productHandler;
   var _useState = useState(true),
     _useState2 = _slicedToArray(_useState, 2),
@@ -2209,57 +2291,69 @@ function Scanner() {
     setError = _React$useState2[1];
   var onScanned = /*#__PURE__*/function () {
     var _ref = _asyncToGenerator(/*#__PURE__*/_regeneratorRuntime.mark(function _callee(text) {
-      var divaNr, productId;
+      var divaNr, isValid, productId;
       return _regeneratorRuntime.wrap(function _callee$(_context) {
         while (1) switch (_context.prev = _context.next) {
           case 0:
             if (!(qrCodeScanner == true || _typeof(qrCodeScanner) == 'object' && (qrCodeScanner === null || qrCodeScanner === void 0 ? void 0 : qrCodeScanner.basket) == true)) {
-              _context.next = 8;
+              _context.next = 15;
               break;
             }
             divaNr = matchDivaNr(text);
             if (!divaNr) {
-              _context.next = 8;
+              _context.next = 15;
               break;
             }
             LOG.debug('Found DivaNR in QR Code: ' + divaNr);
+            _context.next = 6;
+            return checkConfigurationByDivaNr(divaNr, jwt, apiConfig.basketService);
+          case 6:
+            isValid = _context.sent;
+            if (!isValid) {
+              _context.next = 12;
+              break;
+            }
             closeModal();
-            _context.next = 7;
+            _context.next = 11;
             return openComponent({
               type: 'DIVA_WEBPLANNER',
               parameters: {
                 divaNr: divaNr
               }
             });
-          case 7:
+          case 11:
             return _context.abrupt("return");
-          case 8:
+          case 12:
+            LOG.debug('Configuration is invalid');
+            setError('scanner.error.unknownCode');
+            return _context.abrupt("return");
+          case 15:
             if (!((qrCodeScanner == true || _typeof(qrCodeScanner) == 'object' && (qrCodeScanner === null || qrCodeScanner === void 0 ? void 0 : qrCodeScanner.product) == true) && organization !== null && organization !== void 0 && organization.shopBaseUrl)) {
-              _context.next = 18;
+              _context.next = 25;
               break;
             }
-            _context.next = 11;
+            _context.next = 18;
             return matchProduct(text, organization.shopBaseUrl, productHandler.apiGetProductByFilter.bind(productHandler));
-          case 11:
+          case 18:
             productId = _context.sent;
             if (!productId) {
-              _context.next = 18;
+              _context.next = 25;
               break;
             }
             LOG.debug('Found Shop URL in QR Code: ' + organization.shopBaseUrl, productId);
             closeModal();
-            _context.next = 17;
+            _context.next = 24;
             return openComponent({
               type: 'DIVA_WEBPLANNER',
               parameters: {
                 productId: productId
               }
             });
-          case 17:
+          case 24:
             return _context.abrupt("return");
-          case 18:
+          case 25:
             setError('scanner.error.unknownCode');
-          case 19:
+          case 26:
           case "end":
             return _context.stop();
         }
@@ -2360,22 +2454,206 @@ function Scanner() {
   });
 }
 
-function QrCodeScanner () {
-  var _useDivaCore = useDivaCore(),
-    openModal = _useDivaCore.actions.openModal;
+function ScannerModalContent() {
   var _useTranslation = useTranslation(),
     t = _useTranslation.t;
+  var _useDivaCore = useDivaCore(),
+    _useDivaCore$actions = _useDivaCore.actions,
+    closeModal = _useDivaCore$actions.closeModal,
+    openComponent = _useDivaCore$actions.openComponent,
+    _useDivaCore$state = _useDivaCore.state,
+    qrCodeScanner = _useDivaCore$state.navigationConfiguration.qrCodeScanner,
+    jwt = _useDivaCore$state.jwt,
+    apiConfig = _useDivaCore$state.apiConfig,
+    productHandler = _useDivaCore.handler.productHandler;
+  var _React$useState = React.useState(false),
+    _React$useState2 = _slicedToArray(_React$useState, 2),
+    showScanner = _React$useState2[0],
+    setShowScanner = _React$useState2[1];
+  var _React$useState3 = React.useState(''),
+    _React$useState4 = _slicedToArray(_React$useState3, 2),
+    divaNrInput = _React$useState4[0],
+    setDivaNrInput = _React$useState4[1];
+  var _React$useState5 = React.useState(undefined),
+    _React$useState6 = _slicedToArray(_React$useState5, 2),
+    errorKey = _React$useState6[0],
+    setErrorKey = _React$useState6[1];
+  var isValidDivaNr = function isValidDivaNr(value) {
+    return /^DIVA-\d+(-\d+)?$/i.test(value.trim());
+  };
+  var handleSubmitManual = /*#__PURE__*/function () {
+    var _ref = _asyncToGenerator(/*#__PURE__*/_regeneratorRuntime.mark(function _callee() {
+      var normalized, isValid, productId;
+      return _regeneratorRuntime.wrap(function _callee$(_context) {
+        while (1) switch (_context.prev = _context.next) {
+          case 0:
+            normalized = divaNrInput.trim().toUpperCase();
+            if (isValidDivaNr(normalized)) {
+              _context.next = 4;
+              break;
+            }
+            setErrorKey('scanner.error.invalidDivaNr');
+            return _context.abrupt("return");
+          case 4:
+            if (!(qrCodeScanner == true || _typeof(qrCodeScanner) == 'object' && (qrCodeScanner === null || qrCodeScanner === void 0 ? void 0 : qrCodeScanner.basket) == true)) {
+              _context.next = 14;
+              break;
+            }
+            _context.next = 7;
+            return checkConfigurationByDivaNr(normalized, jwt, apiConfig.basketService);
+          case 7:
+            isValid = _context.sent;
+            if (!isValid) {
+              _context.next = 13;
+              break;
+            }
+            closeModal();
+            _context.next = 12;
+            return openComponent({
+              type: 'DIVA_WEBPLANNER',
+              parameters: {
+                divaNr: normalized
+              }
+            });
+          case 12:
+            return _context.abrupt("return");
+          case 13:
+            setErrorKey('scanner.error.invalidDivaNr');
+          case 14:
+            if (!(qrCodeScanner == true || _typeof(qrCodeScanner) == 'object' && (qrCodeScanner === null || qrCodeScanner === void 0 ? void 0 : qrCodeScanner.product) == true)) {
+              _context.next = 23;
+              break;
+            }
+            _context.next = 17;
+            return getProductByDivaNr(normalized, productHandler.apiGetProductByFilter.bind(productHandler));
+          case 17:
+            productId = _context.sent;
+            if (!productId) {
+              _context.next = 23;
+              break;
+            }
+            closeModal();
+            _context.next = 22;
+            return openComponent({
+              type: 'DIVA_WEBPLANNER',
+              parameters: {
+                productId: productId
+              }
+            });
+          case 22:
+            return _context.abrupt("return");
+          case 23:
+            setErrorKey('scanner.error.invalidDivaNr');
+          case 24:
+          case "end":
+            return _context.stop();
+        }
+      }, _callee);
+    }));
+    return function handleSubmitManual() {
+      return _ref.apply(this, arguments);
+    };
+  }();
+  return /*#__PURE__*/jsxs(Stack, {
+    spacing: 3,
+    sx: {
+      mt: 1
+    },
+    children: [/*#__PURE__*/jsx(Paper, {
+      variant: "outlined",
+      sx: {
+        p: 2
+      },
+      children: /*#__PURE__*/jsxs(Stack, {
+        spacing: 1,
+        children: [/*#__PURE__*/jsx(Typography, {
+          variant: "subtitle1",
+          children: t('scanner.scanQrcode.title')
+        }), /*#__PURE__*/jsx(Button$1, {
+          variant: "contained",
+          onClick: function onClick() {
+            return setShowScanner(true);
+          },
+          children: t('scanner.scanQrcode.button')
+        }), /*#__PURE__*/jsx(Typography, {
+          variant: "caption",
+          color: "text.secondary",
+          children: t('scanner.scanInfo')
+        }), showScanner && /*#__PURE__*/jsx(Scanner, {})]
+      })
+    }), /*#__PURE__*/jsx(Divider, {
+      children: /*#__PURE__*/jsx(Typography, {
+        variant: "caption",
+        children: t('common.or')
+      })
+    }), /*#__PURE__*/jsx(Paper, {
+      variant: "outlined",
+      sx: {
+        p: 2
+      },
+      children: /*#__PURE__*/jsxs(Stack, {
+        spacing: 1,
+        children: [/*#__PURE__*/jsx(Typography, {
+          variant: "subtitle1",
+          children: t('scanner.enterManually')
+        }), errorKey && /*#__PURE__*/jsx(Alert, {
+          severity: "warning",
+          children: t(errorKey)
+        }), /*#__PURE__*/jsx(TextField, {
+          autoFocus: !showScanner,
+          label: t('scanner.divaNrLabel'),
+          placeholder: "DIVA-1234-2",
+          value: divaNrInput,
+          onChange: function onChange(e) {
+            setErrorKey(undefined);
+            setDivaNrInput(e.target.value);
+          },
+          onKeyDown: function onKeyDown(e) {
+            if (e.key === 'Enter') {
+              e.preventDefault();
+              e.stopPropagation();
+              void handleSubmitManual();
+            }
+          }
+        }), /*#__PURE__*/jsx(Button$1, {
+          type: "button",
+          variant: "contained",
+          onClick: function onClick() {
+            return void handleSubmitManual();
+          },
+          disabled: !isValidDivaNr(divaNrInput),
+          children: t('scanner.openDivaNr')
+        }), /*#__PURE__*/jsx(Typography, {
+          variant: "caption",
+          color: "text.secondary",
+          children: t('scanner.manualHint')
+        })]
+      })
+    })]
+  });
+}
+function QrCodeScanner () {
+  var _useDivaCore2 = useDivaCore(),
+    openModal = _useDivaCore2.actions.openModal;
+  var _useTranslation2 = useTranslation(),
+    t = _useTranslation2.t;
   return /*#__PURE__*/jsx(Fragment$1, {
-    children: /*#__PURE__*/jsx("div", {
-      className: button,
+    children: /*#__PURE__*/jsx(Button$1, {
       id: "qr-code-scanner-button",
       onClick: function onClick() {
         return openModal({
           rejectByIcon: true,
           title: t('scanner.title'),
-          content: /*#__PURE__*/jsx(Scanner, {})
+          content: /*#__PURE__*/jsx(ScannerModalContent, {})
         });
-      }
+      },
+      className: button,
+      startIcon: /*#__PURE__*/jsx(SearchIcon, {}),
+      variant: "outlined",
+      children: /*#__PURE__*/jsx("span", {
+        className: label,
+        children: t('scanner.title')
+      })
     })
   });
 }
@@ -2388,7 +2666,10 @@ var Header = /*#__PURE__*/React.forwardRef(function (_ref, ref) {
     _useDivaCore$state = _useDivaCore.state,
     hideSnow = _useDivaCore$state.hideSnow,
     user = _useDivaCore$state.user,
-    isMobile = _useDivaCore$state.dimensions.isMobile,
+    _useDivaCore$state$di = _useDivaCore$state.dimensions,
+    isMobile = _useDivaCore$state$di.isMobile,
+    isTablet = _useDivaCore$state$di.isTablet,
+    isPortrait = _useDivaCore$state$di.isPortrait,
     _useDivaCore$state$na = _useDivaCore$state.navigationConfiguration,
     customHeaderElement = _useDivaCore$state$na.customHeaderElement,
     showLogin = _useDivaCore$state$na.showLogin,
@@ -2434,6 +2715,9 @@ var Header = /*#__PURE__*/React.forwardRef(function (_ref, ref) {
     }
     e.stopPropagation();
   };
+
+  //still show buttons on tablet in landscape mode
+  var showButtons = !isMobile || isTablet && !isPortrait;
   return /*#__PURE__*/jsxs(Fragment$1, {
     children: [/*#__PURE__*/jsxs("div", {
       id: "diva-header",
@@ -2452,12 +2736,12 @@ var Header = /*#__PURE__*/React.forwardRef(function (_ref, ref) {
         className: headerWrapper,
         children: [/*#__PURE__*/jsx(Logos, {}), welcomeText && /*#__PURE__*/jsx(WelcomeText, {
           text: welcomeText
-        }), !isMobile && /*#__PURE__*/jsx(Buttons, {}), /*#__PURE__*/jsxs("div", {
+        }), showButtons && /*#__PURE__*/jsx(Buttons, {}), /*#__PURE__*/jsxs("div", {
           className: headerWrapperRight,
           children: [!!qrCodeScanner && /*#__PURE__*/jsx(QrCodeScanner, {}), !!customHeaderElement && /*#__PURE__*/jsx("div", {
             className: customArea,
             children: customHeaderElement()
-          }), !isMobile && (showOrgName || showUserName) && /*#__PURE__*/jsx(OrganizationName, {
+          }), showButtons && (showOrgName || showUserName) && /*#__PURE__*/jsx(OrganizationName, {
             showOrgName: showOrgName,
             showUserName: showUserName,
             onClickProfile: onClickProfile

package/build/types/navigator/src/Header/QrCodeScanner/Scanner.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"Scanner.d.ts","sourceRoot":"","sources":["../../../../../../src/Header/QrCodeScanner/Scanner.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAwC,MAAM,OAAO,CAAC;AAU7D,wBAAgB,OAAO,sBAmFtB"}
+{"version":3,"file":"Scanner.d.ts","sourceRoot":"","sources":["../../../../../../src/Header/QrCodeScanner/Scanner.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAwC,MAAM,OAAO,CAAC;AAU7D,wBAAgB,OAAO,sBA2FtB"}

package/build/types/navigator/src/Header/QrCodeScanner/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../../src/Header/QrCodeScanner/index.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,MAAM,OAAO,CAAC;AAI1B,MAAM,CAAC,OAAO,gCAqBb"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../../src/Header/QrCodeScanner/index.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,MAAM,OAAO,CAAC;AAwG1B,MAAM,CAAC,OAAO,gCAyBb"}

package/build/types/navigator/src/Header/QrCodeScanner/utils.d.ts

@@ -31,4 +31,18 @@ export declare function matchProduct(url: string, shopBaseUrl: string, apiGetPro
 }[], limit: number, useFilter?: boolean, hierarchy?: boolean) => Promise<{
     data: any[];
 }>): Promise<any>;
+/**
+ * Gets the product by the given divaNr.
+ *
+ * @param divaNr The divaNr to get the product for
+ * @param apiGetProductByFilter The function to get the product by filter
+ */
+export declare function getProductByDivaNr(divaNr: string, apiGetProductByFilter: (filter: {
+    id: string;
+    op: string;
+    value: string | number | boolean;
+}[], limit: number, useFilter?: boolean, hierarchy?: boolean) => Promise<{
+    data: any[];
+}>): Promise<string | undefined>;
+export declare function checkConfigurationByDivaNr(divaNr: string, jwt: string, basketService: string): Promise<boolean>;
 //# sourceMappingURL=utils.d.ts.map

package/build/types/navigator/src/Header/QrCodeScanner/utils.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"utils.d.ts","sourceRoot":"","sources":["../../../../../../src/Header/QrCodeScanner/utils.ts"],"names":[],"mappings":"AAIA;;;;;;;;;;;;GAYG;AACH,wBAAgB,WAAW,CAAC,GAAG,EAAE,MAAM,sBA0BtC;AAED;;;;;;;;;;;GAWG;AACH,wBAAsB,YAAY,CAChC,GAAG,EAAE,MAAM,EACX,WAAW,EAAE,MAAM,EACnB,qBAAqB,EAAE,CACrB,MAAM,EAAE;IAAE,EAAE,EAAE,MAAM,CAAC;IAAC,EAAE,EAAE,MAAM,CAAC;IAAC,KAAK,EAAE,MAAM,GAAG,MAAM,GAAG,OAAO,CAAA;CAAE,EAAE,EACtE,KAAK,EAAE,MAAM,EACb,SAAS,CAAC,EAAE,OAAO,EACnB,SAAS,CAAC,EAAE,OAAO,KAChB,OAAO,CAAC;IAAE,IAAI,EAAE,GAAG,EAAE,CAAA;CAAE,CAAC,gBAwD9B"}
+{"version":3,"file":"utils.d.ts","sourceRoot":"","sources":["../../../../../../src/Header/QrCodeScanner/utils.ts"],"names":[],"mappings":"AAIA;;;;;;;;;;;;GAYG;AACH,wBAAgB,WAAW,CAAC,GAAG,EAAE,MAAM,sBA0BtC;AAED;;;;;;;;;;;GAWG;AACH,wBAAsB,YAAY,CAChC,GAAG,EAAE,MAAM,EACX,WAAW,EAAE,MAAM,EACnB,qBAAqB,EAAE,CACrB,MAAM,EAAE;IAAE,EAAE,EAAE,MAAM,CAAC;IAAC,EAAE,EAAE,MAAM,CAAC;IAAC,KAAK,EAAE,MAAM,GAAG,MAAM,GAAG,OAAO,CAAA;CAAE,EAAE,EACtE,KAAK,EAAE,MAAM,EACb,SAAS,CAAC,EAAE,OAAO,EACnB,SAAS,CAAC,EAAE,OAAO,KAChB,OAAO,CAAC;IAAE,IAAI,EAAE,GAAG,EAAE,CAAA;CAAE,CAAC,gBAwD9B;AAED;;;;;GAKG;AACH,wBAAsB,kBAAkB,CACtC,MAAM,EAAE,MAAM,EACd,qBAAqB,EAAE,CACrB,MAAM,EAAE;IAAE,EAAE,EAAE,MAAM,CAAC;IAAC,EAAE,EAAE,MAAM,CAAC;IAAC,KAAK,EAAE,MAAM,GAAG,MAAM,GAAG,OAAO,CAAA;CAAE,EAAE,EACtE,KAAK,EAAE,MAAM,EACb,SAAS,CAAC,EAAE,OAAO,EACnB,SAAS,CAAC,EAAE,OAAO,KAChB,OAAO,CAAC;IAAE,IAAI,EAAE,GAAG,EAAE,CAAA;CAAE,CAAC,GAC5B,OAAO,CAAC,MAAM,GAAG,SAAS,CAAC,CAO7B;AAED,wBAAsB,0BAA0B,CAAC,MAAM,EAAE,MAAM,EAAE,GAAG,EAAE,MAAM,EAAE,aAAa,EAAE,MAAM,oBAmBlG"}

package/build/types/navigator/src/Header/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../src/Header/index.tsx"],"names":[],"mappings":"AAAA,OAAO,KAA8B,MAAM,OAAO,CAAC;;AAgBnD,wBAwEG"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../src/Header/index.tsx"],"names":[],"mappings":"AAAA,OAAO,KAA8B,MAAM,OAAO,CAAC;;AAgBnD,wBA2EG"}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@crystaldesign/diva-navigator",
-  "version": "25.13.0-beta.9",
+  "version": "25.14.0-beta.1",
   "license": "MIT",
   "devDependencies": {
     "@testing-library/jest-dom": "^6.5.0",
@@ -24,5 +24,5 @@
   },
   "module": "build/esm/index.js",
   "types": "./build/types/navigator/src/index.d.ts",
-  "gitHead": "422542d6013f97053147659f38446a682fa7bed0"
+  "gitHead": "aee149ec7fc90964b7e70e80fadde8b653605e3d"
 }